PageSourceSearch

https://www.fostergrant.com/products/trifecta-travel-case?variant=45017833504937

html fostergrant.com collected 2026-09-25 19:02:21 UTC 825,084 bytes, 13,512 lines download raw bytes

1<!doctype html><html
2    class="js fg-skeleton-capable"
3    lang="en-US"
4  >
5    <head>
6      
7
8
9  <!-- OneTrust Cookies Consent Notice start for http://fostergrant.com  -->
10  
10<script type="text/javascript">
11    /* FGX-501: ensure the Tealium data layer exists before any consumer runs,
12       without clobbering an already-populated queue. */
13    window.tealium_data2track = window.tealium_data2track || [];
14  </script>
14
15
16  
16<script
17    type="text/javascript"
18    src="https://cdn.cookielaw.org/consent/019d2f81-6985-7ca0-8ab5-ed45a890d331/OtAutoBlock.js"
19    async="true"
20  ></script>
20
21
22  
22<script
23    src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
24    data-document-language="true"
25    type="text/javascript"
26    charset="UTF-8"
27    data-domain-script="019d2f81-6985-7ca0-8ab5-ed45a890d331"
28    async="true"
29  ></script>
29
30
31  
31<script type="text/javascript">
32    /**
33     * OneTrust consent callback. Signals readiness so the deferred Tealium
34     * loader can inject utag.js. Sets a flag first (for listeners attached
35     * late) and then dispatches the event (for listeners attached early).
36     */
37    function OptanonWrapper() {
38      // SKIP: One Trust Consent already loaded
39      if (window.oneTrustConsentIsReady) return;
40
41      window.oneTrustConsentIsReady = true;
42
43      var oneTrustConsentLoadedEvent;
44      if (typeof window.CustomEvent === 'function') {
45        oneTrustConsentLoadedEvent = new CustomEvent('onetrustconsentloaded');
46      } else {
47        oneTrustConsentLoadedEvent = document.createEvent('Event');
48        oneTrustConsentLoadedEvent.initEvent('onetrustconsentloaded', true, true);
49      }
50
51      window.dispatchEvent(oneTrustConsentLoadedEvent);
52    }
53  </script>
53
54  <!-- OneTrust Cookies Consent Notice end for http://fostergrant.com  -->
55
56
57      <meta charset="utf-8">
58      <meta http-equiv="X-UA-Compatible" content="IE=edge">
59      <meta name="viewport" content="width=device-width, initial-scale=1">
60<style id="fg-mobile-skeleton-critical">
61  /* Hide placeholder markup on desktop; real sections render as normal. */
62  [data-skeleton-content] {
63    display: none;
64  }
65
66  @media (max-width: 1023.98px) {
67    html.fg-skeleton-capable body {
68      margin: 0;
69      background-color: #fff;
70    }
71
72    /* Default loaded: real content visible (JS-late / no-JS safe). */
73    [data-skeleton-key] > [data-skeleton-content] {
74      display: none;
75    }
76    [data-skeleton-key] > [data-section-content] {
77      display: block;
78    }
79
80    /* Initial SSR + async busy: skeleton visible, content hidden. */
81    html.fg-skeleton-capable [data-skeleton-key][data-skeleton-initial] > [data-skeleton-content],
82    [data-skeleton-key][aria-busy="true"] > [data-skeleton-content] {
83      display: block;
84    }
85    html.fg-skeleton-capable [data-skeleton-key][data-skeleton-initial] > [data-section-content],
86    [data-skeleton-key][aria-busy="true"] > [data-section-content] {
87      display: none;
88    }
89
90    [data-skeleton-key][aria-busy="true"] .loading-overlay,
91    [data-skeleton-key][aria-busy="true"] .loading__spinner {
92      display: none !important;
93    }
94
95    [data-skeleton-key="hero"] .skeleton-loader-banner {
96      display: none !important;
97      min-height: 0 !important;
98      height: auto !important;
99    }
100
101    /* Static bars (shimmer loads with the deferred stylesheet). */
102    .fg-skeleton__bar {
103      display: block;
104      background-color: #e5e7eb;
105      border-radius: 2px;
106    }
107
108    .fg-skeleton-hero { width: 100%; padding: 0; }
109    .fg-skeleton-hero__media { width: 100%; aspect-ratio: 3 / 2; margin-bottom: 16px; }
110    .fg-skeleton-hero__title { width: 60%; height: 32px; margin: 0 auto 10px; }
111    .fg-skeleton-hero__subtitle { width: 45%; height: 18px; margin: 0 auto 14px; }
112    .fg-skeleton-hero__cta { width: 140px; height: 38px; margin: 0 auto 24px; }
113
114    .fg-skeleton-card {
115      display: flex;
116      flex-direction: column;
117      gap: 8px;
118      padding: 16px 0;
119    }
120    .fg-skeleton-card__image { width: 100%; aspect-ratio: 1 / 1; border-radius: 4px; }
121    .fg-skeleton-card__swatches { display: flex; gap: 6px; margin: 4px 0; }
122    .fg-skeleton-card__swatch { width: 14px; height: 14px; border-radius: 50%; }
123    .fg-skeleton-card__line { height: 14px; width: 80%; }
124    .fg-skeleton-card__line--short { width: 55%; }
125    .fg-skeleton-card__line--price { width: 35%; height: 16px; margin-top: 4px; }
126
127    .fg-skeleton-grid {
128      list-style: none;
129      margin: 0;
130      padding: 0 16px;
131      display: grid;
132      grid-template-columns: 1fr;
133      gap: 16px;
134    }
135    .fg-skeleton-grid[data-cols="2"] {
136      grid-template-columns: 1fr 1fr;
137      padding: 0 12px;
138      gap: 16px 12px;
139    }
140    .fg-skeleton-grid[data-cols="2"] .fg-skeleton-card__line--short { display: none; }
141    .fg-skeleton-grid[data-cols="2"] .fg-skeleton-card { padding: 8px 0; }
142
143    .fg-skeleton-collection-intro { padding: 16px; }
144    .fg-skeleton-collection-intro__title { width: 70%; height: 24px; margin: 0 auto 12px; }
145    .fg-skeleton-collection-intro__line { width: 90%; height: 14px; margin: 0 auto 8px; }
146    .fg-skeleton-collection-intro__line--short { width: 55%; }
147
148    .fg-skeleton-plp-toolbar {
149      display: flex;
150      align-items: center;
151      justify-content: space-between;
152      gap: 12px;
153      padding: 12px 16px;
154    }
155    .fg-skeleton-plp-toolbar__filter { flex: 1; height: 40px; max-width: 120px; }
156    .fg-skeleton-plp-toolbar__sort { flex: 1; height: 40px; max-width: 100px; }
157    .fg-skeleton-plp-toolbar__grid { width: 72px; height: 32px; }
158
159    .fg-skeleton-carousel { padding: 16px 16px 24px; }
160    .fg-skeleton-carousel__kicker { width: 80px; height: 12px; margin: 0 auto 10px; }
161    .fg-skeleton-carousel__title { width: 65%; height: 28px; margin: 0 auto 20px; }
162    .fg-skeleton-carousel__track {
163      list-style: none;
164      margin: 0;
165      padding: 0;
166      display: grid;
167      grid-template-columns: 1fr 1fr;
168      gap: 16px;
169    }
170    .fg-skeleton-carousel__slide { display: flex; flex-direction: column; gap: 8px; }
171
172    .fg-skeleton-pdp-media { padding: 0 0 16px; }
173    .fg-skeleton-pdp-media__main { width: 100%; aspect-ratio: 1 / 1; border-radius: 4px; }
174    .fg-skeleton-pdp-media__thumbs { display: flex; gap: 8px; margin-top: 12px; padding: 0 4px; }
175    .fg-skeleton-pdp-media__thumb { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 4px; }
176
177    .fg-skeleton-pdp-buybox {
178      padding: 16px 0 24px;
179      display: flex;
180      flex-direction: column;
181      gap: 10px;
182    }
183    .fg-skeleton-pdp-buybox__brand { width: 40%; height: 14px; }
184    .fg-skeleton-pdp-buybox__title { width: 85%; height: 24px; }
185    .fg-skeleton-pdp-buybox__price { width: 35%; height: 20px; }
186    .fg-skeleton-pdp-buybox__swatches { display: flex; gap: 8px; margin: 4px 0; }
187    .fg-skeleton-pdp-buybox__swatch { width: 28px; height: 28px; border-radius: 50%; }
188    .fg-skeleton-pdp-buybox__qty { width: 100%; height: 44px; margin-top: 4px; }
189    .fg-skeleton-pdp-buybox__cta { width: 100%; height: 48px; }
190
191    .fg-skeleton-search-header { padding: 16px; text-align: center; }
192    .fg-skeleton-search-header__title { width: 50%; height: 22px; margin: 0 auto 16px; }
193    .fg-skeleton-search-header__input { width: 100%; max-width: 400px; height: 44px; margin: 0 auto 12px; }
194    .fg-skeleton-search-header__summary { width: 70%; height: 14px; margin: 0 auto 16px; }
195    .fg-skeleton-search-header__query-title { width: 85%; height: 32px; margin: 0 auto; }
196
197    .fg-skeleton-pagination {
198      display: flex;
199      justify-content: center;
200      gap: 8px;
201      padding: 24px 16px 8px;
202    }
203    .fg-skeleton-pagination__btn { width: 36px; height: 36px; border-radius: 4px; }
204  }
205</style>
206<noscript>
207  <style>
208    @media (max-width: 1023.98px) {
209      [data-skeleton-key] > [data-section-content] { display: block !important; }
210      [data-skeleton-key] > [data-skeleton-content] { display: none !important; }
211    }
212  </style>
213</noscript>
214<script>
215  (function () {
216    var SAFETY_MS = 4000;
217    var MOBILE_QUERY = '(max-width: 1023.98px)';
218    var safetyTimerId = 0;
219
220    /**
221     * Release one initial host (SSR hand-off or safety net).
222     * @param {HTMLElement} host
223     */
224    function releaseHost(host) {
225      if (!host) return;
226      host.removeAttribute('data-skeleton-initial');
227      host.setAttribute('aria-busy', 'false');
228    }
229
230    /**
231     * Reveal every initial-mount host. Does not require fg-mobile-skeleton.js.
232     */
233    function safetyReleaseAll() {
234      var hosts = document.querySelectorAll('[data-skeleton-key][data-skeleton-initial]');
235      if (!hosts.length) {
236        document.querySelectorAll('[data-skeleton-initial]').forEach(releaseHost);
237        return;
238      }
239      for (var i = 0; i < hosts.length; i++) {
240        releaseHost(hosts[i]);
241      }
242    }
243
244    /**
245     * Schedule the safety timeout only after skeleton hosts exist in the DOM.
246     * The previous head-only timer fired before <body>, so it never matched hosts.
247     */
248    function scheduleSafetyRelease() {
249      if (safetyTimerId) {
250        window.clearTimeout(safetyTimerId);
251      }
252      safetyTimerId = window.setTimeout(safetyReleaseAll, SAFETY_MS);
253    }
254
255    function bootSafetyFallback() {
256      if (!window.matchMedia(MOBILE_QUERY).matches) {
257        safetyReleaseAll();
258        return;
259      }
260      scheduleSafetyRelease();
261    }
262
263    if (document.readyState === 'loading') {
264      document.addEventListener('DOMContentLoaded', bootSafetyFallback, { once: true });
265    } else {
266      bootSafetyFallback();
267    }
268
269    /** @type {Window & { __fgSkeletonSafetyRelease?: typeof safetyReleaseAll; __fgSkeletonCancelSafety?: function(): void }} */
270    var view = window;
271    view.__fgSkeletonSafetyRelease = safetyReleaseAll;
272    view.__fgSkeletonCancelSafety = function () {
273      if (safetyTimerId) {
274        window.clearTimeout(safetyTimerId);
275        safetyTimerId = 0;
276      }
277    };
278  })();
279</script>
279
280
281<meta name="theme-color" content="">
282      
282<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-wallet-stack.js?v=44448682105292077011781083468"></script>
282
283      <link rel="canonical" href="https://www.fostergrant.com/products/trifecta-travel-case"><link rel="icon" type="image/png" href="//www.fostergrant.com/cdn/shop/files/FG-Favicon-32x32-final.png?crop=center&height=32&v=1742932731&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>Trifecta Travel Case - Accessories - Blue | Foster Grant
284      </title>
285  
286      
287        <meta name="description" content="Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Incl">
288      
289  
290      
291
292<meta property="og:site_name" content="Foster Grant">
293<meta property="og:url" content="https://www.fostergrant.com/products/trifecta-travel-case">
294<meta property="og:title" content="Trifecta Travel Case">
295<meta property="og:type" content="product">
296<meta property="og:description" content="Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Incl"><meta property="og:image" content="http://www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874">
297  <meta property="og:image:secure_url" content="https://www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874">
298  <meta property="og:image:width" content="4000">
299  <meta property="og:image:height" content="1933"><meta property="og:price:amount" content="8.40">
300  <meta property="og:price:currency" content="USD"><meta name="twitter:site" content="@https://www.x.com/fostergrantUSA"><meta name="twitter:card" content="summary_large_image">
301<meta name="twitter:title" content="Trifecta Travel Case">
302<meta name="twitter:description" content="Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Incl">
303
304
305<style data-shopify>
306    @font-face {
307  font-family: Assistant;
308  font-weight: 400;
309  font-style: normal;
310  font-display: swap;
311  src: url("//www.fostergrant.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
312       url("//www.fostergrant.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
313}
314
315    
316    
317    
318    @font-face {
319  font-family: Assistant;
320  font-weight: 400;
321  font-style: normal;
322  font-display: swap;
323  src: url("//www.fostergrant.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
324       url("//www.fostergrant.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
325}
326
327
328    
329        :root,
330        .color-scheme-1 {
331            --color-background: 255,255,255;
332            
333                --gradient-background: #ffffff;
334            
335    
336            
337
338            --color-foreground: 0,0,0;
339            --color-background-contrast: 191,191,191;
340            --color-shadow: 18,18,18;
341            --color-button: 69 66 61 / 1.0;
342            --color-button-text: 255,255,255;
343            --color-button-border: 18,18,18;
344            --color-button-checked: 18 18 18 / 1.0;
345            --color-button-text-checked: 255 255 255 / 1.0;
346            --color-button-border-checked: 18 18 18 / 1.0;
347            --color-button-hover: 18 18 18 / 1.0;
348            --color-button-text-hover: 255 255 255 / 1.0;
349            --color-button-border-hover: 18 18 18 / 1.0;
350            --color-button-disabled: 196 196 197 / 1.0;
351            --color-button-text-disabled: 18 18 18 / 1.0;
352            --color-button-border-disabled: 18 18 18 / 1.0;
353            --color-button-checked-disabled: 246 246 246 / 1.0;
354            --color-sold-out: 207 69 32 / 1.0;
355            --color-secondary-button: 255,255,255;
356            --color-secondary-button-text: 18,18,18;
357            --color-link: 18,18,18;
358            --color-badge-foreground: 0,0,0;
359            --color-badge-background: 255,255,255;
360            --color-badge-border: 0,0,0;
361            --payment-terms-background-color: rgb(255 255 255);
362        }
363    
364        
365        .color-scheme-2 {
366            --color-background: 0,0,0;
367            
368                --gradient-background: rgba(0,0,0,0);
369            
370    
371            
372
373            --color-foreground: 69,66,61;
374            --color-background-contrast: 128,128,128;
375            --color-shadow: 0,0,0;
376            --color-button: 0 0 0 / 0.0;
377            --color-button-text: 69,66,61;
378            --color-button-border: 18,18,18;
379            --color-button-checked: 18 18 18 / 1.0;
380            --color-button-text-checked: 255 255 255 / 1.0;
381            --color-button-border-checked: 18 18 18 / 1.0;
382            --color-button-hover: 18 18 18 / 1.0;
383            --color-button-text-hover: 255 255 255 / 1.0;
384            --color-button-border-hover: 18 18 18 / 1.0;
385            --color-button-disabled: 196 196 197 / 1.0;
386            --color-button-text-disabled: 18 18 18 / 1.0;
387            --color-button-border-disabled: 18 18 18 / 1.0;
388            --color-button-checked-disabled: 246 246 246 / 1.0;
389            --color-sold-out: 207 69 32 / 1.0;
390            --color-secondary-button: 0,0,0;
391            --color-secondary-button-text: 0,0,0;
392            --color-link: 0,0,0;
393            --color-badge-foreground: 69,66,61;
394            --color-badge-background: 0,0,0;
395            --color-badge-border: 69,66,61;
396            --payment-terms-background-color: rgb(0 0 0);
397        }
398    
399        
400        .color-scheme-3 {
401            --color-background: 69,66,61;
402            
403                --gradient-background: #45423d;
404            
405    
406            
407
408            --color-foreground: 255,255,255;
409            --color-background-contrast: 1,1,1;
410            --color-shadow: 18,18,18;
411            --color-button: 255 255 255 / 1.0;
412            --color-button-text: 0,0,0;
413            --color-button-border: 18,18,18;
414            --color-button-checked: 18 18 18 / 1.0;
415            --color-button-text-checked: 255 255 255 / 1.0;
416            --color-button-border-checked: 18 18 18 / 1.0;
417            --color-button-hover: 18 18 18 / 1.0;
418            --color-button-text-hover: 255 255 255 / 1.0;
419            --color-button-border-hover: 18 18 18 / 1.0;
420            --color-button-disabled: 196 196 197 / 1.0;
421            --color-button-text-disabled: 18 18 18 / 1.0;
422            --color-button-border-disabled: 18 18 18 / 1.0;
423            --color-button-checked-disabled: 246 246 246 / 1.0;
424            --color-sold-out: 207 69 32 / 1.0;
425            --color-secondary-button: 69,66,61;
426            --color-secondary-button-text: 255,255,255;
427            --color-link: 255,255,255;
428            --color-badge-foreground: 255,255,255;
429            --color-badge-background: 69,66,61;
430            --color-badge-border: 255,255,255;
431            --payment-terms-background-color: rgb(69 66 61);
432        }
433    
434        
435        .color-scheme-4 {
436            --color-background: 245,242,237;
437            
438                --gradient-background: #f5f2ed;
439            
440    
441            
442
443            --color-foreground: 69,66,61;
444            --color-background-contrast: 199,183,155;
445            --color-shadow: 18,18,18;
446            --color-button: 0 0 0 / 0.0;
447            --color-button-text: 69,66,61;
448            --color-button-border: 18,18,18;
449            --color-button-checked: 18 18 18 / 1.0;
450            --color-button-text-checked: 255 255 255 / 1.0;
451            --color-button-border-checked: 18 18 18 / 1.0;
452            --color-button-hover: 18 18 18 / 1.0;
453            --color-button-text-hover: 255 255 255 / 1.0;
454            --color-button-border-hover: 18 18 18 / 1.0;
455            --color-button-disabled: 196 196 197 / 1.0;
456            --color-button-text-disabled: 18 18 18 / 1.0;
457            --color-button-border-disabled: 18 18 18 / 1.0;
458            --color-button-checked-disabled: 246 246 246 / 1.0;
459            --color-sold-out: 207 69 32 / 1.0;
460            --color-secondary-button: 245,242,237;
461            --color-secondary-button-text: 255,255,255;
462            --color-link: 255,255,255;
463            --color-badge-foreground: 69,66,61;
464            --color-badge-background: 245,242,237;
465            --color-badge-border: 69,66,61;
466            --payment-terms-background-color: rgb(245 242 237);
467        }
468    
469        
470        .color-scheme-5 {
471            --color-background: 141,182,219;
472            
473                --gradient-background: #8db6db;
474            
475    
476            
477
478            --color-foreground: 69,66,61;
479            --color-background-contrast: 56,119,177;
480            --color-shadow: 18,18,18;
481            --color-button: 255 255 255 / 1.0;
482            --color-button-text: 51,79,180;
483            --color-button-border: 18,18,18;
484            --color-button-checked: 18 18 18 / 1.0;
485            --color-button-text-checked: 255 255 255 / 1.0;
486            --color-button-border-checked: 18 18 18 / 1.0;
487            --color-button-hover: 18 18 18 / 1.0;
488            --color-button-text-hover: 255 255 255 / 1.0;
489            --color-button-border-hover: 18 18 18 / 1.0;
490            --color-button-disabled: 196 196 197 / 1.0;
491            --color-button-text-disabled: 18 18 18 / 1.0;
492            --color-button-border-disabled: 18 18 18 / 1.0;
493            --color-button-checked-disabled: 246 246 246 / 1.0;
494            --color-sold-out: 207 69 32 / 1.0;
495            --color-secondary-button: 141,182,219;
496            --color-secondary-button-text: 255,255,255;
497            --color-link: 255,255,255;
498            --color-badge-foreground: 69,66,61;
499            --color-badge-background: 141,182,219;
500            --color-badge-border: 69,66,61;
501            --payment-terms-background-color: rgb(141 182 219);
502        }
503    
504        
505        .color-scheme-6 {
506            --color-background: 222,199,173;
507            
508                --gradient-background: #dec7ad;
509            
510    
511            
512
513            --color-foreground: 69,66,61;
514            --color-background-contrast: 185,137,82;
515            --color-shadow: 18,18,18;
516            --color-button: 0 0 0 / 0.0;
517            --color-button-text: 69,66,61;
518            --color-button-border: 18,18,18;
519            --color-button-checked: 18 18 18 / 1.0;
520            --color-button-text-checked: 255 255 255 / 1.0;
521            --color-button-border-checked: 18 18 18 / 1.0;
522            --color-button-hover: 18 18 18 / 1.0;
523            --color-button-text-hover: 255 255 255 / 1.0;
524            --color-button-border-hover: 18 18 18 / 1.0;
525            --color-button-disabled: 196 196 197 / 1.0;
526            --color-button-text-disabled: 18 18 18 / 1.0;
527            --color-button-border-disabled: 18 18 18 / 1.0;
528            --color-button-checked-disabled: 246 246 246 / 1.0;
529            --color-sold-out: 207 69 32 / 1.0;
530            --color-secondary-button: 222,199,173;
531            --color-secondary-button-text: 18,18,18;
532            --color-link: 18,18,18;
533            --color-badge-foreground: 69,66,61;
534            --color-badge-background: 222,199,173;
535            --color-badge-border: 69,66,61;
536            --payment-terms-background-color: rgb(222 199 173);
537        }
538    
539        
540        .color-scheme-7 {
541            --color-background: 69,66,61;
542            
543                --gradient-background: #45423d;
544            
545    
546            
547
548            --color-foreground: 245,242,237;
549            --color-background-contrast: 1,1,1;
550            --color-shadow: 18,18,18;
551            --color-button: 69 66 61 / 1.0;
552            --color-button-text: 245,242,237;
553            --color-button-border: 18,18,18;
554            --color-button-checked: 18 18 18 / 1.0;
555            --color-button-text-checked: 255 255 255 / 1.0;
556            --color-button-border-checked: 18 18 18 / 1.0;
557            --color-button-hover: 18 18 18 / 1.0;
558            --color-button-text-hover: 255 255 255 / 1.0;
559            --color-button-border-hover: 18 18 18 / 1.0;
560            --color-button-disabled: 196 196 197 / 1.0;
561            --color-button-text-disabled: 18 18 18 / 1.0;
562            --color-button-border-disabled: 18 18 18 / 1.0;
563            --color-button-checked-disabled: 246 246 246 / 1.0;
564            --color-sold-out: 207 69 32 / 1.0;
565            --color-secondary-button: 69,66,61;
566            --color-secondary-button-text: 18,18,18;
567            --color-link: 18,18,18;
568            --color-badge-foreground: 245,242,237;
569            --color-badge-background: 69,66,61;
570            --color-badge-border: 245,242,237;
571            --payment-terms-background-color: rgb(69 66 61);
572        }
573    
574        
575        .color-scheme-7e31bd9c-83aa-487d-b805-a888fd22e705 {
576            --color-background: 255,255,255;
577            
578                --gradient-background: #ffffff;
579            
580    
581            
582
583            --color-foreground: 69,66,61;
584            --color-background-contrast: 191,191,191;
585            --color-shadow: 18,18,18;
586            --color-button: 255 255 255 / 1.0;
587            --color-button-text: 69,66,61;
588            --color-button-border: 18,18,18;
589            --color-button-checked: 18 18 18 / 1.0;
590            --color-button-text-checked: 255 255 255 / 1.0;
591            --color-button-border-checked: 18 18 18 / 1.0;
592            --color-button-hover: 18 18 18 / 1.0;
593            --color-button-text-hover: 255 255 255 / 1.0;
594            --color-button-border-hover: 18 18 18 / 1.0;
595            --color-button-disabled: 196 196 197 / 1.0;
596            --color-button-text-disabled: 18 18 18 / 1.0;
597            --color-button-border-disabled: 18 18 18 / 1.0;
598            --color-button-checked-disabled: 246 246 246 / 1.0;
599            --color-sold-out: 207 69 32 / 1.0;
600            --color-secondary-button: 255,255,255;
601            --color-secondary-button-text: 18,18,18;
602            --color-link: 18,18,18;
603            --color-badge-foreground: 69,66,61;
604            --color-badge-background: 255,255,255;
605            --color-badge-border: 69,66,61;
606            --payment-terms-background-color: rgb(255 255 255);
607        }
608    
609        
610        .color-scheme-50d47bf7-3bae-415f-9ea8-acbb16e55c8c {
611            --color-background: 250,250,250;
612            
613                --gradient-background: #fafafa;
614            
615    
616            
617
618            --color-foreground: 69,66,61;
619            --color-background-contrast: 186,186,186;
620            --color-shadow: 18,18,18;
621            --color-button: 69 66 61 / 1.0;
622            --color-button-text: 255,255,255;
623            --color-button-border: 18,18,18;
624            --color-button-checked: 18 18 18 / 1.0;
625            --color-button-text-checked: 255 255 255 / 1.0;
626            --color-button-border-checked: 18 18 18 / 1.0;
627            --color-button-hover: 18 18 18 / 1.0;
628            --color-button-text-hover: 255 255 255 / 1.0;
629            --color-button-border-hover: 18 18 18 / 1.0;
630            --color-button-disabled: 196 196 197 / 1.0;
631            --color-button-text-disabled: 18 18 18 / 1.0;
632            --color-button-border-disabled: 18 18 18 / 1.0;
633            --color-button-checked-disabled: 246 246 246 / 1.0;
634            --color-sold-out: 207 69 32 / 1.0;
635            --color-secondary-button: 250,250,250;
636            --color-secondary-button-text: 18,18,18;
637            --color-link: 18,18,18;
638            --color-badge-foreground: 69,66,61;
639            --color-badge-background: 250,250,250;
640            --color-badge-border: 69,66,61;
641            --payment-terms-background-color: rgb(250 250 250);
642        }
643    
644        
645        .color-scheme-cf98d242-4ce7-44d8-89fe-eb67798307e8 {
646            --color-background: 245,242,237;
647            
648                --gradient-background: #f5f2ed;
649            
650    
651            
652
653            --color-foreground: 69,66,61;
654            --color-background-contrast: 199,183,155;
655            --color-shadow: 18,18,18;
656            --color-button: 51 77 64 / 1.0;
657            --color-button-text: 245,242,237;
658            --color-button-border: 18,18,18;
659            --color-button-checked: 18 18 18 / 1.0;
660            --color-button-text-checked: 255 255 255 / 1.0;
661            --color-button-border-checked: 18 18 18 / 1.0;
662            --color-button-hover: 18 18 18 / 1.0;
663            --color-button-text-hover: 255 255 255 / 1.0;
664            --color-button-border-hover: 18 18 18 / 1.0;
665            --color-button-disabled: 196 196 197 / 1.0;
666            --color-button-text-disabled: 18 18 18 / 1.0;
667            --color-button-border-disabled: 18 18 18 / 1.0;
668            --color-button-checked-disabled: 246 246 246 / 1.0;
669            --color-sold-out: 207 69 32 / 1.0;
670            --color-secondary-button: 245,242,237;
671            --color-secondary-button-text: 18,18,18;
672            --color-link: 18,18,18;
673            --color-badge-foreground: 69,66,61;
674            --color-badge-background: 245,242,237;
675            --color-badge-border: 69,66,61;
676            --payment-terms-background-color: rgb(245 242 237);
677        }
678    
679        
680        .color-scheme-11 {
681            --color-background: 0,0,0;
682            
683                --gradient-background: #000000;
684            
685    
686            
687
688            --color-foreground: 255,255,255;
689            --color-background-contrast: 128,128,128;
690            --color-shadow: 18,18,18;
691            --color-button: 51 77 64 / 1.0;
692            --color-button-text: 0,0,0;
693            --color-button-border: 18,18,18;
694            --color-button-checked: 18 18 18 / 1.0;
695            --color-button-text-checked: 255 255 255 / 1.0;
696            --color-button-border-checked: 18 18 18 / 1.0;
697            --color-button-hover: 18 18 18 / 1.0;
698            --color-button-text-hover: 255 255 255 / 1.0;
699            --color-button-border-hover: 18 18 18 / 1.0;
700            --color-button-disabled: 196 196 197 / 1.0;
701            --color-button-text-disabled: 18 18 18 / 1.0;
702            --color-button-border-disabled: 18 18 18 / 1.0;
703            --color-button-checked-disabled: 246 246 246 / 1.0;
704            --color-sold-out: 207 69 32 / 1.0;
705            --color-secondary-button: 0,0,0;
706            --color-secondary-button-text: 18,18,18;
707            --color-link: 18,18,18;
708            --color-badge-foreground: 255,255,255;
709            --color-badge-background: 0,0,0;
710            --color-badge-border: 255,255,255;
711            --payment-terms-background-color: rgb(0 0 0);
712        }
713    
714        
715        .color-scheme-86d64436-1214-4749-9701-e5beec72be43 {
716            --color-background: 0,42,147;
717            
718                --gradient-background: #002a93;
719            
720    
721            
722
723            --color-foreground: 255,255,255;
724            --color-background-contrast: 0,49,172;
725            --color-shadow: 18,18,18;
726            --color-button: 69 66 61 / 1.0;
727            --color-button-text: 255,255,255;
728            --color-button-border: 18,18,18;
729            --color-button-checked: 18 18 18 / 1.0;
730            --color-button-text-checked: 255 255 255 / 1.0;
731            --color-button-border-checked: 18 18 18 / 1.0;
732            --color-button-hover: 18 18 18 / 1.0;
733            --color-button-text-hover: 255 255 255 / 1.0;
734            --color-button-border-hover: 18 18 18 / 1.0;
735            --color-button-disabled: 196 196 197 / 1.0;
736            --color-button-text-disabled: 18 18 18 / 1.0;
737            --color-button-border-disabled: 18 18 18 / 1.0;
738            --color-button-checked-disabled: 246 246 246 / 1.0;
739            --color-sold-out: 207 69 32 / 1.0;
740            --color-secondary-button: 0,42,147;
741            --color-secondary-button-text: 18,18,18;
742            --color-link: 18,18,18;
743            --color-badge-foreground: 255,255,255;
744            --color-badge-background: 0,42,147;
745            --color-badge-border: 255,255,255;
746            --payment-terms-background-color: rgb(0 42 147);
747        }
748    
749        
750        .color-scheme-8ae06426-ee92-4c3c-89e0-0e493b199f99 {
751            --color-background: 175,199,123;
752            
753                --gradient-background: #afc77b;
754            
755    
756            
757
758            --color-foreground: 0,0,0;
759            --color-background-contrast: 112,137,58;
760            --color-shadow: 18,18,18;
761            --color-button: 69 66 61 / 1.0;
762            --color-button-text: 255,255,255;
763            --color-button-border: 18,18,18;
764            --color-button-checked: 18 18 18 / 1.0;
765            --color-button-text-checked: 255 255 255 / 1.0;
766            --color-button-border-checked: 18 18 18 / 1.0;
767            --color-button-hover: 1
7678 18 18 / 1.0;
768            --color-button-text-hover: 255 255 255 / 1.0;
769            --color-button-border-hover: 18 18 18 / 1.0;
770            --color-button-disabled: 196 196 197 / 1.0;
771            --color-button-text-disabled: 18 18 18 / 1.0;
772            --color-button-border-disabled: 18 18 18 / 1.0;
773            --color-button-checked-disabled: 246 246 246 / 1.0;
774            --color-sold-out: 207 69 32 / 1.0;
775            --color-secondary-button: 175,199,123;
776            --color-secondary-button-text: 18,18,18;
777            --color-link: 18,18,18;
778            --color-badge-foreground: 0,0,0;
779            --color-badge-background: 175,199,123;
780            --color-badge-border: 0,0,0;
781            --payment-terms-background-color: rgb(175 199 123);
782        }
783    
784        
785        .color-scheme-311b1ae7-4084-484d-a2cc-bbf639e7fa45 {
786            --color-background: 139,156,210;
787            
788                --gradient-background: #8b9cd2;
789            
790    
791            
792
793            --color-foreground: 0,0,0;
794            --color-background-contrast: 62,85,160;
795            --color-shadow: 18,18,18;
796            --color-button: 0 0 0 / 1.0;
797            --color-button-text: 255,255,255;
798            --color-button-border: 18,18,18;
799            --color-button-checked: 18 18 18 / 1.0;
800            --color-button-text-checked: 255 255 255 / 1.0;
801            --color-button-border-checked: 18 18 18 / 1.0;
802            --color-button-hover: 255 255 255 / 1.0;
803            --color-button-text-hover: 0 0 0 / 1.0;
804            --color-button-border-hover: 0 0 0 / 1.0;
805            --color-button-disabled: 196 196 197 / 1.0;
806            --color-button-text-disabled: 18 18 18 / 1.0;
807            --color-button-border-disabled: 18 18 18 / 1.0;
808            --color-button-checked-disabled: 246 246 246 / 1.0;
809            --color-sold-out: 207 69 32 / 1.0;
810            --color-secondary-button: 139,156,210;
811            --color-secondary-button-text: 18,18,18;
812            --color-link: 18,18,18;
813            --color-badge-foreground: 0,0,0;
814            --color-badge-background: 139,156,210;
815            --color-badge-border: 0,0,0;
816            --payment-terms-background-color: rgb(139 156 210);
817        }
818    
819        
820        .color-scheme-1e108b42-a8b1-400c-b29f-e7c6e92ea318 {
821            --color-background: 250,150,139;
822            
823                --gradient-background: #fa968b;
824            
825    
826            
827
828            --color-foreground: 0,0,0;
829            --color-background-contrast: 245,39,17;
830            --color-shadow: 18,18,18;
831            --color-button: 69 66 61 / 1.0;
832            --color-button-text: 255,255,255;
833            --color-button-border: 18,18,18;
834            --color-button-checked: 18 18 18 / 1.0;
835            --color-button-text-checked: 255 255 255 / 1.0;
836            --color-button-border-checked: 18 18 18 / 1.0;
837            --color-button-hover: 18 18 18 / 1.0;
838            --color-button-text-hover: 255 255 255 / 1.0;
839            --color-button-border-hover: 18 18 18 / 1.0;
840            --color-button-disabled: 196 196 197 / 1.0;
841            --color-button-text-disabled: 18 18 18 / 1.0;
842            --color-button-border-disabled: 18 18 18 / 1.0;
843            --color-button-checked-disabled: 246 246 246 / 1.0;
844            --color-sold-out: 207 69 32 / 1.0;
845            --color-secondary-button: 250,150,139;
846            --color-secondary-button-text: 18,18,18;
847            --color-link: 18,18,18;
848            --color-badge-foreground: 0,0,0;
849            --color-badge-background: 250,150,139;
850            --color-badge-border: 0,0,0;
851            --payment-terms-background-color: rgb(250 150 139);
852        }
853    
854        
855        .color-scheme-bed44912-a2aa-4447-84f5-4d1eb438dd5d {
856            --color-background: 241,215,60;
857            
858                --gradient-background: #f1d73c;
859            
860    
861            
862
863            --color-foreground: 0,0,0;
864            --color-background-contrast: 162,140,12;
865            --color-shadow: 18,18,18;
866            --color-button: 69 66 61 / 1.0;
867            --color-button-text: 255,255,255;
868            --color-button-border: 18,18,18;
869            --color-button-checked: 18 18 18 / 1.0;
870            --color-button-text-checked: 255 255 255 / 1.0;
871            --color-button-border-checked: 18 18 18 / 1.0;
872            --color-button-hover: 18 18 18 / 1.0;
873            --color-button-text-hover: 255 255 255 / 1.0;
874            --color-button-border-hover: 18 18 18 / 1.0;
875            --color-button-disabled: 196 196 197 / 1.0;
876            --color-button-text-disabled: 18 18 18 / 1.0;
877            --color-button-border-disabled: 18 18 18 / 1.0;
878            --color-button-checked-disabled: 246 246 246 / 1.0;
879            --color-sold-out: 207 69 32 / 1.0;
880            --color-secondary-button: 241,215,60;
881            --color-secondary-button-text: 18,18,18;
882            --color-link: 18,18,18;
883            --color-badge-foreground: 0,0,0;
884            --color-badge-background: 241,215,60;
885            --color-badge-border: 0,0,0;
886            --payment-terms-background-color: rgb(241 215 60);
887        }
888    
889        
890        .color-scheme-a4145b02-8fa8-4232-9824-9833485c991d {
891            --color-background: 2,219,226;
892            
893                --gradient-background: #02dbe2;
894            
895    
896            
897
898            --color-foreground: 0,0,0;
899            --color-background-contrast: 1,97,100;
900            --color-shadow: 18,18,18;
901            --color-button: 69 66 61 / 1.0;
902            --color-button-text: 255,255,255;
903            --color-button-border: 18,18,18;
904            --color-button-checked: 18 18 18 / 1.0;
905            --color-button-text-checked: 255 255 255 / 1.0;
906            --color-button-border-checked: 18 18 18 / 1.0;
907            --color-button-hover: 18 18 18 / 1.0;
908            --color-button-text-hover: 255 255 255 / 1.0;
909            --color-button-border-hover: 18 18 18 / 1.0;
910            --color-button-disabled: 196 196 197 / 1.0;
911            --color-button-text-disabled: 18 18 18 / 1.0;
912            --color-button-border-disabled: 18 18 18 / 1.0;
913            --color-button-checked-disabled: 246 246 246 / 1.0;
914            --color-sold-out: 207 69 32 / 1.0;
915            --color-secondary-button: 2,219,226;
916            --color-secondary-button-text: 18,18,18;
917            --color-link: 18,18,18;
918            --color-badge-foreground: 0,0,0;
919            --color-badge-background: 2,219,226;
920            --color-badge-border: 0,0,0;
921            --payment-terms-background-color: rgb(2 219 226);
922        }
923    
924
925    body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-7e31bd9c-83aa-487d-b805-a888fd22e705, .color-scheme-50d47bf7-3bae-415f-9ea8-acbb16e55c8c, .color-scheme-cf98d242-4ce7-44d8-89fe-eb67798307e8, .color-scheme-11, .color-scheme-86d64436-1214-4749-9701-e5beec72be43, .color-scheme-8ae06426-ee92-4c3c-89e0-0e493b199f99, .color-scheme-311b1ae7-4084-484d-a2cc-bbf639e7fa45, .color-scheme-1e108b42-a8b1-400c-b29f-e7c6e92ea318, .color-scheme-bed44912-a2aa-4447-84f5-4d1eb438dd5d, .color-scheme-a4145b02-8fa8-4232-9824-9833485c991d {
926        color: rgba(var(--color-foreground), 1);
927        background-color: rgb(var(--color-background));
928    }
929
930    :root {
931        --fg-font-gotham: 'Gotham Book', sans-serif;
932        --fg-font-gotham-medium: 'Gotham Medium', sans-serif;
933        --fg-font-chronicle: 'Chronicle Display', sans-serif;
934        --fg-font-manrope: 'Manrope', sans-serif;
935        --fg-font-born-ready:'Born Ready W05 Regular', sans-serif;
936        --font-body-family: Gotham Book, sans-serif;
937        --font-body-style: normal;
938        --font-body-weight: 400;
939        --font-body-weight-bold: 700;
940
941        --font-heading-family: Gotham Book, sans-serif;
942        --font-heading-style: normal;
943        --font-heading-weight: 400;
944
945        --font-body-scale: 1.0;
946        --font-heading-scale: 1.0;
947
948        --media-padding: px;
949        --media-border-opacity: 0.05;
950        --media-border-width: 1px;
951        --media-radius: 0px;
952        --media-shadow-opacity: 0.0;
953        --media-shadow-horizontal-offset: 0px;
954        --media-shadow-vertical-offset: 4px;
955        --media-shadow-blur-radius: 5px;
956        --media-shadow-visible: 0;
957
958        --page-width: 136rem;
959        --page-width-margin: 0rem;
960
961        --product-card-image-padding: 0.0rem;
962        --product-card-corner-radius: 0.0rem;
963        --product-card-text-alignment: left;
964        --product-card-border-width: 0.0rem;
965        --product-card-border-opacity: 0.1;
966        --product-card-shadow-opacity: 0.0;
967        --product-card-shadow-visible: 0;
968        --product-card-shadow-horizontal-offset: 0.0rem;
969        --product-card-shadow-vertical-offset: 0.4rem;
970        --product-card-shadow-blur-radius: 0.5rem;
971
972        --collection-card-image-padding: 0.0rem;
973        --collection-card-corner-radius: 0.0rem;
974        --collection-card-text-alignment: left;
975        --collection-card-border-width: 0.0rem;
976        --collection-card-border-opacity: 0.1;
977        --collection-card-shadow-opacity: 0.0;
978        --collection-card-shadow-visible: 0;
979        --collection-card-shadow-horizontal-offset: 0.0rem;
980        --collection-card-shadow-vertical-offset: 0.4rem;
981        --collection-card-shadow-blur-radius: 0.5rem;
982
983        --blog-card-image-padding: 0.0rem;
984        --blog-card-corner-radius: 0.0rem;
985        --blog-card-text-alignment: left;
986        --blog-card-border-width: 0.0rem;
987        --blog-card-border-opacity: 0.1;
988        --blog-card-shadow-opacity: 0.0;
989        --blog-card-shadow-visible: 0;
990        --blog-card-shadow-horizontal-offset: 0.0rem;
991        --blog-card-shadow-vertical-offset: 0.4rem;
992        --blog-card-shadow-blur-radius: 0.5rem;
993
994        --badge-corner-radius: 4.0rem;
995
996        --popup-border-width: 1px;
997        --popup-border-opacity: 0.1;
998        --popup-corner-radius: 0px;
999        --popup-shadow-opacity: 0.05;
1000        --popup-shadow-horizontal-offset: 0px;
1001        --popup-shadow-vertical-offset: 4px;
1002        --popup-shadow-blur-radius: 5px;
1003
1004        --drawer-border-width: 1px;
1005        --drawer-border-opacity: 0.1;
1006        --drawer-shadow-opacity: 0.0;
1007        --drawer-shadow-horizontal-offset: 0px;
1008        --drawer-shadow-vertical-offset: 4px;
1009        --drawer-shadow-blur-radius: 5px;
1010
1011        --spacing-sections-desktop: 0px;
1012        --spacing-sections-mobile: 0px;
1013
1014        --grid-desktop-vertical-spacing: 8px;
1015        --grid-desktop-horizontal-spacing: 8px;
1016        --grid-mobile-vertical-spacing: 4px;
1017        --grid-mobile-horizontal-spacing: 4px;
1018
1019        --text-boxes-border-opacity: 0.1;
1020        --text-boxes-border-width: 0px;
1021        --text-boxes-radius: 0px;
1022        --text-boxes-shadow-opacity: 0.0;
1023        --text-boxes-shadow-visible: 0;
1024        --text-boxes-shadow-horizontal-offset: 0px;
1025        --text-boxes-shadow-vertical-offset: 4px;
1026        --text-boxes-shadow-blur-radius: 5px;
1027
1028        --buttons-radius: 0px;
1029        --buttons-radius-outset: 0px;
1030        --buttons-border-width: 1px;
1031        --buttons-border-opacity: 1.0;
1032        --buttons-shadow-opacity: 0.0;
1033        --buttons-shadow-visible: 0;
1034        --buttons-shadow-horizontal-offset: 0px;
1035        --buttons-shadow-vertical-offset: 4px;
1036        --buttons-shadow-blur-radius: 5px;
1037        --buttons-border-offset: 0px;
1038
1039        --inputs-radius: 0px;
1040        --inputs-border-width: 1px;
1041        --inputs-border-opacity: 0.55;
1042        --inputs-shadow-opacity: 0.0;
1043        --inputs-shadow-horizontal-offset: 0px;
1044        --inputs-margin-offset: 0px;
1045        --inputs-shadow-vertical-offset: 4px;
1046        --inputs-shadow-blur-radius: 5px;
1047        --inputs-radius-outset: 0px;
1048
1049        --variant-pills-radius: 40px;
1050        --variant-pills-border-width: 1px;
1051        --variant-pills-border-opacity: 0.55;
1052        --variant-pills-shadow-opacity: 0.0;
1053        --variant-pills-shadow-horizontal-offset: 0px;
1054        --variant-pills-shadow-vertical-offset: 4px;
1055        --variant-pills-shadow-blur-radius: 5px;
1056    }
1057
1058    *,
1059    *::before,
1060    *::after {
1061        box-sizing: inherit;
1062    }
1063
1064    html {
1065        box-sizing: border-box;
1066        font-size: calc(var(--font-body-scale) * 62.5%);
1067        height: 100%;
1068    }
1069
1070    body {
1071        display: grid;
1072        grid-template-rows: auto auto 1fr auto;
1073        grid-template-columns: 100%;
1074        min-height: 100%;
1075        margin: 0;
1076        font-size: 1.5rem;
1077        letter-spacing: 0.06rem;
1078        line-height: calc(1 + 0.8 / var(--font-body-scale));
1079        font-family: var(--font-body-family);
1080        font-style: var(--font-body-style);
1081        font-weight: var(--font-body-weight);
1082    }
1083
1084    @media screen and (min-width: 768px) {
1085        body {
1086            font-size: 1.6rem;
1087        }
1088    }
1089</style>
1090      <link href="//www.fostergrant.com/cdn/shop/t/75/assets/swiper-bundle.min.css?v=118746712471756291491769615269" rel="stylesheet" type="text/css" media="all" />
1091<link rel="stylesheet" href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-component-cart-items.css?v=180439020221008847161769615268" media="print" onload="this.media='all'">
1092
1093<link href="//www.fostergrant.com/cdn/shop/t/75/assets/base.css?v=113982585416897107891769615268" rel="stylesheet" type="text/css" media="all" />
1094<link href="//www.fostergrant.com/cdn/shop/t/75/assets/tailwind.css?v=67909959117578847431788944616" rel="stylesheet" type="text/css" media="all" />
1095<link href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-custom-talium.css?v=43790514137373960891769615268" rel="stylesheet" type="text/css" media="all" />
1096
1097<link
1098    rel="preload"
1099    href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-mobile-skeleton.css?v=65319979559080571781781081473"
1100    as="style"
1101  >
1102  <link
1103    rel="stylesheet"
1104    href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-mobile-skeleton.css?v=65319979559080571781781081473"
1105    media="print"
1106    onload="this.media='all'"
1107  >
1108  <noscript><link href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-mobile-skeleton.css?v=65319979559080571781781081473" rel="stylesheet" type="text/css" media="all" /></noscript>
1109
1110      
1110<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1110<meta name="facebook-domain-verification" content="an9qe9n8uyrthjnm24wwvqipd3s3jg">
1111<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/68750835881/digital_wallets/dialog">
1112<meta id="in-context-paypal-metadata" data-shop-id="68750835881" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1113<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/45017833504937:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://www.fostergrant.com/products/trifecta-travel-case.oembed">
1114<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2512715945"></script>
1114
1115<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1116<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2512715945&shop_id=68750835881" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1116
1116
1117<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":68750835881,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/68750835881","merchantName":"Foster Grant","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Foster Grant","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1117
1117
1118<script id="shopify-features" type="application/json">{"accessToken":"45c47263e88616e1f4d3ff75bec819cd","betas":["rich-media-storefront-analytics"],"domain":"www.fostergrant.com","predictiveSearch":true,"shopId":68750835881,"locale":"en"}</script>
vendor: 1 bytes, line 1118
1118
1119<script>var Shopify = Shopify || {};
1120Shopify.shop = "fostergrant-prod.myshopify.com";
1121Shopify.locale = "en";
1122Shopify.currency = {"active":"USD","rate":"1.0"};
1123Shopify.country = "US";
1124Shopify.theme = {"name":"Live Production","id":149256175785,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":null,"role":"main"};
1125Shopify.theme.handle = "null";
1126Shopify.theme.style = {"id":null,"handle":null};
1127Shopify.cdnHost = "www.fostergrant.com/cdn";
1128Shopify.routes = Shopify.routes || {};
1129Shopify.routes.root = "/";
1130Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1131Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1132Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1133Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1133
1133
1134<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1134
1134
1135<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 1135
1135
1136<script>
1137  window.ShopifyPay = window.ShopifyPay || {};
1138  window.ShopifyPay.apiHost = "shop.app\/pay";
1139  window.ShopifyPay.redirectState = null;
1140</script>
vendor: 1 bytes, line 1140
1140
1141<script>
1142  window.Shopify = window.Shopify || {};
1143  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1144  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1145  window.Shopify.SignInWithShop.eligible = true;
1146</script>
vendor: 1 bytes, line 1146
1146
1147<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1147
1147
1148<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 1148
1148
1149<script type="module">
1150  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1151
1152  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1153
1154</script>
vendor: 1 bytes, line 1154
1154
1155<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"></script>
vendor: 1 bytes, line 1155
1155
1156<script type="module">
1157  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js");
1158
1159  
1160</script>
vendor: 1 bytes, line 1160
1160
1161<script>
1162  window.Shopify = window.Shopify || {};
1163  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1164  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"]};
1165</script>
vendor: 1 bytes, line 1165
1165
1166<script>(function() {
1167  var isLoaded = false;
1168  function asyncLoad() {
1169    if (isLoaded) return;
1170    isLoaded = true;
1171    var urls = ["\/\/cdn.shopify.com\/proxy\/6b6b6d1522233632c19e221a553f1e568d5a07b48293442aad4aacf2a997f0b0\/api.kimonix.com\/kimonix_analytics.js?shop=fostergrant-prod.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/73dd85cbed36dbfddf1a038f879041f7efccaa6e23a1de75fae070d0d78d1382\/api.kimonix.com\/kimonix_void_script.js?shop=fostergrant-prod.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/ls.dycdn.net\/j48nb1tq.js?shop=fostergrant-prod.myshopify.com"];
1172    for (var i = 0; i < urls.length; i++) {
1173      var s = document.createElement('script');
1174      s.type = 'text/javascript';
1175      s.async = true;
1176      s.src = urls[i];
1177      var x = document.getElementsByTagName('script')[0];
1178      x.parentNode.insertBefore(s, x);
1179    }
1180  };
1181  if(window.attachEvent) {
1182    window.attachEvent('onload', asyncLoad);
1183  } else {
1184    window.addEventListener('load', asyncLoad, false);
1185  }
1186})();</script>
vendor: 1 bytes, line 1186
1186
1187<script id="__st">var __st={"a":68750835881,"offset":-14400,"reqid":"b0392a7b-4b60-4d77-a409-d3cb43f52723-1790362940","pageurl":"www.fostergrant.com\/products\/trifecta-travel-case?variant=45017833504937","u":"0c8691e8dbbc","p":"product","rtyp":"product","rid":8346473300137};</script>
vendor: 1 bytes, line 1187
1187
1188<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1188
1188
1189<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 1189
1189
1190<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.fostergrant.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1190
1190
1191<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.fostergrant.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>
1191<script crossorigin="anonymous" defer="defer" src="//www.fostergrant.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1191
1191
1192<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 1192
1192
1193<script>
1194  window.Shopify = window.Shopify || {};
1195  window.Shopify.MCP = window.Shopify.MCP || {};
1196  window.Shopify.MCP.enabled = true;
1197  window.Shopify.MCP.shop = "fostergrant-prod.myshopify.com";
1198  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.fostergrant.com\/api\/mcp";
1199  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"]}}];
1200</script>
vendor: 1 bytes, line 1200
1200
1201<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.fostergrant.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1202</script>
vendor: 1 bytes, line 1202
1202
1203<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.fostergrant.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1204</script>
vendor: 1 bytes, line 1204
1204
1205<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1206  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);
1207</script>
vendor: 1 bytes, line 1207
1207
1208<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})}}));
1209</script>
1209
1210<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.fostergrant.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1211<style id="shopify-accelerated-checkout-cart">
1212        #shopify-buyer-consent {
1213  margin-top: 1em;
1214  display: inline-block;
1215  width: 100%;
1216}
1217
1218#shopify-buyer-consent.hidden {
1219  display: none;
1220}
1221
1222#shopify-subscription-policy-button {
1223  background: none;
1224  border: none;
1225  padding: 0;
1226  text-decoration: underline;
1227  font-size: inherit;
1228  cursor: pointer;
1229}
1230
1231#shopify-subscription-policy-button::before {
1232  box-shadow: none;
1233}
1234
1235      </style>
1236<script id="sections-script" data-sections="header" defer="defer" src="//www.fostergrant.com/cdn/shop/t/75/compiled_assets/scripts.js?v=54463250158092090221785315712"></script>
vendor: 1 bytes, line 1236
1236
1237<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1237
1238
1239      
1239<script src="//www.fostergrant.com/cdn/shop/t/75/assets/swiper-bundle.min.js?v=174900723005971721441769615270" defer="defer"></script>
vendor: 1 bytes, line 1239
1239
1240<script src="//www.fostergrant.com/cdn/shop/t/75/assets/swiper-slider.js?v=109428300537372184571769615269" defer="defer"></script>
vendor: 1 bytes, line 1240
1240
1241<script src="//www.fostergrant.com/cdn/shop/t/75/assets/constants.js?v=19435368982214804801773832813" defer="defer"></script>
1241
1242
1243<script src="//www.fostergrant.com/cdn/shop/t/75/assets/pubsub.js?v=158357773527763999511769615268" defer="defer"></script>
vendor: 1 bytes, line 1243
1243
1244<script src="//www.fostergrant.com/cdn/shop/t/75/assets/global.js?v=23464529840478229551781081473" defer="defer"></script>
1244
1245
1246<script src="//www.fostergrant.com/cdn/shop/t/75/assets/utilities.js?v=27489670957287552781782296506" defer="defer"></script>
vendor: 1 bytes, line 1246
1246
1247<script src="//www.fostergrant.com/cdn/shop/t/75/assets/content-loaded.js?v=112048398787874692841784036143" defer="defer"></script>
1247
1248
1249<script src="//www.fostergrant.com/cdn/shop/t/75/assets/details-disclosure.js?v=162124131554405991031769615268" defer="defer"></script>
vendor: 1 bytes, line 1249
1249
1250<script src="//www.fostergrant.com/cdn/shop/t/75/assets/details-modal.js?v=25581673532751508451769615268" defer="defer"></script>
vendor: 1 bytes, line 1250
1250
1251<script src="//www.fostergrant.com/cdn/shop/t/75/assets/search-form.js?v=175402055342405426251769615269" defer="defer"></script>
vendor: 1 bytes, line 1251
1251
1252<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-customFocus.js?v=31536315188626427341769615268" defer="defer"></script>
1252
1253
1254<script src="//www.fostergrant.com/cdn/shop/t/75/assets/ajaxForm.js?v=14279425177356926051769615268" defer="defer"></script>
vendor: 1 bytes, line 1254
1254
1255<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-footer-newsletter.js?v=140975405486490210091781083929" defer="defer"></script>
1255<script src="//www.fostergrant.com/cdn/shop/t/75/assets/scheduling.js?v=181716686979079618521784036143" defer="defer"></script>
1255<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-graphQueryMetaobject.js?v=380914984676408261769615268" defer="defer"></script>
vendor: 1 bytes, line 1255
1255
1256<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-query-swatch.js?v=166158728401989305281769615268" defer="defer"></script>
vendor: 1 bytes, line 1256
1256
1257<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-color-swatch-input-list.js?v=138174453729961806931769615268" defer="defer"></script>
vendor: 1 bytes, line 1257
1257
1258<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-card-product.js?v=9576105629720292791769615268" defer="defer"></script>
1258<script src="//www.fostergrant.com/cdn/shop/t/75/assets/frameFinderReset.js?v=45030129991746357021769615268" defer="defer"></script>
vendor: 1 bytes, line 1258
1258
1259<script src="//www.fostergrant.com/cdn/shop/t/75/assets/redirectFrameFinder.js?v=155741409746819513611769615268" defer="defer"></script>
1259<script src="//www.fostergrant.com/cdn/shop/t/75/assets/animations.js?v=88693664871331136111769615268" defer="defer"></script>
vendor: 1 bytes, line 1259
1259
1260<script src="//www.fostergrant.com/cdn/shop/t/75/assets/skeletonLoader.js?v=49198722279203210051769615269" defer="defer"></script>
1260
1261
1262
1263<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-customer-access-token.js?v=58351036129398499061769615268" defer></script>
vendor: 1 bytes, line 1263
1263
1264<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-registration-event.js?v=116968528449717433641781083929" defer></script>
1264
1265
1266<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-popup-banner.js?v=94926198133082743761781081473" defer="defer"></script>
1266<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-utm-tracker.js?v=115763346986035206461784036143" defer="defer"></script>
1266<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-discount-kit-promo.js?v=153406406211218204001784036143" defer="defer"></script>
1266
1267
1268<style data-shopify>@font-face {
1269        font-family: 'Gotham Medium';
1270        font-style: normal;
1271        font-weight: 400;
1272        font-display: swap;
1273        src: url('//www.fostergrant.com/cdn/shop/t/75/assets/gotham-medium.woff2?v=112110200486956944741769615268') format('woff2');
1274    }
1275
1276    @font-face {
1277        font-family: 'Gotham Book';
1278        font-style: normal;
1279        font-weight: 400;
1280        font-display: swap;
1281        src: url('//www.fostergrant.com/cdn/shop/t/75/assets/gotham-book.woff2?v=31029345294833635061769615268') format('woff2');
1282    }
1283
1284    /* cyrillic-ext */
1285    @font-face {
1286        font-family: 'Manrope';
1287        font-style: normal;
1288        font-weight: 200 800;
1289        font-display: swap;
1290        src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
1291        unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
1292    }
1293    /* cyrillic */
1294    @font-face {
1295        font-family: 'Manrope';
1296        font-style: normal;
1297        font-weight: 200 800;
1298        font-display: swap;
1299        src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
1300        unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
1301    }
1302    /* greek */
1303    @font-face {
1304        font-family: 'Manrope';
1305        font-style: normal;
1306        font-weight: 200 800;
1307        font-display: swap;
1308        src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
1309        unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
1310    }
1311    /* vietnamese */
1312    @font-face {
1313        font-family: 'Manrope';
1314        font-style: normal;
1315        font-weight: 200 800;
1316        font-display: swap;
1317        src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
1318        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
1319    }
1320    /* latin-ext */
1321    @font-face {
1322        font-family: 'Manrope';
1323        font-style: normal;
1324        font-weight: 200 800;
1325        font-display: swap;
1326        src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
1327        unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
1328    }
1329    /* latin */
1330    @font-face {
1331        font-family: 'Manrope';
1332        font-style: normal;
1333        font-weight: 200 800;
1334        font-display: swap;
1335        src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
1336        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1337    }
1338    @font-face{
1339        font-family:chronicle display;
1340        font-style:italic;
1341        font-weight:300;
1342        src:local('Chronicle Display'),url('https://fonts.cdnfonts.com/s/38407/Chronicle Display Light Italic.woff') format('woff')
1343    }
1344    @font-face{
1345        font-family:chronicle display;
1346        font-style:normal;
1347        font-weight:325;
1348        src:local('Chronicle Display'),url('https://fonts.cdnfonts.com/s/38407/Chronicle Display Roman.woff') format('woff')
1349    }
1350    @font-face{
1351        font-family:chronicle display;
1352        font-style:normal;
1353        font-weight:375;
1354        src:local('Chronicle Display'),url('https://fonts.cdnfonts.com/s/38407/Chronicle Display Semibold.woff') format('woff')
1355    }
1356    @font-face{
1357        font-family:chronicle display;
1358        font-style:normal;
1359        font-weight:450;
1360        src:local('Chronicle Display'),url('https://fonts.cdnfonts.com/s/38407/Chronicle Display Black.woff') format('woff')
1361    }
1362
1363    /* born ready font */
1364
1365    @font-face{
1366        font-family: "Born Ready W05 Regular";
1367        src: url("https://db.onlinewebfonts.com/t/ae9402c994ca14b82833d8d67529c560.eot");
1368        src: url("https://db.onlinewebfonts.com/t/ae9402c994ca14b82833d8d67529c560.eot?#iefix")format("embedded-opentype"),
1369            url("https://db.onlinewebfonts.com/t/ae9402c994ca14b82833d8d67529c560.woff")format("woff"),
1370            url("https://db.onlinewebfonts.com/t/ae9402c994ca14b82833d8d67529c560.woff2")format("woff2"),
1371            url("https://db.onlinewebfonts.com/t/ae9402c994ca14b82833d8d67529c560.ttf")format("truetype"),
1372            url("https://db.onlinewebfonts.com/t/ae9402c994ca14b82833d8d67529c560.svg#Born Ready W05 Regular")format("svg");
1373        font-weight:normal;
1374        font-style:normal;
1375        font-display:swap;
1376    }</style>
1377
1378        <link rel="preload" as="font" href="//www.fostergrant.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
1379        
1380
1381        <link rel="preload" as="font" href="//www.fostergrant.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
1382        
1383<link
1384          rel="stylesheet"
1385          href="//www.fostergrant.com/cdn/shop/t/75/assets/component-predictive-search.css?v=79990496995587534721769615268"
1386          media="print"
1387          onload="this.media='all'"
1388        >
1388<script>
1389        if (Shopify.designMode) {
1390          document.documentElement.classList.add('shopify-design-mode');
1391        }
1392      </script>
1392
1393      
1394      
1394<script type="text/javascript" charset="utf-8">
1395  (function (g, e, n, es, ys) {
1396    g['_genesysJs'] = e;
1397    g[e] =
1398      g[e] ||
1399      function () {
1400        (g[e].q = g[e].q || []).push(arguments);
1401      };
1402    g[e].t = 1 * new Date();
1403    g[e].c = es;
1404    ys = document.createElement('script');
1405    ys.async = 1;
1406    ys.src = n;
1407    ys.charset = 'utf-8';
1408    document.head.appendChild(ys);
1409  })(window, 'Genesys', 'https://apps.mypurecloud.ie/genesys-bootstrap/genesys.min.js', {
1410    environment: 'prod-euw1',
1411    deploymentId: '9f6d28c7-b3ad-4ccf-b6ba-8157d37c72b3',
1412  });
1413
1414  Genesys("command", "Database.set",
1415    {
1416      messaging: {
1417        customAttributes: {
1418          "webmsg_brandcode": "FG",
1419          "webmsg_country": Shopify.country,
1420          "webmsg_language": "en-US",
1421        }
1422      }
1423    }
1424  );
1425</script>
1425<style>
1426    .fg-genesys-sticky-adjust {
1427      translate: 0 calc(var(--fg-sticky-add-to-cart-chat-offset, 0px) * -1) !important;
1428      transition: translate 250ms ease-in-out !important;
1429    }
1430
1431    .fg-onetrust-sticky-adjust {
1432    translate: 0 calc((var(--fg-sticky-add-to-cart-chat-offset, 0px) + 16px) * -1) !important;
1433    transition: translate 250ms ease-in-out !important;
1434    }
1435  </style>
1436
1437  
1437<script type="text/javascript">
1438    (() => {
1439      const STICKY_CART_SELECTOR = '#stickyAddToCart';
1440      const GENESYS_ADJUST_CLASS = 'fg-genesys-sticky-adjust';
1441      const ONETRUST_ADJUST_CLASS = 'fg-onetrust-sticky-adjust';
1442      const CHAT_GAP = 15;
1443      const adjustedElements = new Set();
1444      const GENESYS_TARGET_SELECTORS = [
1445        '#genesys-mxg-frame',
1446        '.genesys-mxg-launcher-frame',
1447        'iframe[name="MessengerLauncherFrame"]',
1448        'iframe[title="Messenger Launcher"]',
1449        'iframe[src*="/messenger/messenger.html" i]',
1450      ];
1451      const ONETRUST_BTN_SELECTOR = '#ot-sdk-btn-floating';
1452
1453      let animationFrame = null;
1454      let observedStickyCart = null;
1455      let stickyCartObserver = null;
1456      let stickyCartResizeObserver = null;
1457
1458      /**
1459       * Schedules chat position updates in a single animation frame.
1460       */
1461      const scheduleChatPositionUpdate = () => {
1462        if (animationFrame) return;
1463
1464        animationFrame = window.requestAnimationFrame(() => {
1465          animationFrame = null;
1466          updateChatPosition();
1467        });
1468      };
1469
1470      /**
1471       * Returns true when the sticky add to cart is active on screen.
1472       *
1473       * @param {HTMLElement|null} stickyCart - Sticky add to cart element.
1474       * @returns {boolean}
1475       */
1476      const isStickyCartVisible = (stickyCart) => {
1477        if (!stickyCart || stickyCart.classList.contains('tw-hidden')) return false;
1478
1479        const styles = window.getComputedStyle(stickyCart);
1480        const rect = stickyCart.getBoundingClientRect();
1481
1482        return styles.display !== 'none' && styles.visibility !== 'hidden' && rect.height > 0;
1483      };
1484
1485      /**
1486       * Calculates the lift needed to keep Genesys above the sticky add to cart.
1487       *
1488       * @param {HTMLElement|null} stickyCart - Sticky add to cart element.
1489       * @returns {number}
1490       */
1491      const getStickyCartChatOffset = (stickyCart) => {
1492        if (!isStickyCartVisible(stickyCart)) return 0;
1493
1494        return Math.ceil(stickyCart.getBoundingClientRect().height + CHAT_GAP);
1495      };
1496
1497      /**
1498       * Gets the Genesys launcher frame injected into the page.
1499       *
1500       * @returns {HTMLElement[]}
1501       */
1502      const getGenesysTargets = () => {
1503        return Array.from(new Set(document.querySelectorAll(GENESYS_TARGET_SELECTORS.join(',')))).filter(isChatPositionTarget);
1504      };
1505
1506      /**
1507       * Returns true when an element is safe to move for the chat offset.
1508       *
1509       * @param {Element} element - Possible chat element.
1510       * @returns {boolean}
1511       */
1512      const isChatPositionTarget = (element) => {
1513        if (!(element instanceof HTMLElement) || element === document.body || element === document.documentElement) {
1514          return false;
1515        }
1516
1517        const styles = window.getComputedStyle(element);
1518        const rect = element.getBoundingClientRect();
1519
1520        return styles.display !== 'none' && styles.visibility !== 'hidden' && rect.width > 0 && rect.height > 0;
1521      };
1522
1523      /**
1524       * Adds the sticky offset class to current chat targets.
1525       */
1526      const prepareGenesysTargets = () => {
1527        const targets = getGenesysTargets();
1528
1529        targets.forEach((element) => {
1530          element.classList.add(GENESYS_ADJUST_CLASS);
1531          adjustedElements.add(element);
1532        });
1533
1534        adjustedElements.forEach((element) => {
1535          if (!document.documentElement.contains(element)) {
1536            adjustedElements.delete(element);
1537          }
1538        });
1539      };
1540
1541      /**
1542       * Adds the sticky offset class to the OneTrust floating button.
1543       */
1544      const prepareOneTrustTarget = () => {
1545        const otButton = document.querySelector(ONETRUST_BTN_SELECTOR);
1546        if (otButton && isChatPositionTarget(otButton)) {
1547          otButton.classList.add(ONETRUST_ADJUST_CLASS);
1548        }
1549      };
1550
1551      /**
1552       * Updates the CSS variables/classes that drive the fluid chat movement.
1553       */
1554      function updateChatPosition() {
1555        const stickyCart = document.querySelector(STICKY_CART_SELECTOR);
1556        const chatOffset = getStickyCartChatOffset(stickyCart);
1557
1558        document.documentElement.style.setProperty('--fg-sticky-add-to-cart-chat-offset', `${chatOffset}px`);
1559        prepareGenesysTargets();
1560        prepareOneTrustTarget();
1561        observeStickyCart(stickyCart);
1562      }
1563
1564      /**
1565       * Observes class and size changes on the sticky add to cart.
1566       *
1567       * @param {HTMLElement|null} stickyCart - Sticky add to cart element.
1568       */
1569      function observeStickyCart(stickyCart) {
1570        if (!stickyCart || stickyCart === observedStickyCart) return;
1571
1572        if (stickyCartObserver) stickyCartObserver.disconnect();
1573        if (stickyCartResizeObserver) stickyCartResizeObserver.disconnect();
1574
1575        observedStickyCart = stickyCart;
1576        stickyCartObserver = new MutationObserver(scheduleChatPositionUpdate);
1577        stickyCartObserver.observe(stickyCart, { attributes: true, attributeFilter: ['class', 'style'] });
1578
1579        if ('ResizeObserver' in window) {
1580          stickyCartResizeObserver = new ResizeObserver(scheduleChatPositionUpdate);
1581          stickyCartResizeObserver.observe(stickyCart);
1582        }
1583      }
1584
1585      window.addEventListener('resize', scheduleChatPositionUpdate);
1586      window.addEventListener('orientationchange', scheduleChatPositionUpdate);
1587      document.addEventListener('DOMContentLoaded', () => {
1588        scheduleChatPositionUpdate();
1589
1590        const pageObserver = new MutationObserver(scheduleChatPositionUpdate);
1591        pageObserver.observe(document.body, { childList: true, subtree: true });
1592      });
1593    })();
1594  </script>
1594
1595      <!-- WL Cloud --> 
1595<script async type="text/javascript" src="https://cloud.wordlift.io/app/bootstrap.js"></script>
1595 <!-- End WL Cloud -->
1596    <!-- BEGIN app block: shopify://apps/wunderkind/blocks/tag/40b05e3b-2403-4814-8fab-e17e57e8b1aa -->
1596<script type="text/javascript">
1597  window.__wunderkindShopifyApp = true;
1598</script>
1598
1599
1600
1601
1602
1603
1604  
1604<script type="text/javascript">
1605    if (typeof window.bouncex === 'undefined') {
1606      window.bouncex = [];
1607    }
1608
1609    localStorage.setItem('wknd-id', 4351);
1610  </script>
1610
1611  
1611<script
1612    src="https://tag.wknd.ai/4351/i.js"
1613    type="text/javascript"
1614    id="wunderkind-tag"
1615    async
1616  ></script>
1616
1617
1618  
1618<script type="text/javascript">
1619    if (typeof window.wunderkind === 'undefined') {
1620      window.wunderkind = {};
1621    }
1622  </script>
1622
1623
1624  
1625
1626
1627
1628<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-loyalty-rewards/blocks/loader-app-embed-block/2f9660df-5018-4e02-9868-ee1fb88d6ccd -->
1629    
1629<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/Ck7Qp_qhZq9R-895SnRPMA" async></script>
1629
1630
1631
1632
1633
1634<!-- END app block --><!-- BEGIN app block: shopify://apps/se-wishlist-engine/blocks/app-embed/8f7c0857-8e71-463d-a168-8e133094753b --><link rel="preload" href="https://cdn.shopify.com/extensions/01a0c411-07b1-7271-9d7c-6ed52cf404ae/wishlist-engine-264/assets/wishlist-engine.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
1635<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0c411-07b1-7271-9d7c-6ed52cf404ae/wishlist-engine-264/assets/wishlist-engine.css"></noscript>
1636
1637<meta name="wishlist_shop_current_currency" content="${{amount}}" id="wishlist_shop_current_currency"/>
1638<script data-id="Ad05seVZTT0FSY1FTM__14198427981142892921" type="application/javascript">
1639  var  customHeartIcon='<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-accordion icon-heart" viewbox="0 0 20 20"><path fill-rule="evenodd" d="M10 5.24 8.515 3.773a4.433 4.433 0 0 0-6.21 0 4.293 4.293 0 0 0 0 6.128L10 17.495l7.695-7.593a4.293 4.293 0 0 0 0-6.128 4.433 4.433 0 0 0-6.21 0zm.765-2.177c2.113-2.084 5.538-2.084 7.65 0a5.29 5.29 0 0 1 0 7.55l-7.695 7.593a1.03 1.03 0 0 1-1.44 0l-7.696-7.594a5.29 5.29 0 0 1 0-7.549C3.697.98 7.122.98 9.234 3.063l.766.755z"></path></svg>';
1640  var  customHeartFillIcon='<svg style="fill: #7a381c;" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 48 48"><path id="heart" d="M34.65,5.07h.06a10.93,10.93,0,0,1,5.63,1.54,11.33,11.33,0,0,1,4,4,11,11,0,0,1,1.54,5.63v.07A11.19,11.19,0,0,1,45,20.68,10.86,10.86,0,0,1,42.6,24.3L24,42.94,5.4,24.32A11,11,0,0,1,3,20.7a11.24,11.24,0,0,1-.87-4.36h0v-.06a10.93,10.93,0,0,1,1.54-5.63,11.28,11.28,0,0,1,4-4,11,11,0,0,1,5.63-1.55h.09a11.15,11.15,0,0,1,4.34.88,10.86,10.86,0,0,1,3.62,2.44L24,11l2.66-2.66a11.2,11.2,0,0,1,3.62-2.43,11.33,11.33,0,0,1,4.37-.88h0Z"></path></svg>';
1641</script>
1641
1642
1643 
1644<script src="https://cdn.shopify.com/extensions/01a0c411-07b1-7271-9d7c-6ed52cf404ae/wishlist-engine-264/assets/wishlist-engine-app.js" defer></script>
1644
1645
1646<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->
1647
1648
1649  
1649<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/xUeIUGv7wkEsFNUxkDBCCAQRCIrbeK0BoVS91rtW?languageCode=en" async></script>
1649
1650
1651
1652
1653  
1654<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1655<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: 68750835881,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1655
1655
1656<script>
1657  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1658</script>
vendor: 1 bytes, line 1658
1658
1659<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}
1659).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: 68750835881,storefrontBaseUrl: "https://www.fostergrant.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.fostergrant.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1360461993","configuration":"{\"yotpoStoreId\":\"xUeIUGv7wkEsFNUxkDBCCAQRCIrbeK0BoVS91rtW\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c5c2579aac465eb24ca7bc0501a6000d","type":"APP","apiClientId":70132,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"891158697","configuration":"{\"accountID\":\"4351\",\"checkoutExperienceEnabled\":\"true\",\"customDomainName\":\"default\",\"espPerformsOptInCheck\":\"0\",\"fieldMappingCountries\":\"[\\\"US\\\",\\\"CA\\\"]\",\"markets\":\"{}\",\"onsiteExperienceEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"988af92787413cb5760ec003000e5d08","type":"APP","apiClientId":54985097217,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"888963241","configuration":"{\"accountID\":\"a5f13a49-ab5b-47c1-9391-1708ad916743\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"187bc69770376d8f46d3d27305d8e50d","type":"APP","apiClientId":97976549377,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1659,{"id":"123437225","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"30","type":"CUSTOM","privacyPurposes":[],"name":"Tealium Checkout"},{"id":"125468841","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":[],"name":"Forter Snippet"},{"id":"137199785","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Insider"},{"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":"Foster Grant","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"fostergrant-prod.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.fostergrant.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":8.4,"currencyCode":"USD"},"product":{"title":"Trifecta Travel Case","vendor":"Foster Grant","id":"8346473300137","untranslatedTitle":"Trifecta Travel Case","url":"\/products\/trifecta-travel-case","type":"Accessories"},"id":"45017833504937","image":{"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874"},"sku":"10402849.COM","title":"Blue","untranslatedTitle":"Blue"}],"products":[{"id":"8346473300137","handle":"trifecta-travel-case","isCollective":null,"title":"Trifecta Travel Case","type":"Accessories","untranslatedTitle":"Trifecta Travel Case","url":"\/products\/trifecta-travel-case","vendor":"Foster Grant","remoteShopId":null,"variants":[{"id":"45017833504937","image":{"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874"},"price":{"amount":8.4,"currencyCode":"USD"},"sku":"10402849.COM","title":"Blue","untranslatedTitle":"Blue"}]},{"id":"8346475659433","handle":"on-the-go-collapsible-eyewear-case","isCollective":null,"title":"On-the-Go Collapsible Case","type":"Accessories","untranslatedTitle":"On-the-Go Collapsible Case","url":"\/products\/on-the-go-collapsible-eyewear-case","vendor":"Foster Grant","remoteShopId":null,"variants":[{"id":"45017829900457","image":{"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975"},"price":{"amount":8.4,"currencyCode":"USD"},"sku":"10402850.COM","title":"Blue","untranslatedTitle":"Blue"}]},{"id":"8346468941993","handle":"nylon-black-and-blue-cord","isCollective":null,"title":"Speckled Nylon Black \u0026 Blue Cord","type":"Accessories","untranslatedTitle":"Speckled Nylon Black \u0026 Blue Cord","url":"\/products\/nylon-black-and-blue-cord","vendor":"Foster Grant","remoteShopId":null,"variants":[{"id":"45017815089321","image":{"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907"},"price":{"amount":6.95,"currencyCode":"USD"},"sku":"10402037.RSF","title":"Blue","untranslatedTitle":"Blue"}]},{"id":"8346472546473","handle":"speckled-nylon-black-and-red-cord","isCollective":null,"title":"Speckled Nylon Black \u0026 Red Cord","type":"Accessories","untranslatedTitle":"Speckled Nylon Black \u0026 Red Cord","url":"\/products\/speckled-nylon-black-and-red-cord","vendor":"Foster Grant","remoteShopId":null,"variants":[{"id":"45017836781737","image":{"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010"},"price":{"amount":6.95,"currencyCode":"USD"},"sku":"10402038.RSF","title":"Red","untranslatedTitle":"Red"}]}],"purchasingCompany":null},},"https://www.fostergrant.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"149256175785","themePublished":"true","eventMetadataId":"f541ebc9-f1d1-4bcf-81b3-3def4972ac5a","pageType":"product","resourceId":"8346473300137","shopId":"68750835881","storefrontBaseUrl":"https:\/\/www.fostergrant.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\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":8.4,\"currencyCode\":\"USD\"}
1659,\"product\":{\"title\":\"Trifecta Travel Case\",\"vendor\":\"Foster Grant\",\"id\":\"8346473300137\",\"untranslatedTitle\":\"Trifecta Travel Case\",\"url\":\"\/products\/trifecta-travel-case\",\"type\":\"Accessories\"},\"id\":\"45017833504937\",\"image\":{\"src\":\"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874\"},\"sku\":\"10402849.COM\",\"title\":\"Blue\",\"untranslatedTitle\":\"Blue\"}}]]"});})();</script>
1659<script>
1660  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1661  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1662  window.ShopifyAnalytics.meta.currency = 'USD';
1663  var meta = {"product":{"id":8346473300137,"gid":"gid:\/\/shopify\/Product\/8346473300137","vendor":"Foster Grant","type":"Accessories","handle":"trifecta-travel-case","variants":[{"id":45017833504937,"price":840,"name":"Trifecta Travel Case - Blue","public_title":"Blue","sku":"10402849.COM"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8346473300137,"requestId":"b0392a7b-4b60-4d77-a409-d3cb43f52723-1790362940"}};
1664  for (var attr in meta) {
1665    window.ShopifyAnalytics.meta[attr] = meta[attr];
1666  }
1667</script>
vendor: 1 bytes, line 1667
1667
1668<script class="analytics">
1669  (function () {
1670    var customDocumentWrite = function(content) {
1671      var jquery = null;
1672
1673      if (window.jQuery) {
1674        jquery = window.jQuery;
1675      } else if (window.Checkout && window.Checkout.$) {
1676        jquery = window.Checkout.$;
1677      }
1678
1679      if (jquery) {
1680        jquery('body').append(content);
1681      }
1682    };
1683
1684    var hasLoggedConversion = function(token) {
1685      if (token) {
1686        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1687      }
1688      return false;
1689    }
1690
1691    var setCookieIfConversion = function(token) {
1692      if (token) {
1693        var twoMonthsFromNow = new Date(Date.now());
1694        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1695
1696        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1697      }
1698    }
1699
1700    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1701    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1702    if (trekkie.integrations) {
1703      return;
1704    }
1705    trekkie.methods = [
1706      'identify',
1707      'page',
1708      'ready',
1709      'track',
1710      'trackForm',
1711      'trackLink'
1712    ];
1713    trekkie.factory = function(method) {
1714      return function() {
1715        var args = Array.prototype.slice.call(arguments);
1716        args.unshift(method);
1717        trekkie.push(args);
1718        if (method == 'track' || method == 'page') {
1719          var pageUrl;
1720          try {
1721            pageUrl = window.location.href;
1722          } catch (e) {}
1723          var pageReferrer;
1724          try {
1725            pageReferrer = document.referrer;
1726          } catch (e) {}
1727          try {
1728            if (window.__TREKKIE_SHIM_QUEUE == null) {
1729              window.__TREKKIE_SHIM_QUEUE = [];
1730            }
1731            window.__TREKKIE_SHIM_QUEUE.push({
1732              from: 'trekkie-stub',
1733              method: method,
1734              args: args.slice(1),
1735              pageContext: {
1736                url: pageUrl,
1737                referrer: pageReferrer
1738              }
1739            });
1740          } catch (e) {
1741            // no-op
1742          }
1743        }
1744        return trekkie;
1745      };
1746    };
1747    for (var i = 0; i < trekkie.methods.length; i++) {
1748      var key = trekkie.methods[i];
1749      trekkie[key] = trekkie.factory(key);
1750    }
1751    trekkie.load = function(config) {
1752      trekkie.config = config || {};
1753      trekkie.config.initialDocumentCookie = document.cookie;
1754      var first = document.getElementsByTagName('script')[0];
1755var script = document.createElement('script');
1756script.type = 'text/javascript';
1757script.onerror = function(e) {
1758  var scriptFallback = document.createElement('script');
1759  scriptFallback.type = 'text/javascript';
1760  scriptFallback.onerror = function(error) {
1761          var Monorail = {
1762      produce: function produce(monorailDomain, schemaId, payload) {
1763        var currentMs = new Date().getTime();
1764        var event = {
1765          schema_id: schemaId,
1766          payload: payload,
1767          metadata: {
1768            event_created_at_ms: currentMs,
1769            event_sent_at_ms: currentMs
1770          }
1771        };
1772        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1773      },
1774      sendRequest: function sendRequest(endpointUrl, payload) {
1775        // Try the sendBeacon API
1776        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1777          var blobData = new window.Blob([payload], {
1778            type: 'text/plain'
1779          });
1780
1781          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1782            return true;
1783          } // sendBeacon was not successful
1784
1785        } // XHR beacon
1786
1787        var xhr = new XMLHttpRequest();
1788
1789        try {
1790          xhr.open('POST', endpointUrl);
1791          xhr.setRequestHeader('Content-Type', 'text/plain');
1792          xhr.send(payload);
1793        } catch (e) {
1794          console.log(e);
1795        }
1796
1797        return false;
1798      },
1799      isIos12: function isIos12() {
1800        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1801      }
1802    };
1803    Monorail.produce('monorail-edge.shopifysvc.com',
1804      'trekkie_storefront_load_errors/1.1',
1805      {shop_id: 68750835881,
1806      theme_id: 149256175785,
1807      app_name: "storefront",
1808      context_url: window.location.href,
1809      source_url: "//www.fostergrant.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1810
1811  };
1812  scriptFallback.async = true;
1813  scriptFallback.src = '//www.fostergrant.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1814  first.parentNode.insertBefore(scriptFallback, first);
1815};
1816script.async = true;
1817script.src = '//www.fostergrant.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1818first.parentNode.insertBefore(script, first);
1819
1820    };
1821    trekkie.load(
1822      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":68750835881,"isMerchantRequest":null,"themeId":149256175785,"themeCityHash":"12187705410944777643","contentLanguage":"en","currency":"USD","eventMetadataId":"f541ebc9-f1d1-4bcf-81b3-3def4972ac5a"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1823    );
1824
1825    var loaded = false;
1826    trekkie.ready(function() {
1827      if (loaded) return;
1828      loaded = true;
1829
1830      window.ShopifyAnalytics.lib = window.trekkie;
1831
1832      var originalDocumentWrite = document.write;
1833      document.write = customDocumentWrite;
1834      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1835      document.write = originalDocumentWrite;
1836
1837      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1838      var token = match? match[1]: undefined;
1839      if (!hasLoggedConversion(token)) {
1840        setCookieIfConversion(token);
1841        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":45017833504937,"productId":8346473300137,"productGid":"gid:\/\/shopify\/Product\/8346473300137","name":"Trifecta Travel Case - Blue","price":"8.40","sku":"10402849.COM","brand":"Foster Grant","variant":"Blue","category":"Accessories","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1842      }
1843    });
1844
1845    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8346473300137,"requestId":"b0392a7b-4b60-4d77-a409-d3cb43f52723-1790362940","shopifyEmitted":true});
1846
1847    var eventsListenerScript = document.createElement('script');
1848    eventsListenerScript.async = true;
1849    eventsListenerScript.src = "//www.fostergrant.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1850    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1851})();</script>
vendor: 1 bytes, line 1851
1851
1852<script
1853  defer
1854  src="https://www.fostergrant.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1855  data-application="storefront-renderer"
1856  data-shop-id="68750835881"
1857  data-render-region="gcp-us-central1"
1858  data-page-type="product"
1859  data-theme-instance-id="149256175785"
1860  data-theme-name="Dawn"
1861  data-theme-version="15.2.0"
1862  data-monorail-region="shop_domain"
1863  data-resource-timing-sampling-rate="10"
1864  data-shs="true"
1865  data-shs-beacon="true"
1866  data-shs-export-with-fetch="true"
1867  data-shs-logs-sample-rate="1"
1868  data-shs-beacon-endpoint="https://www.fostergrant.com/api/collect"
1869></script>
1869
1870<meta name="shopify-y" content="0e7ac279-6440-445d-b056-112a77cbd0a6" data-expiration="1821920540000"><meta name="shopify-s" content="23ce3da3-ebe2-457d-ad24-56b5e97fdfdc" data-expiration="1790364740000"><meta name="new-cookie-storage-activated" content="t">
1871</head>
1872  
1873    <body class="gradient"><style>
1874  #fg-utm-overlay {
1875    position: fixed;
1876    top: 0;
1877    left: 0;
1878    width: 100%;
1879    height: 100%;
1880    background: #fff;
1881    z-index: 99999;
1882    display: flex;
1883    align-items: center;
1884    justify-content: center;
1885  }
1886  #fg-utm-overlay .spinner {
1887    width: 4.4rem;
1888    height: 4.4rem;
1889    animation: rotator 1.4s linear infinite;
1890  }
1891  #fg-utm-overlay .path {
1892    stroke-dasharray: 280;
1893    stroke-dashoffset: 0;
1894    transform-origin: center;
1895    stroke: rgb(var(--color-foreground, 0 0 0));
1896    animation: dash 1.4s ease-in-out infinite;
1897  }
1898</style>
1899
1900<script>
1901  (function() {
1902    var params = new URLSearchParams(window.location.search);
1903    var utm = params.get('utm_campaign');
1904    var last = sessionStorage.getItem('lastProcessedUTM');
1905    if (utm && utm !== last) {
1906      document.write(
1907        '<div id="fg-utm-overlay">' +
1908          '<svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66">' +
1909            '<circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/>' +
1910          '</svg>' +
1911        '</div>'
1912      );
1913    }
1914  })();
1915</script>
1915
1916
1917
1918<script type="text/javascript">
1919  window.TealiumConsentPrivacyLink = function () {
1920    window.location.assign('https://www.fgxi.com/privacy-policy/');
1921  };
1922
1923  window.TealiumTermsOfUseLink = function () {
1924    window.location.assign('https://www.fgxi.com/terms-conditions/');
1925  };
1926</script>
1926
1927
1928
1929  
1930  
1931  
1932  
1933  
1934  
1935  
1936  
1937  
1938      
1939      
1940      
1941
1942<script type="text/javascript">
1943window.tealium = {
1944  products: 
1945  {
1946    
1947    
1948    
1949    
1950      
1951      
1952    
1953    
1954    
1955    "10402849.COM": {
1956      "Status": "Available",
1957      "PriceNet": "8.40",
1958      
1959        "PriceFullNet": "12.00"
1960      ,
1961      "LensType": "PLANO",
1962      "LoyaltyExclusive": "N"
1963    }
1964  }
1965
1966};
1967</script>
1967
1968
1969    
1970
1971  
1972  
1973  
1974  
1975  
1976  
1977
1978  
1978<script
1979    type="text/javascript"
1980  >
1981    window.tealium_data2track = window.tealium_data2track || [];
1982
1983    // Callback to run when OneTrust is loaded
1984    function onOneTrustConsentLoaded() {
1985      if (document.querySelector('script[src*="/utag.js"]')) return;
1986
1987      (function (a, b, c, d) {
1988        a = '//tags.tiqcdn.com/utag/luxottica/fostergrant/prod/utag.js';
1989        b = document;
1990        c = 'script';
1991        d = b.createElement(c);
1992        d.src = a;
1993        d.type = 'text/java' + c;
1994        d.async = true;
1995        a = b.getElementsByTagName(c)[0];
1996        a.parentNode.insertBefore(d, a);
1997      })();
1998    }
1999
2000    // OneTrust is ready => run the callback immediately
2001    if (window.oneTrustConsentIsReady || window.OneTrust) {
2002      onOneTrustConsentLoaded();
2003    } else {
2004      // Waiting OneTrust before running the callback
2005      window.addEventListener(
2006        'onetrustconsentloaded',
2007        onOneTrustConsentLoaded
2008      );
2009    }
2010
2011    let tealiumInterval;
2012
2013    let loyaltyTier = '';
2014
2015    
2016
2017  const tealiumData = {
2018    Wave: "2",
2019    Page_Type: "Pdp",
2020    Page_Section1: "Other",
2021    Page_Section2: "trifecta-travel-case",
2022    Page_Section3: "",
2023    Page_Country: "",
2024    Order_Currency: "USD",
2025    User_LoginStatus: "Guest",
2026    User_LoginType: "",
2027    User_Email_MD5: "",
2028    User_Email_SHA256: "",
2029    User_Id: "",
2030    Order_DiscountName: "",
2031    Order_ShippingMode: "",
2032    Order_ShippingAmount: "",
2033    User_LoyaltyCard: "",
2034    User_LoyaltyTier: "",
2035    Events_UserLoyaltySub: "0",
2036    Products: window.tealium?.products ?? ""
2037  };
2038
2039    const errorData = {
2040      Error_Source : "",
2041      Error_Code: "404 - page not found",
2042      id : "VirtualPage-View",
2043      Events_Error : "1",
2044      Page_Type : "Error",
2045      Page_Section1 : "Other",
2046      Page_Section2 : "ErrorHttp404",
2047      Error_Message : "Oops, we can't find what you were looking for",
2048      Error_Details: window.location.href
2049    }
2050
2051    const LOYALTY_SUBSCRIPTION_STORAGE_KEY = 'tealium_loyalty_subscription';
2052    const LOYALTY_SUBSCRIPTION_PENDING_KEY = 'tealium_loyalty_subscription_pending';
2053    const LOYALTY_SUBSCRIPTION_CONSUMED_KEY = 'tealium_loyalty_subscription_consumed';
2054    const ACCOUNT_CREATED_PENDING_KEY = 'tealium_account_created_pending';
2055    const ACCOUNT_CREATED_CONSUMED_KEY = 'tealium_account_created_consumed';
2056    const ACCOUNT_CREATED_STORAGE_KEY = 'tealium_account_created_payload';
2057    const NEWSLETTER_SUB_PENDING_KEY = 'tealium_newsletter_sub_pending';
2058    const NEWSLETTER_SUB_CONSUMED_KEY = 'tealium_newsletter_sub_consumed';
2059    const NEWSLETTER_SUB_EMAIL_STORAGE_KEY = 'tealium_newsletter_sub_email';
2060    const HAS_CUSTOMER = null;
2061
2062    function getLoyaltySubEventValue() {
2063      try {
2064        if (!HAS_CUSTOMER) return null;
2065        const params = new URLSearchParams(window.location.search);
2066        const path = window.location.pathname.replace(/\/$/, '');
2067        const isLoyaltyRedirect = path === '/account' && params.get('view') === 'loyalty';
2068        if (!isLoyaltyRedirect) return null;
2069
2070        const pending = sessionStorage.getItem(LOYALTY_SUBSCRIPTION_PENDING_KEY);
2071        if (pending !== '0' && pending !== '1') return null;
2072
2073        if (sessionStorage.getItem(LOYALTY_SUBSCRIPTION_CONSUMED_KEY) === '1') return null;
2074
2075        sessionStorage.setItem(LOYALTY_SUBSCRIPTION_CONSUMED_KEY, '1');
2076        sessionStorage.removeItem(LOYALTY_SUBSCRIPTION_PENDING_KEY);
2077        return pending;
2078      } catch (error) {
2079        console.warn('Unable to evaluate loyalty subscription flag', error);
2080      }
2081      return null;
2082    }
2083
2084    function normalizeLensType(value) {
2085      const normalizedValue = (value || '').toString().trim().toUpperCase();
2086
2087      if (normalizedValue.includes('RX')) {
2088        return 'RX';
2089      }
2090
2091      if (normalizedValue.includes('PLANO')) {
2092        return 'PLANO';
2093      }
2094
2095      return '';
2096    }
2097
2098    function getVariantLensType(variant) {
2099      const optionCandidates = [
2100        variant?.lens_type,
2101        variant?.lenstype,
2102        variant?.option1,
2103        variant?.option2,
2104        variant?.option3,
2105      ];
2106
2107      if (Array.isArray(variant?.options)) {
2108        optionCandidates.push(...variant.options);
2109      }
2110
2111      for (const candidate of optionCandidates) {
2112        const normalizedLensType = normalizeLensType(candidate);
2113        if (normalizedLensType) {
2114          return normalizedLensType;
2115        }
2116      }
2117
2118      return 'PLANO';
2119    }
2120
2121    function parseCents(value) {
2122      const parsedValue = Number.parseFloat(value);
2123      return Number.isFinite(parsedValue) ? parsedValue : 0;
2124    }
2125
2126    function formatMoneyFromCents(value) {
2127      return (parseCents(value) / 100).toFixed(2);
2128    }
2129
2130    function readSessionJSON(key) {
2131      try {
2132        const rawValue = sessionStorage.getItem(key);
2133        return rawValue ? JSON.parse(rawValue) : null;
2134      } catch (error) {
2135        return null;
2136      }
2137    }
2138
2139    function removeSessionValue(key) {
2140      try {
2141        sessionStorage.removeItem(key);
2142      } catch (error) {
2143        console.warn('Unable to remove Tealium session value', error);
2144      }
2145    }
2146
2147    function normalizeEmailForHashing(value) {
2148      return (value || '').toString().trim().toLowerCase();
2149    }
2150
2151    function toHexString(buffer) {
2152      return Array.from(new Uint8Array(buffer))
2153        .map((value) => value.toString(16).padStart(2, '0'))
2154        .join('');
2155    }
2156
2157    function add32(a, b) {
2158      return (a + b) & 0xFFFFFFFF;
2159    }
2160
2161    function md5Cmn(q, a, b, x, s, t) {
2162      const sum = add32(add32(a, q), add32(x, t));
2163      return add32((sum << s) | (sum >>> (32 - s)), b);
2164    }
2165
2166    function md5Ff(a, b, c, d, x, s, t) {
2167      return md5Cmn((b & c) | ((~b) & d), a, b, x, s, t);
2168    }
2169
2170    function md5Gg(a, b, c, d, x, s, t) {
2171      return md5Cmn((b & d) | (c & (~d)), a, b, x, s, t);
2172    }
2173
2174    function md5Hh(a, b, c, d, x, s, t) {
2175      return md5Cmn(b ^ c ^ d, a, b, x, s, t);
2176    }
2177
2178    function md5Ii(a, b, c, d, x, s, t) {
2179      return md5Cmn(c ^ (b | (~d)), a, b, x, s, t);
2180    }
2181
2182    function md5Cycle(state, block) {
2183      let [a, b, c, d] = state;
2184
2185      a = md5Ff(a, b, c, d, block[0], 7, -680876936);
2186      d = md5Ff(d, a, b, c, block[1], 12, -389564586);
2187      c = md5Ff(c, d, a, b, block[2], 17, 606105819);
2188      b = md5Ff(b, c, d, a, block[3], 22, -1044525330);
2189      a = md5Ff(a, b, c, d, block[4], 7, -176418897);
2190      d = md5Ff(d, a, b, c, block[5], 12, 1200080426);
2191      c = md5Ff(c, d, a, b, block[6], 17, -1473231341);
2192      b = md5Ff(b, c, d, a, block[7], 22, -45705983);
2193      a = md5Ff(a, b, c, d, block[8], 7, 1770035416);
2194      d = md5Ff(d, a, b, c, block[9], 12, -1958414417);
2195      c = md5Ff(c, d, a, b, block[10], 17, -42063);
2196      b = md5Ff(b, c, d, a, block[11], 22, -1990404162);
2197      a = md5Ff(a, b, c, d, block[12], 7, 1804603682);
2198      d = md5Ff(d, a, b, c, block[13], 12, -40341101);
2199      c = md5Ff(c, d, a, b, block[14], 17, -1502002290);
2200      b = md5Ff(b, c, d, a, block[15], 22, 1236535329);
2201
2202      a = md5Gg(a, b, c, d, block[1], 5, -165796510);
2203      d = md5Gg(d, a, b, c, block[6], 9, -1069501632);
2204      c = md5Gg(c, d, a, b, block[11], 14, 643717713);
2205      b = md5Gg(b, c, d, a, block[0], 20, -373897302);
2206      a = md5Gg(a, b, c, d, block[5], 5, -701558691);
2207      d = md5Gg(d, a, b, c, block[10], 9, 38016083);
2208      c = md5Gg(c, d, a, b, block[15], 14, -660478335);
2209      b = md5Gg(b, c, d, a, block[4], 20, -405537848);
2210      a = md5Gg(a, b, c, d, block[9], 5, 568446438);
2211      d = md5Gg(d, a, b, c, block[14], 9, -1019803690);
2212      c = md5Gg(c, d, a, b, block[3], 14, -187363961);
2213      b = md5Gg(b, c, d, a, block[8], 20, 1163531501);
2214      a = md5Gg(a, b, c, d, block[13], 5, -1444681467);
2215      d = md5Gg(d, a, b, c, block[2], 9, -51403784);
2216      c = md5Gg(c, d, a, b, block[7], 14, 1735328473);
2217      b = md5Gg(b, c, d, a, block[12], 20, -1926607734);
2218
2219      a = md5Hh(a, b, c, d, block[5], 4, -378558);
2220      d = md5Hh(d, a, b, c, block[8], 11, -2022574463);
2221      c = md5Hh(c, d, a, b, block[11], 16, 1839030562);
2222      b = md5Hh(b, c, d, a, block[14], 23, -35309556);
2223      a = md5Hh(a, b, c, d, block[1], 4, -1530992060);
2224      d = md5Hh(d, a, b, c, block[4], 11, 1272893353);
2225      c = md5Hh(c, d, a, b, block[7], 16, -155497632);
2226      b = md5Hh(b, c, d, a, block[10], 23, -1094730640);
2227      a = md5Hh(a, b, c, d, block[13], 4, 681279174);
2228      d = md5Hh(d, a, b, c, block[0], 11, -358537222);
2229      c = md5Hh(c, d, a, b, block[3], 16, -722521979);
2230      b = md5Hh(b, c, d, a, block[6], 23, 76029189);
2231      a = md5Hh(a, b, c, d, block[9], 4, -640364487);
2232      d = md5Hh(d, a, b, c, block[12], 11, -421815835);
2233      c = md5Hh(c, d, a, b, block[15], 16, 530742520);
2234      b = md5Hh(b, c, d, a, block[2], 23, -995338651);
2235
2236      a = md5Ii(a, b, c, d, block[0], 6, -198630844);
2237      d = md5Ii(d, a, b, c, block[7], 10, 1126891415);
2238      c = md5Ii(c, d, a, b, block[14], 15, -1416354905);
2239      b = md5Ii(b, c, d, a, block[5], 21, -57434055);
2240      a = md5Ii(a, b, c, d, block[12], 6, 1700485571);
2241      d = md5Ii(d, a, b, c, block[3], 10, -1894986606);
2242      c = md5Ii(c, d, a, b, block[10], 15, -1051523);
2243      b = md5Ii(b, c, d, a, block[1], 21, -2054922799);
2244      a = md5Ii(a, b, c, d, block[8], 6, 1873313359);
2245      d = md5Ii(d, a, b, c, block[15], 10, -30611744);
2246      c = md5Ii(c, d, a, b, block[6], 15, -1560198380);
2247      b = md5Ii(b, c, d, a, block[13], 21, 1309151649);
2248      a = md5Ii(a, b, c, d, block[4], 6, -145523070);
2249      d = md5Ii(d, a, b, c, block[11], 10, -1120210379);
2250      c = md5Ii(c, d, a, b, block[2], 15, 718787259);
2251      b = md5Ii(b, c, d, a, block[9], 21, -343485551);
2252
2253      state[0] = add32(a, state[0]);
2254      state[1] = add32(b, state[1]);
2255      state[2] = add32(c, state[2]);
2256      state[3] = add32(d, state[3]);
2257    }
2258
2259    function md5BlockFromString(value) {
2260      const block = [];
2261      for (let index = 0; index < 64; index += 4) {
2262        block[index >> 2] =
2263          value.charCodeAt(index) +
2264          (value.charCodeAt(index + 1) << 8) +
2265          (value.charCodeAt(index + 2) << 16) +
2266          (value.charCodeAt(index + 3) << 24);
2267      }
2268      return block;
2269    }
2270
2271    function md5State(value) {
2272      const state = [1732584193, -271733879, -1732584194, 271733878];
2273      let index;
2274
2275      for (index = 64; index <= value.length; index += 64) {
2276        md5Cycle(state, md5BlockFromString(value.substring(index - 64, index)));
2277      }
2278
2279      value = value.substring(index - 64);
2280      const tail = new Array(16).fill(0);
2281      for (index = 0; index < value.length; index += 1) {
2282        tail[index >> 2] |= value.charCodeAt(index) << ((index % 4) << 3);
2283      }
2284      tail[index >> 2] |= 0x80 << ((index % 4) << 3);
2285
2286      if (index > 55) {
2287        md5Cycle(state, tail);
2288        for (index = 0; index < 16; index += 1) {
2289          tail[index] = 0;
2290        }
2291      }
2292
2293      tail[14] = value.length * 8;
2294      md5Cycle(state, tail);
2295      return state;
2296    }
2297
2298    function md5HexPair(value) {
2299      let output = '';
2300      for (let index = 0; index < 4; index += 1) {
2301        output += ((value >> (index * 8)) & 0xFF).toString(16).padStart(2, '0');
2302      }
2303      return output;
2304    }
2305
2306    function createMd5Hash(value) {
2307      const utf8Value = unescape(encodeURIComponent(value));
2308      return md5State(utf8Value).map(md5HexPair).join('');
2309    }
2310
2311    async function createSha256Hash(value) {
2312      if (!window.crypto?.subtle) return '';
2313      const encodedValue = new TextEncoder().encode(value);
2314      const digest = await window.crypto.subtle.digest('SHA-256', encodedValue);
2315      return toHexString(digest);
2316    }
2317
2318    async function createEmailHashes(email) {
2319      const normalizedEmail = normalizeEmailForHashing(email);
2320      if (!normalizedEmail) {
2321        return {
2322          normalizedEmail: '',
2323          md5: '',
2324          sha256: ''
2325        };
2326      }
2327
2328      return {
2329        normalizedEmail,
2330        md5: createMd5Hash(normalizedEmail),
2331        sha256: await createSha256Hash(normalizedEmail)
2332      };
2333    }
2334
2335    function updateProductLensType(lensType) {
2336      if (!lensType || !tealiumData.Products || typeof tealiumData.Products !== 'object') return;
2337
2338      Object.keys(tealiumData.Products).forEach((productKey) => {
2339        tealiumData.Products[productKey] = {
2340          ...tealiumData.Products[productKey],
2341          LensType: lensType
2342        };
2343      });
2344    }
2345
2346    function getSelectedProductLensType() {
2347      const selectedLensInput = document.querySelector('input[type="radio"][name="Lens Type"]:checked');
2348      if (selectedLensInput?.value) {
2349        return normalizeLensType(selectedLensInput.value);
2350      }
2351
2352      const selectedLensOption = document.querySelector('select[name="options[Lens Type]"], select[name="Lens Type"]');
2353      if (selectedLensOption?.value) {
2354        return normalizeLensType(selectedLensOption.value);
2355      }
2356
2357      return '';
2358    }
2359
2360    function markEventConsumed(pendingKey, consumedKey) {
2361      try {
2362        sessionStorage.setItem(consumedKey, '1');
2363        sessionStorage.removeItem(pendingKey);
2364      } catch (error) {
2365        console.warn('Unable to persist Tealium event status', error);
2366      }
2367    }
2368
2369    function hasPendingEvent(pendingKey, consumedKey) {
2370      try {
2371        return sessionStorage.getItem(pendingKey) === '1' && sessionStorage.getItem(consumedKey) !== '1';
2372      } catch (error) {
2373        return false;
2374      }
2375    }
2376
2377    function createProductPayload(productId, productData) {
2378      return {
2379        Products: {
2380          [productId || productData.Id || '0']: {
2381            ...productData
2382          }
2383        }
2384      };
2385    }
2386
2387    function pushAccountCreatedEvent(payload = {}) {
2388      const storedPayload = readSessionJSON(ACCOUNT_CREATED_STORAGE_KEY) || {};
2389      const {
2390        Events_UserAccountNew,
2391        User_LoginType,
2392        User_Email_MD5,
2393        User_Email_SHA256,
2394        User_Id,
2395        User_LoyaltyCard,
2396        User_LoyaltyTier,
2397        ...restPayload
2398      } = payload || {};
2399
2400      markEventConsumed(ACCOUNT_CREATED_PENDING_KEY, ACCOUNT_CREATED_CONSUMED_KEY);
2401      removeSessionValue(ACCOUNT_CREATED_STORAGE_KEY);
2402
2403      tealium_data2track.push({
2404        id: 'VirtualPage-View',
2405        Wave: '2',
2406        'Page_Type': 'Static',
2407        'Page_Section1': 'Account',
2408        'Page_Country': typeof Shopify !== 'undefined' ? Shopify.country : tealiumData['Page_Country'],
2409        'Order_Currency': 'USD',
2410        'User_LoginStatus': 'Logged',
2411        'User_LoginType': User_LoginType || storedPayload.User_LoginType || tealiumData['User_LoginType'] || 'Standard',
2412        'User_Email_MD5': User_Email_MD5 || storedPayload.User_Email_MD5 || tealiumData['User_Email_MD5'],
2413        'User_Email_SHA256': User_Email_SHA256 || storedPayload.User_Email_SHA256 || tealiumData['User_Email_SHA256'],
2414        'User_Id': User_Id || storedPayload.User_Id || tealiumData['User_Id'],
2415        'User_LoyaltyCard': User_LoyaltyCard || storedPayload.User_LoyaltyCard || tealiumData['User_LoyaltyCard'],
2416        'User_LoyaltyTier': User_LoyaltyTier || storedPayload.User_LoyaltyTier || tealiumData['User_LoyaltyTier'],
2417        ...restPayload,
2418        'Events_UserAccountNew': '1',
2419      });
2420    }
2421
2422    async function pushNewsletterSubscribedEvent(payload = {}) {
2423      const {
2424        userEmail,
2425        email,
2426        Wave,
2427        User_Id,
2428        User_Email_MD5,
2429        User_Email_SHA256,
2430        ...restPayload
2431      } = payload || {};
2432      const storedNewsletterEmail = readSessionJSON(NEWSLETTER_SUB_EMAIL_STORAGE_KEY)?.email || '';
2433      const emailHashes = userEmail || email || storedNewsletterEmail
2434        ? await createEmailHashes(userEmail || email || storedNewsletterEmail)
2435        : {
2436            md5: User_Email_MD5 || tealiumData['User_Email_MD5'] || '',
2437            sha256: User_Email_SHA256 || tealiumData['User_Email_SHA256'] || ''
2438          };
2439
2440      markEventConsumed(NEWSLETTER_SUB_PENDING_KEY, NEWSLETTER_SUB_CONSUMED_KEY);
2441      removeSessionValue(NEWSLETTER_SUB_EMAIL_STORAGE_KEY);
2442
2443      if (emailHashes.md5) {
2444        tealiumData['User_Email_MD5'] = emailHashes.md5;
2445      }
2446      if (emailHashes.sha256) {
2447        tealiumData['User_Email_SHA256'] = emailHashes.sha256;
2448      }
2449
2450      tealium_data2track.push({
2451        id: 'Event',
2452        Events_UserEmailSub: '1',
2453        ...restPayload,
2454        'User_Email_MD5': emailHashes.md5 || tealiumData['User_Email_MD5'] || '',
2455        'User_Email_SHA256': emailHashes.sha256 || tealiumData['User_Email_SHA256'] || '',
2456        'User_Id': User_Id || tealiumData['User_Id'],
2457      });
2458    }
2459
2460    function pushWishlistAddedEvent(payload = {}) {
2461      tealium_data2track.push({
2462        id: 'Event',
2463        Wave: '2',
2464        data_element_id: 'Prod_FavAdd',
2465        Events_ProdFavAdd: '1',
2466        ...payload
2467      });
2468    }
2469
2470    function buildWishlistPayload(wrapper) {
2471      const productCatalogId = (wrapper.dataset.product_catalog_id || wrapper.dataset.product_id || '')
2472        .toString()
2473        .trim()
2474        .toUpperCase();
2475      const lensType = normalizeLensType(wrapper.dataset.lens_type) || getSelectedProductLensType() || 'PLANO';
2476
2477      return {
2478        Product_Id: wrapper.dataset.product_id || '',
2479        Product_VariantId: wrapper.dataset.variant_id || '',
2480        ...createProductPayload(productCatalogId, {
2481          Id: productCatalogId || wrapper.dataset.product_id || '',
2482          Status: wrapper.dataset.product_status || 'Available',
2483          Price: formatMoneyFromCents(wrapper.dataset.product_price),
2484          PriceNet: formatMoneyFromCents(wrapper.dataset.product_price),
2485          PriceFull: formatMoneyFromCents(wrapper.dataset.product_price_full || wrapper.dataset.product_price),
2486          PriceFullNet: formatMoneyFromCents(wrapper.dataset.product_price_full || wrapper.dataset.product_price),
2487          Units: '1',
2488          LensType: lensType
2489        })
2490      };
2491    }
2492
2493    function syncWishlistWrapperWithVariant(wrapper, variant) {
2494      if (!wrapper || !variant) return;
2495
2496      const productCatalogId = (variant?.sku || wrapper.dataset.product_catalog_id || wrapper.dataset.product_id || '')
2497        .toString()
2498        .trim()
2499        .toUpperCase();
2500
2501      wrapper.dataset.variant_id = variant.id || wrapper.dataset.variant_id || '';
2502      wrapper.dataset.product_catalog_id = productCatalogId || wrapper.dataset.product_catalog_id || '';
2503      wrapper.dataset.product_price = variant.price ?? wrapper.dataset.product_price ?? '';
2504      wrapper.dataset.product_price_full = variant.compare_at_price ?? variant.price ?? wrapper.dataset.product_price_full ?? '';
2505      wrapper.dataset.product_status = variant.available ? 'Available' : 'Out-of-stock';
2506      wrapper.dataset.lens_type = getVariantLensType(variant) || getSelectedProductLensType();
2507    }
2508
2509    function getWishlistTrackingWrapper(target) {
2510      if (!target || typeof target.closest !== 'function') return null;
2511      return target.closest('.wishlist-engine[data-product_id][data-variant_id], [data-product_id][data-variant_id].wishlist-engine');
2512    }
2513
2514    function markWishlistInteractionState(target) {
2515      const wrapper = getWishlistTrackingWrapper(target);
2516      if (!wrapper) return;
2517
2518      const wishlistButton = target.closest('.wishlist-engine-button') || wrapper.querySelector('.wishlist-engine-button');
2519      if (!wishlistButton) return;
2520
2521      wrapper.dataset.tealiumWasPressed = wishlistButton.getAttribute('aria-pressed') === 'true' ? 'true' : 'false';
2522    }
2523
2524    function trackWishlistInteraction(target) {
2525      const wrapper = getWishlistTrackingWrapper(target);
2526      if (!wrapper) return;
2527
2528      const wishlistButton = target.closest('.wishlist-engine-button') || wrapper.querySelector('.wishlist-engine-button');
2529      if (!wishlistButton) return;
2530
2531      const wasPressed = wrapper.dataset.tealiumWasPressed === 'true';
2532      delete wrapper.dataset.tealiumWasPressed;
2533
2534      if (wasPressed) return;
2535
2536      if (typeof publish === 'function' && typeof PUB_SUB_EVENTS !== 'undefined' && PUB_SUB_EVENTS.wishlistAdded) {
2537        publish(PUB_SUB_EVENTS.wishlistAdded, buildWishlistPayload(wrapper));
2538        return;
2539      }
2540
2541      pushWishlistAddedEvent(buildWishlistPayload(wrapper));
2542    }
2543
2544    async function flushPendingTealiumEvents() {
2545      if (hasPendingEvent(ACCOUNT_CREATED_PENDING_KEY, ACCOUNT_CREATED_CONSUMED_KEY) && tealiumData['User_LoginStatus'] === 'Logged') {
2546        pushAccountCreatedEvent();
2547      }
2548
2549      if (hasPendingEvent(NEWSLETTER_SUB_PENDING_KEY, NEWSLETTER_SUB_CONSUMED_KEY)) {
2550        await pushNewsletterSubscribedEvent();
2551      }
2552    }
2553
2554    async function initTealium() {
2555      if (typeof tealium_data2track !== 'undefined' && typeof tealium_data2track.push === 'function') {
2556        clearInterval(tealiumInterval);
2557        setupEventHandlers();
2558        await flushPendingTealiumEvents();
2559        pushPageView();
2560      }
2561    }
2562
2563
2564    function createProductsObject(cartData, variant) {
2565      let variantAddedComparePrice = cartData.discounted_price;
2566      if (variant.compare_at_price != null) {
2567        variantAddedComparePrice = variant.compare_at_price;
2568      }
2569
2570      const productId = (variant?.sku || cartData?.sku || cartData?.product_id || '')
2571        .toString()
2572        .trim()
2573        .toUpperCase();
2574      const lensType = getVariantLensType(variant);
2575
2576      return createProductPayload(productId || cartData.product_id, {
2577        Id: productId || cartData.product_id || '',
2578        Status: variant?.available ? 'Available' : 'Out-of-stock',
2579        Price: formatMoneyFromCents(cartData.discounted_price),
2580        PriceNet: formatMoneyFromCents(cartData.discounted_price),
2581        PriceFull: formatMoneyFromCents(variantAddedComparePrice),
2582        PriceFullNet: formatMoneyFromCents(variantAddedComparePrice),
2583        Units: (cartData.quantity).toString(),
2584        LensType: lensType
2585      });
2586    }
2587
2588    function setupEventHandlers() {
2589
2590      subscribe(PUB_SUB_EVENTS.addToCart, async (payload) => {
2591        let productsObject = createProductsObject(payload.cartData, payload.variant);
2592        tealium_data2track.push({
2593          'id': 'Event',
2594          'Events_CartAdd': '1',
2595          ...productsObject
2596        });
2597      });
2598
2599      subscribe(PUB_SUB_EVENTS.facetsUpdate, async (payload) => {
2600        tealium_data2track.push({
2601          'id': 'Event',
2602          ...payload
2603        });
2604      });
2605
2606      let searchSubmitTimeout;
2607      const SEARCH_SUBMIT_DEBOUNCE_MS = 2500;
2608
2609      subscribe(PUB_SUB_EVENTS.searchSubmit , async (payload) => {
2610        clearTimeout(searchSubmitTimeout);
2611        searchSubmitTimeout = setTimeout(() => {
2612          tealium_data2track.push({
2613            'id': 'Event',
2614            ...payload
2615          });
2616        }, SEARCH_SUBMIT_DEBOUNCE_MS);
2617      });
2618
2619      subscribe(PUB_SUB_EVENTS.accountCreated , async (payload) => {
2620        pushAccountCreatedEvent(payload);
2621      });
2622
2623      subscribe(PUB_SUB_EVENTS.newsletterSubscribed, async (payload) => {
2624        await pushNewsletterSubscribedEvent(payload);
2625      });
2626
2627      subscribe(PUB_SUB_EVENTS.wishlistAdded, async (payload) => {
2628        pushWishlistAddedEvent(payload);
2629      });
2630
2631      subscribe(PUB_SUB_EVENTS.variantChange, async (payload) => {
2632        const variant = payload?.data?.variant;
2633        const sectionId = payload?.data?.sectionId;
2634        if (!variant || !sectionId) return;
2635
2636        const productSection = document.querySelector(`#MainProduct-${sectionId}`) || document.querySelector(`product-info[data-section="${sectionId}"]`);
2637        if (!productSection) return;
2638
2639        const lensType = getVariantLensType(variant) || getSelectedProductLensType();
2640        if (lensType) {
2641          updateProductLensType(lensType);
2642        }
2643
2644        productSection.querySelectorAll('.wishlist-engine[data-product_id]').forEach((wrapper) => {
2645          syncWishlistWrapperWithVariant(wrapper, variant);
2646        });
2647      });
2648
2649      document.addEventListener('pointerdown', (event) => {
2650        markWishlistInteractionState(event.target);
2651      });
2652
2653      document.addEventListener('keydown', (event) => {
2654        if (event.key !== 'Enter' && event.key !== ' ') return;
2655        markWishlistInteractionState(event.target);
2656      });
2657
2658      document.addEventListener('click', (event) => {
2659        trackWishlistInteraction(event.target);
2660      }, true);
2661    }
2662
2663    function pushPageView() {
2664      let dataPreparationPromise = Promise.resolve();
2665
2666      if (typeof Shopify !== 'undefined') {
2667        
2668          tealiumData['Page_Country'] = Shopify.country;
2669        
2670        tealiumData['lang'] = Shopify.locale + '-' + Shopify.country;
2671      }
2672
2673      try {
2674        const loyaltySubStorage = JSON.parse(sessionStorage.getItem(LOYALTY_SUBSCRIPTION_STORAGE_KEY));
2675        if (loyaltySubStorage) {
2676          tealiumData['Events_UserLoyaltySub'] = '1';
2677          if (loyaltySubStorage.emailMd5) {
2678            tealiumData['User_Email_MD5'] = loyaltySubStorage.emailMd5;
2679          }
2680          if (loyaltySubStorage.emailSha256) {
2681            tealiumData['User_Email_SHA256'] = loyaltySubStorage.emailSha256;
2682          }
2683          sessionStorage.removeItem(LOYALTY_SUBSCRIPTION_STORAGE_KEY);
2684        }
2685      } catch (error) {
2686        console.warn('Unable to read loyalty subscription flag', error);
2687        const loyaltySubEventValue = getLoyaltySubEventValue();
2688        if (loyaltySubEventValue !== null) {
2689          tealiumData['Events_UserLoyaltySub'] = loyaltySubEventValue;
2690        }
2691      }
2692      
2693      
2694        updateProductLensType(getSelectedProductLensType());
2695        let breadcrumbsContainer = document.querySelector('.breadcrumbs-container');
2696        let spansWithDataHandle = breadcrumbsContainer?.querySelectorAll('span[data-handle]') || [];
2697        if (spansWithDataHandle.length > 0) {
2698          tealiumData['Page_Section1'] = spansWithDataHandle[spansWithDataHandle.length - 1].dataset.handle;
2699        }
2700      
2701
2702      �// Solution with cart token
2703      tealium_data2track.push({
2704          id: 'VirtualPage-View',
2705          ...tealiumData,
2706          
2707        });}
2708
2709    document.addEventListener('DOMContentLoaded', function () {
2710      tealiumInterval = setInterval(initTealium, 100);
2711    });
2712  </script>
2712
2713
2714<a class="skip-to-content-link button visually-hidden" href="#MainContent">
2715        Skip to content
2716      </a>
2717
2718<script src="//www.fostergrant.com/cdn/shop/t/75/assets/cart-notification.js?v=11930729388804611141769615268" defer="defer"></script>
2718
2719
2720<cart-notification class="sd:tw-flex sd:tw-justify-between tw-right-0 tw-top-0 tw-bottom-0 tw-left-auto tw-fixed
2721  [&.active-drawer]:tw-bg-[rgba(0,0,0,0.6)] [&.active-drawer]:tw-w-full tw-h-full tw-overflow-x-hidden tw-z-10">
2722  <div class="cart_notification__close-overlay tw-hidden sd:tw-block tw-relative tw-w-[calc(100%_-_48.8rem)] tw-h-full tw-z-[11]"><div></div></div>
2723  <div class="cart-notification-wrapper tw-h-full">
2724    <div
2725      id="cart-notification"
2726      class="cart-notification focus-inset 
2727      side-drawer 
2728      tw-hidden tw-absolute !tw-right-[0] !tw-top-[0] !tw-bottom-[0] 
2729      !tw-bg-grey !tw-px-16 lmd:!tw-px-30 !tw-pt-[.8rem] sd:!tw-pt-[1.6rem] tw-pb-[5.4rem] 
2730      tw-ml-auto tw-w-full sd:!tw-w-[48.8rem] tw-h-full
2731      tw-transition-transform tw-ease-linear tw-duration-[var(--duration-default)] !tw-translate-x-full tw-overflow-y-auto
2732      [&.active]:sd:!tw-w-[48.8rem] sd:!tw-max-w-[48.8rem] [&.active]:!tw-translate-x-0
2733      tw-z-[11]
2734      tw-overflow-hidden"
2735      aria-modal="true"
2736      aria-label="Item(s) Added to Your Cart"
2737      role="dialog"
2738      tabindex="-1"
2739    >
2740      <div class="cart-notification__header tw-pt-[1.6rem] tw-pb-32 !tw-items-center">
2741        <h2 class="cart-notification__heading caption-large tw-text-fs-24 tw-font-bold tw-font-gotham-medium">
2742          
2743          Item(s) Added to Your Cart
2744        </h2>
2745        <button
2746          type="button"
2747          class="cart-notification__close modal__close-button link link--text focus-inset !tw-mt-[unset] !tw-mr-[unset] !tw-w-[unset] tw-z-1"
2748          aria-label="Close"
2749        >
2750          <span class="svg-wrapper"><svg
2751    xmlns="http://www.w3.org/2000/svg"
2752    width="16"
2753    height="16"
2754    fill="currentColor"
2755    class="bi bi-x-lg"
2756    viewBox="0 0 16 16"
2757    style="position:relative;"
2758  >
2759    <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/>
2760  </svg></span>
2761        </button>
2762      </div>
2763      <div id="cart-notification-product" class="cart-notification-product !tw-grid sd:tw-grid-rows-3 tw-gap-x-20 sd:tw-gap-x-33 !tw-bg-white !tw-py-[.8rem] tw-px-[2rem] tw-mb-[1.6rem] sd:tw-mb-[2.4rem] tw-flex-row"></div>
2764      <div class="cart-notification__links">
2765        <button type="button" class="button tw-font-bold tw-font-gotham tw-bg-white button--secondary button--full-width tw-border-black tw-border-2 tw-border-solid after:tw-shadow-none hover:after:!tw-shadow-none tw-uppercase tw-font-gotham tw-font-bold ">Continue shopping</button>
2766        <a href="/cart" class="button tw-font-bold tw-font-gotham button--secondary button--full-width tw-uppercase tw-text-white hover:after:!tw-shadow-none tw-bg-black tw-font-gotham tw-font-bold !tw-mt-[1.2rem]">View cart &amp; checkout</a>
2767        <span class="tw-hidden" id="cart-notification-button"></span>
2768      </div>
2769      <div><div class="section--padding">
2770    
2771
2772        <h2 class="tw-font-gotham-medium tw-tracking-normal tw-font-bold tw-text-fs-24 sd:tw-text-fs-32 sd:tw-leading-[1] tw-mb-8"> </h2>
2773        <swiper-slider
2774        data-swiper='
2775        {
2776            "allowTouchMove": false,
2777            "slidesPerGroup": 1,
2778            "spaceBetween": 16,
2779            "slidesPerView": 1.8,
2780            "loop": true,
2781            "breakpoints":{
2782                "1280":{
2783                    "slidesPerView": 2.2,
2784                    "spaceBetween": 0
2785                }
2786            },
2787            "navigation": {
2788                "nextEl": ".next",
2789                "prevEl": ".prev"
2790            }
2791        }
2792        '
2793        data-selector="cart-carousel"
2794        >
2795            <div class="tw-mt-32 tw-mb-16 tw-flex tw-justify-between tw-items-center">
2796                <h4 class="tw-text-fs-20 tw-tracking-normal tw-text-black tw-font-gotham-medium">
2797                    Frequently Bought Together
2798                </h4>
2799                <div class="tw-flex tw-justify-end tw-gap-16">
2800                    <div class="prev tw-flex tw-items-center tw-justify-center after:tw-content-none after:tw-hidden tw-w-28 tw-h-28 tw-bg-[#dadada] tw-rounded-[50%] tw-overflow-hidden tw-group [&>svg]:tw-h-14 [&>svg]:tw-w-14 tw-rotate-180"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none">
2801  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.48235 5.99993L0.689453 9.79282L2.10367 11.207L7.31077 5.99993L2.10367 0.792818L0.689455 2.20703L4.48235 5.99993Z" fill="black"/>
2802</svg></div>
2803                    <div class="next tw-flex tw-items-center tw-justify-center after:tw-content-none after:tw-hidden tw-w-28 tw-h-28 tw-bg-[#dadada] tw-rounded-[50%] tw-overflow-hidden tw-group [&>svg]:tw-h-14 [&>svg]:tw-w-14"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none">
2804  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.48235 5.99993L0.689453 9.79282L2.10367 11.207L7.31077 5.99993L2.10367 0.792818L0.689455 2.20703L4.48235 5.99993Z" fill="black"/>
2805</svg></div>
2806                </div>
2807            </div>
2808
2809            <div class="swiper tw-relative cart-carousel tw-mr-[-2.8rem]">
2810                <div class="swiper-wrapper">
2811                    
2812                        
2813                            <div
2814                                class="swiper-slide  scroll-trigger animate--slide-in
2815                                
2816                                    scroll-trigger animate--slide-in
2817                                "
2818                            >
2819                                <card-product class="card__inner tw-mb-[1rem] tw-flex mlg:tw-max-w-[184px] tw-h-full tw-bg-white" data-product-id="8346473300137"><color-swatch-input-list
2820  class="tw-w-full"
2821  
2822    data-quickadd="true"
2823  
2824>
2824<script type="application/json" id="CustomVariantsScript-8346473300137">
2825        [{
2826                "id" : 45017833504937,
2827                "available": true,
2828                "color": "Blue",
2829                "power": "",
2830                "lens_type": "",
2831                "url": "/products/trifecta-travel-case",
2832                    "meta_images": "FG-ACC-Trifecta-Travel-Case.jpg,FG-ACC-Trifecta-Travel-Case-With-Frames.jpg"}]
2833      </script>
2833<div class="product-card-wrapper  underline-links-hover">
2834      <div
2835        class="
2836          card card--standard
2837           card--media
2838          
2839          
2840          
2841          
2842          
2843          tw-gap-[.8rem]
2844        "
2845
2846        
2847      >
2848        <div
2849          class="
2850            card__inner tw-flex tw-min-w-154 tw-h-140
2851            color-scheme-2 gradient
2852             ratio
2853          "
2854          style="--ratio-percent: 100%;"
2855        ><div class="card__media "><div
2856                  class="media   media--transparent media--hover-effect"
2857                    id="media-images-45017833504937"
2858                  
2859                >
2860                  
2861
2862                  <img
2863                    srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=165 165w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=360 360w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=533 533w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=720 720w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=940 940w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1066 1066w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874 4000w
2864                    "
2865                    src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=533"
2866                    sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2867                    alt="Trifecta Travel Case"
2868                    class="motion-reduce tw-p-10 tw-cursor-pointer"
2869                    
2870                      loading="lazy"
2871                    
2872                    width="4000"
2873                    height="1933"
2874                    data-href="/products/trifecta-travel-case"
2875                  >
2876                  
2877</div><div
2878                        class="media  media--transparent media--hover-effect  tw-text-[#fff] "
2879                        id="media-images-45017833504937"
2880                      ><img
2881                                srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=165 165w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=360 360w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=533 533w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=720 720w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=940 940w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1066 1066w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874 4000w
2882                                "
2883                                src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=533"
2884                                sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2885                                alt="Trifecta Travel Case"
2886                                class="motion-reduce tw-p-10 tw-cursor-pointer"
2887                                
2888                                  loading="lazy"
2889                                
2890                                width="4000"
2891                                height="1933"
2892                                data-href="/products/trifecta-travel-case?variant=45017833504937"tabindex="0"><img
2893                                srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=165 165w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=360 360w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=533 533w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=720 720w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=940 940w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=1066 1066w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874 4000w
2894                                "
2895                                src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=533"
2896                                sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
2897                                alt="Trifecta Travel Case"
2898                                class="motion-reduce tw-p-10 tw-cursor-pointer"
2899                                
2900                                  loading="lazy"
2901                                
2902                                width="4000"
2903                                height="1933"
2904                                data-href="/products/trifecta-travel-case?variant=45017833504937"></div>
2905                      
2906</div></div>
2907
2908        <div class="card__heading ">
2909          <h3
2910            class=""
2911            
2912              id="title--8346473300137"
2913            
2914          >
2915            <a
2916              href="/products/trifecta-travel-case?variant=45017833504937"
2917              id="CardLink--8346473300137"
2918              class="
2919                visually-hidden
2920                full-unstyled-link
2921                tw-text-fs-18
2922                tw-font-bold
2923                tw-leading-[2rem]
2924              "
2925              aria-label="Trifecta Travel Case Link"
2926              tabindex="0"
2927            >
2928              Trifecta Travel Case Link
2929            </a>
2930          </h3>
2931        </div>
2932
2933        <div class="card-content-wrapper card__content">
2934          <div class="tw-px-8 tw-pb-5 tw-min-h-80">
2935            <div class="tw-group">
2936              <div class="card__heading">
2937                <h3
2938                  
2939                    id="title--8346473300137"
2940                  
2941                >
2942                  <a
2943                    href="/products/trifecta-travel-case?variant=45017833504937
2944"
2945                    id="CardLink--8346473300137"
2946                    class="full-unstyled-link  mlg:group-hover:tw-whitespace-normal tw-transition-all tw-text-black clickable-link tw-text-fs-16 tw-font-gotham-medium tw-font-bold tw-leading-[2rem]"
2947                    aria-labelledby="CardLink--8346473300137 Badge--8346473300137"
2948                    tabindex="-1"
2949                  >
2950                    Trifecta Travel Case
2951                  </a>
2952                </h3>
2953              </div>
2954              <div class="">
2955                <span class="caption-large light">
2956                  
2957                </span><div class="showpricing">
2958                  �<span hidden data-agent-dk-card-debug></span>
2959  
2959<script>
2960    (() => {
2961      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
2962      if (window.__agentDkCardLogs >= 8) return;
2963      window.__agentDkCardLogs += 1;
2964      const data = {
2965        productId: 8346473300137,
2966        productTitle: "Trifecta Travel Case",
2967        templateName: "product",
2968        price: 840,
2969        compareAtPrice: 1200,
2970        productPrice: 840,
2971        productCompareAtPrice: 1200,
2972        hasNativeDiscount: true,
2973        quantityPriceBreaksConfigured: false,
2974        dkProductDiscountCount: 0,
2975        dkShopDiscountCount: 0,
2976        dkScalarPercent: 0,
2977        dkScalarCents: 0,
2978        discountKitCaptureBlank: true,
2979        discountKitCaptureLength: 0
2980      };
2981      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
2982      // #region agent log
2983      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
2984      // #endregion
2985    })();
2986  </script>
2986<div
2987  class="
2988     price--on-sale 
2989  
2990  
2991  
2992  "
2993>
2994  <div class="price__container"><div class="price__regular"><a href="/products/trifecta-travel-case" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
2995            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
2996              $8.40
2997            </span></a>
2998      </div><div class="price__sale tw-mt-4 tw-mb-10"><a href="/products/trifecta-travel-case">
2999    <span class="price-item price-item--sale price-item--last tw-font-gotham-medium tw-text-[#7a381c] tw-text-fs-14 tw-leading-[2.4rem] tw-font-semibold">
3000        $8.40
3001    </span>
3002        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3003        <span class="price-item price-item--regular tw-text-fs-14 tw-font-gotham tw-text-[#666] tw-line-through">
3004        
3005            $12.00
3006        
3007        </span>
3008        <span class="price__sale__percentage tw-block tw-text-fs-14 tw-text-[#6c757d] tw-tracking-normal tw-font-gotham-medium tw-font-bold tw-leading-[1.8rem]">
3009            Save 30%
3010        </span><span class="visually-hidden visually-hidden--inline">Sale price</span></a>
3011</div>�
3012    <small class="unit-price caption hidden">
3013      <span class="visually-hidden">Unit price</span>
3014      <span class="price-item price-item--last">
3015        <span></span>
3016        <span aria-hidden="true">/</span>
3017        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3018        <span>
3019        </span>
3020      </span>
3021    </small>
3022  </div></div>
3023
3024                </div><div class="showpricing tw-hidden" id="prices-45017833504937">
3025                      �<span hidden data-agent-dk-card-debug></span>
3026  
3026<script>
3027    (() => {
3028      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
3029      if (window.__agentDkCardLogs >= 8) return;
3030      window.__agentDkCardLogs += 1;
3031      const data = {
3032        productId: 8346473300137,
3033        productTitle: "Trifecta Travel Case",
3034        templateName: "product",
3035        price: 840,
3036        compareAtPrice: 1200,
3037        productPrice: 840,
3038        productCompareAtPrice: 1200,
3039        hasNativeDiscount: true,
3040        quantityPriceBreaksConfigured: false,
3041        dkProductDiscountCount: 0,
3042        dkShopDiscountCount: 0,
3043        dkScalarPercent: 0,
3044        dkScalarCents: 0,
3045        discountKitCaptureBlank: true,
3046        discountKitCaptureLength: 0
3047      };
3048      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
3049      // #region agent log
3050      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
3051      // #endregion
3052    })();
3053  </script>
3053<div
3054  class="
3055     price--on-sale 
3056  
3057  
3058  
3059  "
3060>
3061  <div class="price__container"><div class="price__regular"><a href="/products/trifecta-travel-case" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
3062            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
3063              $8.40
3064            </span></a>
3065      </div><div class="price__sale tw-mt-4 tw-mb-10"><a href="/products/trifecta-travel-case">
3066    <span class="price-item price-item--sale price-item--last tw-font-gotham-medium tw-text-[#7a381c] tw-text-fs-14 tw-leading-[2.4rem] tw-font-semibold">
3067        $8.40
3068    </span>
3069        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3070        <span class="price-item price-item--regular tw-text-fs-14 tw-font-gotham tw-text-[#666] tw-line-through">
3071        
3072            $12.00
3073        
3074        </span>
3075        <span class="price__sale__percentage tw-block tw-text-fs-14 tw-text-[#6c757d] tw-tracking-normal tw-font-gotham-medium tw-font-bold tw-leading-[1.8rem]">
3076            Save 30%
3077        </span><span class="visually-hidden visually-hidden--inline">Sale price</span></a>
3078</div>�
3079    <small class="unit-price caption hidden">
3080      <span class="visually-hidden">Unit price</span>
3081      <span class="price-item price-item--last">
3082        <span></span>
3083        <span aria-hidden="true">/</span>
3084        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3085        <span>
3086        </span>
3087      </span>
3088    </small>
3089  </div></div>
3090
3091                    </div>
3092                    
3093</div>
3094              
3095
3096              
3097<div class="option-count group-hover:tw-link-hover [&_span]:tw-text-fs-14 [&_span]:tw-font-gotham tw-hidden"><span>1</span>
3098    <span>Colors</span>
3099</div>
3100            </div>
3101          </div><div class="quick-add no-js-hidden"><product-form data-section-id="">
3102                  
3102<script id="product-form_variant-id" type="application/json">{"id":45017833504937,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"10402849.COM","requires_shipping":true,"taxable":true,"featured_image":{"id":41609721872553,"product_id":8346473300137,"position":1,"created_at":"2025-03-13T11:31:12-04:00","updated_at":"2025-03-13T11:31:14-04:00","alt":null,"width":4000,"height":1933,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874","variant_ids":[45017833504937]},"available":true,"name":"Trifecta Travel Case - Blue","public_title":"Blue","options":["Blue"],"price":840,"weight":0,"compare_at_price":1200,"inventory_management":"shopify","barcode":"193033490341","featured_media":{"alt":null,"id":33474541912233,"position":1,"preview_image":{"aspect_ratio":2.069,"height":1933,"width":4000,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}</script>
3102
3103                  
3103<script id="product-form_variant-compare_at_price" type="application/json">1200</script>
3103<form method="post" action="/cart/add" id="quick-add-8346473300137" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
3104                      type="hidden"
3105                      name="id"
3106                      value="45017833504937"
3107                      class="product-variant-id"
3108                      
3109                    >
3110                    <button
3111                      id="quick-add-8346473300137-submit"
3112                      type="submit"
3113                      name="add"
3114                      class="quick-add__submit tw-font-gotham-medium tw-btn-primary-accessories tw-my-0 tw-duration-500 group-hover:tw-text-black tw-button "
3115                      aria-haspopup="dialog"
3116                      aria-labelledby="quick-add-8346473300137-submit title--8346473300137"
3117                      aria-live="polite"
3118                      data-sold-out-message="true"
3119                      
3120                    >
3121                      <span>Add to cart
3122</span>
3123                      <span class="sold-out-message hidden">
3124                        Sold out
3125                      </span>
3126
3127<div class="loading__spinner hidden">
3128  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
3129
3130</div>
3131</button><input type="hidden" name="product-id" value="8346473300137" /></form></product-form>
3132              </div></div>
3133      </div>
3134    </div></color-swatch-input-list>
3135</card-product>
3136                            </div>
3137                        
3138                            <div
3139                                class="swiper-slide  scroll-trigger animate--slide-in
3140                                
3141                                    scroll-trigger animate--slide-in
3142                                "
3143                            >
3144                                <card-product class="card__inner tw-mb-[1rem] tw-flex mlg:tw-max-w-[184px] tw-h-full tw-bg-white" data-product-id="8346475659433"><color-swatch-input-list
3145  class="tw-w-full"
3146  
3147    data-quickadd="true"
3148  
3149>
3149<script type="application/json" id="CustomVariantsScript-8346475659433">
3150        [{
3151                "id" : 45017829900457,
3152                "available": true,
3153                "color": "Blue",
3154                "power": "",
3155                "lens_type": "",
3156                "url": "/products/on-the-go-collapsible-eyewear-case",
3157                    "meta_images": "FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg,FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg,FG-ACC-On-the-Go-Collapsible-Case.jpg,FG-ACC-On-the-Go-Collapsible-Case-Compact.jpg"}]
3158      </script>
3158<div class="product-card-wrapper  underline-links-hover">
3159      <div
3160        class="
3161          card card--standard
3162           card--media
3163          
3164          
3165          
3166          
3167          
3168          tw-gap-[.8rem]
3169        "
3170
3171        
3172      >
3173        <div
3174          class="
3175            card__inner tw-flex tw-min-w-154 tw-h-140
3176            color-scheme-2 gradient
3177             ratio
3178          "
3179          style="--ratio-percent: 100%;"
3180        ><div class="card__media "><div
3181                  class="media   media--transparent media--hover-effect"
3182                    id="media-images-45017829900457"
3183                  
3184                >
3185                  
3186
3187                  <img
3188                    srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=165 165w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=360 360w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=533 533w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=720 720w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=940 940w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=1066 1066w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975 4000w
3189                    "
3190                    src="//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=533"
3191                    sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3192                    alt="On-the-Go Collapsible Case"
3193                    class="motion-reduce tw-p-10 tw-cursor-pointer"
3194                    
3195                      loading="lazy"
3196                    
3197                    width="4000"
3198                    height="1933"
3199                    data-href="/products/on-the-go-collapsible-eyewear-case"
3200                  >
3201                  
3202</div><div
3203                        class="media  media--transparent media--hover-effect  tw-text-[#fff] "
3204                        id="media-images-45017829900457"
3205                      ><img
3206                                srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=165 165w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=360 360w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=533 533w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=720 720w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=940 940w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=1066 1066w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975 4000w
3207                                "
3208                                src="//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975&width=533"
3209                                sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3210                                alt="On-the-Go Collapsible Case"
3211                                class="motion-reduce tw-p-10 tw-cursor-pointer"
3212                                
3213                                  loading="lazy"
3214                                
3215                                width="4000"
3216                                height="1933"
3217                                data-href="/products/on-the-go-collapsible-eyewear-case?variant=45017829900457"tabindex="0"><img
3218                                srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975&width=165 165w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975&width=360 360w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975&width=533 533w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975&width=720 720w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975&width=940 940w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975&width=1066 1066w,//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975 4000w
3219                                "
3220                                src="//www.fostergrant.com/cdn/shop/files/FG-ACC-On-the-Go-Collapsible-Case-Closed.jpg?v=1741879975&width=533"
3221                                sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3222                                alt="On-the-Go Collapsible Case"
3223                                class="motion-reduce tw-p-10 tw-cursor-pointer"
3224                                
3225                                  loading="lazy"
3226                                
3227                                width="4000"
3228                                height="1933"
3229                                data-href="/products/on-the-go-collapsible-eyewear-case?variant=45017829900457"></div>
3230                      
3231</div></div>
3232
3233        <div class="card__heading ">
3234          <h3
3235            class=""
3236            
3237              id="title--8346475659433"
3238            
3239          >
3240            <a
3241              href="/products/on-the-go-collapsible-eyewear-case?variant=45017829900457"
3242              id="CardLink--8346475659433"
3243              class="
3244                visually-hidden
3245                full-unstyled-link
3246                tw-text-fs-18
3247                tw-font-bold
3248                tw-leading-[2rem]
3249              "
3250              aria-label="On-the-Go Collapsible Case Link"
3251              tabindex="0"
3252            >
3253              On-the-Go Collapsible Case Link
3254            </a>
3255          </h3>
3256        </div>
3257
3258        <div class="card-content-wrapper card__content">
3259          <div class="tw-px-8 tw-pb-5 tw-min-h-80">
3260            <div class="tw-group">
3261              <div class="card__heading">
3262                <h3
3263                  
3264                    id="title--8346475659433"
3265                  
3266                >
3267                  <a
3268                    href="/products/on-the-go-collapsible-eyewear-case?variant=45017829900457
3269"
3270                    id="CardLink--8346475659433"
3271                    class="full-unstyled-link  mlg:group-hover:tw-whitespace-normal tw-transition-all tw-text-black clickable-link tw-text-fs-16 tw-font-gotham-medium tw-font-bold tw-leading-[2rem]"
3272                    aria-labelledby="CardLink--8346475659433 Badge--8346475659433"
3273                    tabindex="-1"
3274                  >
3275                    On-the-Go Collapsible Case
3276                  </a>
3277                </h3>
3278              </div>
3279              <div class="">
3280                <span class="caption-large light">
3281                  
3282                </span><div class="showpricing">
3283                  �<span hidden data-agent-dk-card-debug></span>
3284  
3284<script>
3285    (() => {
3286      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
3287      if (window.__agentDkCardLogs >= 8) return;
3288      window.__agentDkCardLogs += 1;
3289      const data = {
3290        productId: 8346475659433,
3291        productTitle: "On-the-Go Collapsible Case",
3292        templateName: "product",
3293        price: 840,
3294        compareAtPrice: 1200,
3295        productPrice: 840,
3296        productCompareAtPrice: 1200,
3297        hasNativeDiscount: true,
3298        quantityPriceBreaksConfigured: false,
3299        dkProductDiscountCount: 0,
3300        dkShopDiscountCount: 0,
3301        dkScalarPercent: 0,
3302        dkScalarCents: 0,
3303        discountKitCaptureBlank: true,
3304        discountKitCaptureLength: 0
3305      };
3306      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
3307      // #region agent log
3308      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
3309      // #endregion
3310    })();
3311  </script>
3311<div
3312  class="
3313     price--on-sale 
3314  
3315  
3316  
3317  "
3318>
3319  <div class="price__container"><div class="price__regular"><a href="/products/on-the-go-collapsible-eyewear-case" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
3320            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
3321              $8.40
3322            </span></a>
3323      </div><div class="price__sale tw-mt-4 tw-mb-10"><a href="/products/on-the-go-collapsible-eyewear-case">
3324    <span class="price-item price-item--sale price-item--last tw-font-gotham-medium tw-text-[#7a381c] tw-text-fs-14 tw-leading-[2.4rem] tw-font-semibold">
3325        $8.40
3326    </span>
3327        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3328        <span class="price-item price-item--regular tw-text-fs-14 tw-font-gotham tw-text-[#666] tw-line-through">
3329        
3330            $12.00
3331        
3332        </span>
3333        <span class="price__sale__percentage tw-block tw-text-fs-14 tw-text-[#6c757d] tw-tracking-normal tw-font-gotham-medium tw-font-bold tw-leading-[1.8rem]">
3334            Save 30%
3335        </span><span class="visually-hidden visually-hidden--inline">Sale price</span></a>
3336</div>�
3337    <small class="unit-price caption hidden">
3338      <span class="visually-hidden">Unit price</span>
3339      <span class="price-item price-item--last">
3340        <span></span>
3341        <span aria-hidden="true">/</span>
3342        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3343        <span>
3344        </span>
3345      </span>
3346    </small>
3347  </div></div>
3348
3349                </div><div class="showpricing tw-hidden" id="prices-45017829900457">
3350                      �<span hidden data-agent-dk-card-debug></span>
3351  
3351<script>
3352    (() => {
3353      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
3354      if (window.__agentDkCardLogs >= 8) return;
3355      window.__agentDkCardLogs += 1;
3356      const data = {
3357        productId: 8346475659433,
3358        productTitle: "On-the-Go Collapsible Case",
3359        templateName: "product",
3360        price: 840,
3361        compareAtPrice: 1200,
3362        productPrice: 840,
3363        productCompareAtPrice: 1200,
3364        hasNativeDiscount: true,
3365        quantityPriceBreaksConfigured: false,
3366        dkProductDiscountCount: 0,
3367        dkShopDiscountCount: 0,
3368        dkScalarPercent: 0,
3369        dkScalarCents: 0,
3370        discountKitCaptureBlank: true,
3371        discountKitCaptureLength: 0
3372      };
3373      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
3374      // #region agent log
3375      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
3376      // #endregion
3377    })();
3378  </script>
3378<div
3379  class="
3380     price--on-sale 
3381  
3382  
3383  
3384  "
3385>
3386  <div class="price__container"><div class="price__regular"><a href="/products/on-the-go-collapsible-eyewear-case" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
3387            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
3388              $8.40
3389            </span></a>
3390      </div><div class="price__sale tw-mt-4 tw-mb-10"><a href="/products/on-the-go-collapsible-eyewear-case">
3391    <span class="price-item price-item--sale price-item--last tw-font-gotham-medium tw-text-[#7a381c] tw-text-fs-14 tw-leading-[2.4rem] tw-font-semibold">
3392        $8.40
3393    </span>
3394        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3395        <span class="price-item price-item--regular tw-text-fs-14 tw-font-gotham tw-text-[#666] tw-line-through">
3396        
3397            $12.00
3398        
3399        </span>
3400        <span class="price__sale__percentage tw-block tw-text-fs-14 tw-text-[#6c757d] tw-tracking-normal tw-font-gotham-medium tw-font-bold tw-leading-[1.8rem]">
3401            Save 30%
3402        </span><span class="visually-hidden visually-hidden--inline">Sale price</span></a>
3403</div>�
3404    <small class="unit-price caption hidden">
3405      <span class="visually-hidden">Unit price</span>
3406      <span class="price-item price-item--last">
3407        <span></span>
3408        <span aria-hidden="true">/</span>
3409        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3410        <span>
3411        </span>
3412      </span>
3413    </small>
3414  </div></div>
3415
3416                    </div>
3417                    
3418</div>
3419              
3420
3421              
3422<div class="option-count group-hover:tw-link-hover [&_span]:tw-text-fs-14 [&_span]:tw-font-gotham tw-hidden"><span>1</span>
3423    <span>Colors</span>
3424</div>
3425            </div>
3426          </div><div class="quick-add no-js-hidden"><product-form data-section-id="">
3427                  
3427<script id="product-form_variant-id" type="application/json">{"id":45017829900457,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"10402850.COM","requires_shipping":true,"taxable":true,"featured_image":{"id":41609795272873,"product_id":8346475659433,"position":1,"created_at":"2025-03-13T11:32:54-04:00","updated_at":"2025-03-13T11:32:55-04:00","alt":null,"width":4000,"height":1933,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975","variant_ids":[45017829900457]},"available":true,"name":"On-the-Go Collapsible Case - Blue","public_title":"Blue","options":["Blue"],"price":840,"weight":0,"compare_at_price":1200,"inventory_management":"shopify","barcode":"193033490365","featured_media":{"alt":null,"id":33474580316329,"position":1,"preview_image":{"aspect_ratio":2.069,"height":1933,"width":4000,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-On-the-Go-Collapsible-Case-With-Frame.jpg?v=1741879975"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}</script>
3427
3428                  
3428<script id="product-form_variant-compare_at_price" type="application/json">1200</script>
3428<form method="post" action="/cart/add" id="quick-add-8346475659433" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
3429                      type="hidden"
3430                      name="id"
3431                      value="45017829900457"
3432                      class="product-variant-id"
3433                      
3434                    >
3435                    <button
3436                      id="quick-add-8346475659433-submit"
3437                      type="submit"
3438                      name="add"
3439                      class="quick-add__submit tw-font-gotham-medium tw-btn-primary-accessories tw-my-0 tw-duration-500 group-hover:tw-text-black tw-button "
3440                      aria-haspopup="dialog"
3441                      aria-labelledby="quick-add-8346475659433-submit title--8346475659433"
3442                      aria-live="polite"
3443                      data-sold-out-message="true"
3444                      
3445                    >
3446                      <span>Add to cart
3447</span>
3448                      <span class="sold-out-message hidden">
3449                        Sold out
3450                      </span>
3451
3452<div class="loading__spinner hidden">
3453  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
3454
3455</div>
3456</button><input type="hidden" name="product-id" value="8346475659433" /></form></product-form>
3457              </div></div>
3458      </div>
3459    </div></color-swatch-input-list>
3460</card-product>
3461                            </div>
3462                        
3463                            <div
3464                                class="swiper-slide  scroll-trigger animate--slide-in
3465                                
3466                                    scroll-trigger animate--slide-in
3467                                "
3468                            >
3469                                <card-product class="card__inner tw-mb-[1rem] tw-flex mlg:tw-max-w-[184px] tw-h-full tw-bg-white" data-product-id="8346468941993"><color-swatch-input-list
3470  class="tw-w-full"
3471  
3472    data-quickadd="true"
3473  
3474>
3474<script type="application/json" id="CustomVariantsScript-8346468941993">
3475        [{
3476                "id" : 45017815089321,
3477                "available": true,
3478                "color": "Blue",
3479                "power": "",
3480                "lens_type": "",
3481                "url": "/products/nylon-black-and-blue-cord",
3482                    "meta_images": "speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg"}]
3483      </script>
3483<div class="product-card-wrapper  underline-links-hover">
3484      <div
3485        class="
3486          card card--standard
3487           card--media
3488          
3489          
3490          
3491          
3492          
3493          tw-gap-[.8rem]
3494        "
3495
3496        
3497      >
3498        <div
3499          class="
3500            card__inner tw-flex tw-min-w-154 tw-h-140
3501            color-scheme-2 gradient
3502             ratio
3503          "
3504          style="--ratio-percent: 100%;"
3505        ><div class="card__media "><div
3506                  class="media   media--transparent media--hover-effect"
3507                    id="media-images-45017815089321"
3508                  
3509                >
3510                  
3511
3512                  <img
3513                    srcset="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=165 165w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=360 360w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=533 533w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=720 720w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=940 940w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907 1032w
3514                    "
3515                    src="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=533"
3516                    sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3517                    alt="Speckled Nylon Black &amp; Blue Cord"
3518                    class="motion-reduce tw-p-10 tw-cursor-pointer"
3519                    
3520                      loading="lazy"
3521                    
3522                    width="1032"
3523                    height="445"
3524                    data-href="/products/nylon-black-and-blue-cord"
3525                  >
3526                  
3527</div><div
3528                        class="media  media--transparent media--hover-effect  tw-text-[#fff] "
3529                        id="media-images-45017815089321"
3530                      ><img
3531                                srcset="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=165 165w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=360 360w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=533 533w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=720 720w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=940 940w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907 1032w
3532                                "
3533                                src="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907&width=533"
3534                                sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3535                                alt="Speckled Nylon Black &amp; Blue Cord"
3536                                class="motion-reduce tw-p-10 tw-cursor-pointer"
3537                                
3538                                  loading="lazy"
3539                                
3540                                width="1032"
3541                                height="445"
3542                                data-href="/products/nylon-black-and-blue-cord?variant=45017815089321"tabindex="0"></div>
3543                      
3544</div></div>
3545
3546        <div class="card__heading ">
3547          <h3
3548            class=""
3549            
3550              id="title--8346468941993"
3551            
3552          >
3553            <a
3554              href="/products/nylon-black-and-blue-cord?variant=45017815089321"
3555              id="CardLink--8346468941993"
3556              class="
3557                visually-hidden
3558                full-unstyled-link
3559                tw-text-fs-18
3560                tw-font-bold
3561                tw-leading-[2rem]
3562              "
3563              aria-label="Speckled Nylon Black &amp; Blue Cord Link"
3564              tabindex="0"
3565            >
3566              Speckled Nylon Black &amp; Blue Cord Link
3567            </a>
3568          </h3>
3569        </div>
3570
3571        <div class="card-content-wrapper card__content">
3572          <div class="tw-px-8 tw-pb-5 tw-min-h-80">
3573            <div class="tw-group">
3574              <div class="card__heading">
3575                <h3
3576                  
3577                    id="title--8346468941993"
3578                  
3579                >
3580                  <a
3581                    href="/products/nylon-black-and-blue-cord?variant=45017815089321
3582"
3583                    id="CardLink--8346468941993"
3584                    class="full-unstyled-link  mlg:group-hover:tw-whitespace-normal tw-transition-all tw-text-black clickable-link tw-text-fs-16 tw-font-gotham-medium tw-font-bold tw-leading-[2rem]"
3585                    aria-labelledby="CardLink--8346468941993 Badge--8346468941993"
3586                    tabindex="-1"
3587                  >
3588                    Speckled Nylon Black &amp; Blue Cord
3589                  </a>
3590                </h3>
3591              </div>
3592              <div class="">
3593                <span class="caption-large light">
3594                  
3595                </span><div class="showpricing">
3596                  �<span hidden data-agent-dk-card-debug></span>
3597  
3597<script>
3598    (() => {
3599      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
3600      if (window.__agentDkCardLogs >= 8) return;
3601      window.__agentDkCardLogs += 1;
3602      const data = {
3603        productId: 8346468941993,
3604        productTitle: "Speckled Nylon Black \u0026 Blue Cord",
3605        templateName: "product",
3606        price: 695,
3607        compareAtPrice: null,
3608        productPrice: 695,
3609        productCompareAtPrice: null,
3610        hasNativeDiscount: false,
3611        quantityPriceBreaksConfigured: false,
3612        dkProductDiscountCount: 0,
3613        dkShopDiscountCount: 0,
3614        dkScalarPercent: 0,
3615        dkScalarCents: 0,
3616        discountKitCaptureBlank: true,
3617        discountKitCaptureLength: 0
3618      };
3619      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
3620      // #region agent log
3621      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
3622      // #endregion
3623    })();
3624  </script>
3624<div
3625  class="
3626    
3627  
3628  
3629  
3630  "
3631>
3632  <div class="price__container"><div class="price__regular"><a href="/products/nylon-black-and-blue-cord" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
3633            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
3634              $6.95
3635            </span></a>
3636      </div>
3637    <small class="unit-price caption hidden">
3638      <span class="visually-hidden">Unit price</span>
3639      <span class="price-item price-item--last">
3640        <span></span>
3641        <span aria-hidden="true">/</span>
3642        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3643        <span>
3644        </span>
3645      </span>
3646    </small>
3647  </div></div>
3648
3649                </div><div class="showpricing tw-hidden" id="prices-45017815089321">
3650                      �<span hidden data-agent-dk-card-debug></span>
3651  
3651<script>
3652    (() => {
3653      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
3654      if (window.__agentDkCardLogs >= 8) return;
3655      window.__agentDkCardLogs += 1;
3656      const data = {
3657        productId: 8346468941993,
3658        productTitle: "Speckled Nylon Black \u0026 Blue Cord",
3659        templateName: "product",
3660        price: 695,
3661        compareAtPrice: null,
3662        productPrice: 695,
3663        productCompareAtPrice: null,
3664        hasNativeDiscount: false,
3665        quantityPriceBreaksConfigured: false,
3666        dkProductDiscountCount: 0,
3667        dkShopDiscountCount: 0,
3668        dkScalarPercent: 0,
3669        dkScalarCents: 0,
3670        discountKitCaptureBlank: true,
3671        discountKitCaptureLength: 0
3672      };
3673      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
3674      // #region agent log
3675      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
3676      // #endregion
3677    })();
3678  </script>
3678<div
3679  class="
3680    
3681  
3682  
3683  
3684  "
3685>
3686  <div class="price__container"><div class="price__regular"><a href="/products/nylon-black-and-blue-cord" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
3687            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
3688              $6.95
3689            </span></a>
3690      </div>
3691    <small class="unit-price caption hidden">
3692      <span class="visually-hidden">Unit price</span>
3693      <span class="price-item price-item--last">
3694        <span></span>
3695        <span aria-hidden="true">/</span>
3696        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3697        <span>
3698        </span>
3699      </span>
3700    </small>
3701  </div></div>
3702
3703                    </div>
3704                    
3705</div>
3706              
3707
3708              
3709<div class="option-count group-hover:tw-link-hover [&_span]:tw-text-fs-14 [&_span]:tw-font-gotham tw-hidden"><span>1</span>
3710    <span>Colors</span>
3711</div>
3712            </div>
3713          </div><div class="quick-add no-js-hidden"><product-form data-section-id="">
3714                  
3714<script id="product-form_variant-id" type="application/json">{"id":45017815089321,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"10402037.RSF","requires_shipping":true,"taxable":true,"featured_image":{"id":41609743532201,"product_id":8346468941993,"position":1,"created_at":"2025-03-13T11:31:46-04:00","updated_at":"2025-03-13T11:31:47-04:00","alt":null,"width":1032,"height":445,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907","variant_ids":[45017815089321]},"available":true,"name":"Speckled Nylon Black \u0026 Blue Cord - Blue","public_title":"Blue","options":["Blue"],"price":695,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"887661268082","featured_media":{"alt":null,"id":33474553217193,"position":1,"preview_image":{"aspect_ratio":2.319,"height":445,"width":1032,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/speckled_nylon_black_blue_cord_08da03b11e32fe07b7c819820c433ed5.jpg?v=1741879907"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}</script>
3714
3715                  
3715<script id="product-form_variant-compare_at_price" type="application/json">0</script>
3715<form method="post" action="/cart/add" id="quick-add-8346468941993" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
3716                      type="hidden"
3717                      name="id"
3718                      value="45017815089321"
3719                      class="product-variant-id"
3720                      
3721                    >
3722                    <button
3723                      id="quick-add-8346468941993-submit"
3724                      type="submit"
3725                      name="add"
3726                      class="quick-add__submit tw-font-gotham-medium tw-btn-primary-accessories tw-my-0 tw-duration-500 group-hover:tw-text-black tw-button "
3727                      aria-haspopup="dialog"
3728                      aria-labelledby="quick-add-8346468941993-submit title--8346468941993"
3729                      aria-live="polite"
3730                      data-sold-out-message="true"
3731                      
3732                    >
3733                      <span>Add to cart
3734</span>
3735                      <span class="sold-out-message hidden">
3736                        Sold out
3737                      </span>
3738
3739<div class="loading__spinner hidden">
3740  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
3741
3742</div>
3743</button><input type="hidden" name="product-id" value="8346468941993" /></form></product-form>
3744              </div></div>
3745      </div>
3746    </div></color-swatch-input-list>
3747</card-product>
3748                            </div>
3749                        
3750                            <div
3751                                class="swiper-slide  scroll-trigger animate--slide-in
3752                                
3753                                    scroll-trigger animate--slide-in
3754                                "
3755                            >
3756                                <card-product class="card__inner tw-mb-[1rem] tw-flex mlg:tw-max-w-[184px] tw-h-full tw-bg-white" data-product-id="8346472546473"><color-swatch-input-list
3757  class="tw-w-full"
3758  
3759    data-quickadd="true"
3760  
3761>
3761<script type="application/json" id="CustomVariantsScript-8346472546473">
3762        [{
3763                "id" : 45017836781737,
3764                "available": true,
3765                "color": "Red",
3766                "power": "",
3767                "lens_type": "",
3768                "url": "/products/speckled-nylon-black-and-red-cord",
3769                    "meta_images": "speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg"}]
3770      </script>
3770<div class="product-card-wrapper  underline-links-hover">
3771      <div
3772        class="
3773          card card--standard
3774           card--media
3775          
3776          
3777          
3778          
3779          
3780          tw-gap-[.8rem]
3781        "
3782
3783        
3784      >
3785        <div
3786          class="
3787            card__inner tw-flex tw-min-w-154 tw-h-140
3788            color-scheme-2 gradient
3789             ratio
3790          "
3791          style="--ratio-percent: 100%;"
3792        ><div class="card__media "><div
3793                  class="media   media--transparent media--hover-effect"
3794                    id="media-images-45017836781737"
3795                  
3796                >
3797                  
3798
3799                  <img
3800                    srcset="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=165 165w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=360 360w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=533 533w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=720 720w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=940 940w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010 1061w
3801                    "
3802                    src="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=533"
3803                    sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3804                    alt="Speckled Nylon Black &amp; Red Cord"
3805                    class="motion-reduce tw-p-10 tw-cursor-pointer"
3806                    
3807                      loading="lazy"
3808                    
3809                    width="1061"
3810                    height="440"
3811                    data-href="/products/speckled-nylon-black-and-red-cord"
3812                  >
3813                  
3814</div><div
3815                        class="media  media--transparent media--hover-effect  tw-text-[#fff] "
3816                        id="media-images-45017836781737"
3817                      ><img
3818                                srcset="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=165 165w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=360 360w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=533 533w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=720 720w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=940 940w,//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010 1061w
3819                                "
3820                                src="//www.fostergrant.com/cdn/shop/files/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010&width=533"
3821                                sizes="(min-width: 1366px) 309px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 768px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)"
3822                                alt="Speckled Nylon Black &amp; Red Cord"
3823                                class="motion-reduce tw-p-10 tw-cursor-pointer"
3824                                
3825                                  loading="lazy"
3826                                
3827                                width="1061"
3828                                height="440"
3829                                data-href="/products/speckled-nylon-black-and-red-cord?variant=45017836781737"tabindex="0"></div>
3830                      
3831</div></div>
3832
3833        <div class="card__heading ">
3834          <h3
3835            class=""
3836            
3837              id="title--8346472546473"
3838            
3839          >
3840            <a
3841              href="/products/speckled-nylon-black-and-red-cord?variant=45017836781737"
3842              id="CardLink--8346472546473"
3843              class="
3844                visually-hidden
3845                full-unstyled-link
3846                tw-text-fs-18
3847                tw-font-bold
3848                tw-leading-[2rem]
3849              "
3850              aria-label="Speckled Nylon Black &amp; Red Cord Link"
3851              tabindex="0"
3852            >
3853              Speckled Nylon Black &amp; Red Cord Link
3854            </a>
3855          </h3>
3856        </div>
3857
3858        <div class="card-content-wrapper card__content">
3859          <div class="tw-px-8 tw-pb-5 tw-min-h-80">
3860            <div class="tw-group">
3861              <div class="card__heading">
3862                <h3
3863                  
3864                    id="title--8346472546473"
3865                  
3866                >
3867                  <a
3868                    href="/products/speckled-nylon-black-and-red-cord?variant=45017836781737
3869"
3870                    id="CardLink--8346472546473"
3871                    class="full-unstyled-link  mlg:group-hover:tw-whitespace-normal tw-transition-all tw-text-black clickable-link tw-text-fs-16 tw-font-gotham-medium tw-font-bold tw-leading-[2rem]"
3872                    aria-labelledby="CardLink--8346472546473 Badge--8346472546473"
3873                    tabindex="-1"
3874                  >
3875                    Speckled Nylon Black &amp; Red Cord
3876                  </a>
3877                </h3>
3878              </div>
3879              <div class="">
3880                <span class="caption-large light">
3881                  
3882                </span><div class="showpricing">
3883                  �<span hidden data-agent-dk-card-debug></span>
3884  
3884<script>
3885    (() => {
3886      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
3887      if (window.__agentDkCardLogs >= 8) return;
3888      window.__agentDkCardLogs += 1;
3889      const data = {
3890        productId: 8346472546473,
3891        productTitle: "Speckled Nylon Black \u0026 Red Cord",
3892        templateName: "product",
3893        price: 695,
3894        compareAtPrice: null,
3895        productPrice: 695,
3896        productCompareAtPrice: null,
3897        hasNativeDiscount: false,
3898        quantityPriceBreaksConfigured: false,
3899        dkProductDiscountCount: 0,
3900        dkShopDiscountCount: 0,
3901        dkScalarPercent: 0,
3902        dkScalarCents: 0,
3903        discountKitCaptureBlank: true,
3904        discountKitCaptureLength: 0
3905      };
3906      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
3907      // #region agent log
3908      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
3909      // #endregion
3910    })();
3911  </script>
3911<div
3912  class="
3913    
3914  
3915  
3916  
3917  "
3918>
3919  <div class="price__container"><div class="price__regular"><a href="/products/speckled-nylon-black-and-red-cord" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
3920            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
3921              $6.95
3922            </span></a>
3923      </div>
3924    <small class="unit-price caption hidden">
3925      <span class="visually-hidden">Unit price</span>
3926      <span class="price-item price-item--last">
3927        <span></span>
3928        <span aria-hidden="true">/</span>
3929        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3930        <span>
3931        </span>
3932      </span>
3933    </small>
3934  </div></div>
3935
3936                </div><div class="showpricing tw-hidden" id="prices-45017836781737">
3937                      �<span hidden data-agent-dk-card-debug></span>
3938  
3938<script>
3939    (() => {
3940      window.__agentDkCardLogs = window.__agentDkCardLogs || 0;
3941      if (window.__agentDkCardLogs >= 8) return;
3942      window.__agentDkCardLogs += 1;
3943      const data = {
3944        productId: 8346472546473,
3945        productTitle: "Speckled Nylon Black \u0026 Red Cord",
3946        templateName: "product",
3947        price: 695,
3948        compareAtPrice: null,
3949        productPrice: 695,
3950        productCompareAtPrice: null,
3951        hasNativeDiscount: false,
3952        quantityPriceBreaksConfigured: false,
3953        dkProductDiscountCount: 0,
3954        dkShopDiscountCount: 0,
3955        dkScalarPercent: 0,
3956        dkScalarCents: 0,
3957        discountKitCaptureBlank: true,
3958        discountKitCaptureLength: 0
3959      };
3960      console.info('[DK DEBUG JSON] Product card render state', JSON.stringify(data));
3961      // #region agent log
3962      // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5', location: 'snippets/fg-card-product-price.liquid:after-discount-kit-capture', message: 'Product card Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
3963      // #endregion
3964    })();
3965  </script>
3965<div
3966  class="
3967    
3968  
3969  
3970  
3971  "
3972>
3973  <div class="price__container"><div class="price__regular"><a href="/products/speckled-nylon-black-and-red-cord" class="tw-inline-block tw-px-2 tw-py-1">�<span class="visually-hidden visually-hidden--inline">Regular price</span>
3974            <span class="price-item price-item--regular tw-font-gotham-medium tw-text-black tw-text-fs-14 tw-font-semibold">
3975              $6.95
3976            </span></a>
3977      </div>
3978    <small class="unit-price caption hidden">
3979      <span class="visually-hidden">Unit price</span>
3980      <span class="price-item price-item--last">
3981        <span></span>
3982        <span aria-hidden="true">/</span>
3983        <span class="visually-hidden">&nbsp;per&nbsp;</span>
3984        <span>
3985        </span>
3986      </span>
3987    </small>
3988  </div></div>
3989
3990                    </div>
3991                    
3992</div>
3993              
3994
3995              
3996<div class="option-count group-hover:tw-link-hover [&_span]:tw-text-fs-14 [&_span]:tw-font-gotham tw-hidden"><span>1</span>
3997    <span>Colors</span>
3998</div>
3999            </div>
4000          </div><div class="quick-add no-js-hidden"><product-form data-section-id="">
4001                  
4001<script id="product-form_variant-id" type="application/json">{"id":45017836781737,"title":"Red","option1":"Red","option2":null,"option3":null,"sku":"10402038.RSF","requires_shipping":true,"taxable":true,"featured_image":{"id":41609818636457,"product_id":8346472546473,"position":1,"created_at":"2025-03-13T11:33:29-04:00","updated_at":"2025-03-13T11:33:30-04:00","alt":null,"width":1061,"height":440,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010","variant_ids":[45017836781737]},"available":true,"name":"Speckled Nylon Black \u0026 Red Cord - Red","public_title":"Red","options":["Red"],"price":695,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"887661268136","featured_media":{"alt":null,"id":33474592473257,"position":1,"preview_image":{"aspect_ratio":2.411,"height":440,"width":1061,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/speckled_nylon_black_red_cord_92447241c178dce23626419db660dedc.jpg?v=1741880010"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}</script>
4001
4002                  
4002<script id="product-form_variant-compare_at_price" type="application/json">0</script>
4002<form method="post" action="/cart/add" id="quick-add-8346472546473" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4003                      type="hidden"
4004                      name="id"
4005                      value="45017836781737"
4006                      class="product-variant-id"
4007                      
4008                    >
4009                    <button
4010                      id="quick-add-8346472546473-submit"
4011                      type="submit"
4012                      name="add"
4013                      class="quick-add__submit tw-font-gotham-medium tw-btn-primary-accessories tw-my-0 tw-duration-500 group-hover:tw-text-black tw-button "
4014                      aria-haspopup="dialog"
4015                      aria-labelledby="quick-add-8346472546473-submit title--8346472546473"
4016                      aria-live="polite"
4017                      data-sold-out-message="true"
4018                      
4019                    >
4020                      <span>Add to cart
4021</span>
4022                      <span class="sold-out-message hidden">
4023                        Sold out
4024                      </span>
4025
4026<div class="loading__spinner hidden">
4027  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
4028
4029</div>
4030</button><input type="hidden" name="product-id" value="8346472546473" /></form></product-form>
4031              </div></div>
4032      </div>
4033    </div></color-swatch-input-list>
4034</card-product>
4035                            </div>
4036                        
4037</div>
4038            </div>
4039        </swiper-slider>
4040    
4041</div></div>
4042    </div>
4043  </div>
4044</cart-notification>
4045<!-- BEGIN sections: header-group -->
4046<div id="shopify-section-sections--19743632621737__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section tw-sticky tw-top-0"><link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-slideshow.css?v=17933591812325749411769615268" rel="stylesheet" type="text/css" media="all" />
4047<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-slider.css?v=65408024275090117981769615268" rel="stylesheet" type="text/css" media="all" />
4048
4049  <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-list-social.css?v=35792976012981934991769615268" rel="stylesheet" type="text/css" media="all" />
4050
4051
4052<announcement-bar>
4053  <div
4054    class="utility-bar color-scheme-11 gradient utility-bar--bottom-border 
4055    tw-px-[1rem] lmd:tw-px-[3.6rem] [&_p]:tw-py-[1.2rem] [&_p]:tw-leading-[16.8px]
4056    [&_p]:tw-font-gotham  [&_p]:tw-text-fs-14
4057    [&_strong]:tw-font-gotham-medium [&_a]:tw-underline
4058    tw-overflow-hidden"
4059  >
4060    <div class="utility-bar__grid">
4061        <slideshow-component
4062          class="announcement_desktop announcement-bar tw-hidden lmd:tw-block"
4063          role="region"
4064          aria-roledescription="Carousel"
4065          aria-label="Announcement bar">
4066          
4067            <div class="
4068    announcement-bar-slider slider-buttons [&_.slider-button]:tw-hidden">
4069    <button
4070      type="button"
4071      class="slider-button slider-button--prev tw-ml-3 tw-min-w-20 tw-max-w-20"
4072      name="previous"
4073      aria-label="Previous announcement"
4074      aria-controls="Slider-sections--19743632621737__announcement-bar"
4075    >
4076      <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
4077</span>
4078    </button>
4079    <div
4080      class="grid grid--1-col slider slider--everywhere"
4081      id="Slider-sections--19743632621737__announcement-bar"
4082      aria-live="polite"
4083      aria-atomic="true"
4084      data-autoplay="true"
4085      data-speed="5"
4086    >
4087            <announcement-slide-scheduling
4088    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4089    id="Slide-sections--19743632621737__announcement-bar-"
4090    
4091    role="group"
4092    aria-roledescription="Announcement"
4093    aria-label=" of "
4094    tabindex="-1"
4095    data-date-from="" 
4096    data-date-to=""
4097    data-timezone="US/Pacific"
4098    data-utm-id = "FG_PRO-CS"
4099    data-utm-required = "false"
4100    data-customer=""
4101    data-logged-required="false"
4102    >
4103    <div
4104      class="announcement-bar__announcement tw-text-center"
4105      role="region"
4106      aria-label="Announcement"
4107      
4108    ><p><a href="/collections/top-glasses-sellers" title="Best Sellers">⛟ Free Shipping on Orders $45+</a></p></div>
4109</announcement-slide-scheduling>
4110            
4111        
4112
4113
4114
4115            <announcement-slide-scheduling
4116    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4117    id="Slide-sections--19743632621737__announcement-bar-"
4118    
4119    role="group"
4120    aria-roledescription="Announcement"
4121    aria-label=" of "
4122    tabindex="-1"
4123    data-date-from="" 
4124    data-date-to=""
4125    data-timezone="US/Pacific"
4126    data-utm-id = "FG_PRO-CS"
4127    data-utm-required = "false"
4128    data-customer=""
4129    data-logged-required="false"
4130    >
4131    <div
4132      class="announcement-bar__announcement tw-text-center"
4133      role="region"
4134      aria-label="Announcement"
4135      
4136    ><p>👥 <a href="/pages/refer-a-friend" title="Refer a Friend">Refer a friend! Give 10%, Get 10%</a></p></div>
4137</announcement-slide-scheduling>
4138            
4139        
4140
4141            <announcement-slide-scheduling
4142    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4143    id="Slide-sections--19743632621737__announcement-bar-"
4144    
4145    role="group"
4146    aria-roledescription="Announcement"
4147    aria-label=" of "
4148    tabindex="-1"
4149    data-date-from="" 
4150    data-date-to=""
4151    data-timezone="US/Pacific"
4152    data-utm-id = "FG_PRO-CS"
4153    data-utm-required = "false"
4154    data-customer=""
4155    data-logged-required="false"
4156    >
4157    <div
4158      class="announcement-bar__announcement tw-text-center"
4159      role="region"
4160      aria-label="Announcement"
4161      
4162    ><p>⭐<a href="/pages/rewards" title="Rewards"> Discover Our Loyalty Program</a></p></div>
4163</announcement-slide-scheduling>
4164            
4165        
4166
4167
4168
4169            <announcement-slide-scheduling
4170    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4171    id="Slide-sections--19743632621737__announcement-bar-"
4172    
4173    role="group"
4174    aria-roledescription="Announcement"
4175    aria-label=" of "
4176    tabindex="-1"
4177    data-date-from="2026-09-24" 
4178    data-date-to="2026-09-27"
4179    data-timezone="US/Pacific"
4180    data-utm-id = "FG_PRO-CS"
4181    data-utm-required = "false"
4182    data-customer=""
4183    data-logged-required="false"
4184    >
4185    <div
4186      class="announcement-bar__announcement tw-text-center"
4187      role="region"
4188      aria-label="Announcement"
4189      
4190    ><p><a href="/collections/specials" title="Save 40% on Reading Glasses & Sunglasses">👓 Get 30% Off Select Styles</a></p></div>
4191</announcement-slide-scheduling>
4192            
4193        
4194</div>
4195    <button
4196      type="button"
4197      class="slider-button slider-button--next tw-mr-3 tw-min-w-20 tw-max-w-20"
4198      name="next"
4199      aria-label="Next announcement"
4200      aria-controls="Slider-sections--19743632621737__announcement-bar"
4201    >
4202      <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
4203</span>
4204    </button>
4205  </div>
4206            
4207        </slideshow-component>
4208        
4209        <slideshow-component
4210          class="announcement-bar lmd:tw-hidden"
4211          role="region"
4212          aria-roledescription="Carousel"
4213          aria-label="Announcement bar">
4214
4215            
4216
4217            <div class="
4218    announcement-bar-slider slider-buttons lmd:[&_.slider-button]:tw-hidden">
4219    <button
4220      type="button"
4221      class="slider-button slider-button--prev tw-ml-3 tw-min-w-20 tw-max-w-20"
4222      name="previous"
4223      aria-label="Previous announcement"
4224      aria-controls="Slider-sections--19743632621737__announcement-bar"
4225    >
4226      <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
4227</span>
4228    </button>
4229    <div
4230      class="grid grid--1-col slider slider--everywhere"
4231      id="Slider-sections--19743632621737__announcement-bar"
4232      aria-live="polite"
4233      aria-atomic="true"
4234      data-autoplay="true"
4235      data-speed="5"
4236    >
4237
4238            <announcement-slide-scheduling
4239    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4240    id="Slide-sections--19743632621737__announcement-bar-"
4241    
4242    role="group"
4243    aria-roledescription="Announcement"
4244    aria-label=" of "
4245    tabindex="-1"
4246    data-date-from="" 
4247    data-date-to=""
4248    data-timezone="US/Pacific"
4249    data-utm-id = "FG_PRO-CS"
4250    data-utm-required = "false"
4251    data-customer=""
4252    data-logged-required="false"
4253    >
4254    <div
4255      class="announcement-bar__announcement tw-text-center"
4256      role="region"
4257      aria-label="Announcement"
4258      
4259    ><p><a href="/collections/top-glasses-sellers" title="Best Sellers">⛟ Free Shipping on Orders $45+</a></p></div>
4260</announcement-slide-scheduling>
4261            
4262        
4263
4264            <announcement-slide-scheduling
4265    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4266    id="Slide-sections--19743632621737__announcement-bar-"
4267    
4268    role="group"
4269    aria-roledescription="Announcement"
4270    aria-label=" of "
4271    tabindex="-1"
4272    data-date-from="" 
4273    data-date-to=""
4274    data-timezone="US/Pacific"
4275    data-utm-id = "FG_PRO-CS"
4276    data-utm-required = "false"
4277    data-customer=""
4278    data-logged-required="false"
4279    >
4280    <div
4281      class="announcement-bar__announcement tw-text-center"
4282      role="region"
4283      aria-label="Announcement"
4284      
4285    ><p>👥 <a href="/pages/refer-a-friend" title="Refer a Friend">Refer a friend! Give 10%, Get 10%</a></p></div>
4286</announcement-slide-scheduling>
4287            
4288        
4289
4290
4291
4292            <announcement-slide-scheduling
4293    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4294    id="Slide-sections--19743632621737__announcement-bar-"
4295    
4296    role="group"
4297    aria-roledescription="Announcement"
4298    aria-label=" of "
4299    tabindex="-1"
4300    data-date-from="" 
4301    data-date-to=""
4302    data-timezone="US/Pacific"
4303    data-utm-id = "FG_PRO-CS"
4304    data-utm-required = "false"
4305    data-customer=""
4306    data-logged-required="false"
4307    >
4308    <div
4309      class="announcement-bar__announcement tw-text-center"
4310      role="region"
4311      aria-label="Announcement"
4312      
4313    ><p>⭐<a href="/pages/rewards" title="Rewards"> Discover Our Loyalty Program</a></p></div>
4314</announcement-slide-scheduling>
4315            
4316        
4317
4318            <announcement-slide-scheduling
4319    class="slideshow__slide slider__slide grid__item grid--1-col schedule-content"
4320    id="Slide-sections--19743632621737__announcement-bar-"
4321    
4322    role="group"
4323    aria-roledescription="Announcement"
4324    aria-label=" of "
4325    tabindex="-1"
4326    data-date-from="2026-09-24" 
4327    data-date-to="2026-09-27"
4328    data-timezone="US/Pacific"
4329    data-utm-id = "FG_PRO-CS"
4330    data-utm-required = "false"
4331    data-customer=""
4332    data-logged-required="false"
4333    >
4334    <div
4335      class="announcement-bar__announcement tw-text-center"
4336      role="region"
4337      aria-label="Announcement"
4338      
4339    ><p><a href="/collections/specials" title="Save 40% on Reading Glasses & Sunglasses">👓 Get 30% Off Select Styles</a></p></div>
4340</announcement-slide-scheduling>
4341            
4342        
4343
4344</div>
4345    <button
4346      type="button"
4347      class="slider-button slider-button--next tw-mr-3 tw-min-w-20 tw-max-w-20"
4348      name="next"
4349      aria-label="Next announcement"
4350      aria-controls="Slider-sections--19743632621737__announcement-bar"
4351    >
4352      <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
4353</span>
4354    </button>
4355  </div>
4356
4357        </slideshow-component><div class="localization-wrapper">
4358</div>
4359    </div>
4360  </div>
4361</announcement-bar>
4362
4363<script src="//www.fostergrant.com/cdn/shop/t/75/assets/open-newsletter-popup.js?v=155489968393667869001776349751" defer="defer"></script>
4363
4364
4365
4366</div><div id="shopify-section-sections--19743632621737__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//www.fostergrant.com/cdn/shop/t/75/assets/component-list-menu.css?v=151968516119678728991769615268" media="print" onload="this.media='all'">
4367<link rel="stylesheet" href="//www.fostergrant.com/cdn/shop/t/75/assets/component-search.css?v=18880495070758683991769615267" media="print" onload="this.media='all'">
4368<link rel="stylesheet" href="//www.fostergrant.com/cdn/shop/t/75/assets/component-menu-drawer.css?v=57700341904794688281769615268" media="print" onload="this.media='all'">
4369<link rel="stylesheet" href="//www.fostergrant.com/cdn/shop/t/75/assets/component-cart-notification.css?v=184364796036870322631769615268" media="print" onload="this.media='all'">
4370<script src="//www.fostergrant.com/cdn/shop/t/75/assets/recentSearch.js?v=171244888077837042191769615268" defer="defer"></script>
4370<link rel="stylesheet" href="//www.fostergrant.com/cdn/shop/t/75/assets/component-price.css?v=92732502335419687601769615267" media="print" onload="this.media='all'"><link rel="stylesheet" href="//www.fostergrant.com/cdn/shop/t/75/assets/component-mega-menu.css?v=136059543473998878771769615268" media="print" onload="this.media='all'"><style>
4371  header-drawer {
4372    justify-self: start;
4373    margin-left: -1.2rem;
4374  }.menu-drawer-container {
4375    display: flex;
4376  }
4377
4378  .list-menu {
4379    list-style: none;
4380    
4381    margin: 0;
4382  }
4383
4384  .list-menu--inline {
4385    display: inline-flex;
4386    flex-wrap: nowrap;
4387  }
4388
4389
4390  .list-menu__item {
4391    display: flex;
4392    align-items: center;
4393    line-height: calc(1 + 0.3 / var(--font-body-scale));
4394  }
4395
4396  .list-menu__item--link {
4397    text-decoration: none;
4398    padding-bottom: 1rem;
4399    padding-top: 1rem;
4400    line-height: calc(1 + 0.8 / var(--font-body-scale));
4401  }
4402
4403  @media screen and (min-width: 750px) {
4404    .list-menu__item--link {
4405      padding-bottom: 0.5rem;
4406      padding-top: 0.5rem;
4407    }
4408  }
4409</style><style data-shopify>.section-header {
4410    /* position is controlled by JavaScript based on sticky_header_type setting */
4411    /* margin-bottom: 0px; */
4412  }
4413
4414  @media screen and (min-width: 750px) {
4415    .section-header {
4416      /* margin-bottom: 0px; */
4417    }
4418  }</style><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-scheme-1 gradient"><header class="header header--top-center header--mobile-center page-width header--has-menu header--has-social header--has-account
4419    tw-grid-cols-[1fr_200px_1fr]
4420    lmd:tw-grid-cols-[1fr_auto_1fr] lmd:tw-grid-rows-[auto_auto]
4421    [&.header]:tw-px-[1.6rem] [&.header]:tw-py-[1.3rem]">�<style data-shopify>.badge-class {
4422    display: inline-block;
4423    padding: 0.2em 0.5em;
4424    font-size: 0.75em;
4425    color: #fff;
4426    background-color: #BB251A;
4427    border-radius: 0.25em;
4428    margin-left: 0.5em;
4429  }</style><header-drawer
4430  data-breakpoint="tablet"
4431  class="tw-ml-[unset] tw-flex lmd:tw-hidden"
4432>
4433  <details
4434    id="Details-menu-drawer-container"
4435    class="menu-drawer-container [&.menu-opening_.icon-tooltip]:tw-text-brown"
4436  >
4437    <summary
4438      class="header__icon header__icon--menu header__icon--summary link focus-inset"
4439      aria-label="Menu"
4440    >
4441      <span class="[&_.icon-close_path]:tw-fill-brown [&_.icon-hamburger_path]:tw-fill-black tw-relative"><svg id="Layer_1" class="icon icon-hamburger" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="menu"><g id="_3" data-name="3"><g id="Group_982" data-name="Group 982"><path id="Path_2736" data-name="Path 2736" d="M45.68,38.68H2.48a2.4,2.4,0,0,0,0,4.8h43.2a2.4,2.4,0,0,0,0-4.8ZM2.48,9.32h43.2a2.4,2.4,0,0,0,0-4.8H2.48a2.4,2.4,0,0,0-.16,4.8ZM45.68,21.6H2.48a2.4,2.4,0,0,0,0,4.8h43.2a2.4,2.4,0,0,0,0-4.8Z"/></g></g></g></svg><svg width="20" class="icon icon-close" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4442<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 12.1085L17.8915 20L20 17.8915L12.1085 10L20 2.10853L17.8915 0L10 7.89147L2.10853 0L0 2.10853L7.89147 10L0 17.8915L2.10853 20L10 12.1085Z" fill="#7A381C"/>
4443</svg>
4444<span
4445          class="
4446            tw-mt-2
4447            icon-tooltip small-hide large-up-hide
4448            tw-absolute tw-right-[-4.3rem]
4449            tw-uppercase tw-font-gotham tw-font-bold
4450          "
4451        >Menu</span>
4452      </span>
4453    </summary>
4454    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1">
4455      <div class="menu-drawer__inner-container">
4456        <div class="menu-drawer__navigation-container">
4457          <nav class="menu-drawer__navigation [&]:tw-py-0">
4458            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li>
4459                  <a
4460                    id="HeaderDrawer-scheduled-promo"
4461                    href="/collections/specials"
4462                    class="menu-drawer__menu-item list-menu__item link focus-inset tw-text-fs-16 tw-font-gotham-medium"
4463                    style="background-color: #c00118 !important;"
4464                    aria-label="SALES"
4465                  >
4466                    <span style="color: #ffffff;">SALES</span>
4467                  </a>
4468                </li><li><details id="Details-menu-drawer-menu-item-1">
4469                          <summary
4470                            id="HeaderDrawer-reading-glasses"
4471                            class="
4472                              fg-summary-title
4473                              [&]:tw-bg-[#ffffff]
4474                              menu-drawer__menu-item
4475                              [&_span]:tw-text-fs-16
4476                              list-menu__item
4477                              link
4478                              tw-relative
4479                              focus-inset
4480                              tw-flex tw-justify-between tw-items-center
4481                              tw-font-gotham-medium
4482                              
4483                            "
4484                          >
4485                            Reading Glasses
4486                            <span class="fg-svg-wrapper tw-block tw-h-20 tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
4487                          </summary>
4488                          <div
4489                            id="link-reading-glasses"
4490                            class="menu-drawer__submenu has-submenu gradient motion-reduce"
4491                            tabindex="-1"
4492                          >
4493                            <div
4494                              class="
4495                                menu-drawer__inner-submenu
4496                                tw-bg-grey
4497                                [&_button]:tw-bg-[#ffffff]
4498                                [&_.fg-summary-title_.menu-drawer__menu_details[open]]:tw-hidden
4499                                [&_button]:tw-px-20
4500                                tw-pb-44
4501                              "
4502                            >
4503                              <button
4504                                class="
4505                                  menu-drawer__close-button
4506                                  tw-justify-between
4507                                  tw-align-center
4508                                  [&]:tw-text-fg-grey
4509                                "
4510                                aria-expanded="true"
4511                              >
4512                                <div class="tw-flex tw-items-center">
4513                                  <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
4513ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
4514</span>
4515                                  <span class="tw-font-gotham-medium">Back</span>
4516                                </div>
4517                                <span class="tw-text-fs-18 tw-font-bold">
4518                                  Reading Glasses
4519                                </span>
4520                              </button>
4521                              <ul
4522                                class="
4523                                  menu-drawer__menu
4524                                  list-menu
4525                                  [&_summary]:tw-bg-white
4526                                  [&_.first-link_summary]:tw-bg-cream-white
4527                                  tw-border-t-1
4528                                  tw-border-light-grey
4529                                "
4530                                role="list"
4531                                tabindex="-1"
4532                              >
4533
4534                                <li
4535                                  class="
4536                                    [&_details[open]_.close-child]:tw-hidden
4537                                    [&_details[open]_.fg-svg-wrapper]:tw-rotate-180
4538                                    [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg]
4539                                    [&_details_summary]:tw-bg-custom-beige
4540                                  "
4541                                ><ul class="list-unstyled [&_.items-handle]:tw-text-brown " role="list">
4542                <li>
4543                  <a
4544                    id="HeaderMenu-womens-womens-womens"
4545                    href="/collections/reading-glasses-womens"
4546                    class="
4547                    menu-drawer__menu-item
4548                    tw-text-fs-16
4549                    link
4550                    list-menu__item
4551                    focus-inset
4552                    tw-bg-grey
4553                    tw-font-gotham-medium
4554                    
4555                  "
4556                    
4557                  >
4558                    Women&#39;s
4559                  </a>
4560                </li>
4561              
4562
4563                <li>
4564                  <a
4565                    id="HeaderMenu-mens-mens-mens"
4566                    href="/collections/reading-glasses-mens"
4567                    class="
4568                    menu-drawer__menu-item
4569                    tw-text-fs-16
4570                    link
4571                    list-menu__item
4572                    focus-inset
4573                    tw-bg-grey
4574                    tw-font-gotham-medium
4575                    
4576                  "
4577                    
4578                  >
4579                    Men&#39;s
4580                  </a>
4581                </li>
4582              
4583
4584                <li>
4585                  <a
4586                    id="HeaderMenu-new-arrivals-new-arrivals-new-arrivals"
4587                    href="/collections/reading-glasses-new-arrivals"
4588                    class="
4589                    menu-drawer__menu-item
4590                    tw-text-fs-16
4591                    link
4592                    list-menu__item
4593                    focus-inset
4594                    tw-bg-grey
4595                    tw-font-gotham-medium
4596                    
4597                  "
4598                    
4599                  >
4600                    New Arrivals
4601                  </a>
4602                </li>
4603              
4604
4605                <li>
4606                  <a
4607                    id="HeaderMenu-accessories-accessories-accessories"
4608                    href="/collections/accessories"
4609                    class="
4610                    menu-drawer__menu-item
4611                    tw-text-fs-16
4612                    link
4613                    list-menu__item
4614                    focus-inset
4615                    tw-bg-grey
4616                    tw-font-gotham-medium
4617                    
4618                  "
4619                    
4620                  >
4621                    Accessories
4622                  </a>
4623                </li>
4624              
4625
4626                <li>
4627                  <a
4628                    id="HeaderMenu-clearance-clearance-clearance"
4629                    href="/collections/reading-glasses-clearance"
4630                    class="
4631                    menu-drawer__menu-item
4632                    tw-text-fs-16
4633                    link
4634                    list-menu__item
4635                    focus-inset
4636                    tw-bg-grey
4637                    tw-font-gotham-medium
4638                    
4639                  "
4640                    
4641                  >
4642                    Clearance
4643                  </a>
4644                </li>
4645              
4646</ul></li>
4647
4648                                <ul class="tw-flex tw-flex-col"><li style="order: 1" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-reading-glasses-shop-by-lens-type">
4649                                          <summary id="HeaderDrawer-reading-glasses-shop-by-lens-type" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
4650                                            ">
4651                                            <span>Shop by Lens Type</span>
4652                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
4653                                          </summary>
4654
4655                                          <div id="childlink-shop-by-lens-type" class="menu-drawer__submenu-child gradient motion-reduce">
4656
4657                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
4658                                              <div class="tw-flex tw-items-center">
4659                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
4659ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
4660</span>
4661                                                <span>Back</span>
4662                                              </div>
4663                                              <div>Shop by Lens Type</div>
4664                                            </button>
4665
4666                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><li class="[&_a]:tw-text-fs-14">
4667                                                    <a id="HeaderDrawer-reading-glasses-shop-by-lens-type-full-magnification" href="/collections/magnifying-reading-glasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4668                                                      Full Magnification
4669                                                      
4670                                                      
4671                                                      
4672                                                      
4673                                                        
4674                                                        
4675                                                        
4676                                                        
4677                                                      
4678                                                        
4679                                                        
4680                                                        
4681                                                        
4682                                                      
4683                                                        
4684                                                        
4685                                                        
4686                                                        
4687                                                      
4688                                                    </a>
4689                                                  </li><li class="[&_a]:tw-text-fs-14">
4690                                                    <a id="HeaderDrawer-reading-glasses-shop-by-lens-type-multi-focus™" href="/collections/reading-glasses-multi-focus" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4691                                                      Multi Focus™
4692                                                      
4693                                                      
4694                                                      
4695                                                      
4696                                                        
4697                                                        
4698                                                        
4699                                                        
4700                                                      
4701                                                        
4702                                                        
4703                                                        
4704                                                        
4705                                                      
4706                                                        
4707                                                        
4708                                                        
4709                                                        
4710                                                      
4711                                                    </a>
4712                                                  </li><li class="[&_a]:tw-text-fs-14">
4713                                                    <a id="HeaderDrawer-reading-glasses-shop-by-lens-type-sunreaders®" href="/collections/reading-glasses-sunglass-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4714                                                      SunReaders®
4715                                                      
4716                                                      
4717                                                      
4718                                                      
4719                                                        
4720                                                        
4721                                                        
4722                                                        
4723                                                      
4724                                                        
4725                                                        
4726                                                        
4727                                                        
4728                                                      
4729                                                        
4730                                                        
4731                                                        
4732                                                        
4733                                                      
4734                                                    </a>
4735                                                  </li><li class="[&_a]:tw-text-fs-14">
4736                                                    <a id="HeaderDrawer-reading-glasses-shop-by-lens-type-blue-light-readers" href="/collections/reading-glasses-blue-light-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4737                                                      Blue Light Readers
4738                                                      
4739                                                      
4740                                                      
4741                                                      
4742                                                        
4743                                                        
4744                                                        
4745                                                        
4746                                                      
4747                                                        
4748                                                        
4749                                                        
4750                                                        
4751                                                      
4752                                                        
4753                                                        
4754                                                        
4755                                                        
4756                                                      
4757                                                    </a>
4758                                                  </li><li class="[&_a]:tw-text-fs-14">
4759                                                    <a id="HeaderDrawer-reading-glasses-shop-by-lens-type-bifocal-style" href="/collections/bifocal-reading-glasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4760                                                      Bifocal-Style
4761                                                      
4762                                                      
4763                                                      
4764                                                      
4765                                                        
4766                                                        
4767                                                        
4768                                                        
4769                                                      
4770                                                        
4771                                                        
4772                                                        
4773                                                        
4774                                                      
4775                                                        
4776                                                        
4777                                                        
4778                                                        
4779                                                      
4780                                                    </a>
4781                                                  </li></ul>
4782                                          </div>
4783                                        </details></li><li style="order: 2" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-reading-glasses-shop-by-collection">
4784                                          <summary id="HeaderDrawer-reading-glasses-shop-by-collection" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
4785                                            ">
4786                                            <span>Shop by Collection</span>
4787                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
4788                                          </summary>
4789
4790                                          <div id="childlink-shop-by-collection" class="menu-drawer__submenu-child gradient motion-reduce">
4791
4792                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
4793                                              <div class="tw-flex tw-items-center">
4794                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
4794ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
4795</span>
4796                                                <span>Back</span>
4797                                              </div>
4798                                              <div>Shop by Collection</div>
4799                                            </button>
4800
4801                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><li class="[&_a]:tw-text-fs-14">
4802                                                    <a id="HeaderDrawer-reading-glasses-shop-by-collection-foster-grant®-ironman®" href="/collections/reading-glasses-ironman" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4803                                                      Foster Grant® IRONMAN®
4804                                                      
4805                                                      
4806                                                      
4807                                                      
4808                                                        
4809                                                        
4810                                                        
4811                                                        
4812                                                      
4813                                                        
4814                                                        
4815                                                        
4816                                                        
4817                                                      
4818                                                        
4819                                                        
4820                                                        
4821                                                        
4822                                                      
4823                                                    </a>
4824                                                  </li><li class="[&_a]:tw-text-fs-14">
4825                                                    <a id="HeaderDrawer-reading-glasses-shop-by-collection-sharper-image®-x-foster-grant®" href="/collections/sharper-image-x-foster-grant" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4826                                                      Sharper Image® x Foster Grant®
4827                                                      
4828                                                      
4829                                                      
4830                                                      
4831                                                        
4832                                                        
4833                                                        
4834                                                        
4835                                                      
4836                                                        
4837                                                        
4838                                                        
4839                                                        
4840                                                      
4841                                                        
4842                                                        
4843                                                        
4844                                                        
4845                                                      
4846                                                    </a>
4847                                                  </li><li class="[&_a]:tw-text-fs-14">
4848                                                    <a id="HeaderDrawer-reading-glasses-shop-by-collection-sofia-vergara®-x-foster-grant®" href="/collections/sofia-vergara-foster-grant-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4849                                                      Sofia Vergara® x Foster Grant®
4850                                                      
4851                                                      
4852                                                      
4853                                                      
4854                                                        
4855                                                        
4856                                                        
4857                                                        
4858                                                      
4859                                                        
4860                                                        
4861                                                        
4862                                                        
4863                                                      
4864                                                        
4865                                                        
4866                                                        
4867                                                        
4868                                                      
4869                                                    </a>
4870                                                  </li><li class="[&_a]:tw-text-fs-14">
4871                                                    <a id="HeaderDrawer-reading-glasses-shop-by-collection-styles-for-y-o-u-™" href="/collections/styles-for-you-reading-glasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4872                                                      Styles for Y.O.U.™
4873                                                      
4874                                                      
4875                                                      
4876                                                      
4877                                                        
4878                                                        
4879                                                        
4880                                                        
4881                                                      
4882                                                        
4883                                                        
4884                                                        
4885                                                        
4886                                                      
4887                                                        
4888                                                        
4889                                                        
4890                                                        
4891                                                      
4892                                                    </a>
4893                                                  </li><li class="[&_a]:tw-text-fs-14">
4894                                                    <a id="HeaderDrawer-reading-glasses-shop-by-collection-disney-foster-grant®" href="/collections/disney-foster-grant" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4895                                                      Disney | Foster Grant®
4896                                                      
4897                                                      
4898                                                      
4899                                                      
4900                                                        
4901                                                        
4902                                                        
4903                                                        
4904                                                      
4905                                                        
4906                                                        
4907                                                        
4908                                                        
4909                                                      
4910                                                        
4911                                                        
4912                                                        
4913                                                        
4914                                                      
4915                                                    </a>
4916                                                  </li><li class="[&_a]:tw-text-fs-14">
4917                                                    <a id="HeaderDrawer-reading-glasses-shop-by-collection-
4917pop-of-power®-bifocal-style-reader" href="/collections/pop-of-power-foster-grant-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4918                                                      Pop of Power® Bifocal Style Reader
4919                                                      
4920                                                      
4921                                                      
4922                                                      
4923                                                        
4924                                                        
4925                                                        
4926                                                        
4927                                                      
4928                                                        
4929                                                        
4930                                                        
4931                                                        
4932                                                      
4933                                                        
4934                                                        
4935                                                        
4936                                                        
4937                                                      
4938                                                    </a>
4939                                                  </li><li class="[&_a]:tw-text-fs-14">
4940                                                    <a id="HeaderDrawer-reading-glasses-shop-by-collection-sofia-vergara®-x-foster-grant®-sunreaders®" href="/collections/sofia-vergara-foster-grant-sunreaders" class="menu-drawer__menu-item link list-menu__item focus-inset" >
4941                                                      Sofia Vergara® x Foster Grant® SunReaders®
4942                                                      
4943                                                      
4944                                                      
4945                                                      
4946                                                        
4947                                                        
4948                                                        
4949                                                        
4950                                                      
4951                                                        
4952                                                        
4953                                                        
4954                                                        
4955                                                      
4956                                                        
4957                                                        
4958                                                        
4959                                                        
4960                                                      
4961                                                    </a>
4962                                                  </li></ul>
4963                                          </div>
4964                                        </details></li><li style="order: 3" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-reading-glasses-shop-by-style">
4965                                          <summary id="HeaderDrawer-reading-glasses-shop-by-style" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
4966                                            ">
4967                                            <span>Shop by Style</span>
4968                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
4969                                          </summary>
4970
4971                                          <div id="childlink-shop-by-style" class="menu-drawer__submenu-child gradient motion-reduce [&_.menu-drawer__menu]:tw-p-20">
4972
4973                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
4974                                              <div class="tw-flex tw-items-center">
4975                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
4976</span>
4977                                                <span>Back</span>
4978                                              </div>
4979                                              <div>Shop by Style</div>
4980                                            </button>
4981
4982                                            <ul class="menu-drawer__menu tw-grid tw-grid-cols-4 tw-gap-20 tw-px-20 tw-py-20 tw-bg-grey" role="list" tabindex="-1"><li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
4983    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
4984  <div class="
4985            new-card-collection__media
4986            tw-hover-img-color
4987            tw-bg-[#f2f2f2]
4988            tw-cursor-pointer
4989            tw-h-full
4990            tw-w-full
4991            [&_svg_path]:tw-fill-[#B29183]
4992            group-hover:[&_svg_path]:tw-border-2
4993            group-hover:[&_svg_path]:tw-fill-[#7a381c]
4994            [&_svg_path]:tw-transition-all
4995            [&_svg_path]:tw-duration-700
4996            [&_svg_path]:tw-border-[#eadedc]
4997            tw-transition
4998            tw-duration-700
4999            tw-rounded-[50%]"
5000        ><a href="/collections/rectangle-glasses" role="link" title="Rectangle"
5001        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="50" viewBox="0 0 200 50" fill="none" xmlns="http://www.w3.org/2000/svg">
5002<g clip-path="url(#clip0_121_3206)">
5003<path d="M199.712 3.78244C199.262 3.33823 197.907 3.31521 197.253 3.22004C196.244 3.0733 195.232 2.94036 194.221 2.81159C189.02 2.14944 183.805 1.59387 178.591 1.04911C172.14 0.375138 165.655 0.0408599 159.17 0.00449143C151.63 -0.0377927 144.09 0.211471 136.593 1.05107C133.023 1.4509 129.464 2.01836 125.98 2.90593C124.267 3.34238 122.566 3.83647 120.909 4.45467C119.102 5.12873 117.342 5.95046 115.715 6.98914C113.678 8.28924 111.639 10.1186 109.136 10.2512C106.657 10.3825 104.125 10.3021 101.626 10.2418C99.1332 10.1816 96.6518 10.2284 94.1602 10.2824C94.0852 10.2841 94.0102 10.2856 93.9352 10.2871C92.9144 10.3078 91.8832 10.324 90.864 10.2512C88.361 10.1186 86.3221 8.28924 84.285 6.98914C82.6575 5.95046 80.8981 5.12873 79.0912 4.45467C77.4341 3.83647 75.7332 3.34238 74.0201 2.90593C70.5362 2.01836 66.9775 1.4509 63.407 1.05107C55.9096 0.211471 48.3701 -0.0377927 40.8301 0.00449143C34.3447 0.0408599 27.8596 0.375138 21.4087 1.04911C16.1945 1.59387 10.9798 2.14944 5.77898 2.81159C4.76752 2.94036 3.75647 3.0733 2.74749 3.22004C2.09323 3.31521 0.738491 3.33823 0.288283 3.78244C-0.102665 4.16823 0.0084463 4.67869 0.0345781 5.16595C0.0694205 5.81455 0.0599555 6.46448 0.057212 7.11368C0.0489129 9.09828 -0.118029 11.9616 2.30516 12.5674C4.55264 13.1293 7.
500308104 15.0958 7.92385 19.3098C7.92385 19.3098 9.89039 29.7043 11.576 33.6374C12.4243 35.617 13.1269 37.5799 14.4578 39.3051C16.3498 41.7575 19.1725 43.2079 22.0544 44.1768C25.4521 45.3192 28.8578 46.3903 32.3651 47.1223C39.4229 48.5954 46.8085 49.2317 54.0223 49.0913C58.9218 48.9954 63.7662 48.4146 68.6056 47.6842C68.6056 47.6842 74.2243 46.5604 76.7527 45.1558C78.3153 44.2877 79.8191 43.321 81.1558 42.1276C82.8852 40.5836 84.0392 38.894 85.1447 36.8742C87.4576 32.6484 89.3829 28.2256 91.2308 23.7812C91.8617 22.2638 92.3303 20.4127 93.5865 19.271C94.6147 18.3365 95.9677 17.8372 97.3141 17.5806C98.1981 17.4121 99.1008 17.3478 100 17.3446C100.899 17.3478 101.802 17.4121 102.686 17.5806C104.032 17.8372 105.385 18.3365 106.413 19.271C107.67 20.4127 108.138 22.2638 108.769 23.7812C110.617 28.2256 112.542 32.6484 114.855 36.8742C115.961 38.894 117.115 40.5836 118.844 42.1276C120.181 43.321 121.685 44.2877 123.247 45.1558C125.776 46.5604 131.394 47.6842 131.394 47.6842C136.234 48.4146 141.078 48.9954 145.978 49.0913C153.191 49.2317 160.577 48.5954 167.635 47.1223C171.142 46.3903 174.548 45.3192 177.946 44.1768C180.827 43.2079 183.65 41.7575 185.542 39.3051C186.873 37.5799 187.576 35.617 188.424 33.6374C190.11 29.7043 192.076 19.3098 192.076 19.3098C192.919 15.0958 195.447 13.1293 197.695 12.5674C200.118 11.9616 199.951 9.09828 199.943 7.11368C199.94 6.46448 199.931 5.81455 199.965 5.16595C199.992 4.67869 200.103 4.16823 199.712 3.78244ZM86.5854 19.8716C85.7426 28.5807 82.9333 33.6375 82.9333 33.6375C81.8228 36.1851 80.0367 38.3712 77.8409 40.0631C75.4901 41.8745 72.7388 43.122 69.9025 43.9577C65.8042 45.1652 61.5196 45.4635 57.2738 45.6839C53.9314 45.8579 50.5815 45.9466 47.2363 45.8002C42.2508 45.582 37.285 44.911 32.4203 43.7983C28.0242 42.7928 23.5289 41.5188 19.7881 38.9071C17.8003 37.5192 16.6577 35.6711 15.7617 33.4404C14.4556 30.1884 13.7443 26.7026 13.2616 23.243C13.0545 21.7586 12.9077 20.2631 12.8864 18.7636C12.8478 16.0479 13.2052 13.1865 14.6462 10.8271C16.3379 8.05726 19.3919 6.82836 22.4253 6.05431C29.2218 4.31996 36.4771 4.21759 43.4499 4.26416C48.5777 4.29841 53.7103 4.36941 58.825 4.76691C63.6621 5.14282 68.5062 5.80028 73.2082 7.01977C77.0242 8.00942 81.0638 9.61373 83.868 12.4801C85.7382 14.3917 86.881 16.8166 86.5854 19.8716ZM187.114 18.7636C187.092 20.2631 186.946 21.7586 186.738 23.243C186.256 26.7026 185.544 30.1884 184.238 33.4404C183.342 35.6711 182.2 37.5192 180.212 38.9071C176.471 41.5188 171.976 42.7928 167.58 43.7983C162.715 44.911 157.749 45.582 152.764 45.8002C149.419 45.9466 146.069 45.8579 142.726 45.6839C138.48 45.4635 134.196 45.1652 130.098 43.9577C127.261 43.122 124.51 41.8745 122.159 40.0631C119.963 38.3712 118.177 36.1851 117.067 33.6375C117.067 33.6375 114.257 28.5807 113.415 19.8716C113.119 16.8166 114.262 14.3917 116.132 12.4801C118.936 9.61373 122.976 8.00942 126.792 7.01977C131.494 5.80028 136.338 5.14282 141.175 4.76691C146.29 4.36941 151.422 4.29841 156.55 4.26416C163.523 4.21759 170.778 4.31996 177.575 6.05431C180.608 6.82836 183.662 8.05726 185.354 10.8271C186.795 13.1865 187.152 16.0479 187.114 18.7636Z" fill="#B29183"/>
5004</g>
5005<defs>
5006<clipPath id="clip0_121_3206">
5007<rect width="200" height="49.1103" fill="white"/>
5008</clipPath>
5009</defs>
5010</svg>
5011</div><div class="tw-text-[9px] tw-font-gotham-medium">
5012          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5013                Rectangle
5014              </div></div>
5015        </div>
5016
5017      </a></div>
5018</div>
5019
5020</li>
5021<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
5022    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
5023  <div class="
5024            new-card-collection__media
5025            tw-hover-img-color
5026            tw-bg-[#f2f2f2]
5027            tw-cursor-pointer
5028            tw-h-full
5029            tw-w-full
5030            [&_svg_path]:tw-fill-[#B29183]
5031            group-hover:[&_svg_path]:tw-border-2
5032            group-hover:[&_svg_path]:tw-fill-[#7a381c]
5033            [&_svg_path]:tw-transition-all
5034            [&_svg_path]:tw-duration-700
5035            [&_svg_path]:tw-border-[#eadedc]
5036            tw-transition
5037            tw-duration-700
5038            tw-rounded-[50%]"
5039        ><a href="/collections/square-glasses" role="link" title="Square"
5040        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="73" viewBox="0 0 200 73" fill="none" xmlns="http://www.w3.org/2000/svg">
5041<g clip-path="url(#clip0_121_3215)">
5042<path d="M199.898 18.9008C199.23 14.1716 193.769 16.7535 193.768 16.6288C193.507 -1.37851 160.403 0.262862 155.372 0.066572C140.715 -0.508754 125.544 2.67996 121.298 8.27498C119.369 10.8176 118.206 13.5848 116.838 16.5462L116.575 10.9266L116.265 10.5985C116.119 10.3827 112.761 4.29532 100.801 3.78223V3.77371C100.754 3.77371 100.713 3.77797 100.666 3.77797C100.182 3.7591 99.711 3.73201 99.1991 3.73201V3.82392C87.2389 4.33716 83.8809 10.4244 83.7348 10.6402L83.4247 10.9683L83.1621 16.5879C81.7939 13.6265 80.6313 10.8595 78.7016 8.31667C74.4557 2.72166 59.2853 -0.467062 44.6283 0.108265C39.5968 0.304554 6.49292 -1.33682 6.23242 16.6705C6.23059 16.7952 0.769859 14.2133 0.101714 18.9425C-0.501534 23.2204 1.64601 23.5265 4.75515 23.4934C4.37816 38.0215 2.49074 53.5178 13.727 64.8252C19.732 70.8685 34.5295 72.0231 43.7121 72.0231C51.9998 72.0231 57.8092 72.2231 64.5987 68.0593C77.8332 59.9413 86.6796 41.4802 86.1134 28.6708C86.0391 26.9718 85.8178 25.2826 85.4744 23.6221L85.5897 23.6273L86.2685 11.9654C87.1555 11.0545 91.011 7.93079 100.801 7.93079V7.9212C109.411 8.23891 112.895 11.0644 113.731 11.9237L114.41 23.5856L114.526 23.5804C114.182 25.2409 113.961 26.9301 113.887 28.6291C113.32 41.4385 122.167 59.8996 135.401 68.0176C142.191 72.1814 148 71.9814 156.288 71.9814C165.471 71.9814 180.268 70.8268 186.273 
504264.7836C197.509 53.4761 195.622 37.9798 195.245 23.4517C198.354 23.4848 200.502 23.1787 199.898 18.9008ZM63.1363 65.7668C56.7817 69.5901 51.4908 69.2256 43.7121 69.2256C35.1513 69.2256 23.5787 67.9528 17.3195 63.2303C11.3758 58.7457 9.80565 54.7621 8.01043 45.5043C6.41151 37.2531 7.90012 26.6303 9.04704 19.7432C10.9786 8.14473 18.0898 5.82364 25.9845 4.16172C34.3365 2.40333 47.1026 3.04333 48.0062 3.00772C80.7272 1.71464 80.6229 17.5999 83.3199 29.5692C85.2245 38.0215 75.4493 58.3596 63.1363 65.7668ZM191.99 45.4626C190.194 54.7204 188.624 58.7041 182.681 63.1886C176.421 67.9111 164.849 69.1838 156.288 69.1838C148.509 69.1838 143.218 69.5484 136.864 65.7251C124.551 58.3179 114.775 37.9798 116.68 29.5274C119.377 17.5583 119.273 1.67295 151.994 2.96603C152.897 3.00163 165.664 2.36164 174.016 4.11988C181.91 5.78195 189.021 8.10303 190.953 19.7013C192.1 26.5886 193.589 37.2114 191.99 45.4626Z" fill="#B29183"/>
5043</g>
5044<defs>
5045<clipPath id="clip0_121_3215">
5046<rect width="200" height="72.0247" fill="white"/>
5047</clipPath>
5048</defs>
5049</svg>
5050</div><div class="tw-text-[9px] tw-font-gotham-medium">
5051          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5052                Square
5053              </div></div>
5054        </div>
5055
5056      </a></div>
5057</div>
5058
5059</li>
5060<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
5061    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
5062  <div class="
5063            new-card-collection__media
5064            tw-hover-img-color
5065            tw-bg-[#f2f2f2]
5066            tw-cursor-pointer
5067            tw-h-full
5068            tw-w-full
5069            [&_svg_path]:tw-fill-[#B29183]
5070            group-hover:[&_svg_path]:tw-border-2
5071            group-hover:[&_svg_path]:tw-fill-[#7a381c]
5072            [&_svg_path]:tw-transition-all
5073            [&_svg_path]:tw-duration-700
5074            [&_svg_path]:tw-border-[#eadedc]
5075            tw-transition
5076            tw-duration-700
5077            tw-rounded-[50%]"
5078        ><a href="/collections/cat-eye-glasses" role="link" title="Cat Eye"
5079        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="67" viewBox="0 0 200 67" fill="none" xmlns="http://www.w3.org/2000/svg">
5080<g clip-path="url(#clip0_121_3194)">
5081<path d="M177.726 42.7031C174.347 47.7714 157.621 67.0318 133.63 60.7802C109.639 54.5295 107.444 31.7211 112.511 27.3288C117.579 22.9353 128.224 18.5429 128.224 18.5429C136.332 15.335 167.59 6.04062 178.401 10.434C189.215 14.8265 181.104 37.6349 177.726 42.7031ZM65.4809 60.7802C41.8112 67.0318 25.3106 47.7714 21.9756 42.7031C18.6415 37.6349 10.6429 14.8265 21.3092 10.434C31.9765 6.04062 62.8143 15.335 70.8141 18.5429C70.8141 18.5429 81.3152 22.9353 86.3157 27.3288C91.3162 31.7211 89.1496 54.5295 65.4809 60.7802ZM198.506 1.98616C192.762 -2.74421 165.73 1.81665 145.287 6.88598C125.158 11.878 103.06 27.5173 99.3254 27.993C95.6407 27.5173 73.8398 11.878 53.9787 6.88598C33.8093 1.81665 7.14247 -2.74421 1.47352 1.98616C-4.19338 6.71654 7.97522 30.8767 12.8094 38.6476C17.6414 46.4196 32.7224 69.5628 60.8131 65.8495C83.8143 62.8079 91.3162 44.5614 92.65 42.3662C93.9827 40.169 93.4827 37.4653 99.1517 37.4653H99.5034C105.247 37.4653 104.739 40.169 106.092 42.3662C107.444 44.5614 115.047 62.8079 138.36 65.8495C166.833 69.5628 182.119 46.4196 187.018 38.6476C191.917 30.8767 204.251 6.71654 198.506 1.98616Z" fill="#B29183"/>
5082</g>
5083<defs>
5084<clipPath id="clip0_121_3194">
5085<rect width="200" height="66.2498" fill="white"/>
5086</clipPath>
5087</defs>
5088</svg>
5089</div><div class="tw-text-[9px] tw-font-gotham-medium">
5090          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5091                Cat Eye
5092              </div></div>
5093        </div>
5094
5095      </a></div>
5096</div>
5097
5098</li>
5099<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
5100    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
5101  <div class="
5102            new-card-collection__media
5103            tw-hover-img-color
5104            tw-bg-[#f2f2f2]
5105            tw-cursor-pointer
5106            tw-h-full
5107            tw-w-full
5108            [&_svg_path]:tw-fill-[#B29183]
5109            group-hover:[&_svg_path]:tw-border-2
5110            group-hover:[&_svg_path]:tw-fill-[#7a381c]
5111            [&_svg_path]:tw-transition-all
5112            [&_svg_path]:tw-duration-700
5113            [&_svg_path]:tw-border-[#eadedc]
5114            tw-transition
5115            tw-duration-700
5116            tw-rounded-[50%]"
5117        ><a href="/collections/round-glasses" role="link" title="Round"
5118        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10">
5118<svg width="200" height="70" viewBox="0 0 200 70" fill="none" xmlns="http://www.w3.org/2000/svg">
5119<g clip-path="url(#clip0_121_3203)">
5120<path d="M175.019 3.79339C164.79 0.439407 154.902 -1.39492 140.312 1.28866C125.722 3.97157 118.458 12.042 115.942 12.2103C113.426 12.3779 106.757 9.23312 100 9.23312C93.2432 9.23312 86.5228 12.3779 84.0068 12.2103C81.4915 12.042 74.2019 3.97157 59.6119 1.28866C45.0222 -1.39492 35.1721 0.439407 24.9426 3.79339C14.7128 7.14738 9.39115 11.497 0 11.497V22.0624C0 22.0624 5.70169 22.2299 6.3727 25.5839C7.04345 28.9379 9.22358 44.031 16.7701 53.4226C24.3164 62.8134 32.4843 69.0772 46.7882 69.6889C62.4683 70.3599 73.0508 63.8236 78.7772 57.2793C86.8478 48.0561 90.2123 33.8016 91.0509 27.0937C91.0509 27.0937 87.5594 25.2487 88.9008 21.3913C89.9625 18.3395 93.2432 17.7021 100 17.7021C106.757 17.7021 109.988 18.3395 111.05 21.3913C112.391 25.2487 108.851 27.0937 108.851 27.0937C109.69 33.8016 113.057 48.0561 121.128 57.2793C126.854 63.8236 137.443 70.3599 153.123 69.6889C167.427 69.0772 175.608 62.8134 183.154 53.4226C190.701 44.031 192.906 28.9379 193.576 25.5839C194.247 22.2299 200 22.0624 200 22.0624V11.497C190.541 11.497 185.249 7.14738 175.019 3.79339ZM79.8234 47.9722C75.1112 58.046 66.0741 63.8197 56.9122 65.1954C48.7701 66.4174 41.7573 67.1736 31.2388 61.4581C21.2491 56.0302 15.1522 45.8595 13.5274 33.8352C11.9028 21.811 18.9569 12.1806 26.2019 7.9992C34.3786 3.28001 50.9003 1.98738 61.4621 4.91184C72.0238 7.83691 79.8234 14.9862 81.9355 20.9987C84.048 27.0105 84.5357 37.8979 79.8234 47.9722ZM186.371 33.8352C184.746 45.8595 178.65 56.0302 168.66 61.4581C158.141 67.1736 151.129 66.4174 142.987 65.1954C133.825 63.8197 124.787 58.046 120.075 47.9722C115.363 37.8979 115.851 27.0105 117.963 20.9987C120.075 14.9862 127.875 7.83691 138.437 4.91184C148.998 1.98738 165.52 3.28001 173.697 7.9992C180.942 12.1806 187.996 21.811 186.371 33.8352Z" fill="#B29183"/>
5121</g>
5122<defs>
5123<clipPath id="clip0_121_3203">
5124<rect width="200" height="69.7365" fill="white"/>
5125</clipPath>
5126</defs>
5127</svg>
5128</div><div class="tw-text-[9px] tw-font-gotham-medium">
5129          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5130                Round
5131              </div></div>
5132        </div>
5133
5134      </a></div>
5135</div>
5136
5137</li>
5138<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
5139    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
5140  <div class="
5141            new-card-collection__media
5142            tw-hover-img-color
5143            tw-bg-[#f2f2f2]
5144            tw-cursor-pointer
5145            tw-h-full
5146            tw-w-full
5147            [&_svg_path]:tw-fill-[#B29183]
5148            group-hover:[&_svg_path]:tw-border-2
5149            group-hover:[&_svg_path]:tw-fill-[#7a381c]
5150            [&_svg_path]:tw-transition-all
5151            [&_svg_path]:tw-duration-700
5152            [&_svg_path]:tw-border-[#eadedc]
5153            tw-transition
5154            tw-duration-700
5155            tw-rounded-[50%]"
5156        ><a href="/collections/pilot" role="link" title="Pilot"
5157        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="77" viewBox="0 0 200 77" fill="none" xmlns="http://www.w3.org/2000/svg">
5158<g clip-path="url(#clip0_121_3209)">
5159<path d="M199.919 24.9377C199.58 22.7364 199.76 22.2283 195.019 20.535C190.278 18.8416 188.775 16.6403 184.372 11.8989C179.969 7.15753 173.916 4.61744 166.126 3.26277C162.277 2.59333 158.698 2.191 154.367 2.06788C154.371 2.01855 154.382 1.97134 154.382 1.92108C154.382 0.859858 153.522 0 152.461 0H47.5409C46.4803 0 45.6198 0.859858 45.6198 1.92108C45.6198 1.98072 45.632 2.03692 45.6373 2.09524C41.3049 2.20874 37.726 2.5931 33.8754 3.26277C26.086 4.61744 20.0323 7.15753 15.6295 11.8989C11.2269 16.6403 9.72401 18.8416 4.9826 20.535C0.241186 22.2283 0.421286 22.7364 0.0825025 24.9377C-0.256125 27.1391 0.398149 29.2641 2.97037 29.5703C7.3508 30.0918 7.54122 35.6058 9.5733 39.8392C11.6052 44.0726 18.0412 65.2394 34.2975 72.8595C50.5535 80.4795 59.9405 75.545 72.2299 64.0541C77.579 59.0524 82.1739 53.2651 85.7839 46.8917C88.4344 42.2124 90.48 37.2507 92.2162 32.1696C93.023 29.8095 92.9254 27.2536 92.7394 24.8024C92.603 23.0062 91.201 21.3792 91.6917 19.5175C92.1684 17.7091 94.1714 16.9812 95.8148 16.6479C97.1883 16.3693 98.6025 16.2984 100.001 16.3016C103.256 16.3089 109.554 16.8631 108.477 21.6276C108.191 22.8935 107.507 23.9184 107.309 25.2219C106.77 28.7739 107.687 31.9079 108.9 35.1948C109.801 37.6371 110.8 40.0433 111.922 42.3928C114.828 48.4806 118.561 54.1584 123.041 59.2039C124.542 60.8931 126.122 62.5111 127.772 64.0541C140.061 75.545 149.448 80.4795 165.704 72.8595C181.96 65.2394 189.446 44.4312 190.428 39.8392C191.427 35.1676 193.642 30.1985 197.061 29.3617C199.577 28.746 200.258 27.1391 199.919 24.937
51597ZM86.5918 34.9977C84.3315 44.04 76.8032 56.9314 64.8395 66.3574C52.8757 75.7835 44.1746 74.6958 34.7487 69.6203C25.3225 64.5447 19.522 56.2063 16.2591 46.2364C12.9962 36.2666 12.9962 22.6713 18.4342 14.8767C23.8724 7.0821 35.8362 4.90689 52.513 4.72562C68.86 4.54787 82.0715 9.94347 85.6613 15.9615C85.7336 16.0833 85.8114 16.2009 85.8667 16.3269C88.4046 22.1275 88.4046 27.7469 86.5918 34.9977ZM109.976 13.3005C107.605 13.3005 106.774 11.3189 100.001 11.3189C93.2274 11.3189 92.5827 13.3527 90.212 13.3527C88.2495 13.3527 82.9041 6.75434 70.83 3.84216H129.87C118.631 6.73714 111.933 13.3005 109.976 13.3005ZM184.525 46.279C181.243 56.3082 175.407 64.6963 165.925 69.8021C156.443 74.9079 147.69 76.002 135.655 66.5198C123.62 57.0376 116.047 44.0694 113.773 34.9733C111.95 27.6794 111.95 22.0265 114.503 16.1913C114.558 16.0646 114.637 15.9463 114.709 15.8237C118.321 9.76994 131.611 4.34212 148.055 4.5209C164.831 4.70326 176.866 6.89145 182.337 14.7325C187.807 22.5735 187.807 36.2498 184.525 46.279Z" fill="#B29183"/>
5160</g>
5161<defs>
5162<clipPath id="clip0_121_3209">
5163<rect width="200" height="76.5173" fill="white"/>
5164</clipPath>
5165</defs>
5166</svg>
5167</div><div class="tw-text-[9px] tw-font-gotham-medium">
5168          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5169                Pilot
5170              </div></div>
5171        </div>
5172
5173      </a></div>
5174</div>
5175
5176</li>
5177</ul>
5178                                          </div>
5179                                        </details></li><li style="order: 0" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-reading-glasses-shop-by-reading-power">
5180                                          <summary id="HeaderDrawer-reading-glasses-shop-by-reading-power" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
5181                                             !tw-bg-[#EADEDC]">
5182                                            <span>Shop by Reading Power</span>
5183                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
5184                                          </summary>
5185
5186                                          <div id="childlink-shop-by-reading-power" class="menu-drawer__submenu-child gradient motion-reduce">
5187
5188                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
5189                                              <div class="tw-flex tw-items-center">
5190                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
5190ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
5191</span>
5192                                                <span>Back</span>
5193                                              </div>
5194                                              <div>Shop by Reading Power</div>
5195                                            </button>
5196
5197                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><div class="tw-grid tw-grid-cols-4 tw-gap-20 tw-p-20">
5198                                                  
5199                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5200                                                        <a href="/collections/1-00-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+1.00" title="+1.00" tabindex="0">+1.00</a>
5201                                                      </div>
5202                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5203                                                        <a href="/collections/1-25-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+1.25" title="+1.25" tabindex="0">+1.25</a>
5204                                                      </div>
5205                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5206                                                        <a href="/collections/1-50-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+1.50" title="+1.50" tabindex="0">+1.50</a>
5207                                                      </div>
5208                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5209                                                        <a href="/collections/1-75-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+1.75" title="+1.75" tabindex="0">+1.75</a>
5210                                                      </div>
5211                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5212                                                        <a href="/collections/2-00-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+2.00" title="+2.00" tabindex="0">+2.00</a>
5213                                                      </div>
5214                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5215                                                        <a href="/collections/2-25-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+2.25" title="+2.25" tabindex="0">+2.25</a>
5216                                                      </div>
5217                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5218                                                        <a href="/collections/2-50-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+2.50" title="+2.50" tabindex="0">+2.50</a>
5219                                                      </div>
5220                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5221                                                        <a href="/collections/2-75-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+2.75" title="+2.75" tabindex="0">+2.75</a>
5222                                                      </div>
5223                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5224                                                        <a href="/collections/3-00-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+3.00" title="+3.00" tabindex="0">+3.00</a>
5225                                                      </div>
5226                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5227                                                        <a href="/collections/3-25-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+3.25" title="+3.25" tabindex="0">+3.25</a>
5228                                                      </div>
5229                                                      <div class="power-item tw-bg-white tw-border-[.1rem] tw-border-[#45423D] tw-group hover:tw-bg-[#000000]">
5230                                                        <a href="/collections/3-50-reading-glasses" class="focus-inset tw-block tw-font-secondary tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]" aria-label="+3.50" title="+3.50" tabindex="0">+3.50</a>
5231                                                      </div>
5232                                                </div></ul>
5233                                          </div>
5234                                        </details></li></ul>
5235                              </ul>
5236                              <div class="shop-now-button tw-fixed tw-bottom-0 tw-w-full [&_button]:tw-justify-center [&_button]:tw-py-10">
5237                                
5238
5239
5240
5241
5242
5243
5244
5245
5246
5247
5248
5249<a
5250  href="/collections/reading-glasses"
5251  class="fg-cta-button tw-block"
5252  style="--border-color-section: #ffffff;"
5253  
5254>
5255  
5256
5257    
5258
5259      <button
5260        class="
5261          tw-w-full
5262          tw-flex
5263          tw-text-[16px]
5264          tw-font-bold
5265          tw-tracking-[1.6px]
5266          tw-uppercase
5267          tw-py-[6px]
5268          tw-cursor-pointer
5269          tw-rounded-none
5270           tw-px-22
5271        "
5272        
5273          style="background-color:#000000;"
5274        
5275      >
5276        <span
5277          class="
5278            [&_p]:tw-text-[16px]
5279            [&_p]:tw-font-bold
5280            [&_p]:tw-uppercase
5281            tw-font-gotham-medium
5282            tw-font-bold
5283            
5284              tw-text-black
5285            
5286            
5287          "
5288          style="line-height: 1.5;color:#ffffff;"
5289        >
5290          Shop All
5291        </span>
5292      </button>
5293      
5294    
5295  
5296</a>
5297
5298                              </div>
5299                            </div>
5300                          </div>
5301                        </details></li><li><details id="Details-menu-drawer-menu-item-2">
5302                          <summary
5303                            id="HeaderDrawer-sunglasses"
5304                            class="
5305                              fg-summary-title
5306                              [&]:tw-bg-[#ffffff]
5307                              menu-drawer__menu-item
5308                              [&_span]:tw-text-fs-16
5309                              list-menu__item
5310                              link
5311                              tw-relative
5312                              focus-inset
5313                              tw-flex tw-justify-between tw-items-center
5314                              tw-font-gotham-medium
5315                              
5316                            "
5317                          >
5318                            Sunglasses
5319                            <span class="fg-svg-wrapper tw-block tw-h-20 tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
5320                          </summary>
5321                          <div
5322                            id="link-sunglasses"
5323                            class="menu-drawer__submenu has-submenu gradient motion-reduce"
5324                            tabindex="-1"
5325                          >
5326                            <div
5327                              class="
5328                                menu-drawer__inner-submenu
5329                                tw-bg-grey
5330                                [&_button]:tw-bg-[#ffffff]
5331                                [&_.fg-summary-title_.menu-drawer__menu_details[open]]:tw-hidden
5332                                [&_button]:tw-px-20
5333                                tw-pb-44
5334                              "
5335                            >
5336                              <button
5337                                class="
5338                                  menu-drawer__close-button
5339                                  tw-justify-between
5340                                  tw-align-center
5341                                  [&]:tw-text-fg-grey
5342                                "
5343                                aria-expanded="true"
5344                              >
5345                                <div class="tw-flex tw-items-center">
5346                                  <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
5346ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
5347</span>
5348                                  <span class="tw-font-gotham-medium">Back</span>
5349                                </div>
5350                                <span class="tw-text-fs-18 tw-font-bold">
5351                                  Sunglasses
5352                                </span>
5353                              </button>
5354                              <ul
5355                                class="
5356                                  menu-drawer__menu
5357                                  list-menu
5358                                  [&_summary]:tw-bg-white
5359                                  [&_.first-link_summary]:tw-bg-cream-white
5360                                  tw-border-t-1
5361                                  tw-border-light-grey
5362                                "
5363                                role="list"
5364                                tabindex="-1"
5365                              >
5366
5367                                <li
5368                                  class="
5369                                    [&_details[open]_.close-child]:tw-hidden
5370                                    [&_details[open]_.fg-svg-wrapper]:tw-rotate-180
5371                                    [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg]
5372                                    [&_details_summary]:tw-bg-custom-beige
5373                                  "
5374                                ><ul class="list-unstyled [&_.items-handle]:tw-text-brown " role="list">
5375                <li>
5376                  <a
5377                    id="HeaderMenu-womens-womens-womens"
5378                    href="/collections/sunglasses-womens"
5379                    class="
5380                    menu-drawer__menu-item
5381                    tw-text-fs-16
5382                    link
5383                    list-menu__item
5384                    focus-inset
5385                    tw-bg-grey
5386                    tw-font-gotham-medium
5387                    
5388                  "
5389                    
5390                  >
5391                    Women&#39;s
5392                  </a>
5393                </li>
5394              
5395
5396                <li>
5397                  <a
5398                    id="HeaderMenu-mens-mens-mens"
5399                    href="/collections/sunglasses-mens"
5400                    class="
5401                    menu-drawer__menu-item
5402                    tw-text-fs-16
5403                    link
5404                    list-menu__item
5405                    focus-inset
5406                    tw-bg-grey
5407                    tw-font-gotham-medium
5408                    
5409                  "
5410                    
5411                  >
5412                    Men&#39;s
5413                  </a>
5414                </li>
5415              
5416
5417                <li>
5418                  <a
5419                    id="HeaderMenu-kids-kids-kids"
5420                    href="/collections/sunglasses-kids"
5421                    class="
5422                    menu-drawer__menu-item
5423                    tw-text-fs-16
5424                    link
5425                    list-menu__item
5426                    focus-inset
5427                    tw-bg-grey
5428                    tw-font-gotham-medium
5429                    
5430                  "
5431                    
5432                  >
5433                    Kids
5434                  </a>
5435                </li>
5436              
5437
5438                <li>
5439                  <a
5440                    id="HeaderMenu-new-arrivals-new-arrivals-new-arrivals"
5441                    href="/collections/sunglasses-new-arrivals"
5442                    class="
5443                    menu-drawer__menu-item
5444                    tw-text-fs-16
5445                    link
5446                    list-menu__item
5447                    focus-inset
5448                    tw-bg-grey
5449                    tw-font-gotham-medium
5450                    
5451                  "
5452                    
5453                  >
5454                    New Arrivals
5455                  </a>
5456                </li>
5457              
5458
5459                <li>
5460                  <a
5461                    id="HeaderMenu-fits-overs-and-clipons-fits-overs-and-clipons-fits-overs-and-clipons"
5462                    href="/collections/fits-over-clip-on-sunglasses"
5463                    class="
5464                    menu-drawer__menu-item
5465                    tw-text-fs-16
5466                    link
5467                    list-menu__item
5468                    focus-inset
5469                    tw-bg-grey
5470                    tw-font-gotham-medium
5471                    
5472                  "
5473                    
5474                  >
5475                    Fits Overs and ClipOns
5476                  </a>
5477                </li>
5478              
5479
5480                <li>
5481                  <a
5482                    id="HeaderMenu-accessories-accessories-accessories"
5483                    href="/collections/accessories"
5484                    class="
5485                    menu-drawer__menu-item
5486                    tw-text-fs-16
5487                    link
5488                    list-menu__item
5489                    focus-inset
5490                    tw-bg-grey
5491                    tw-font-gotham-medium
5492                    
5493                  "
5494                    
5495                  >
5496                    Accessories
5497                  </a>
5498                </li>
5499              
5500
5501                <li>
5502                  <a
5503                    id="HeaderMenu-clearance-clearance-clearance"
5504                    href="/collections/sunglasses-clearance"
5505                    class="
5506                    menu-drawer__menu-item
5507                    tw-text-fs-16
5508                    link
5509                    list-menu__item
5510                    focus-inset
5511                    tw-bg-grey
5512                    tw-font-gotham-medium
5513                    
5514                  "
5515                    
5516                  >
5517                    Clearance
5518                  </a>
5519                </li>
5520              
5521</ul></li>
5522
5523                                <ul class="tw-flex tw-flex-col"><li style="order: 1" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-sunglasses-shop-by-lens-type">
5524                                          <summary id="HeaderDrawer-sunglasses-shop-by-lens-type" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
5525                                            ">
5526                                            <span>Shop By Lens Type</span>
5527                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
5528                                          </summary>
5529
5530                                          <div id="childlink-shop-by-lens-type" class="menu-drawer__submenu-child gradient motion-reduce">
5531
5532                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
5533                                              <div class="tw-flex tw-items-center">
5534                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
5534ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
5535</span>
5536                                                <span>Back</span>
5537                                              </div>
5538                                              <div>Shop By Lens Type</div>
5539                                            </button>
5540
5541                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><li class="[&_a]:tw-text-fs-14">
5542                                                    <a id="HeaderDrawer-sunglasses-shop-by-lens-type-polarized" href="/collections/sunglasses-polarized" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5543                                                      Polarized
5544                                                      
5545                                                      
5546                                                      
5547                                                      
5548                                                        
5549                                                        
5550                                                        
5551                                                        
5552                                                      
5553                                                        
5554                                                        
5555                                                        
5556                                                        
5557                                                      
5558                                                        
5559                                                        
5560                                                        
5561                                                        
5562                                                      
5563                                                    </a>
5564                                                  </li><li class="[&_a]:tw-text-fs-14">
5565                                                    <a id="HeaderDrawer-sunglasses-shop-by-lens-type-sunreaders®" href="/collections/reading-glasses-sunglass-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5566                                                      SunReaders®
5567                                                      
5568                                                      
5569                                                      
5570                                                      
5571                                                        
5572                                                        
5573                                                        
5574                                                        
5575                                                      
5576                                                        
5577                                                        
5578                                                        
5579                                                        
5580                                                      
5581                                                        
5582                                                        
5583                                                        
5584                                                        
5585                                                      
5586                                                    </a>
5587                                                  </li><li class="[&_a]:tw-text-fs-14">
5588                                                    <a id="HeaderDrawer-sunglasses-shop-by-lens-type-sport" href="/collections/sunglasses-sport" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5589                                                      Sport
5590                                                      
5591                                                      
5592                                                      
5593                                                      
5594                                                        
5595                                                        
5596                                                        
5597                                                        
5598                                                      
5599                                                        
5600                                                        
5601                                                        
5602                                                        
5603                                                      
5604                                                        
5605                                                        
5606                                                        
5607                                                        
5608                                                      
5609                                                    </a>
5610                                                  </li><li class="[&_a]:tw-text-fs-14">
5611                                                    <a id="HeaderDrawer-sunglasses-shop-by-lens-type-driving" href="/collections/sunglasses-driving" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5612                                                      Driving
5613                                                      
5614                                                      
5615                                                      
5616                                                      
5617                                                        
5618                                                        
5619                                                        
5620                                                        
5621                                                      
5622                                                        
5623                                                        
5624                                                        
5625                                                        
5626                                                      
5627                                                        
5628                                                        
5629                                                        
5630                                                        
5631                                                      
5632                                                    </a>
5633                                                  </li><li class="[&_a]:tw-text-fs-14">
5634                                                    <a id="HeaderDrawer-sunglasses-shop-by-lens-type-digital" href="/collections/polarized-for-digital-sunglasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5635                                                      Digital
5636                                                      
5637                                                      
5638                                                      
5639                                                      
5640                                                        
5641                                                        
5642                                                        
5643                                                        
5644                                                      
5645                                                        
5646                                                        
5647                                                        
5648                                                        
5649                                                      
5650                                                        
5651                                                        
5652                                                        
5653                                                        
5654                                                      
5655                                                    </a>
5656                                                  </li><li class="[&_a]:tw-text-fs-14">
5657                                                    <a id="HeaderDrawer-sunglasses-shop-by-lens-type-no-magnification" href="/collections/non-prescription-sunglasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5658                                                      No Magnification
5659                                                      
5660                                                      
5661                                                      
5662                                                      
5663                                                        
5664                                                        
5665                                                        
5666                                                        
5667                                                      
5668                                                        
5669                                                        
5670                                                        
5671                                                        
5672                                                      
5673                                                        
5674                                                        
5675                                                        
5676                                                        
5677                                                      
5678                                                    </a>
5679                                                  </li></ul>
5680                                          </div>
5681                                        </details></li><li style="order: 2" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-sunglasses-shop-by-collection">
5682                                          <summary id="HeaderDrawer-sunglasses-shop-by-collection" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
5683                                            ">
5684                                            <span>Shop by Collection</span>
5685                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
5686                                          </summary>
5687
5688                                          <div id="childlink-shop-by-collection" class="menu-drawer__submenu-child gradient motion-reduce">
5689
5690                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
5691                                              <div class="tw-flex tw-items-center">
5692                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
5692ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
5693</span>
5694                                                <span>Back</span>
5695                                              </div>
5696                                              <div>Shop by Collection</div>
5697                                            </button>
5698
5699                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><li class="[&_a]:tw-text-fs-14">
5700                                                    <a id="HeaderDrawer-sunglasses-shop-by-collection-foster-grant®-collegiate" href="/collections/collegiate" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5701                                                      Foster Grant® Collegiate
5702                                                      
5703                                                      
5704                                                      
5705                                                      
5706                                                        
5707                                                        
5708                                                        
5709                                                        
5710                                                      
5711                                                        
5712                                                        
5713                                                        
5714                                                        
5715                                                      
5716                                                        
5717                                                        
5718                                                        
5719                                                        
5720                                                          <span class="badge-class">NEW</span>
5721                                                        
5722                                                      
5723                                                    </a>
5724                                                  </li><li class="[&_a]:tw-text-fs-14">
5725                                                    <a id="HeaderDrawer-sunglasses-shop-by-collection-love-island-x-foster-grant®" href="/collections/love-island-x-foster-grant" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5726                                                      Love Island x Foster Grant®
5727                                                      
5728                                                      
5729                                                      
5730                                                      
5731                                                        
5732                                                        
5733                                                        
5734                                                        
5735                                                      
5736                                                        
5737                                                        
5738                                                        
5739                                                        
5740                                                      
5741                                                        
5742                                                        
5743                                                        
5744                                                        
5745                                                      
5746                                                    </a>
5747                                                  </li><li class="[&_a]:tw-text-fs-14">
5748                                                    <a id="HeaderDrawer-sunglasses-shop-by-collection-sofia-vergara®-x-foster-grant®" href="/collections/sofia-vergara-foster-grant-sunglasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5749                                                      Sofia Vergara® x Foster Grant®
5750                                                      
5751                                                      
5752                                                      
5753                                                      
5754                                                        
5755                                                        
5756                                                        
5757                                                        
5758                                                      
5759                                                        
5760                                                        
5761                                                        
5762                                                        
5763                                                      
5764                                                        
5765                                                        
5766                                                        
5767                                                        
5768                                                      
5769                                                    </a>
5770                                                  </li><li class="[&_a]:tw-text-fs-14">
5771                                                    <a id="HeaderDrawer-sunglasses-shop-by-collection-wicked®-x-foster-grant®" href="/collections/wicked-foster-grant" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5772                                                      Wicked® x Foster Grant®
5773                                                      
5774                                                      
5775                                                      
5776                                                      
5777                                                        
5778                                                        
5779                                                        
5780                                                        
5781                                                      
5782                                                        
5783                                                        
5784                                                        
5785                                                        
5786                                                      
5787                                                        
5788                                                        
5789                                                        
5790                                                        
5791                                                      
5792                                                    </a>
5793                                                  </li><li class="[&_a]:tw-text-fs-14">
5794                                                    <a id="HeaderDrawer-sunglasses-shop-by-collection-foster-grant®-ironman®" href="/collections/sunglasses-ironman" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5795                                                      Foster Grant® IRONMAN®
5796                                                      
5797                                                      
5798                                                      
5799                                                      
5800                                                        
5801                                                        
5802                                                        
5803                                                        
5804                                                      
5805                                                        
5806                                                        
5807                                                        
5808                                                        
5809                                                      
5810                                                        
5811                                                        
5812                                                        
5813                                                        
5814                                                      
5815                                                    </a>
5816                                                  </li><li class="[&_a]:tw-text-fs-14">
5817                                                    <a id="HeaderDrawer-sunglasses-shop-by-collection-foster-grant®-sun-luv-a4114a" href="/collections/sun-luv-foster-grant" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5818                                                      Foster Grant® SUN LUV A4114A
5819                                                      
5820                                                      
5821                                                      
5822                                                      
5823                                                        
5824                                                        
5825                                                        
5826                                                        
5827                                                      
5828                                                        
5829                                                        
5830                                                        
5831                                                        
5832                                                      
5833                                                        
5834                                                        
5835                                                        
5836                                                        
5837                                                      
5838                                                    </a>
5839                                                  </li><li class="[&_a]:tw-text-fs-14">
5840                                                    <a id="HeaderDrawer-sunglasses-shop-by-collection-styles-for-y-o-u-™" href="/collections/styles-for-you-sunglasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
5841                                                      Styles for Y.O.U.™
5842                                                      
5843                                                      
5844                                                      
5845                                                      
5846                                                        
5847                                                        
5848                                                        
5849                                                        
5850                                                      
5851                                                        
5852                                                        
5853                                                        
5854                                                        
5855                                                      
5856                                                        
5857                                                        
5858                                                        
5859                                                        
5860                                                      
5861                                                    </a>
5862                                                  </li></ul>
5863                                          </div>
5864                                        </details></li><li style="order: 3" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-sunglasses-shop-by-style">
5865                                          <summary id="HeaderDrawer-sunglasses-shop-by-style" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
5866                                            ">
5867                                            <span>Shop by Style</span>
5868                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
5869                                          </summary>
5870
5871                                          <div id="childlink-shop-by-style" class="menu-drawer__submenu-child gradient motion-reduce [&_.menu-drawer__menu]:tw-p-20">
5872
5873                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
5874                                              <div class="tw-flex tw-items-center">
5875                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
5875ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
5876</span>
5877                                                <span>Back</span>
5878                                              </div>
5879                                              <div>Shop by Style</div>
5880                                            </button>
5881
5882                                            <ul class="menu-drawer__menu tw-grid tw-grid-cols-4 tw-gap-20 tw-px-20 tw-py-20 tw-bg-grey" role="list" tabindex="-1"><li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
5883    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
5884  <div class="
5885            new-card-collection__media
5886            tw-hover-img-color
5887            tw-bg-[#f2f2f2]
5888            tw-cursor-pointer
5889            tw-h-full
5890            tw-w-full
5891            [&_svg_path]:tw-fill-[#B29183]
5892            group-hover:[&_svg_path]:tw-border-2
5893            group-hover:[&_svg_path]:tw-fill-[#7a381c]
5894            [&_svg_path]:tw-transition-all
5895            [&_svg_path]:tw-duration-700
5896            [&_svg_path]:tw-border-[#eadedc]
5897            tw-transition
5898            tw-duration-700
5899            tw-rounded-[50%]"
5900        ><a href="/collections/rectangle-sunglasses" role="link" title="Rectangle"
5901        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="50" viewBox="0 0 200 50" fill="none" xmlns="http://www.w3.org/2000/svg">
5902<g clip-path="url(#clip0_121_3206)">
5903<path d="M199.712 3.78244C199.262 3.33823 197.907 3.31521 197.253 3.22004C196.244 3.0733 195.232 2.94036 194.221 2.81159C189.02 2.14944 183.805 1.59387 178.591 1.04911C172.14 0.375138 165.655 0.0408599 159.17 0.00449143C151.63 -0.0377927 144.09 0.211471 136.593 1.05107C133.023 1.4509 129.464 2.01836 125.98 2.90593C124.267 3.34238 122.566 3.83647 120.909 4.45467C119.102 5.12873 117.342 5.95046 115.715 6.98914C113.678 8.28924 111.639 10.1186 109.136 10.2512C106.657 10.3825 104.125 10.3021 101.626 10.2418C99.1332 10.1816 96.6518 10.2284 94.1602 10.2824C94.0852 10.2841 94.0102 10.2856 93.9352 10.2871C92.9144 10.3078 91.8832 10.324 90.864 10.2512C88.361 10.1186 86.3221 8.28924 84.285 6.98914C82.6575 5.95046 80.8981 5.12873 79.0912 4.45467C77.4341 3.83647 75.7332 3.34238 74.0201 2.90593C70.5362 2.01836 66.9775 1.4509 63.407 1.05107C55.9096 0.211471 48.3701 -0.0377927 40.8301 0.00449143C34.3447 0.0408599 27.8596 0.375138 21.4087 1.04911C16.1945 1.59387 10.9798 2.14944 5.77898 2.81159C4.76752 2.94036 3.75647 3.0733 2.74749 3.22004C2.09323 3.31521 0.738491 3.33823 0.288283 3.78244C-0.102665 4.16823 0.0084463 4.67869 0.0345781 5.16595C0.0694205 5.81455 0.0599555 6.46448 0.057212 7.11368C0.0489129 9.09828 -0.118029 11.9616 2.30516 12.5674C4.55264 13.1293 7.
590308104 15.0958 7.92385 19.3098C7.92385 19.3098 9.89039 29.7043 11.576 33.6374C12.4243 35.617 13.1269 37.5799 14.4578 39.3051C16.3498 41.7575 19.1725 43.2079 22.0544 44.1768C25.4521 45.3192 28.8578 46.3903 32.3651 47.1223C39.4229 48.5954 46.8085 49.2317 54.0223 49.0913C58.9218 48.9954 63.7662 48.4146 68.6056 47.6842C68.6056 47.6842 74.2243 46.5604 76.7527 45.1558C78.3153 44.2877 79.8191 43.321 81.1558 42.1276C82.8852 40.5836 84.0392 38.894 85.1447 36.8742C87.4576 32.6484 89.3829 28.2256 91.2308 23.7812C91.8617 22.2638 92.3303 20.4127 93.5865 19.271C94.6147 18.3365 95.9677 17.8372 97.3141 17.5806C98.1981 17.4121 99.1008 17.3478 100 17.3446C100.899 17.3478 101.802 17.4121 102.686 17.5806C104.032 17.8372 105.385 18.3365 106.413 19.271C107.67 20.4127 108.138 22.2638 108.769 23.7812C110.617 28.2256 112.542 32.6484 114.855 36.8742C115.961 38.894 117.115 40.5836 118.844 42.1276C120.181 43.321 121.685 44.2877 123.247 45.1558C125.776 46.5604 131.394 47.6842 131.394 47.6842C136.234 48.4146 141.078 48.9954 145.978 49.0913C153.191 49.2317 160.577 48.5954 167.635 47.1223C171.142 46.3903 174.548 45.3192 177.946 44.1768C180.827 43.2079 183.65 41.7575 185.542 39.3051C186.873 37.5799 187.576 35.617 188.424 33.6374C190.11 29.7043 192.076 19.3098 192.076 19.3098C192.919 15.0958 195.447 13.1293 197.695 12.5674C200.118 11.9616 199.951 9.09828 199.943 7.11368C199.94 6.46448 199.931 5.81455 199.965 5.16595C199.992 4.67869 200.103 4.16823 199.712 3.78244ZM86.5854 19.8716C85.7426 28.5807 82.9333 33.6375 82.9333 33.6375C81.8228 36.1851 80.0367 38.3712 77.8409 40.0631C75.4901 41.8745 72.7388 43.122 69.9025 43.9577C65.8042 45.1652 61.5196 45.4635 57.2738 45.6839C53.9314 45.8579 50.5815 45.9466 47.2363 45.8002C42.2508 45.582 37.285 44.911 32.4203 43.7983C28.0242 42.7928 23.5289 41.5188 19.7881 38.9071C17.8003 37.5192 16.6577 35.6711 15.7617 33.4404C14.4556 30.1884 13.7443 26.7026 13.2616 23.243C13.0545 21.7586 12.9077 20.2631 12.8864 18.7636C12.8478 16.0479 13.2052 13.1865 14.6462 10.8271C16.3379 8.05726 19.3919 6.82836 22.4253 6.05431C29.2218 4.31996 36.4771 4.21759 43.4499 4.26416C48.5777 4.29841 53.7103 4.36941 58.825 4.76691C63.6621 5.14282 68.5062 5.80028 73.2082 7.01977C77.0242 8.00942 81.0638 9.61373 83.868 12.4801C85.7382 14.3917 86.881 16.8166 86.5854 19.8716ZM187.114 18.7636C187.092 20.2631 186.946 21.7586 186.738 23.243C186.256 26.7026 185.544 30.1884 184.238 33.4404C183.342 35.6711 182.2 37.5192 180.212 38.9071C176.471 41.5188 171.976 42.7928 167.58 43.7983C162.715 44.911 157.749 45.582 152.764 45.8002C149.419 45.9466 146.069 45.8579 142.726 45.6839C138.48 45.4635 134.196 45.1652 130.098 43.9577C127.261 43.122 124.51 41.8745 122.159 40.0631C119.963 38.3712 118.177 36.1851 117.067 33.6375C117.067 33.6375 114.257 28.5807 113.415 19.8716C113.119 16.8166 114.262 14.3917 116.132 12.4801C118.936 9.61373 122.976 8.00942 126.792 7.01977C131.494 5.80028 136.338 5.14282 141.175 4.76691C146.29 4.36941 151.422 4.29841 156.55 4.26416C163.523 4.21759 170.778 4.31996 177.575 6.05431C180.608 6.82836 183.662 8.05726 185.354 10.8271C186.795 13.1865 187.152 16.0479 187.114 18.7636Z" fill="#B29183"/>
5904</g>
5905<defs>
5906<clipPath id="clip0_121_3206">
5907<rect width="200" height="49.1103" fill="white"/>
5908</clipPath>
5909</defs>
5910</svg>
5911</div><div class="tw-text-[9px] tw-font-gotham-medium">
5912          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5913                Rectangle
5914              </div></div>
5915        </div>
5916
5917      </a></div>
5918</div>
5919
5920</li>
5921<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
5922    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
5923  <div class="
5924            new-card-collection__media
5925            tw-hover-img-color
5926            tw-bg-[#f2f2f2]
5927            tw-cursor-pointer
5928            tw-h-full
5929            tw-w-full
5930            [&_svg_path]:tw-fill-[#B29183]
5931            group-hover:[&_svg_path]:tw-border-2
5932            group-hover:[&_svg_path]:tw-fill-[#7a381c]
5933            [&_svg_path]:tw-transition-all
5934            [&_svg_path]:tw-duration-700
5935            [&_svg_path]:tw-border-[#eadedc]
5936            tw-transition
5937            tw-duration-700
5938            tw-rounded-[50%]"
5939        ><a href="/collections/square-sunglasses" role="link" title="Square"
5940        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="73" viewBox="0 0 200 73" fill="none" xmlns="http://www.w3.org/2000/svg">
5941<g clip-path="url(#clip0_121_3215)">
5942<path d="M199.898 18.9008C199.23 14.1716 193.769 16.7535 193.768 16.6288C193.507 -1.37851 160.403 0.262862 155.372 0.066572C140.715 -0.508754 125.544 2.67996 121.298 8.27498C119.369 10.8176 118.206 13.5848 116.838 16.5462L116.575 10.9266L116.265 10.5985C116.119 10.3827 112.761 4.29532 100.801 3.78223V3.77371C100.754 3.77371 100.713 3.77797 100.666 3.77797C100.182 3.7591 99.711 3.73201 99.1991 3.73201V3.82392C87.2389 4.33716 83.8809 10.4244 83.7348 10.6402L83.4247 10.9683L83.1621 16.5879C81.7939 13.6265 80.6313 10.8595 78.7016 8.31667C74.4557 2.72166 59.2853 -0.467062 44.6283 0.108265C39.5968 0.304554 6.49292 -1.33682 6.23242 16.6705C6.23059 16.7952 0.769859 14.2133 0.101714 18.9425C-0.501534 23.2204 1.64601 23.5265 4.75515 23.4934C4.37816 38.0215 2.49074 53.5178 13.727 64.8252C19.732 70.8685 34.5295 72.0231 43.7121 72.0231C51.9998 72.0231 57.8092 72.2231 64.5987 68.0593C77.8332 59.9413 86.6796 41.4802 86.1134 28.6708C86.0391 26.9718 85.8178 25.2826 85.4744 23.6221L85.5897 23.6273L86.2685 11.9654C87.1555 11.0545 91.011 7.93079 100.801 7.93079V7.9212C109.411 8.23891 112.895 11.0644 113.731 11.9237L114.41 23.5856L114.526 23.5804C114.182 25.2409 113.961 26.9301 113.887 28.6291C113.32 41.4385 122.167 59.8996 135.401 68.0176C142.191 72.1814 148 71.9814 156.288 71.9814C165.471 71.9814 180.268 70.8268 186.273 
594264.7836C197.509 53.4761 195.622 37.9798 195.245 23.4517C198.354 23.4848 200.502 23.1787 199.898 18.9008ZM63.1363 65.7668C56.7817 69.5901 51.4908 69.2256 43.7121 69.2256C35.1513 69.2256 23.5787 67.9528 17.3195 63.2303C11.3758 58.7457 9.80565 54.7621 8.01043 45.5043C6.41151 37.2531 7.90012 26.6303 9.04704 19.7432C10.9786 8.14473 18.0898 5.82364 25.9845 4.16172C34.3365 2.40333 47.1026 3.04333 48.0062 3.00772C80.7272 1.71464 80.6229 17.5999 83.3199 29.5692C85.2245 38.0215 75.4493 58.3596 63.1363 65.7668ZM191.99 45.4626C190.194 54.7204 188.624 58.7041 182.681 63.1886C176.421 67.9111 164.849 69.1838 156.288 69.1838C148.509 69.1838 143.218 69.5484 136.864 65.7251C124.551 58.3179 114.775 37.9798 116.68 29.5274C119.377 17.5583 119.273 1.67295 151.994 2.96603C152.897 3.00163 165.664 2.36164 174.016 4.11988C181.91 5.78195 189.021 8.10303 190.953 19.7013C192.1 26.5886 193.589 37.2114 191.99 45.4626Z" fill="#B29183"/>
5943</g>
5944<defs>
5945<clipPath id="clip0_121_3215">
5946<rect width="200" height="72.0247" fill="white"/>
5947</clipPath>
5948</defs>
5949</svg>
5950</div><div class="tw-text-[9px] tw-font-gotham-medium">
5951          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5952                Square
5953              </div></div>
5954        </div>
5955
5956      </a></div>
5957</div>
5958
5959</li>
5960<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
5961    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
5962  <div class="
5963            new-card-collection__media
5964            tw-hover-img-color
5965            tw-bg-[#f2f2f2]
5966            tw-cursor-pointer
5967            tw-h-full
5968            tw-w-full
5969            [&_svg_path]:tw-fill-[#B29183]
5970            group-hover:[&_svg_path]:tw-border-2
5971            group-hover:[&_svg_path]:tw-fill-[#7a381c]
5972            [&_svg_path]:tw-transition-all
5973            [&_svg_path]:tw-duration-700
5974            [&_svg_path]:tw-border-[#eadedc]
5975            tw-transition
5976            tw-duration-700
5977            tw-rounded-[50%]"
5978        ><a href="/collections/cat-eye-sunglasses" role="link" title="Cat Eye"
5979        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="67" viewBox="0 0 200 67" fill="none" xmlns="http://www.w3.org/2000/svg">
5980<g clip-path="url(#clip0_121_3194)">
5981<path d="M177.726 42.7031C174.347 47.7714 157.621 67.0318 133.63 60.7802C109.639 54.5295 107.444 31.7211 112.511 27.3288C117.579 22.9353 128.224 18.5429 128.224 18.5429C136.332 15.335 167.59 6.04062 178.401 10.434C189.215 14.8265 181.104 37.6349 177.726 42.7031ZM65.4809 60.7802C41.8112 67.0318 25.3106 47.7714 21.9756 42.7031C18.6415 37.6349 10.6429 14.8265 21.3092 10.434C31.9765 6.04062 62.8143 15.335 70.8141 18.5429C70.8141 18.5429 81.3152 22.9353 86.3157 27.3288C91.3162 31.7211 89.1496 54.5295 65.4809 60.7802ZM198.506 1.98616C192.762 -2.74421 165.73 1.81665 145.287 6.88598C125.158 11.878 103.06 27.5173 99.3254 27.993C95.6407 27.5173 73.8398 11.878 53.9787 6.88598C33.8093 1.81665 7.14247 -2.74421 1.47352 1.98616C-4.19338 6.71654 7.97522 30.8767 12.8094 38.6476C17.6414 46.4196 32.7224 69.5628 60.8131 65.8495C83.8143 62.8079 91.3162 44.5614 92.65 42.3662C93.9827 40.169 93.4827 37.4653 99.1517 37.4653H99.5034C105.247 37.4653 104.739 40.169 106.092 42.3662C107.444 44.5614 115.047 62.8079 138.36 65.8495C166.833 69.5628 182.119 46.4196 187.018 38.6476C191.917 30.8767 204.251 6.71654 198.506 1.98616Z" fill="#B29183"/>
5982</g>
5983<defs>
5984<clipPath id="clip0_121_3194">
5985<rect width="200" height="66.2498" fill="white"/>
5986</clipPath>
5987</defs>
5988</svg>
5989</div><div class="tw-text-[9px] tw-font-gotham-medium">
5990          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
5991                Cat Eye
5992              </div></div>
5993        </div>
5994
5995      </a></div>
5996</div>
5997
5998</li>
5999<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
6000    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
6001  <div class="
6002            new-card-collection__media
6003            tw-hover-img-color
6004            tw-bg-[#f2f2f2]
6005            tw-cursor-pointer
6006            tw-h-full
6007            tw-w-full
6008            [&_svg_path]:tw-fill-[#B29183]
6009            group-hover:[&_svg_path]:tw-border-2
6010            group-hover:[&_svg_path]:tw-fill-[#7a381c]
6011            [&_svg_path]:tw-transition-all
6012            [&_svg_path]:tw-duration-700
6013            [&_svg_path]:tw-border-[#eadedc]
6014            tw-transition
6015            tw-duration-700
6016            tw-rounded-[50%]"
6017        ><a href="/collections/round-sunglasses" role="link" title="Round"
6018        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10">
6018<svg width="200" height="70" viewBox="0 0 200 70" fill="none" xmlns="http://www.w3.org/2000/svg">
6019<g clip-path="url(#clip0_121_3203)">
6020<path d="M175.019 3.79339C164.79 0.439407 154.902 -1.39492 140.312 1.28866C125.722 3.97157 118.458 12.042 115.942 12.2103C113.426 12.3779 106.757 9.23312 100 9.23312C93.2432 9.23312 86.5228 12.3779 84.0068 12.2103C81.4915 12.042 74.2019 3.97157 59.6119 1.28866C45.0222 -1.39492 35.1721 0.439407 24.9426 3.79339C14.7128 7.14738 9.39115 11.497 0 11.497V22.0624C0 22.0624 5.70169 22.2299 6.3727 25.5839C7.04345 28.9379 9.22358 44.031 16.7701 53.4226C24.3164 62.8134 32.4843 69.0772 46.7882 69.6889C62.4683 70.3599 73.0508 63.8236 78.7772 57.2793C86.8478 48.0561 90.2123 33.8016 91.0509 27.0937C91.0509 27.0937 87.5594 25.2487 88.9008 21.3913C89.9625 18.3395 93.2432 17.7021 100 17.7021C106.757 17.7021 109.988 18.3395 111.05 21.3913C112.391 25.2487 108.851 27.0937 108.851 27.0937C109.69 33.8016 113.057 48.0561 121.128 57.2793C126.854 63.8236 137.443 70.3599 153.123 69.6889C167.427 69.0772 175.608 62.8134 183.154 53.4226C190.701 44.031 192.906 28.9379 193.576 25.5839C194.247 22.2299 200 22.0624 200 22.0624V11.497C190.541 11.497 185.249 7.14738 175.019 3.79339ZM79.8234 47.9722C75.1112 58.046 66.0741 63.8197 56.9122 65.1954C48.7701 66.4174 41.7573 67.1736 31.2388 61.4581C21.2491 56.0302 15.1522 45.8595 13.5274 33.8352C11.9028 21.811 18.9569 12.1806 26.2019 7.9992C34.3786 3.28001 50.9003 1.98738 61.4621 4.91184C72.0238 7.83691 79.8234 14.9862 81.9355 20.9987C84.048 27.0105 84.5357 37.8979 79.8234 47.9722ZM186.371 33.8352C184.746 45.8595 178.65 56.0302 168.66 61.4581C158.141 67.1736 151.129 66.4174 142.987 65.1954C133.825 63.8197 124.787 58.046 120.075 47.9722C115.363 37.8979 115.851 27.0105 117.963 20.9987C120.075 14.9862 127.875 7.83691 138.437 4.91184C148.998 1.98738 165.52 3.28001 173.697 7.9992C180.942 12.1806 187.996 21.811 186.371 33.8352Z" fill="#B29183"/>
6021</g>
6022<defs>
6023<clipPath id="clip0_121_3203">
6024<rect width="200" height="69.7365" fill="white"/>
6025</clipPath>
6026</defs>
6027</svg>
6028</div><div class="tw-text-[9px] tw-font-gotham-medium">
6029          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
6030                Round
6031              </div></div>
6032        </div>
6033
6034      </a></div>
6035</div>
6036
6037</li>
6038<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
6039    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
6040  <div class="
6041            new-card-collection__media
6042            tw-hover-img-color
6043            tw-bg-[#f2f2f2]
6044            tw-cursor-pointer
6045            tw-h-full
6046            tw-w-full
6047            [&_svg_path]:tw-fill-[#B29183]
6048            group-hover:[&_svg_path]:tw-border-2
6049            group-hover:[&_svg_path]:tw-fill-[#7a381c]
6050            [&_svg_path]:tw-transition-all
6051            [&_svg_path]:tw-duration-700
6052            [&_svg_path]:tw-border-[#eadedc]
6053            tw-transition
6054            tw-duration-700
6055            tw-rounded-[50%]"
6056        ><a href="/collections/pilot" role="link" title="Pilot"
6057        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="77" viewBox="0 0 200 77" fill="none" xmlns="http://www.w3.org/2000/svg">
6058<g clip-path="url(#clip0_121_3209)">
6059<path d="M199.919 24.9377C199.58 22.7364 199.76 22.2283 195.019 20.535C190.278 18.8416 188.775 16.6403 184.372 11.8989C179.969 7.15753 173.916 4.61744 166.126 3.26277C162.277 2.59333 158.698 2.191 154.367 2.06788C154.371 2.01855 154.382 1.97134 154.382 1.92108C154.382 0.859858 153.522 0 152.461 0H47.5409C46.4803 0 45.6198 0.859858 45.6198 1.92108C45.6198 1.98072 45.632 2.03692 45.6373 2.09524C41.3049 2.20874 37.726 2.5931 33.8754 3.26277C26.086 4.61744 20.0323 7.15753 15.6295 11.8989C11.2269 16.6403 9.72401 18.8416 4.9826 20.535C0.241186 22.2283 0.421286 22.7364 0.0825025 24.9377C-0.256125 27.1391 0.398149 29.2641 2.97037 29.5703C7.3508 30.0918 7.54122 35.6058 9.5733 39.8392C11.6052 44.0726 18.0412 65.2394 34.2975 72.8595C50.5535 80.4795 59.9405 75.545 72.2299 64.0541C77.579 59.0524 82.1739 53.2651 85.7839 46.8917C88.4344 42.2124 90.48 37.2507 92.2162 32.1696C93.023 29.8095 92.9254 27.2536 92.7394 24.8024C92.603 23.0062 91.201 21.3792 91.6917 19.5175C92.1684 17.7091 94.1714 16.9812 95.8148 16.6479C97.1883 16.3693 98.6025 16.2984 100.001 16.3016C103.256 16.3089 109.554 16.8631 108.477 21.6276C108.191 22.8935 107.507 23.9184 107.309 25.2219C106.77 28.7739 107.687 31.9079 108.9 35.1948C109.801 37.6371 110.8 40.0433 111.922 42.3928C114.828 48.4806 118.561 54.1584 123.041 59.2039C124.542 60.8931 126.122 62.5111 127.772 64.0541C140.061 75.545 149.448 80.4795 165.704 72.8595C181.96 65.2394 189.446 44.4312 190.428 39.8392C191.427 35.1676 193.642 30.1985 197.061 29.3617C199.577 28.746 200.258 27.1391 199.919 24.937
60597ZM86.5918 34.9977C84.3315 44.04 76.8032 56.9314 64.8395 66.3574C52.8757 75.7835 44.1746 74.6958 34.7487 69.6203C25.3225 64.5447 19.522 56.2063 16.2591 46.2364C12.9962 36.2666 12.9962 22.6713 18.4342 14.8767C23.8724 7.0821 35.8362 4.90689 52.513 4.72562C68.86 4.54787 82.0715 9.94347 85.6613 15.9615C85.7336 16.0833 85.8114 16.2009 85.8667 16.3269C88.4046 22.1275 88.4046 27.7469 86.5918 34.9977ZM109.976 13.3005C107.605 13.3005 106.774 11.3189 100.001 11.3189C93.2274 11.3189 92.5827 13.3527 90.212 13.3527C88.2495 13.3527 82.9041 6.75434 70.83 3.84216H129.87C118.631 6.73714 111.933 13.3005 109.976 13.3005ZM184.525 46.279C181.243 56.3082 175.407 64.6963 165.925 69.8021C156.443 74.9079 147.69 76.002 135.655 66.5198C123.62 57.0376 116.047 44.0694 113.773 34.9733C111.95 27.6794 111.95 22.0265 114.503 16.1913C114.558 16.0646 114.637 15.9463 114.709 15.8237C118.321 9.76994 131.611 4.34212 148.055 4.5209C164.831 4.70326 176.866 6.89145 182.337 14.7325C187.807 22.5735 187.807 36.2498 184.525 46.279Z" fill="#B29183"/>
6060</g>
6061<defs>
6062<clipPath id="clip0_121_3209">
6063<rect width="200" height="76.5173" fill="white"/>
6064</clipPath>
6065</defs>
6066</svg>
6067</div><div class="tw-text-[9px] tw-font-gotham-medium">
6068          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
6069                Pilot
6070              </div></div>
6071        </div>
6072
6073      </a></div>
6074</div>
6075
6076</li>
6077<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
6078    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
6079  <div class="
6080            new-card-collection__media
6081            tw-hover-img-color
6082            tw-bg-[#f2f2f2]
6083            tw-cursor-pointer
6084            tw-h-full
6085            tw-w-full
6086            [&_svg_path]:tw-fill-[#B29183]
6087            group-hover:[&_svg_path]:tw-border-2
6088            group-hover:[&_svg_path]:tw-fill-[#7a381c]
6089            [&_svg_path]:tw-transition-all
6090            [&_svg_path]:tw-duration-700
6091            [&_svg_path]:tw-border-[#eadedc]
6092            tw-transition
6093            tw-duration-700
6094            tw-rounded-[50%]"
6095        ><a href="/collections/oval-sunglasses" role="link" title="Oval"
6096        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="62" viewBox="0 0 200 62" fill="none" xmlns="http://www.w3.org/2000/svg">
6097<g clip-path="url(#clip0_121_3212)">
6098<path d="M99.4744 16.3827C105.946 16.3528 107.497 19.1707 107.497 21.0675C107.19 22.8647 107.438 24.7318 107.667 26.5252C108.232 30.9435 108.893 35.5792 112.197 42.0591C117.175 51.8231 126.973 58.5929 138.408 60.1682C142.638 60.7511 146.615 61.0431 150.358 61.0431C159.06 61.0431 166.496 59.4628 172.884 56.2782C182.752 51.3592 191.081 46.1882 193.072 32.6746C193.296 31.1589 193.371 29.6798 193.331 28.2378C193.486 26.8406 193.585 25.7001 193.739 24.9269C194.125 22.9998 196.232 22.152 197.896 21.7807C199.133 21.5047 200 20.3905 200 19.1231L200 13.8009C200 12.4006 198.937 11.2175 197.543 11.0871C190.215 10.4018 187.202 6.64785 178.177 3.68892C169.893 0.972747 158.353 -0.711219 146.53 0.293954C141.463 0.445208 136.791 0.966663 133.278 1.85955C125.334 3.87821 120.558 5.35636 115.373 10.907C113.837 12.5514 111.318 13.536 109.237 12.6799C106.514 11.5595 102.462 10.5873 99.3254 10.5873C96.5587 10.5873 92.1087 11.3544 90.0554 12.0333C87.9238 12.738 85.6952 11.9009 84.1308 10.2905C78.7901 4.7925 74.4588 3.79996 66.8217 1.85955C63.2757 0.958268 58.5478 0.434888 53.4227 0.289641C41.6166 -0.707061 30.0964 0.976366 21.8237 3.68892C12.7986 6.64788 9.78506 10.4019 2.457 11.0872C1.06282 11.2175 6.59854e-05 12.4007 5.22399e-05 13.8009L1.33954e-10 19.1227C-1.24179e-05 20.3877 0.863375 21.5046 2.09821 21.7794C3.76389 22.1501 5.87482 22.9976 6.26057 24.9269C6.44818 25.8641 6.55507 27.3397 6.77995 29.1656C6.79011 30.3149 6.85326 31.4803 7.02885 32.6746C9.01887 46.187 17.3486 51.3586 27.2161 56.2782C33.6051 59.4634 41.0402 61.0431 49.7433 61.0431C53.4868 61.0431 57.4643 60.7511 61.6933 60.1682C73.1282 58.5929 82.9267 51.8231 87.9048 42.0591C91.2606 35.4755 92.6078 26.7821 91.7838 21.4155C91.5075 19.6154 93.9138 16.4084 99.4744 16.3827ZM84.5335 40.3402C80.1173 49.0014 71.3858 55.0121 61.1758 56.4186C47.8963 58.2485 37.3362 57.0945 28.9042 52.8908C23.4471 50.1699 19.3417 47.6885 16.3912 44.572C13.3827 41.3947 11.5748 37.5571 10.7748 32.1238C9.17413 21.2576 16.0116 12.3943 23.4985 8.4303C28.6997 5.6757 40.2541 4.04795 50.8375 4.04795C53.1615 4.04795 55.4312 4.13113 57.5833 4.29332C60.686 4.52713 63.537 4.93021 65.8902 5.52783C74.2421 7.65047 80.7371 12.0415 84.2747 16.3213C84.6653 16.794 85.0104 17.2638 85.3273 17.7305C85.933 18.6225 86.4166 19.4997 86.7367 20.3359C88.9078 26.0077 89.243 31.0986 84.5335 40.3402ZM171.196 52.8908C162.763 57.0945 152.204 58.2472 138.926 56.4186C128.716 55.0121 119.984 49.0014 115.568 40.3402C112.584 34.4856 111.629 30.2983 111.879 26.5726C111.93 25.8084 112.033 25.0633 112.179 24.3278C112.445 22.9882 112.851 21.6778 113.365 20.3359C115.369 15.1002 123.174 8.33234 134.21 5.52783C136.54 4.93622 139.358 4.5356 142.424 4.30048C144.604 4.13336 146.905 4.04734 149.263 4.04734C159.846 4.04734 171.402 5.6757 176.603 8.4303C184.09 12.3943 190.927 21.2582 189.327 32.1238C188.522 37.5864 186.697 41.4344 183.66 44.6215C180.712 47.7146 176.624 50.1847 171.196 52.8908Z" fill="#B29183"/>
6099</g>
6100<defs>
6101<clipPath id="clip0_121_3212">
6102<rect width="200" height="61.0431" fill="white"/>
6103</clipPath>
6104</defs>
6105</svg>
6106</div><div class="tw-text-[9px] tw-font-gotham-medium">
6107          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
6108                Oval
6109              </div></div>
6110        </div>
6111
6112      </a></div>
6113</div>
6114
6115</li>
6116</ul>
6117                                          </div>
6118                                        </details></li></ul>
6119                              </ul>
6120                              <div class="shop-now-button tw-fixed tw-bottom-0 tw-w-full [&_button]:tw-justify-center [&_button]:tw-py-10">
6121                                
6122
6123
6124
6125
6126
6127
6128
6129
6130
6131
6132
6133<a
6134  href="/collections/sunglasses"
6135  class="fg-cta-button tw-block"
6136  style="--border-color-section: #ffffff;"
6137  
6138>
6139  
6140
6141    
6142
6143      <button
6144        class="
6145          tw-w-full
6146          tw-flex
6147          tw-text-[16px]
6148          tw-font-bold
6149          tw-tracking-[1.6px]
6150          tw-uppercase
6151          tw-py-[6px]
6152          tw-cursor-pointer
6153          tw-rounded-none
6154           tw-px-22
6155        "
6156        
6157          style="background-color:#000000;"
6158        
6159      >
6160        <span
6161          class="
6162            [&_p]:tw-text-[16px]
6163            [&_p]:tw-font-bold
6164            [&_p]:tw-uppercase
6165            tw-font-gotham-medium
6166            tw-font-bold
6167            
6168              tw-text-black
6169            
6170            
6171          "
6172          style="line-height: 1.5;color:#ffffff;"
6173        >
6174          Shop All
6175        </span>
6176      </button>
6177      
6178    
6179  
6180</a>
6181
6182                              </div>
6183                            </div>
6184                          </div>
6185                        </details></li><li><details id="Details-menu-drawer-menu-item-3">
6186                          <summary
6187                            id="HeaderDrawer-blue-light"
6188                            class="
6189                              fg-summary-title
6190                              [&]:tw-bg-[#ffffff]
6191                              menu-drawer__menu-item
6192                              [&_span]:tw-text-fs-16
6193                              list-menu__item
6194                              link
6195                              tw-relative
6196                              focus-inset
6197                              tw-flex tw-justify-between tw-items-center
6198                              tw-font-gotham-medium
6199                              
6200                            "
6201                          >
6202                            Blue Light
6203                            <span class="fg-svg-wrapper tw-block tw-h-20 tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
6204                          </summary>
6205                          <div
6206                            id="link-blue-light"
6207                            class="menu-drawer__submenu has-submenu gradient motion-reduce"
6208                            tabindex="-1"
6209                          >
6210                            <div
6211                              class="
6212                                menu-drawer__inner-submenu
6213                                tw-bg-grey
6214                                [&_button]:tw-bg-[#ffffff]
6215                                [&_.fg-summary-title_.menu-drawer__menu_details[open]]:tw-hidden
6216                                [&_button]:tw-px-20
6217                                tw-pb-44
6218                              "
6219                            >
6220                              <button
6221                                class="
6222                                  menu-drawer__close-button
6223                                  tw-justify-between
6224                                  tw-align-center
6225                                  [&]:tw-text-fg-grey
6226                                "
6227                                aria-expanded="true"
6228                              >
6229                                <div class="tw-flex tw-items-center">
6230                                  <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6230ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
6231</span>
6232                                  <span class="tw-font-gotham-medium">Back</span>
6233                                </div>
6234                                <span class="tw-text-fs-18 tw-font-bold">
6235                                  Blue Light
6236                                </span>
6237                              </button>
6238                              <ul
6239                                class="
6240                                  menu-drawer__menu
6241                                  list-menu
6242                                  [&_summary]:tw-bg-white
6243                                  [&_.first-link_summary]:tw-bg-cream-white
6244                                  tw-border-t-1
6245                                  tw-border-light-grey
6246                                "
6247                                role="list"
6248                                tabindex="-1"
6249                              >
6250
6251                                <li
6252                                  class="
6253                                    [&_details[open]_.close-child]:tw-hidden
6254                                    [&_details[open]_.fg-svg-wrapper]:tw-rotate-180
6255                                    [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg]
6256                                    [&_details_summary]:tw-bg-custom-beige
6257                                  "
6258                                ><ul class="list-unstyled [&_.items-handle]:tw-text-brown " role="list">
6259                <li>
6260                  <a
6261                    id="HeaderMenu-womens-womens-womens"
6262                    href="/collections/blue-light-womens"
6263                    class="
6264                    menu-drawer__menu-item
6265                    tw-text-fs-16
6266                    link
6267                    list-menu__item
6268                    focus-inset
6269                    tw-bg-grey
6270                    tw-font-gotham-medium
6271                    
6272                  "
6273                    
6274                  >
6275                    Women&#39;s
6276                  </a>
6277                </li>
6278              
6279
6280                <li>
6281                  <a
6282                    id="HeaderMenu-mens-mens-mens"
6283                    href="/collections/blue-light-mens"
6284                    class="
6285                    menu-drawer__menu-item
6286                    tw-text-fs-16
6287                    link
6288                    list-menu__item
6289                    focus-inset
6290                    tw-bg-grey
6291                    tw-font-gotham-medium
6292                    
6293                  "
6294                    
6295                  >
6296                    Men&#39;s
6297                  </a>
6298                </li>
6299              
6300
6301                <li>
6302                  <a
6303                    id="HeaderMenu-kids-kids-kids"
6304                    href="/collections/kids-blue-light-glasses"
6305                    class="
6306                    menu-drawer__menu-item
6307                    tw-text-fs-16
6308                    link
6309                    list-menu__item
6310                    focus-inset
6311                    tw-bg-grey
6312                    tw-font-gotham-medium
6313                    
6314                  "
6315                    
6316                  >
6317                    Kids&#39;
6318                  </a>
6319                </li>
6320              
6321
6322                <li>
6323                  <a
6324                    id="HeaderMenu-accessories-accessories-accessories"
6325                    href="/collections/accessories"
6326                    class="
6327                    menu-drawer__menu-item
6328                    tw-text-fs-16
6329                    link
6330                    list-menu__item
6331                    focus-inset
6332                    tw-bg-grey
6333                    tw-font-gotham-medium
6334                    
6335                  "
6336                    
6337                  >
6338                    Accessories
6339                  </a>
6340                </li>
6341              
6342
6343                <li>
6344                  <a
6345                    id="HeaderMenu-clearance-clearance-clearance"
6346                    href="/collections/blue-light-clearance"
6347                    class="
6348                    menu-drawer__menu-item
6349                    tw-text-fs-16
6350                    link
6351                    list-menu__item
6352                    focus-inset
6353                    tw-bg-grey
6354                    tw-font-gotham-medium
6355                    
6356                  "
6357                    
6358                  >
6359                    Clearance
6360                  </a>
6361                </li>
6362              
6363</ul></li>
6364
6365                                <ul class="tw-flex tw-flex-col"><li style="order: 1" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-blue-light-shop-by-lens-type">
6366                                          <summary id="HeaderDrawer-blue-light-shop-by-lens-type" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
6367                                            ">
6368                                            <span>Shop  by Lens Type</span>
6369                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
6370                                          </summary>
6371
6372                                          <div id="childlink-shop-by-lens-type" class="menu-drawer__submenu-child gradient motion-reduce">
6373
6374                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
6375                                              <div class="tw-flex tw-items-center">
6376                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6376ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
6377</span>
6378                                                <span>Back</span>
6379                                              </div>
6380                                              <div>Shop  by Lens Type</div>
6381                                            </button>
6382
6383                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><li class="[&_a]:tw-text-fs-14">
6384                                                    <a id="HeaderDrawer-blue-light-shop-by-lens-type-no-magnification" href="/collections/non-prescription-blue-light-glasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6385                                                      No Magnification
6386                                                      
6387                                                      
6388                                                      
6389                                                      
6390                                                        
6391                                                        
6392                                                        
6393                                                        
6394                                                      
6395                                                        
6396                                                        
6397                                                        
6398                                                        
6399                                                      
6400                                                        
6401                                                        
6402                                                        
6403                                                        
6404                                                      
6405                                                    </a>
6406                                                  </li><li class="[&_a]:tw-text-fs-14">
6407                                                    <a id="HeaderDrawer-blue-light-shop-by-lens-type-full-magnification" href="/collections/magnifying-blue-light-glasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6408                                                      Full Magnification
6409                                                      
6410                                                      
6411                                                      
6412                                                      
6413                                                        
6414                                                        
6415                                                        
6416                                                        
6417                                                      
6418                                                        
6419                                                        
6420                                                        
6421                                                        
6422                                                      
6423                                                        
6424                                                        
6425                                                        
6426                                                        
6427                                                      
6428                                                    </a>
6429                                                  </li><li class="[&_a]:tw-text-fs-14">
6430                                                    <a id="HeaderDrawer-blue-light-shop-by-lens-type-blue-light-readers" href="/collections/reading-glasses-blue-light-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6431                                                      Blue Light Readers
6432                                                      
6433                                                      
6434                                                      
6435                                                      
6436                                                        
6437                                                        
6438                                                        
6439                                                        
6440                                                      
6441                                                        
6442                                                        
6443                                                        
6444                                                        
6445                                                      
6446                                                        
6447                                                        
6448                                                        
6449                                                        
6450                                                      
6451                                                    </a>
6452                                                  </li><li class="[&_a]:tw-text-fs-14">
6453                                                    <a id="HeaderDrawer-blue-light-shop-by-lens-type-multi-focus™" href="/collections/multi-focus-blue-light-glasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6454                                                      Multi Focus™
6455                                                      
6456                                                      
6457                                                      
6458                                                      
6459                                                        
6460                                                        
6461                                                        
6462                                                        
6463                                                      
6464                                                        
6465                                                        
6466                                                        
6467                                                        
6468                                                      
6469                                                        
6470                                                        
6471                                                        
6472                                                        
6473                                                      
6474                                                    </a>
6475                                                  </li><li class="[&_a]:tw-text-fs-14">
6476                                                    <a id="HeaderDrawer-blue-light-shop-by-lens-type-bifocal-style" href="/collections/pop-of-power-foster-grant-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6477                                                      Bifocal-Style
6478                                                      
6479                                                      
6480                                                      
6481                                                      
6482                                                        
6483                                                        
6484                                                        
6485                                                        
6486                                                      
6487                                                        
6488                                                        
6489                                                        
6490                                                        
6491                                                      
6492                                                        
6493                                                        
6494                                                        
6495                                                        
6496                                                      
6497                                                    </a>
6498                                                  </li></ul>
6499                                          </div>
6500                                        </details></li><li style="order: 2" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-blue-light-shop-by-collection">
6501                                          <summary id="HeaderDrawer-blue-light-shop-by-collection" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
6502                                            ">
6503                                            <span>Shop By Collection</span>
6504                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
6505                                          </summary>
6506
6507                                          <div id="childlink-shop-by-collection" class="menu-drawer__submenu-child gradient motion-reduce">
6508
6509                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
6510                                              <div class="tw-flex tw-items-center">
6511                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6511ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
6512</span>
6513                                                <span>Back</span>
6514                                              </div>
6515                                              <div>Shop By Collection</div>
6516                                            </button>
6517
6518                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><li class="[&_a]:tw-text-fs-14">
6519                                                    <a id="HeaderDrawer-blue-light-shop-by-collection-sofia-vergara®-x-foster-grant®" href="/collections/sofia-vergara-foster-grant-blue-light" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6520                                                      Sofia Vergara® x Foster Grant®
6521                                                      
6522                                                      
6523                                                      
6524                                                      
6525                                                        
6526                                                        
6527                                                        
6528                                                        
6529                                                      
6530                                                        
6531                                                        
6532                                                        
6533                                                        
6534                                                      
6535                                                        
6536                                                        
6537                                                        
6538                                                        
6539                                                      
6540                                                    </a>
6541                                                  </li><li class="[&_a]:tw-text-fs-14">
6542                                                    <a id="HeaderDrawer-blue-light-shop-by-collection-styles-for-y-o-u-™" href="/collections/styles-for-you-blue-light-glasses" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6543                                                      Styles for Y.O.U.™
6544                                                      
6545                                                      
6546                                                      
6547                                                      
6548                                                        
6549                                                        
6550                                                        
6551                                                        
6552                                                      
6553                                                        
6554                                                        
6555                                                        
6556                                                        
6557                                                      
6558                                                        
6559                                                        
6560                                                        
6561                                                        
6562                                                      
6563                                                    </a>
6564                                                  </li><li class="[&_a]:tw-text-fs-14">
6565                                                    <a id="HeaderDrawer-blue-light-shop-by-collection-pop-of-power®-bifocal-style-reader" href="/collections/pop-of-power-foster-grant-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6566                                                      Pop of Power® Bifocal Style Reader
6567                                                      
6568                                                      
6569                                                      
6570                                                      
6571                                                        
6572                                                        
6573                                                        
6574                                                        
6575                                                      
6576                                                        
6577                                                        
6578                                                        
6579                                                        
6580                                                      
6581                                                        
6582                                                        
6583                                                        
6584                                                        
6585                                                      
6586                                                    </a>
6587                                                  </li><li class="[&_a]:tw-text-fs-14">
6588                                                    <a id="HeaderDrawer-blue-light-shop-by-collection-disney-foster-grant®" href="/collections/disney-foster-grant" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6589                                                      Disney | Foster Grant®
6590                                                      
6591                                                      
6592                                                      
6593                                                      
6594                                                        
6595                                                        
6596                                                        
6597                                                        
6598                                                      
6599                                                        
6600                                                        
6601                                                        
6602                                                        
6603                                                      
6604                                                        
6605                                                        
6606                                                        
6607                                                        
6608                                                      
6609                                                    </a>
6610                                                  </li></ul>
6611                                          </div>
6612                                        </details></li><li style="order: 3" class="li-item [&_details[open]_.close-child]:tw-hidden [&_details[open]_.fg-svg-wrapper-bottom]:tw-rotate-[270deg] [&_details[open]_.fg-svg-wrapper-bottom]:tw-w-15"><details class="tw-group" id="Details-menu-drawer-blue-light-shop-by-activity">
6613                                          <summary id="HeaderDrawer-blue-light-shop-by-activity" class="fg-summary-child menu-drawer__menu-item tw-text-fs-16 link list-menu__item focus-inset tw-flex tw-justify-between tw-items-center tw-font-gotham-medium
6614                                            ">
6615                                            <span>Shop by Activity</span>
6616                                            <span class="fg-svg-wrapper-bottom tw-rotate-90 tw-block tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
6617                                          </summary>
6618
6619                                          <div id="childlink-shop-by-activity" class="menu-drawer__submenu-child gradient motion-reduce">
6620
6621                                            <button class="menu-drawer__close-button close-child link focus-inset tw-flex tw-w-full tw-justify-between tw-items-center" aria-expanded="true">
6622                                              <div class="tw-flex tw-items-center">
6623                                                <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6623ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
6624</span>
6625                                                <span>Back</span>
6626                                              </div>
6627                                              <div>Shop by Activity</div>
6628                                            </button>
6629
6630                                            <ul class="menu-drawer__menu list-menu [&]:tw-pb-10 tw-bg-grey" role="list" tabindex="-1"><li class="[&_a]:tw-text-fs-14">
6631                                                    <a id="HeaderDrawer-blue-light-shop-by-activity-general" href="/collections/blue-light" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6632                                                      General
6633                                                      
6634                                                      
6635                                                      
6636                                                      
6637                                                        
6638                                                        
6639                                                        
6640                                                        
6641                                                      
6642                                                        
6643                                                        
6644                                                        
6645                                                        
6646                                                      
6647                                                        
6648                                                        
6649                                                        
6650                                                        
6651                                                      
6652                                                    </a>
6653                                                  </li><li class="[&_a]:tw-text-fs-14">
6654                                                    <a id="HeaderDrawer-blue-light-shop-by-activity-reading" href="/collections/reading-glasses-blue-light-readers" class="menu-drawer__menu-item link list-menu__item focus-inset" >
6655                                                      Reading
6656                                                      
6657                                                      
6658                                                      
6659                                                      
6660                                                        
6661                                                        
6662                                                        
6663                                                        
6664                                                      
6665                                                        
6666                                                        
6667                                                        
6668                                                        
6669                                                      
6670                                                        
6671                                                        
6672                                                        
6673                                                        
6674                                                      
6675                                                    </a>
6676                                                  </li></ul>
6677                                          </div>
6678                                        </details></li></ul>
6679                              </ul>
6680                              <div class="shop-now-button tw-fixed tw-bottom-0 tw-w-full [&_button]:tw-justify-center [&_button]:tw-py-10">
6681                                
6682
6683
6684
6685
6686
6687
6688
6689
6690
6691
6692
6693<a
6694  href="/collections/blue-light"
6695  class="fg-cta-button tw-block"
6696  style="--border-color-section: #ffffff;"
6697  
6698>
6699  
6700
6701    
6702
6703      <button
6704        class="
6705          tw-w-full
6706          tw-flex
6707          tw-text-[16px]
6708          tw-font-bold
6709          tw-tracking-[1.6px]
6710          tw-uppercase
6711          tw-py-[6px]
6712          tw-cursor-pointer
6713          tw-rounded-none
6714           tw-px-22
6715        "
6716        
6717          style="background-color:#000000;"
6718        
6719      >
6720        <span
6721          class="
6722            [&_p]:tw-text-[16px]
6723            [&_p]:tw-font-bold
6724            [&_p]:tw-uppercase
6725            tw-font-gotham-medium
6726            tw-font-bold
6727            
6728              tw-text-black
6729            
6730            
6731          "
6732          style="line-height: 1.5;color:#ffffff;"
6733        >
6734          Shop All
6735        </span>
6736      </button>
6737      
6738    
6739  
6740</a>
6741
6742                              </div>
6743                            </div>
6744                          </div>
6745                        </details></li><li><a
6746                        id="HeaderDrawer-our-blog"
6747                        href="/blogs/helpful-resources"
6748                        class="
6749                          menu-drawer__menu-item
6750                          list-menu__item
6751                          link
6752                          focus-inset
6753                          tw-text-fs-16
6754                          tw-font-gotham-medium
6755                          
6756                        "
6757                        
6758                      >
6759                        Our Blog
6760                      </a></li>
6761              <li class="[&_span]:tw-normal-case [&_span]:tw-font-smaller [&_button]:tw-py-15">
6762                
6763                
6764
6765
6766
6767
6768
6769
6770
6771
6772
6773
6774
6775<a
6776  href="/collections/frame-finder"
6777  class="fg-cta-link tw-block"
6778  style="--border-color-section: #7A381C;"
6779  
6780>
6781  
6782
6783    
6784
6785      <button
6786        class="
6787          tw-w-full
6788          tw-flex
6789          tw-text-[16px]
6790          tw-font-bold
6791          tw-tracking-[1.6px]
6792          tw-uppercase
6793          tw-py-[6px]
6794          tw-cursor-pointer
6795          tw-rounded-none
6796           tw-px-22
6797        "
6798        
6799      >
6800        <span
6801          class="
6802            [&_p]:tw-text-[16px]
6803            [&_p]:tw-font-bold
6804            [&_p]:tw-uppercase
6805            tw-font-gotham-medium
6806            tw-font-bold
6807            
6808              tw-text-black
6809            
6810            
6811          "
6812          style="line-height: 1.5;color:#7A381C;"
6813        >
6814          Frame finder
6815        </span>
6816      </button>
6817      
6818    
6819  
6820</a>
6821
6822              </li>
6823              
6824            </ul>
6825
6826            <div
6827              class="
6828                tw-p-20
6829                tw-bg-white
6830                tw-border-t-1
6831                tw-border-light-grey
6832                tw-flex
6833                tw-flex-col
6834                tw-gap-32
6835              "
6836            >
6837              <div
6838                class="
6839                  help-div
6840                  tw-flex
6841                "
6842              >
6843                <details
6844                  id="Details-menu-drawer-help"
6845                  class="tw-w-full [&[open]_summary]:tw-z-1 [&[open]_.help-div-second]:tw-z-10"
6846                >
6847                  <summary class="tw-full tw-flex tw-justify-between tw-items-center tw-relative ">
6848                    <a
6849                      href="/pages/help"
6850                      class="
6851                        temporary-wishlist tw-flex tw-items-center tw-gap-[1rem] tw-w-fit
6852                        tw-text-fs-13 tw-font-gotham
6853                      "
6854                    >
6855                      <span class="svg-wrapper [&]:!tw-w-[2rem]"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
6856<path d="M8 0.0078125C6.41775 0.0078125 4.87103 0.477004 3.55544 1.35606C2.23985 2.23511 1.21447 3.48454 0.608967 4.94634C0.00346627 6.40815 -0.15496 8.01668 0.153721 9.56853C0.462403 11.1204 1.22433 12.5458 2.34315 13.6647C3.46197 14.7835 4.88743 15.5454 6.43928 15.8541C7.99113 16.1628 9.59966 16.0043 11.0615 15.3988C12.5233 14.7933 13.7727 13.768 14.6518 12.4524C15.5308 11.1368 16 9.59006 16 8.00781C15.9977 5.88679 15.1541 3.85332 13.6543 2.35353C12.1545 0.853744 10.121 0.0101418 8 0.0078125V0.0078125ZM8 12.6742C7.8682 12.6742 7.73936 12.6351 7.62977 12.5619C7.52018 12.4887 7.43477 12.3846 7.38433 12.2628C7.33389 12.1411 7.32069 12.0071 7.34641 11.8778C7.37212 11.7485 7.43559 11.6298 7.52879 11.5366C7.62198 11.4434 7.74073 11.3799 7.86999 11.3542C7.99926 11.3285 8.13325 11.3417 8.25502 11.3921C8.37679 11.4426 8.48087 11.528 8.55409 11.6376C8.62732 11.7472 8.6664 11.876 8.6664 12.0078C8.6664 12.1845 8.59619 
685612.3541 8.47122 12.479C8.34624 12.604 8.17674 12.6742 8 12.6742ZM9.0552 8.43421C8.93935 8.48773 8.8412 8.57324 8.77231 8.68067C8.70343 8.78811 8.66668 8.91299 8.6664 9.04061V9.33981C8.6664 9.51666 8.59615 9.68626 8.4711 9.81131C8.34605 9.93636 8.17645 10.0066 7.9996 10.0066C7.82276 10.0066 7.65315 9.93636 7.5281 9.81131C7.40305 9.68626 7.3328 9.51666 7.3328 9.33981V9.04061C7.33367 8.65837 7.44357 8.28431 7.64962 7.96236C7.85566 7.6404 8.14928 7.38391 8.496 7.22301C8.79755 7.07261 9.06012 6.85432 9.26306 6.58531C9.466 6.31629 9.60379 6.00387 9.6656 5.67261C9.6656 5.23055 9.48999 4.80659 9.17741 4.49401C8.86482 4.18142 8.44086 4.00581 7.9988 4.00581C7.55674 4.00581 7.13278 4.18142 6.8202 4.49401C6.50761 4.80659 6.332 5.23055 6.332 5.67261C6.332 5.84946 6.26175 6.01906 6.1367 6.14411C6.01165 6.26916 5.84205 6.33941 5.6652 6.33941C5.48836 6.33941 5.31875 6.26916 5.1937 6.14411C5.06865 6.01906 4.9984 5.84946 4.9984 5.67261C4.9984 4.87696 5.31447 4.1139 5.87708 3.55129C6.43969 2.98868 7.20275 2.67261 7.9984 2.67261C8.79405 2.67261 9.55711 2.98868 10.1197 3.55129C10.6823 4.1139 10.9984 4.87696 10.9984 5.67261C10.9364 6.26048 10.7254 6.8228 10.3853 7.30634C10.0453 7.78987 9.58746 8.17863 9.0552 8.43581V8.43421Z" fill="black"/>
6857</svg>
6858</span>
6859                      <span class="h5 tw-text-fs-16">Help center</span>
6860                    </a>
6861                    <span class="fg-svg-wrapper tw-block tw-h-20 tw-w-15"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Dropdown"><path id="Path_36" data-name="Path 36" d="M39.57,24l-24,24L8.43,40.85,25.28,24,8.43,7.15,15.57,0Z"/></g></svg></span>
6862                  </summary>
6863                  <div
6864                    class="
6865                      help-div-second
6866                      tw-absolute tw-top-0 tw-bottom-0 tw-left-0
6867                      tw-h-full tw-w-full tw-z-10
6868                      tw-bg-white
6869                      tw-px-20 tw-pb-20
6870                    "
6871                  >
6872                    <button
6873                      class="
6874                        menu-drawer__close-button
6875                        tw-justify-between
6876                        tw-align-center
6877                        [&]:tw-text-fg-grey
6878                      "
6879                      aria-expanded="true"
6880                    >
6881                      <div class="tw-flex tw-items-center">
6882                        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6882ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
6883</span>
6884                        <span>Back</span>
6885                      </div>
6886                      <span class="tw-text-fs-18 tw-font-bold">
6887                        Help center
6888                      </span>
6889                    </button>
6890                    <div class="tw-bg-[#eadedc] tw-flex tw-h-full tw-w-full">
6891                      <div
6892                        class="
6893                          lmd:tw-flex
6894                          lmd:tw-max-w-[56.9rem]
6895                          tw-w-full
6896                          lmd:tw-items-center
6897                          lmd:tw-justify-center
6898                          lmd:tw-flex-col
6899                          tw-px-[3rem]
6900                          tw-pt-40
6901                          tw-pb-20
6902                          tw-text-center
6903                        "
6904                      >
6905                        <div class="tw-mb-20 *:tw-font-gotham [&_h3]:tw-text-fs-24 [&_p]:tw-text-fs-20 tw-text-center">
6906                          <h3>Have a Question?</h3><p><strong>We’re Here to Help</strong></p>
6907                        </div><div class="tw-mb-20 tw-text-center tw-w-310 sd:[&>div>button>span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px] tw-justify-self-center">
6908                              
6909
6910
6911
6912
6913
6914
6915
6916
6917    
6918
6919
6920
6921
6922
6923
6924
6925<div href=""
6926    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
6927    
6928    <button 
6929        class="
6930            tw-w-full
6931            tw-flex
6932            tw-text-[16px] 
6933            tw-font-bold 
6934            tw-tracking-[1.6px] 
6935            tw-uppercase 
6936            tw-py-[6px]
6937            tw-cursor-pointer 
6938            tw-rounded-none
6939             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
6940            
6941                style="border: 2px solid #000000;"
6942            
6943    >   
6944        
6945            
6946                
6947            
6948            
6949                <img src="//www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3200 3200w" width="3200" height="3378" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
6950            
6951        
6952        <span class="
6953            [&_p]:tw-text-[16px] 
6954            [&_p]:tw-font-bold 
6955            [&_p]:tw-uppercase
6956            tw-font-gotham-medium
6957            tw-font-bold
6958            tw-text-black
6959             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
6960            style="line-height: 1.5;color:#000000;
6961            ">
6962             <p>Call 1-800-426-6396</p>
6963        </span>
6964        </button>
6965     
6966</div>
6967
6968                            </div><div class="tw-mb-20 tw-text-center tw-w-310 sd:[&>div>button>span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px] tw-justify-self-center">
6969                              
6970
6971
6972
6973
6974
6975
6976
6977
6978    
6979
6980
6981
6982
6983
6984
6985
6986<div href=""
6987    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
6988    
6989    <button 
6990        class="
6991            tw-w-full
6992            tw-flex
6993            tw-text-[16px] 
6994            tw-font-bold 
6995            tw-tracking-[1.6px] 
6996            tw-uppercase 
6997            tw-py-[6px]
6998            tw-cursor-pointer 
6999            tw-rounded-none
7000             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
7001            
7002                style="border: 2px solid #000000;"
7003            
7004    >   
7005        
7006            
7007                
7008            
7009            
7010                <img src="//www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=3200 3200w" width="3200" height="2824" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
7011            
7012        
7013        <span class="
7014            [&_p]:tw-text-[16px] 
7015            [&_p]:tw-font-bold 
7016            [&_p]:tw-uppercase
7017            tw-font-gotham-medium
7018            tw-font-bold
7019            tw-text-black
7020             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
7021            style="line-height: 1.5;color:#000000;
7022            ">
7023             <p>email a support rep</p>
7024        </span>
7025        </button>
7026     
7027</div>
7028
7029                            </div><div class="tw-mb-20 tw-text-center tw-w-310 sd:[&>div>button>span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px] tw-justify-self-center">
7030                              
7031
7032
7033
7034
7035
7036
7037
7038
7039    
7040
7041
7042
7043
7044
7045
7046
7047<div href=""
7048    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
7049    
7050    <button 
7051        class="
7052            tw-w-full
7053            tw-flex
7054            tw-text-[16px] 
7055            tw-font-bold 
7056            tw-tracking-[1.6px] 
7057            tw-uppercase 
7058            tw-py-[6px]
7059            tw-cursor-pointer 
7060            tw-rounded-none
7061             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
7062            
7063                style="border: 2px solid #000000;"
7064            
7065    >   
7066        
7067            
7068                
7069            
7070            
7071                <img src="//www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=3200 3200w" width="3200" height="3200" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
7072            
7073        
7074        <span class="
7075            [&_p]:tw-text-[16px] 
7076            [&_p]:tw-font-bold 
7077            [&_p]:tw-uppercase
7078            tw-font-gotham-medium
7079            tw-font-bold
7080            tw-text-black
7081             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
7082            style="line-height: 1.5;color:#000000;
7083            ">
7084             <p>visit the help center</p>
7085        </span>
7086        </button>
7087     
7088</div>
7089
7090                            </div><div class="tw-my-20 *:tw-font-gotham tw-text-center tw-text-[18px] tw-leading-[25.6px]">
7091                          <p><strong>Alternatively, you can DM our Social<br/>Concierge Team:</strong></p>
7092                        </div>
7093                        
7094                        <ul class="list-unstyled tw-flex tw-flex-wrap tw-gap-16 tw-justify-self-center" role="list"><li class="list-social__item">
7095                              <a
7096                                href="https://www.instagram.com/fostergrant/"
7097                                target="_blank"
7098                                class="
7099                                  link
7100                                  tw-flex
7101                                  tw-items-center
7102                                  tw-p-0
7103                                  tw-h-38
7104                                  tw-w-38
7105                                  tw-bg-no-repeat
7106                                "
7107                              >
7108                                <span class="visually-hidden">Instagram</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM36,30.72C36,34,34,36,30.72,36H17.28C14,36,12,34,12,30.72V23h5.28A10.54,10.54,0,0,0,17,25a7,7,0,0,0,14,0,5.21,5.21,0,0,0-.28-2H36ZM21,25a3,3,0,1,1,3,3A3,3,0,0,1,21,25Zm15-5H28.82a6.78,6.78,0,0,0-9.62,0H12V17.28C12,14,14,12,17.28,12H30.72C34,12,36,14,36,17.28Z"/><path d="M30.35,14h1.29A1.36,1.36,0,0,1,33,15.36v1.29A1.35,1.35,0,0,1,31.65,18H30.36A1.36,1.36,0,0,1,29,16.64V15.35A1.35,1.35,0,0,1,30.35,14Z"/></svg></a>
7109                            </li><li class="list-social__item">
7110                              <a
7111                                href="https://www.facebook.com/FosterGrant"
7112                                target="_blank"
7113                                class="
7114                                  link
7115                                  tw-flex
7116                                  tw-items-center
7117                                  tw-p-0
7118                                  tw-h-38
7119                                  tw-w-38
7120                                  tw-bg-no-repeat
7121                                "
7122                              >
7123                                <span class="visually-hidden">Facebook</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0Zm6.72,14.34H28.1c-1.69,0-2.1.84-2.1,2.18V20h4.62l-.24,5H26V38H21V25H17V20h4V16c0-3.26,1.61-6.39,6.3-6.39,1.9,0,3.53.18,3.53.18Z"/></svg></a>
7124                            </li><li class="list-social__item">
7125                              <a
7126                                href="https://www.x.com/fostergrantUSA"
7127                                target="_blank"
7128                                class="
7129                                  tw-flex
7130                                  tw-items-baseline
7131                                  tw-p-0
7132                                  tw-h-38
7133                                  tw-w-38
7134                                  [&_svg_g_circle]:tw-fill-[#46423d]
7135                                  [&_svg_g_circle:hover]:tw-fill-brown
7136                                  list-social__link__dark__youtube
7137                                "
7138                              >
7139                                <span class="visually-hidden">YouTube</span><?xml version="1.0" encoding="UTF-8"?>
7140<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
7141  <polygon points="24.26 21.81 17.4 12 13.74 12 22.24 24.15 23.31 25.68 23.31 25.68 30.58 36.09 34.24 36.09 25.32 23.33 24.26 21.81"/>
7142  <path d="m24,0C10.75,0,0,10.75,0,24s10.75,24,24,24,24-10.75,24-24S37.25,0,24,0Zm5.46,37.8l-7.36-10.71-9.22,10.71h-2.38l10.54-12.25-10.54-15.34h8.04l6.97,10.14,8.73-10.14h2.38l-10.05,11.68h0l10.93,15.91h-8.04Z"/>
7143</svg></a>
7144                            </li><li class="list-social__item">
7145                              <a
7146                                href="https://www.tiktok.com/@fostergrant"
7147                                target="_blank"
7148                                class="
7149                                  tw-flex
7150                                  tw-items-baseline
7151                                  tw-p-0
7152                                  tw-h-38
7153                                  tw-w-38
7154                                  [&_svg_g_circle]:tw-fill-[#46423d]
7155                                  [&_svg_g_circle:hover]:tw-fill-brown
7156                                  list-social__link__dark__youtube
7157                                "
7158                              >
7159                                <span class="visually-hidden">TikTok</span><?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m24,0C10.75,0,0,10.75,0,24s10.75,24,24,24,24-10.74,24-24S37.26,0,24,0Zm12.42,21.53c-2.54,0-4.9-.8-6.81-2.14v9.71c0,4.85-4.05,8.81-9.01,8.81-1.92,0-3.69-.59-5.16-1.59-1.16-.8-2.13-1.87-2.79-3.1-.69-1.22-1.06-2.63-1.06-4.12,0-4.85,4.05-8.81,9.01-8.81.41,0,.81.05,1.22.1v4.88c-.39-.11-.8-.19-1.22-.19-2.27,0-4.12,1.82-4.12,4.02,0,1.55.9,2.9,2.21,3.57.58.28,1.22.45,1.91.45,2.22,0,4.02-1.72,4.1-3.86V10.09h4.91c0,.41.03.82.11,1.21.35,1.83,1.46,3.39,2.99,4.36,1.06.69,2.35,1.08,3.71,1.08v4.79Z"/></svg></a>
7160                            </li></ul>
7161                        <div class="tw-mt-20 *:tw-font-gotham tw-text-center tw-text-[16px] tw-leading-[25.6px]">
7162                          <p>Our team is available Monday - Friday<br/>8:30 AM - 5:00 PM EST<br/>Hours may vary by holiday.</p>
7163                        </div>
7164                      </div>
7165                    </div>
7166                  </div>
7167                </details>
7168              </div><div
7169                  class="
7170                    account-div
7171                    tw-flex
7172                  "
7173                >
7174                  <a
7175                    href="/account/login"
7176                    class="tw-text-fs-16 tw-flex tw-self-center tw-gap-10 tw-text-black"
7177                    rel="nofollow"
7178                  ><account-icon><span class="svg-wrapper"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="account-circle"><path id="Path_2646" data-name="Path 2646" d="M24,1A23,23,0,1,0,47,24,23,23,0,0,0,24,1Zm0,6.9a6.78,6.78,0,0,1,6.9,6.65v.25a6.78,6.78,0,0,1-6.65,6.9H24a6.78,6.78,0,0,1-6.9-6.65V14.8a6.78,6.78,0,0,1,6.65-6.9Zm0,32.66A16.79,16.79,0,0,1,10.2,33.2c0-4.6,9.2-7.13,13.8-7.13S37.8,28.6,37.8,33.2A16.79,16.79,0,0,1,24,40.56Z"/></g></svg></span></account-icon><span>My Account</span>
7179                  </a>
7180                </div><div
7181                class="
7182                  favorites-div
7183                  tw-flex
7184                "
7185              >
7186                <a
7187                  href="https://www.fostergrant.com/apps/wishlist"
7188                  class="
7189                    temporary-wishlist
7190                    tw-flex tw-items-center tw-gap-[1rem] tw-w-fit
7191                    tw-text-fs-13 tw-font-gotham
7192                  "
7193                >
7194                  <span class="svg-wrapper [&]:!tw-w-[2rem]"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path id="heart" d="M34.65,5.07h.06a10.93,10.93,0,0,1,5.63,1.54,11.33,11.33,0,0,1,4,4,11,11,0,0,1,1.54,5.63v.07A11.19,11.19,0,0,1,45,20.68,10.86,10.86,0,0,1,42.6,24.3L24,42.94,5.4,24.32A11,11,0,0,1,3,20.7a11.24,11.24,0,0,1-.87-4.36h0v-.06a10.93,10.93,0,0,1,1.54-5.63,11.28,11.28,0,0,1,4-4,11,11,0,0,1,5.63-1.55h.09a11.15,11.15,0,0,1,4.34.88,10.86,10.86,0,0,1,3.62,2.44L24,11l2.66-2.66a11.2,11.2,0,0,1,3.62-2.43,11.33,11.33,0,0,1,4.37-.88h0Z"/></svg></span>
7195                  <span class="h5 tw-text-fs-16">Favorites</span>
7196                </a>
7197              </div>
7198
7199              
7200              
7201            </div>
7202          </nav>
7203        </div>
7204      </div>
7205    </div>
7206  </details>
7207</header-drawer>
7208
7209        �
7210      <div class="tw-hidden lmd:tw-flex tw-flex-row tw-justify-start tw-items-center tw-gap-[3rem]">
7211        <div class="tw-link-hover [&_span]:hover:tw-text-brown [&_svg]:tw-transition-fill [&_svg]:tw-duration-[350ms] [&_svg]:tw-transition-ease  [&_svg_path]:hover:tw-fill-brown">
7212          <a href="/pages/help" class="temporary-wishlist lmd:tw-block header__icon focus-inset 
7213            tw-flex tw-items-center tw-gap-[.4rem] tw-w-fit
7214            tw-text-fs-13 tw-font-gotham">
7215            <span class="svg-wrapper [&]:!tw-w-[2rem]"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
7216<path d="M8 0.0078125C6.41775 0.0078125 4.87103 0.477004 3.55544 1.35606C2.23985 2.23511 1.21447 3.48454 0.608967 4.94634C0.00346627 6.40815 -0.15496 8.01668 0.153721 9.56853C0.462403 11.1204 1.22433 12.5458 2.34315 13.6647C3.46197 14.7835 4.88743 15.5454 6.43928 15.8541C7.99113 16.1628 9.59966 16.0043 11.0615 15.3988C12.5233 14.7933 13.7727 13.768 14.6518 12.4524C15.5308 11.1368 16 9.59006 16 8.00781C15.9977 5.88679 15.1541 3.85332 13.6543 2.35353C12.1545 0.853744 10.121 0.0101418 8 0.0078125V0.0078125ZM8 12.6742C7.8682 12.6742 7.73936 12.6351 7.62977 12.5619C7.52018 12.4887 7.43477 12.3846 7.38433 12.2628C7.33389 12.1411 7.32069 12.0071 7.34641 11.8778C7.37212 11.7485 7.43559 11.6298 7.52879 11.5366C7.62198 11.4434 7.74073 11.3799 7.86999 11.3542C7.99926 11.3285 8.13325 11.3417 8.25502 11.3921C8.37679 11.4426 8.48087 11.528 8.55409 11.6376C8.62732 11.7472 8.6664 11.876 8.6664 12.0078C8.6664 12.1845 8.59619 
721612.3541 8.47122 12.479C8.34624 12.604 8.17674 12.6742 8 12.6742ZM9.0552 8.43421C8.93935 8.48773 8.8412 8.57324 8.77231 8.68067C8.70343 8.78811 8.66668 8.91299 8.6664 9.04061V9.33981C8.6664 9.51666 8.59615 9.68626 8.4711 9.81131C8.34605 9.93636 8.17645 10.0066 7.9996 10.0066C7.82276 10.0066 7.65315 9.93636 7.5281 9.81131C7.40305 9.68626 7.3328 9.51666 7.3328 9.33981V9.04061C7.33367 8.65837 7.44357 8.28431 7.64962 7.96236C7.85566 7.6404 8.14928 7.38391 8.496 7.22301C8.79755 7.07261 9.06012 6.85432 9.26306 6.58531C9.466 6.31629 9.60379 6.00387 9.6656 5.67261C9.6656 5.23055 9.48999 4.80659 9.17741 4.49401C8.86482 4.18142 8.44086 4.00581 7.9988 4.00581C7.55674 4.00581 7.13278 4.18142 6.8202 4.49401C6.50761 4.80659 6.332 5.23055 6.332 5.67261C6.332 5.84946 6.26175 6.01906 6.1367 6.14411C6.01165 6.26916 5.84205 6.33941 5.6652 6.33941C5.48836 6.33941 5.31875 6.26916 5.1937 6.14411C5.06865 6.01906 4.9984 5.84946 4.9984 5.67261C4.9984 4.87696 5.31447 4.1139 5.87708 3.55129C6.43969 2.98868 7.20275 2.67261 7.9984 2.67261C8.79405 2.67261 9.55711 2.98868 10.1197 3.55129C10.6823 4.1139 10.9984 4.87696 10.9984 5.67261C10.9364 6.26048 10.7254 6.8228 10.3853 7.30634C10.0453 7.78987 9.58746 8.17863 9.0552 8.43581V8.43421Z" fill="black"/>
7217</svg>
7218</span>
7219            <span class="icon-tooltip">Help center</span>
7220          </a>
7221        </div>
7222        <div class="tw-link-hover [&_span]:hover:tw-text-brown [&_svg]:tw-transition-fill [&_svg]:tw-duration-[350ms] [&_svg]:tw-transition-ease  [&_svg]:hover:tw-fill-brown">
7223          <a href="tel:1-800-426-6396" class="temporary-wishlist lmd:tw-block header__icon focus-inset 
7224            tw-flex tw-items-center tw-gap-[.4rem] tw-w-fit
7225            tw-text-fs-13 tw-font-gotham">
7226            <span class="svg-wrapper [&]:!tw-w-[2rem]"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Page-1"><g id="_003---Call" data-name=" 003---Call"><path id="Shape" d="M20.4,27.61a17,17,0,0,1-5.14-9.67,1.43,1.43,0,0,1,.41-1.21l3.26-3.26a1.45,1.45,0,0,0,.21-1.8L14,3.61a1.47,1.47,0,0,0-1.9-.53L3.73,7a1.46,1.46,0,0,0-.8,1.45A40.31,40.31,0,0,0,15.19,32.81,40.25,40.25,0,0,0,39.55,45.07a1.45,1.45,0,0,0,1.45-.8l3.92-8.34a1.45,1.45,0,0,0-.52-1.88l-8.06-5.19a1.44,1.44,0,0,0-1.79.21l-3.26,3.26a1.44,1.44,0,0,1-1.21.41A17,17,0,0,1,20.4,27.61Z"/></g></g></svg></span>
7227            <span class="icon-tooltip">1-800-426-6396</span>
7228          </a>
7229        </div>
7230      </div>
7231    �<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
7232                
7233                <img src="//www.fostergrant.com/cdn/shop/files/Foster_Grant_Logo_Badge_2022-white_969346f2-679f-4431-ba6d-00ba74b32d25.svg?v=1768316015&amp;width=600" alt="Foster Grant" srcset="//www.fostergrant.com/cdn/shop/files/Foster_Grant_Logo_Badge_2022-white_969346f2-679f-4431-ba6d-00ba74b32d25.svg?v=1768316015&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Foster_Grant_Logo_Badge_2022-white_969346f2-679f-4431-ba6d-00ba74b32d25.svg?v=1768316015&amp;width=450 450w, //www.fostergrant.com/cdn/shop/files/Foster_Grant_Logo_Badge_2022-white_969346f2-679f-4431-ba6d-00ba74b32d25.svg?v=1768316015&amp;width=600 600w" width="300" height="60.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 600px) 50vw, 300px">
7234              </div></a><div class="header__icons header__icons--localization header-localization 
7235      lmd:tw-flex lmd:tw-flex-row lmd:tw-justify-end lmd:tw-items-center sd:tw-gap-[3rem]">
7236      
7237      
7238      <div class="account-div tw-link-hover [&_svg]:tw-transition-fill [&_svg]:tw-duration-[350ms] [&_svg]:tw-transition-ease  [&_svg]:hover:tw-fill-brown">
7239         <a
7240            href="/account/login"
7241            class="tw-items-center tw-gap-[.4rem] focus-inset tw-hidden lmd:tw-flex
7242            tw-text-fs-13 tw-font-gotham
7243            "
7244            rel="nofollow"
7245          ><account-icon><span class="svg-wrapper"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="account-circle"><path id="Path_2646" data-name="Path 2646" d="M24,1A23,23,0,1,0,47,24,23,23,0,0,0,24,1Zm0,6.9a6.78,6.78,0,0,1,6.9,6.65v.25a6.78,6.78,0,0,1-6.65,6.9H24a6.78,6.78,0,0,1-6.9-6.65V14.8a6.78,6.78,0,0,1,6.65-6.9Zm0,32.66A16.79,16.79,0,0,1,10.2,33.2c0-4.6,9.2-7.13,13.8-7.13S37.8,28.6,37.8,33.2A16.79,16.79,0,0,1,24,40.56Z"/></g></svg></span></account-icon>
7245<span class="visually-hidden">Log in</span>
7246            <span class="icon-tooltip tw-hidden lmd:tw-block">My Account</span>
7247          </a></div>
7248
7249      
7250
7251      <div class="favorites-div tw-hidden lmd:tw-flex tw-link-hover [&_span]:hover:tw-text-brown [&_svg]:tw-transition-fill [&_svg]:tw-duration-[350ms] [&_svg]:tw-transition-ease  [&_svg]:hover:tw-fill-brown">
7252        <a href="https://www.fostergrant.com/apps/wishlist" 
7253          class="temporary-wishlist lmd:tw-block header__icon focus-inset 
7254          tw-flex tw-items-center tw-gap-[.4rem] tw-w-fit
7255          tw-text-fs-13 tw-font-gotham">
7256          <span class="svg-wrapper [&]:!tw-w-[2rem]"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path id="heart" d="M34.65,5.07h.06a10.93,10.93,0,0,1,5.63,1.54,11.33,11.33,0,0,1,4,4,11,11,0,0,1,1.54,5.63v.07A11.19,11.19,0,0,1,45,20.68,10.86,10.86,0,0,1,42.6,24.3L24,42.94,5.4,24.32A11,11,0,0,1,3,20.7a11.24,11.24,0,0,1-.87-4.36h0v-.06a10.93,10.93,0,0,1,1.54-5.63,11.28,11.28,0,0,1,4-4,11,11,0,0,1,5.63-1.55h.09a11.15,11.15,0,0,1,4.34.88,10.86,10.86,0,0,1,3.62,2.44L24,11l2.66-2.66a11.2,11.2,0,0,1,3.62-2.43,11.33,11.33,0,0,1,4.37-.88h0Z"/></svg></span>
7257          <span class="icon-tooltip">Favorites</span>
7258        </a>
7259      </div>
7260
7261      <div class="cart-div tw-link-hover [&_span]:hover:tw-text-brown [&_svg]:tw-transition-fill [&_svg]:tw-duration-[350ms] [&_svg]:tw-transition-ease  [&_svg]:hover:tw-fill-brown">
7262        <a href="/cart" class="header__icon header__icon--cart focus-inset 
7263          [&_svg]:tw-w-[3.3rem] [&_svg]:tw-h-[3.6rem]  [&_svg]:tw-p-[.8rem] sd:[&_svg]:tw-pr-[unset] tw-block
7264          lmd:[&_svg]:!tw-w-[2rem] lmd:[&_svg]:tw-p-[unset]
7265          tw-flex tw-items-center lmd:tw-gap-[.4rem] tw-w-fit
7266          tw-text-fs-13
7267          [&_.cart-count-bubble]:tw-bg-[#b48f83]
7268          [&_.cart-count-bubble]:tw-border-solid 
7269          [&_.cart-count-bubble]:tw-border-[1.5px] 
7270          [&_.cart-count-bubble]:tw-border-white
7271          [&_.cart-count-bubble]:tw-left-[1.9rem] 
7272          [&_.cart-count-bubble]:tw-bottom-[2.2rem] 
7273          lmd:[&_.cart-count-bubble]:tw-left-[6px]
7274          " id="cart-icon-bubble"><span class="svg-wrapper lmd:[&]:!tw-w-[2rem]"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g id="Group_1009" data-name="Group 1009"><path id="Path_2769" data-name="Path 2769" d="M16.83,28.56c.35,1.33.64,2.52,1,3.69a.82.82,0,0,0,.59.38,7.58,7.58,0,0,0,1.26,0H39.3q.5,0,1,0A1.35,1.35,0,0,1,41.59,34a1.38,1.38,0,0,1-1.2,1.39,2.93,2.93,0,0,1-.66,0H17.52c-1.66,0-1.94-.2-2.34-1.73q-2.46-9.37-4.9-18.75c-.66-2.52-1.33-5-2-7.56-.15-.65-.47-.83-1.13-.81-1.4.06-2.8,0-4.19,0a4.91,4.91,0,0,1-.86-.08A1.31,1.31,0,0,1,2.3,3.9c1.28,0,2.56,0,3.85,0H9.08A1.4,1.4,0,0,1,10.67,5v0c.3,1.11.58,2.21.88,3.32.23.91.28.94,1.24.94H45.05c1.65,0,2.2.62,1.81,2.14q-2,7.86-4.13,15.73c-.29,1.1-.67,1.35-1.9,1.35h-24Z"/><path id="Path_2770" data-name="Path 2770" d="M19.41,44.16a3.47,3.47,0,0,1-3.47-3.48v0a3.51,3.51,0,0,1,7,0,3.47,3.47,0,0,1-3.43,3.51Z"/><path id="Path_2771" data-name="Path 2771" d="M40,40.69a3.5,3.5,0,1,1-7-.1h0a3.5,3.5,0,0,1,7,.1Z"/></g></svg></span>
7275<span class="visually-hidden">Cart</span><span class="icon-tooltip small-hide tw-w-fit-content
7276  tw-uppercase lmd:tw-normal-case
7277  tw-font-gotham tw-font-bold lmd:tw-font-normal">Cart
7278</span></a>
7279      </div>
7280    </div></header>�<style data-shopify>@media only screen and (min-width: 1024px) and (max-width: 1200px) {
7281    .ff-list-menu-item {
7282      display: none !important;
7283    }
7284  }
7285  .badge-class {
7286    display: inline-block;
7287    padding: 0.2em 0.5em;
7288    font-size: 0.75em;
7289    color: #fff;
7290    background-color: #BB251A;
7291    border-radius: 0.25em;
7292    margin-left: 0.5em;
7293  }
7294  .badge-wrap {
7295    display: block;
7296    margin-left: 0;
7297    margin-top: 0.3em;
7298    width: fit-content;
7299  }</style><nav
7300  class="
7301    header__inline-menu
7302    tw-flex  tw-justify-center tw-items-center tw-space-x-4
7303    tw-bg-[#f2f2f2] tw-font-gotham [&_a]:tw-text-black [&_.items-handle]:tw-text-brown
7304    lmd:tw-h-57 tw-border-b-1 tw-border-[#CED0CD]
7305    sd:tw-ml-0 lmd:-tw-ml-12
7306  "
7307><ul
7308    class="list-menu list-menu--inline tw-h-full sd:tw-w-full sd:tw-justify-between sd:tw-pl-16 sd:tw-pr-32 lmd:tw-p-0 lmd:tw-justify-normal lmd:tw-w-auto tw-flex-nowrap!"
7309    role="list"
7310  ><li class="tw-hidden lmd:tw-flex lmd:tw-justify-center lmd:tw-content-center tw-mr-[1.2rem]">
7311          <a
7312            id="HeaderMenu-scheduled-promo"
7313            href="/collections/specials"
7314            class="tw-mx-27 tw-relative header__menu-item list-menu__item focus-inset tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-font-bold tw-py-[11px] tw-px-[12px]"
7315            style="background-color: #c00118 !important;"
7316            aria-label="SALES"
7317          >
7318            <span
7319              class="tw-tracking-[0.7px] tw-text-fs-14 tw-font-gotham-medium tw-font-bold"
7320              style="color: #ffffff;"
7321            >SALES</span>
7322          </a>
7323        </li>�<li class=" tw-hidden lmd:tw-flex lmd:tw-justify-center lmd:tw-content-center "><header-menu
7324              class="
7325                tw-flex tw-items-center tw-h-full tw-w-full tw-cursor-pointer tw-menu-content-animation
7326              "
7327            >
7328              <details id="Details-HeaderMenu-1" class="mega-menu tw-h-full tw-flex tw-items-center">
7329                <summary
7330                  id="HeaderMenu-reading-glasses"
7331                  class="
7332                    tw-h-full
7333                    lmd:tw-mx-27
7334                    header__menu-item list-menu__item focus-inset
7335                    tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-font-bold
7336                    [&::after]:tw-content-[''] [&::after]:tw-block [&::after]:tw-m-auto
7337                    [&::after]:tw-w-0 [&::after]:tw-h-3 [&::after]:tw-bg-transparent
7338                    [&::after]:tw-absolute [&::after]:tw-bottom-0
7339                    [&::after]:tw-left-[50%]
7340                    [&::after]:tw-transition-all [&::after]:tw-duration-350 [&::after]:tw-ease-linear
7341                    tw-font-gotham-medium
7342                  "
7343                >
7344                  <a
7345                    href="/collections/reading-glasses"
7346                    role="presentation"
7347                    class="
7348                      tw-tracking-[0.7px] tw-font-gotham-medium tw-text-fs-14
7349                      tw-h-full
7350                      tw-flex
7351                      tw-items-center
7352                    "
7353                  >Reading Glasses</a>
7354                </summary>
7355              </details>
7356              <div
7357                id="MegaMenu-Content-1"
7358                class="
7359                  mega-menu__content tw-absolute tw-left-0 tw-right-0
7360                  tw-top-[-700px] tw-mx-auto tw-transition-all
7361                  tw-duration-[800ms] tw-ease-in-out tw-overflow-x-hidden
7362                  color-scheme-1 gradient
7363                  motion-reduce global-settings-popup [&]:!tw-py-[unset]
7364                "
7365                tabindex="-1"
7366              >
7367                <div
7368                  class="
7369                    tw-flex page-width tw-flex-row tw-px-0 tw-w-full
7370                      before:tw-absolute
7371                      before:content-['']
7372                      before:tw-inset-y-0
7373                      before:tw-w-[calc((100vw-136rem)/2)]
7374                    before:tw-bg-custom-gray
7375                      before:tw-left-0
7376                  "
7377                ><div class="tw-bg-custom-gray tw-flex tw-pt-40 tw-pb-20 tw-w-[24%]">
7378            <ul class="list-unstyled tw-w-full" role="list"><li class="tw-mb-20 hover:[&_a]:tw-text-brown
7379                          tw-px-36 mlg:tw-px-57
7380                          ">
7381                            <a
7382                                id="HeaderMenu-womens"
7383                                href="/collections/reading-glasses-womens"
7384                                class="
7385                                tw-text-fs-14
7386                                tw-font-gotham-medium
7387                                  "
7388                                
7389                                >
7390                                Women&#39;s
7391                            </a>
7392                        </li>
7393<li class="tw-mb-20 hover:[&_a]:tw-text-brown
7394                          tw-px-36 mlg:tw-px-57
7395                          ">
7396                            <a
7397                                id="HeaderMenu-mens"
7398                                href="/collections/reading-glasses-mens"
7399                                class="
7400                                tw-text-fs-14
7401                                tw-font-gotham-medium
7402                                  "
7403                                
7404                                >
7405                                Men&#39;s
7406                            </a>
7407                        </li>
7408<li class="tw-mb-20 hover:[&_a]:tw-text-brown
7409                          tw-px-36 mlg:tw-px-57
7410                          ">
7411                            <a
7412                                id="HeaderMenu-new-arrivals"
7413                                href="/collections/reading-glasses-new-arrivals"
7414                                class="
7415                                tw-text-fs-14
7416                                tw-font-gotham-medium
7417                                  "
7418                                
7419                                >
7420                                New Arrivals
7421                            </a>
7422                        </li>
7423<li class="tw-mb-20 hover:[&_a]:tw-text-brown
7424                          tw-px-36 mlg:tw-px-57
7425                          ">
7426                            <a
7427                                id="HeaderMenu-accessories"
7428                                href="/collections/accessories"
7429                                class="
7430                                tw-text-fs-14
7431                                tw-font-gotham-medium
7432                                  "
7433                                
7434                                >
7435                                Accessories
7436                            </a>
7437                        </li>
7438<li class="tw-mb-20 hover:[&_a]:tw-text-brown
7439                          tw-px-36 mlg:tw-px-57
7440                          ">
7441                            <a
7442                                id="HeaderMenu-clearance"
7443                                href="/collections/reading-glasses-clearance"
7444                                class="
7445                                tw-text-fs-14
7446                                tw-font-gotham-medium
7447                                  "
7448                                
7449                                >
7450                                Clearance
7451                            </a>
7452                        </li>
7453<li class="[&_button]:tw-justify-center tw-px-36 mlg:tw-px-57">
7454                    <a href="/collections/reading-glasses"
7455                      class="tw-h-44
7456                      tw-max-w-164
7457                      details-button hover:tw-bg-black hover:tw-text-white tw-text-black tw-border-2 tw-border-solid tw-border-black tw-w-full tw-text-center tw-bg-transparent 
7458                      tw-no-underline tw-py-7 tw-block tw-rounded-none">
7459                      <span class="tw-font-gotham-medium tw-tracking-7 tw-uppercase tw-leading-[1] tw-font-bold">Shop All</span>
7460                    </a>
7461                  </li>
7462            </ul>
7463        </div><div class="tw-w-[76%]">
7464                    <ul
7465                      class="
7466                        tw-h-full
7467                        tw-grid tw-p-36 xlg:tw-p-40
7468                        tw-gap-36
7469                        tw-grid-cols-[minmax(200px,1fr)_minmax(200px,1fr)_minmax(250px,1.5fr)]
7470                        
7471                      "
7472                      role="list"
7473                    ><li class=""><a
7474                                id="HeaderMenu-reading-glasses-shop-by-lens-type"
7475                                href="/blogs/helpful-resources/are-reading-glasses-hsa-eligible"
7476                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
7477                                
7478                              >
7479                                Shop by Lens Type
7480                              </a><ul
7481                                class="list-unstyled  tw-pt-30"
7482                              ><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7483                                        <a
7484                                          id="HeaderMenu-reading-glasses-shop-by-lens-type-full-magnification"
7485                                          href="/collections/magnifying-reading-glasses"
7486                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7487                                          
7488                                        >
7489                                          <span class="tw-whitespace-nowrap">Full Magnification</span>
7490                                          
7491                                          
7492                                          
7493                                          
7494                                            
7495                                            
7496                                            
7497                                            
7498                                          
7499                                            
7500                                            
7501                                            
7502                                            
7503                                          
7504                                            
7505                                            
7506                                            
7507                                            
7508                                          
7509                                        </a>
7510                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7511                                        <a
7512                                          id="HeaderMenu-reading-glasses-shop-by-lens-type-multi-focus™"
7513                                          href="/collections/reading-glasses-multi-focus"
7514                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7515                                          
7516                                        >
7517                                          <span class="tw-whitespace-nowrap">Multi Focus™</span>
7518                                          
7519                                          
7520                                          
7521                                          
7522                                            
7523                                            
7524                                            
7525                                            
7526                                          
7527                                            
7528                                            
7529                                            
7530                                            
7531                                          
7532                                            
7533                                            
7534                                            
7535                                            
7536                                          
7537                                        </a>
7538                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7539                                        <a
7540                                          id="HeaderMenu-reading-glasses-shop-by-lens-type-sunreaders®"
7541                                          href="/collections/reading-glasses-sunglass-readers"
7542                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7543                                          
7544                                        >
7545                                          <span class="tw-whitespace-nowrap">SunReaders®</span>
7546                                          
7547                                          
7548                                          
7549                                          
7550                                            
7551                                            
7552                                            
7553                                            
7554                                          
7555                                            
7556                                            
7557                                            
7558                                            
7559                                          
7560                                            
7561                                            
7562                                            
7563                                            
7564                                          
7565                                        </a>
7566                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7567                                        <a
7568                                          id="HeaderMenu-reading-glasses-shop-by-lens-type-blue-light-readers"
7569                                          href="/collections/reading-glasses-blue-light-readers"
7570                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7571                                          
7572                                        >
7573                                          <span class="tw-whitespace-nowrap">Blue Light Readers</span>
7574                                          
7575                                          
7576                                          
7577                                          
7578                                            
7579                                            
7580                                            
7581                                            
7582                                          
7583                                            
7584                                            
7585                                            
7586                                            
7587                                          
7588                                            
7589                                            
7590                                            
7591                                            
7592                                          
7593                                        </a>
7594                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7595                                        <a
7596                                          id="HeaderMenu-reading-glasses-shop-by-lens-type-bifocal-style"
7597                                          href="/collections/bifocal-reading-glasses"
7598                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7599                                          
7600                                        >
7601                                          <span class="tw-whitespace-nowrap">Bifocal-Style</span>
7602                                          
7603                                          
7604                                          
7605                                          
7606                                            
7607                                            
7608                                            
7609                                            
7610                                          
7611                                            
7612                                            
7613                                            
7614                                            
7615                                          
7616                                            
7617                                            
7618                                            
7619                                            
7620                                          
7621                                        </a>
7622                                      </li></ul></li><li class=""><a
7623                                id="HeaderMenu-reading-glasses-shop-by-collection"
7624                                href="#"
7625                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
7626                                
7627                              >
7628                                Shop by Collection
7629                              </a><ul
7630                                class="list-unstyled  tw-pt-30"
7631                              ><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7632                                        <a
7633                                          id="HeaderMenu-reading-glasses-shop-by-collection-foster-grant®-ironman®"
7634                                          href="/collections/reading-glasses-ironman"
7635                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7636                                          
7637                                        >
7638                                          <span class="tw-whitespace-nowrap">Foster Grant® IRONMAN®</span>
7639                                          
7640                                          
7641                                          
7642                                          
7643                                            
7644                                            
7645                                            
7646                                            
7647                                          
7648                                            
7649                                            
7650                                            
7651                                            
7652                                          
7653                                            
7654                                            
7655                                            
7656                                            
7657                                          
7658                                        </a>
7659                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7660                                        <a
7661                                          id="HeaderMenu-reading-glasses-shop-by-collection-sharper-image®-x-foster-grant®"
7662                                          href="/collections/sharper-image-x-foster-grant"
7663                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7664                                          
7665                                        >
7666                                          <span class="tw-whitespace-nowrap">Sharper Image® x Foster Grant®</span>
7667                                          
7668                                          
7669                                          
7670                                          
7671                                            
7672                                            
7673                                            
7674                                            
7675                                          
7676                                            
7677                                            
7678                                            
7679                                            
7680                                          
7681                                            
7682                                            
7683                                            
7684                                            
7685                                          
7686                                        </a>
7687                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7688                                        <a
7689                                          id="HeaderMenu-reading-glasses-shop-by-collection-sofia-vergara®-x-foster-grant®"
7690                                          href="/collections/sofia-vergara-foster-grant-readers"
7691                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7692                                          
7693                                        >
7694                                          <span class="tw-whitespace-nowrap">Sofia Vergara® x Foster Grant®</span>
7695                                          
7696                                          
7697                                          
7698                                          
7699                                            
7700                                            
7701                                            
7702                                            
7703                                          
7704                                            
7705                                            
7706                                            
7707                                            
7708                                          
7709                                            
7710                                            
7711                                            
7712                                            
7713                                          
7714                                        </a>
7715                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7716                                        <a
7717                                          id="HeaderMenu-reading-glasses-shop-by-collection-styles-for-y-o-u-™"
7718                                          href="/collections/styles-for-you-reading-glasses"
7719                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7720                                          
7721                                        >
7722                                          <span class="tw-whitespace-nowrap">Styles for Y.O.U.™</span>
7723                                          
7724                                          
7725                                          
7726                                          
7727                                            
7728                                            
7729                                            
7730                                            
7731                                          
7732                                            
7733                                            
7734                                            
7735                                            
7736                                          
7737                                            
7738                                            
7739                                            
7740                                            
7741                                          
7742                                        </a>
7743                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7744                                        <a
7745                                          id="HeaderMenu-reading-glasses-shop-by-collection-disney-foster-grant®"
7746                                          href="/collections/disney-foster-grant"
7747                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7748                                          
7749                                        >
7750                                          <span class="tw-whitespace-nowrap">Disney | Foster Grant®</span>
7751                                          
7752                                          
7753                                          
7754                                          
7755                                            
7756                                            
7757                                            
7758                                            
7759                                          
7760                                            
7761                                            
7762                                            
7763                                            
7764                                          
7765                                            
7766                                            
7767                                            
7768                                            
7769                                          
7770                                        </a>
7771                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7772                                        <a
7773                                          id="HeaderMenu-reading-glasses-shop-by-collection-pop-of-power®-bifocal-style-reader"
7774                                          href="/collections/pop-of-power-foster-grant-readers"
7775                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7776                                          
7777                                        >
7778                                          <span class="tw-whitespace-nowrap">Pop of Power® Bifocal Style Reader</span>
7779                                          
7780                                          
7781                                          
7782                                          
7783                                            
7784                                            
7785                                            
7786                                            
7787                                          
7788                                            
7789                                            
7790                                            
7791                                            
7792                                          
7793                                            
7794                                            
7795                                            
7796                                            
7797                                          
7798                                        </a>
7799                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
7800                                        <a
7801                                          id="HeaderMenu-reading-glasses-shop-by-collection-sofia-vergara®-x-foster-grant®-sunreaders®"
7802                                          href="/collections/sofia-vergara-foster-grant-sunreaders"
7803                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
7804                                          
7805                                        >
7806                                          <span class="tw-whitespace-nowrap">Sofia Vergara® x Foster Grant® SunReaders®</span>
7807                                          
7808                                          
7809                                          
7810                                          
7811                                            
7812                                            
7813                                            
7814                                            
7815                                          
7816                                            
7817                                            
7818                                            
7819                                            
7820                                          
7821                                            
7822                                            
7823                                            
7824                                            
7825                                          
7826                                        </a>
7827                                      </li></ul></li><li class=""><a
7828                                id="HeaderMenu-reading-glasses-shop-by-style"
7829                                href="#"
7830                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
7831                                
7832                              >
7833                                Shop by Style
7834                              </a><ul
7835                                class="list-unstyled  tw-flex tw-flex-row tw-flex-wrap tw-mt-17 tw-gap-20"
7836                              ><li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
7837    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
7838  <div class="
7839            new-card-collection__media
7840            tw-hover-img-color
7841            tw-bg-[#f2f2f2]
7842            tw-cursor-pointer
7843            tw-h-full
7844            tw-w-full
7845            [&_svg_path]:tw-fill-[#B29183]
7846            group-hover:[&_svg_path]:tw-border-2
7847            group-hover:[&_svg_path]:tw-fill-[#7a381c]
7848            [&_svg_path]:tw-transition-all
7849            [&_svg_path]:tw-duration-700
7850            [&_svg_path]:tw-border-[#eadedc]
7851            tw-transition
7852            tw-duration-700
7853            tw-rounded-[50%]"
7854        ><a href="/collections/rectangle-glasses" role="link" title="Rectangle"
7855        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="50" viewBox="0 0 200 50" fill="none" xmlns="http://www.w3.org/2000/svg">
7856<g clip-path="url(#clip0_121_3206)">
7857<path d="M199.712 3.78244C199.262 3.33823 197.907 3.31521 197.253 3.22004C196.244 3.0733 195.232 2.94036 194.221 2.81159C189.02 2.14944 183.805 1.59387 178.591 1.04911C172.14 0.375138 165.655 0.0408599 159.17 0.00449143C151.63 -0.0377927 144.09 0.211471 136.593 1.05107C133.023 1.4509 129.464 2.01836 125.98 2.90593C124.267 3.34238 122.566 3.83647 120.909 4.45467C119.102 5.12873 117.342 5.95046 115.715 6.98914C113.678 8.28924 111.639 10.1186 109.136 10.2512C106.657 10.3825 104.125 10.3021 101.626 10.2418C99.1332 10.1816 96.6518 10.2284 94.1602 10.2824C94.0852 10.2841 94.0102 10.2856 93.9352 10.2871C92.9144 10.3078 91.8832 10.324 90.864 10.2512C88.361 10.1186 86.3221 8.28924 84.285 6.98914C82.6575 5.95046 80.8981 5.12873 79.0912 4.45467C77.4341 3.83647 75.7332 3.34238 74.0201 2.90593C70.5362 2.01836 66.9775 1.4509 63.407 1.05107C55.9096 0.211471 48.3701 -0.0377927 40.8301 0.00449143C34.3447 0.0408599 27.8596 0.375138 21.4087 1.04911C16.1945 1.59387 10.9798 2.14944 5.77898 2.81159C4.76752 2.94036 3.75647 3.0733 2.74749 3.22004C2.09323 3.31521 0.738491 3.33823 0.288283 3.78244C-0.102665 4.16823 0.0084463 4.67869 0.0345781 5.16595C0.0694205 5.81455 0.0599555 6.46448 0.057212 7.11368C0.0489129 9.09828 -0.118029 11.9616 2.30516 12.5674C4.55264 13.1293 7.
785708104 15.0958 7.92385 19.3098C7.92385 19.3098 9.89039 29.7043 11.576 33.6374C12.4243 35.617 13.1269 37.5799 14.4578 39.3051C16.3498 41.7575 19.1725 43.2079 22.0544 44.1768C25.4521 45.3192 28.8578 46.3903 32.3651 47.1223C39.4229 48.5954 46.8085 49.2317 54.0223 49.0913C58.9218 48.9954 63.7662 48.4146 68.6056 47.6842C68.6056 47.6842 74.2243 46.5604 76.7527 45.1558C78.3153 44.2877 79.8191 43.321 81.1558 42.1276C82.8852 40.5836 84.0392 38.894 85.1447 36.8742C87.4576 32.6484 89.3829 28.2256 91.2308 23.7812C91.8617 22.2638 92.3303 20.4127 93.5865 19.271C94.6147 18.3365 95.9677 17.8372 97.3141 17.5806C98.1981 17.4121 99.1008 17.3478 100 17.3446C100.899 17.3478 101.802 17.4121 102.686 17.5806C104.032 17.8372 105.385 18.3365 106.413 19.271C107.67 20.4127 108.138 22.2638 108.769 23.7812C110.617 28.2256 112.542 32.6484 114.855 36.8742C115.961 38.894 117.115 40.5836 118.844 42.1276C120.181 43.321 121.685 44.2877 123.247 45.1558C125.776 46.5604 131.394 47.6842 131.394 47.6842C136.234 48.4146 141.078 48.9954 145.978 49.0913C153.191 49.2317 160.577 48.5954 167.635 47.1223C171.142 46.3903 174.548 45.3192 177.946 44.1768C180.827 43.2079 183.65 41.7575 185.542 39.3051C186.873 37.5799 187.576 35.617 188.424 33.6374C190.11 29.7043 192.076 19.3098 192.076 19.3098C192.919 15.0958 195.447 13.1293 197.695 12.5674C200.118 11.9616 199.951 9.09828 199.943 7.11368C199.94 6.46448 199.931 5.81455 199.965 5.16595C199.992 4.67869 200.103 4.16823 199.712 3.78244ZM86.5854 19.8716C85.7426 28.5807 82.9333 33.6375 82.9333 33.6375C81.8228 36.1851 80.0367 38.3712 77.8409 40.0631C75.4901 41.8745 72.7388 43.122 69.9025 43.9577C65.8042 45.1652 61.5196 45.4635 57.2738 45.6839C53.9314 45.8579 50.5815 45.9466 47.2363 45.8002C42.2508 45.582 37.285 44.911 32.4203 43.7983C28.0242 42.7928 23.5289 41.5188 19.7881 38.9071C17.8003 37.5192 16.6577 35.6711 15.7617 33.4404C14.4556 30.1884 13.7443 26.7026 13.2616 23.243C13.0545 21.7586 12.9077 20.2631 12.8864 18.7636C12.8478 16.0479 13.2052 13.1865 14.6462 10.8271C16.3379 8.05726 19.3919 6.82836 22.4253 6.05431C29.2218 4.31996 36.4771 4.21759 43.4499 4.26416C48.5777 4.29841 53.7103 4.36941 58.825 4.76691C63.6621 5.14282 68.5062 5.80028 73.2082 7.01977C77.0242 8.00942 81.0638 9.61373 83.868 12.4801C85.7382 14.3917 86.881 16.8166 86.5854 19.8716ZM187.114 18.7636C187.092 20.2631 186.946 21.7586 186.738 23.243C186.256 26.7026 185.544 30.1884 184.238 33.4404C183.342 35.6711 182.2 37.5192 180.212 38.9071C176.471 41.5188 171.976 42.7928 167.58 43.7983C162.715 44.911 157.749 45.582 152.764 45.8002C149.419 45.9466 146.069 45.8579 142.726 45.6839C138.48 45.4635 134.196 45.1652 130.098 43.9577C127.261 43.122 124.51 41.8745 122.159 40.0631C119.963 38.3712 118.177 36.1851 117.067 33.6375C117.067 33.6375 114.257 28.5807 113.415 19.8716C113.119 16.8166 114.262 14.3917 116.132 12.4801C118.936 9.61373 122.976 8.00942 126.792 7.01977C131.494 5.80028 136.338 5.14282 141.175 4.76691C146.29 4.36941 151.422 4.29841 156.55 4.26416C163.523 4.21759 170.778 4.31996 177.575 6.05431C180.608 6.82836 183.662 8.05726 185.354 10.8271C186.795 13.1865 187.152 16.0479 187.114 18.7636Z" fill="#B29183"/>
7858</g>
7859<defs>
7860<clipPath id="clip0_121_3206">
7861<rect width="200" height="49.1103" fill="white"/>
7862</clipPath>
7863</defs>
7864</svg>
7865</div><div class="tw-text-[9px] tw-font-gotham-medium">
7866          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
7867                Rectangle
7868              </div></div>
7869        </div>
7870
7871      </a></div>
7872</div>
7873
7874</li>
7875<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
7876    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
7877  <div class="
7878            new-card-collection__media
7879            tw-hover-img-color
7880            tw-bg-[#f2f2f2]
7881            tw-cursor-pointer
7882            tw-h-full
7883            tw-w-full
7884            [&_svg_path]:tw-fill-[#B29183]
7885            group-hover:[&_svg_path]:tw-border-2
7886            group-hover:[&_svg_path]:tw-fill-[#7a381c]
7887            [&_svg_path]:tw-transition-all
7888            [&_svg_path]:tw-duration-700
7889            [&_svg_path]:tw-border-[#eadedc]
7890            tw-transition
7891            tw-duration-700
7892            tw-rounded-[50%]"
7893        ><a href="/collections/square-glasses" role="link" title="Square"
7894        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="73" viewBox="0 0 200 73" fill="none" xmlns="http://www.w3.org/2000/svg">
7895<g clip-path="url(#clip0_121_3215)">
7896<path d="M199.898 18.9008C199.23 14.1716 193.769 16.7535 193.768 16.6288C193.507 -1.37851 160.403 0.262862 155.372 0.066572C140.715 -0.508754 125.544 2.67996 121.298 8.27498C119.369 10.8176 118.206 13.5848 116.838 16.5462L116.575 10.9266L116.265 10.5985C116.119 10.3827 112.761 4.29532 100.801 3.78223V3.77371C100.754 3.77371 100.713 3.77797 100.666 3.77797C100.182 3.7591 99.711 3.73201 99.1991 3.73201V3.82392C87.2389 4.33716 83.8809 10.4244 83.7348 10.6402L83.4247 10.9683L83.1621 16.5879C81.7939 13.6265 80.6313 10.8595 78.7016 8.31667C74.4557 2.72166 59.2853 -0.467062 44.6283 0.108265C39.5968 0.304554 6.49292 -1.33682 6.23242 16.6705C6.23059 16.7952 0.769859 14.2133 0.101714 18.9425C-0.501534 23.2204 1.64601 23.5265 4.75515 23.4934C4.37816 38.0215 2.49074 53.5178 13.727 64.8252C19.732 70.8685 34.5295 72.0231 43.7121 72.0231C51.9998 72.0231 57.8092 72.2231 64.5987 68.0593C77.8332 59.9413 86.6796 41.4802 86.1134 28.6708C86.0391 26.9718 85.8178 25.2826 85.4744 23.6221L85.5897 23.6273L86.2685 11.9654C87.1555 11.0545 91.011 7.93079 100.801 7.93079V7.9212C109.411 8.23891 112.895 11.0644 113.731 11.9237L114.41 23.5856L114.526 23.5804C114.182 25.2409 113.961 26.9301 113.887 28.6291C113.32 41.4385 122.167 59.8996 135.401 68.0176C142.191 72.1814 148 71.9814 156.288 71.9814C165.471 71.9814 180.268 70.8268 186.273 
789664.7836C197.509 53.4761 195.622 37.9798 195.245 23.4517C198.354 23.4848 200.502 23.1787 199.898 18.9008ZM63.1363 65.7668C56.7817 69.5901 51.4908 69.2256 43.7121 69.2256C35.1513 69.2256 23.5787 67.9528 17.3195 63.2303C11.3758 58.7457 9.80565 54.7621 8.01043 45.5043C6.41151 37.2531 7.90012 26.6303 9.04704 19.7432C10.9786 8.14473 18.0898 5.82364 25.9845 4.16172C34.3365 2.40333 47.1026 3.04333 48.0062 3.00772C80.7272 1.71464 80.6229 17.5999 83.3199 29.5692C85.2245 38.0215 75.4493 58.3596 63.1363 65.7668ZM191.99 45.4626C190.194 54.7204 188.624 58.7041 182.681 63.1886C176.421 67.9111 164.849 69.1838 156.288 69.1838C148.509 69.1838 143.218 69.5484 136.864 65.7251C124.551 58.3179 114.775 37.9798 116.68 29.5274C119.377 17.5583 119.273 1.67295 151.994 2.96603C152.897 3.00163 165.664 2.36164 174.016 4.11988C181.91 5.78195 189.021 8.10303 190.953 19.7013C192.1 26.5886 193.589 37.2114 191.99 45.4626Z" fill="#B29183"/>
7897</g>
7898<defs>
7899<clipPath id="clip0_121_3215">
7900<rect width="200" height="72.0247" fill="white"/>
7901</clipPath>
7902</defs>
7903</svg>
7904</div><div class="tw-text-[9px] tw-font-gotham-medium">
7905          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
7906                Square
7907              </div></div>
7908        </div>
7909
7910      </a></div>
7911</div>
7912
7913</li>
7914<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
7915    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
7916  <div class="
7917            new-card-collection__media
7918            tw-hover-img-color
7919            tw-bg-[#f2f2f2]
7920            tw-cursor-pointer
7921            tw-h-full
7922            tw-w-full
7923            [&_svg_path]:tw-fill-[#B29183]
7924            group-hover:[&_svg_path]:tw-border-2
7925            group-hover:[&_svg_path]:tw-fill-[#7a381c]
7926            [&_svg_path]:tw-transition-all
7927            [&_svg_path]:tw-duration-700
7928            [&_svg_path]:tw-border-[#eadedc]
7929            tw-transition
7930            tw-duration-700
7931            tw-rounded-[50%]"
7932        ><a href="/collections/cat-eye-glasses" role="link" title="Cat Eye"
7933        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="67" viewBox="0 0 200 67" fill="none" xmlns="http://www.w3.org/2000/svg">
7934<g clip-path="url(#clip0_121_3194)">
7935<path d="M177.726 42.7031C174.347 47.7714 157.621 67.0318 133.63 60.7802C109.639 54.5295 107.444 31.7211 112.511 27.3288C117.579 22.9353 128.224 18.5429 128.224 18.5429C136.332 15.335 167.59 6.04062 178.401 10.434C189.215 14.8265 181.104 37.6349 177.726 42.7031ZM65.4809 60.7802C41.8112 67.0318 25.3106 47.7714 21.9756 42.7031C18.6415 37.6349 10.6429 14.8265 21.3092 10.434C31.9765 6.04062 62.8143 15.335 70.8141 18.5429C70.8141 18.5429 81.3152 22.9353 86.3157 27.3288C91.3162 31.7211 89.1496 54.5295 65.4809 60.7802ZM198.506 1.98616C192.762 -2.74421 165.73 1.81665 145.287 6.88598C125.158 11.878 103.06 27.5173 99.3254 27.993C95.6407 27.5173 73.8398 11.878 53.9787 6.88598C33.8093 1.81665 7.14247 -2.74421 1.47352 1.98616C-4.19338 6.71654 7.97522 30.8767 12.8094 38.6476C17.6414 46.4196 32.7224 69.5628 60.8131 65.8495C83.8143 62.8079 91.3162 44.5614 92.65 42.3662C93.9827 40.169 93.4827 37.4653 99.1517 37.4653H99.5034C105.247 37.4653 104.739 40.169 106.092 42.3662C107.444 44.5614 115.047 62.8079 138.36 65.8495C166.833 69.5628 182.119 46.4196 187.018 38.6476C191.917 30.8767 204.251 6.71654 198.506 1.98616Z" fill="#B29183"/>
7936</g>
7937<defs>
7938<clipPath id="clip0_121_3194">
7939<rect width="200" height="66.2498" fill="white"/>
7940</clipPath>
7941</defs>
7942</svg>
7943</div><div class="tw-text-[9px] tw-font-gotham-medium">
7944          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
7945                Cat Eye
7946              </div></div>
7947        </div>
7948
7949      </a></div>
7950</div>
7951
7952</li>
7953<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
7954    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
7955  <div class="
7956            new-card-collection__media
7957            tw-hover-img-color
7958            tw-bg-[#f2f2f2]
7959            tw-cursor-pointer
7960            tw-h-full
7961            tw-w-full
7962            [&_svg_path]:tw-fill-[#B29183]
7963            group-hover:[&_svg_path]:tw-border-2
7964            group-hover:[&_svg_path]:tw-fill-[#7a381c]
7965            [&_svg_path]:tw-transition-all
7966            [&_svg_path]:tw-duration-700
7967            [&_svg_path]:tw-border-[#eadedc]
7968            tw-transition
7969            tw-duration-700
7970            tw-rounded-[50%]"
7971        ><a href="/collections/round-glasses" role="link" title="Round"
7972        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10">
7972<svg width="200" height="70" viewBox="0 0 200 70" fill="none" xmlns="http://www.w3.org/2000/svg">
7973<g clip-path="url(#clip0_121_3203)">
7974<path d="M175.019 3.79339C164.79 0.439407 154.902 -1.39492 140.312 1.28866C125.722 3.97157 118.458 12.042 115.942 12.2103C113.426 12.3779 106.757 9.23312 100 9.23312C93.2432 9.23312 86.5228 12.3779 84.0068 12.2103C81.4915 12.042 74.2019 3.97157 59.6119 1.28866C45.0222 -1.39492 35.1721 0.439407 24.9426 3.79339C14.7128 7.14738 9.39115 11.497 0 11.497V22.0624C0 22.0624 5.70169 22.2299 6.3727 25.5839C7.04345 28.9379 9.22358 44.031 16.7701 53.4226C24.3164 62.8134 32.4843 69.0772 46.7882 69.6889C62.4683 70.3599 73.0508 63.8236 78.7772 57.2793C86.8478 48.0561 90.2123 33.8016 91.0509 27.0937C91.0509 27.0937 87.5594 25.2487 88.9008 21.3913C89.9625 18.3395 93.2432 17.7021 100 17.7021C106.757 17.7021 109.988 18.3395 111.05 21.3913C112.391 25.2487 108.851 27.0937 108.851 27.0937C109.69 33.8016 113.057 48.0561 121.128 57.2793C126.854 63.8236 137.443 70.3599 153.123 69.6889C167.427 69.0772 175.608 62.8134 183.154 53.4226C190.701 44.031 192.906 28.9379 193.576 25.5839C194.247 22.2299 200 22.0624 200 22.0624V11.497C190.541 11.497 185.249 7.14738 175.019 3.79339ZM79.8234 47.9722C75.1112 58.046 66.0741 63.8197 56.9122 65.1954C48.7701 66.4174 41.7573 67.1736 31.2388 61.4581C21.2491 56.0302 15.1522 45.8595 13.5274 33.8352C11.9028 21.811 18.9569 12.1806 26.2019 7.9992C34.3786 3.28001 50.9003 1.98738 61.4621 4.91184C72.0238 7.83691 79.8234 14.9862 81.9355 20.9987C84.048 27.0105 84.5357 37.8979 79.8234 47.9722ZM186.371 33.8352C184.746 45.8595 178.65 56.0302 168.66 61.4581C158.141 67.1736 151.129 66.4174 142.987 65.1954C133.825 63.8197 124.787 58.046 120.075 47.9722C115.363 37.8979 115.851 27.0105 117.963 20.9987C120.075 14.9862 127.875 7.83691 138.437 4.91184C148.998 1.98738 165.52 3.28001 173.697 7.9992C180.942 12.1806 187.996 21.811 186.371 33.8352Z" fill="#B29183"/>
7975</g>
7976<defs>
7977<clipPath id="clip0_121_3203">
7978<rect width="200" height="69.7365" fill="white"/>
7979</clipPath>
7980</defs>
7981</svg>
7982</div><div class="tw-text-[9px] tw-font-gotham-medium">
7983          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
7984                Round
7985              </div></div>
7986        </div>
7987
7988      </a></div>
7989</div>
7990
7991</li>
7992<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
7993    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
7994  <div class="
7995            new-card-collection__media
7996            tw-hover-img-color
7997            tw-bg-[#f2f2f2]
7998            tw-cursor-pointer
7999            tw-h-full
8000            tw-w-full
8001            [&_svg_path]:tw-fill-[#B29183]
8002            group-hover:[&_svg_path]:tw-border-2
8003            group-hover:[&_svg_path]:tw-fill-[#7a381c]
8004            [&_svg_path]:tw-transition-all
8005            [&_svg_path]:tw-duration-700
8006            [&_svg_path]:tw-border-[#eadedc]
8007            tw-transition
8008            tw-duration-700
8009            tw-rounded-[50%]"
8010        ><a href="/collections/pilot" role="link" title="Pilot"
8011        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="77" viewBox="0 0 200 77" fill="none" xmlns="http://www.w3.org/2000/svg">
8012<g clip-path="url(#clip0_121_3209)">
8013<path d="M199.919 24.9377C199.58 22.7364 199.76 22.2283 195.019 20.535C190.278 18.8416 188.775 16.6403 184.372 11.8989C179.969 7.15753 173.916 4.61744 166.126 3.26277C162.277 2.59333 158.698 2.191 154.367 2.06788C154.371 2.01855 154.382 1.97134 154.382 1.92108C154.382 0.859858 153.522 0 152.461 0H47.5409C46.4803 0 45.6198 0.859858 45.6198 1.92108C45.6198 1.98072 45.632 2.03692 45.6373 2.09524C41.3049 2.20874 37.726 2.5931 33.8754 3.26277C26.086 4.61744 20.0323 7.15753 15.6295 11.8989C11.2269 16.6403 9.72401 18.8416 4.9826 20.535C0.241186 22.2283 0.421286 22.7364 0.0825025 24.9377C-0.256125 27.1391 0.398149 29.2641 2.97037 29.5703C7.3508 30.0918 7.54122 35.6058 9.5733 39.8392C11.6052 44.0726 18.0412 65.2394 34.2975 72.8595C50.5535 80.4795 59.9405 75.545 72.2299 64.0541C77.579 59.0524 82.1739 53.2651 85.7839 46.8917C88.4344 42.2124 90.48 37.2507 92.2162 32.1696C93.023 29.8095 92.9254 27.2536 92.7394 24.8024C92.603 23.0062 91.201 21.3792 91.6917 19.5175C92.1684 17.7091 94.1714 16.9812 95.8148 16.6479C97.1883 16.3693 98.6025 16.2984 100.001 16.3016C103.256 16.3089 109.554 16.8631 108.477 21.6276C108.191 22.8935 107.507 23.9184 107.309 25.2219C106.77 28.7739 107.687 31.9079 108.9 35.1948C109.801 37.6371 110.8 40.0433 111.922 42.3928C114.828 48.4806 118.561 54.1584 123.041 59.2039C124.542 60.8931 126.122 62.5111 127.772 64.0541C140.061 75.545 149.448 80.4795 165.704 72.8595C181.96 65.2394 189.446 44.4312 190.428 39.8392C191.427 35.1676 193.642 30.1985 197.061 29.3617C199.577 28.746 200.258 27.1391 199.919 24.937
80137ZM86.5918 34.9977C84.3315 44.04 76.8032 56.9314 64.8395 66.3574C52.8757 75.7835 44.1746 74.6958 34.7487 69.6203C25.3225 64.5447 19.522 56.2063 16.2591 46.2364C12.9962 36.2666 12.9962 22.6713 18.4342 14.8767C23.8724 7.0821 35.8362 4.90689 52.513 4.72562C68.86 4.54787 82.0715 9.94347 85.6613 15.9615C85.7336 16.0833 85.8114 16.2009 85.8667 16.3269C88.4046 22.1275 88.4046 27.7469 86.5918 34.9977ZM109.976 13.3005C107.605 13.3005 106.774 11.3189 100.001 11.3189C93.2274 11.3189 92.5827 13.3527 90.212 13.3527C88.2495 13.3527 82.9041 6.75434 70.83 3.84216H129.87C118.631 6.73714 111.933 13.3005 109.976 13.3005ZM184.525 46.279C181.243 56.3082 175.407 64.6963 165.925 69.8021C156.443 74.9079 147.69 76.002 135.655 66.5198C123.62 57.0376 116.047 44.0694 113.773 34.9733C111.95 27.6794 111.95 22.0265 114.503 16.1913C114.558 16.0646 114.637 15.9463 114.709 15.8237C118.321 9.76994 131.611 4.34212 148.055 4.5209C164.831 4.70326 176.866 6.89145 182.337 14.7325C187.807 22.5735 187.807 36.2498 184.525 46.279Z" fill="#B29183"/>
8014</g>
8015<defs>
8016<clipPath id="clip0_121_3209">
8017<rect width="200" height="76.5173" fill="white"/>
8018</clipPath>
8019</defs>
8020</svg>
8021</div><div class="tw-text-[9px] tw-font-gotham-medium">
8022          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
8023                Pilot
8024              </div></div>
8025        </div>
8026
8027      </a></div>
8028</div>
8029
8030</li>
8031</ul></li><li class=""><ul
8032                                class="list-unstyled  tw-pt-30"
8033                              ></ul></li></ul>
8034                  </div>
8035                </div><div
8036                    class="
8037                      power-selector-div tw-bg-custom-beige
8038                      tw-relative tw-z-index-3 tw-py-[1rem] tw-flex tw-flex-row tw-justify-center tw-items-center tw-gap-[1rem]
8039                    "
8040                  >
8041                    <span class="tw-font-gotham tw-text-fs-14">
8042                      Shop by Reading Power
8043                    </span>
8044                    <div
8045                      class="
8046                        tw-flex tw-flex-row tw-justify-center
8047                        tw-items-center
8048                      "
8049                    >
8050                      <div class="tw-flex tw-gap-10">
8051                                        <a
8052                                          href="/collections/1-00-reading-glasses"
8053                                          class="focus-inset tw-block tw-font-secondary 
8054                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8055                                            power-item tw-bg-white
8056                                            tw-border-[.1rem] tw-border-[#45423D]
8057                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8058                                          aria-label="+1.00"
8059                                          title="+1.00"
8060                                          tabindex="0"
8061                                        >
8062                                          <span class="group-hover:tw-text-white"> +1.00 </span>
8063                                        </a>
8064                                        <a
8065                                          href="/collections/1-25-reading-glasses"
8066                                          class="focus-inset tw-block tw-font-secondary 
8067                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8068                                            power-item tw-bg-white
8069                                            tw-border-[.1rem] tw-border-[#45423D]
8070                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8071                                          aria-label="+1.25"
8072                                          title="+1.25"
8073                                          tabindex="0"
8074                                        >
8075                                          <span class="group-hover:tw-text-white"> +1.25 </span>
8076                                        </a>
8077                                        <a
8078                                          href="/collections/1-50-reading-glasses"
8079                                          class="focus-inset tw-block tw-font-secondary 
8080                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8081                                            power-item tw-bg-white
8082                                            tw-border-[.1rem] tw-border-[#45423D]
8083                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8084                                          aria-label="+1.50"
8085                                          title="+1.50"
8086                                          tabindex="0"
8087                                        >
8088                                          <span class="group-hover:tw-text-white"> +1.50 </span>
8089                                        </a>
8090                                        <a
8091                                          href="/collections/1-75-reading-glasses"
8092                                          class="focus-inset tw-block tw-font-secondary 
8093                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8094                                            power-item tw-bg-white
8095                                            tw-border-[.1rem] tw-border-[#45423D]
8096                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8097                                          aria-label="+1.75"
8098                                          title="+1.75"
8099                                          tabindex="0"
8100                                        >
8101                                          <span class="group-hover:tw-text-white"> +1.75 </span>
8102                                        </a>
8103                                        <a
8104                                          href="/collections/2-00-reading-glasses"
8105                                          class="focus-inset tw-block tw-font-secondary 
8106                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8107                                            power-item tw-bg-white
8108                                            tw-border-[.1rem] tw-border-[#45423D]
8109                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8110                                          aria-label="+2.00"
8111                                          title="+2.00"
8112                                          tabindex="0"
8113                                        >
8114                                          <span class="group-hover:tw-text-white"> +2.00 </span>
8115                                        </a>
8116                                        <a
8117                                          href="/collections/2-25-reading-glasses"
8118                                          class="focus-inset tw-block tw-font-secondary 
8119                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8120                                            power-item tw-bg-white
8121                                            tw-border-[.1rem] tw-border-[#45423D]
8122                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8123                                          aria-label="+2.25"
8124                                          title="+2.25"
8125                                          tabindex="0"
8126                                        >
8127                                          <span class="group-hover:tw-text-white"> +2.25 </span>
8128                                        </a>
8129                                        <a
8130                                          href="/collections/2-50-reading-glasses"
8131                                          class="focus-inset tw-block tw-font-secondary 
8132                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8133                                            power-item tw-bg-white
8134                                            tw-border-[.1rem] tw-border-[#45423D]
8135                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8136                                          aria-label="+2.50"
8137                                          title="+2.50"
8138                                          tabindex="0"
8139                                        >
8140                                          <span class="group-hover:tw-text-white"> +2.50 </span>
8141                                        </a>
8142                                        <a
8143                                          href="/collections/2-75-reading-glasses"
8144                                          class="focus-inset tw-block tw-font-secondary 
8145                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8146                                            power-item tw-bg-white
8147                                            tw-border-[.1rem] tw-border-[#45423D]
8148                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8149                                          aria-label="+2.75"
8150                                          title="+2.75"
8151                                          tabindex="0"
8152                                        >
8153                                          <span class="group-hover:tw-text-white"> +2.75 </span>
8154                                        </a>
8155                                        <a
8156                                          href="/collections/3-00-reading-glasses"
8157                                          class="focus-inset tw-block tw-font-secondary 
8158                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8159                                            power-item tw-bg-white
8160                                            tw-border-[.1rem] tw-border-[#45423D]
8161                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8162                                          aria-label="+3.00"
8163                                          title="+3.00"
8164                                          tabindex="0"
8165                                        >
8166                                          <span class="group-hover:tw-text-white"> +3.00 </span>
8167                                        </a>
8168                                        <a
8169                                          href="/collections/3-25-reading-glasses"
8170                                          class="focus-inset tw-block tw-font-secondary 
8171                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8172                                            power-item tw-bg-white
8173                                            tw-border-[.1rem] tw-border-[#45423D]
8174                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8175                                          aria-label="+3.25"
8176                                          title="+3.25"
8177                                          tabindex="0"
8178                                        >
8179                                          <span class="group-hover:tw-text-white"> +3.25 </span>
8180                                        </a>
8181                                        <a
8182                                          href="/collections/3-50-reading-glasses"
8183                                          class="focus-inset tw-block tw-font-secondary 
8184                                            tw-text-fs-14 tw-px-[1.3rem] tw-py-[1.1rem] tw-leading-[1]
8185                                            power-item tw-bg-white
8186                                            tw-border-[.1rem] tw-border-[#45423D]
8187                                            tw-group hover:tw-bg-[#000000] group-hover:!tw-text-white"
8188                                          aria-label="+3.50"
8189                                          title="+3.50"
8190                                          tabindex="0"
8191                                        >
8192                                          <span class="group-hover:tw-text-white"> +3.50 </span>
8193                                        </a></div>
8194                    </div>
8195                  </div></div>
8196            </header-menu></li><li class=" tw-hidden lmd:tw-flex lmd:tw-justify-center lmd:tw-content-center "><header-menu
8197              class="
8198                tw-flex tw-items-center tw-h-full tw-w-full tw-cursor-pointer tw-menu-content-animation
8199              "
8200            >
8201              <details id="Details-HeaderMenu-2" class="mega-menu tw-h-full tw-flex tw-items-center">
8202                <summary
8203                  id="HeaderMenu-sunglasses"
8204                  class="
8205                    tw-h-full
8206                    lmd:tw-mx-27
8207                    header__menu-item list-menu__item focus-inset
8208                    tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-font-bold
8209                    [&::after]:tw-content-[''] [&::after]:tw-block [&::after]:tw-m-auto
8210                    [&::after]:tw-w-0 [&::after]:tw-h-3 [&::after]:tw-bg-transparent
8211                    [&::after]:tw-absolute [&::after]:tw-bottom-0
8212                    [&::after]:tw-left-[50%]
8213                    [&::after]:tw-transition-all [&::after]:tw-duration-350 [&::after]:tw-ease-linear
8214                    tw-font-gotham-medium
8215                  "
8216                >
8217                  <a
8218                    href="/collections/sunglasses"
8219                    role="presentation"
8220                    class="
8221                      tw-tracking-[0.7px] tw-font-gotham-medium tw-text-fs-14
8222                      tw-h-full
8223                      tw-flex
8224                      tw-items-center
8225                    "
8226                  >Sunglasses</a>
8227                </summary>
8228              </details>
8229              <div
8230                id="MegaMenu-Content-2"
8231                class="
8232                  mega-menu__content tw-absolute tw-left-0 tw-right-0
8233                  tw-top-[-700px] tw-mx-auto tw-transition-all
8234                  tw-duration-[800ms] tw-ease-in-out tw-overflow-x-hidden
8235                  color-scheme-1 gradient
8236                  motion-reduce global-settings-popup [&]:!tw-py-[unset]
8237                "
8238                tabindex="-1"
8239              >
8240                <div
8241                  class="
8242                    tw-flex page-width tw-flex-row tw-px-0 tw-w-full
8243                      before:tw-absolute
8244                      before:content-['']
8245                      before:tw-inset-y-0
8246                      before:tw-w-[calc((100vw-136rem)/2)]
8247                    before:tw-bg-custom-gray
8248                      before:tw-left-0
8249                  "
8250                ><div class="tw-bg-custom-gray tw-flex tw-pt-40 tw-pb-20 tw-w-[24%]">
8251            <ul class="list-unstyled tw-w-full" role="list"><li class="tw-mb-20 hover:[&_a]:tw-text-brown
8252                          tw-px-36 mlg:tw-px-57
8253                          ">
8254                            <a
8255                                id="HeaderMenu-womens"
8256                                href="/collections/sunglasses-womens"
8257                                class="
8258                                tw-text-fs-14
8259                                tw-font-gotham-medium
8260                                  "
8261                                
8262                                >
8263                                Women&#39;s
8264                            </a>
8265                        </li>
8266<li class="tw-mb-20 hover:[&_a]:tw-text-brown
8267                          tw-px-36 mlg:tw-px-57
8268                          ">
8269                            <a
8270                                id="HeaderMenu-mens"
8271                                href="/collections/sunglasses-mens"
8272                                class="
8273                                tw-text-fs-14
8274                                tw-font-gotham-medium
8275                                  "
8276                                
8277                                >
8278                                Men&#39;s
8279                            </a>
8280                        </li>
8281<li class="tw-mb-20 hover:[&_a]:tw-text-brown
8282                          tw-px-36 mlg:tw-px-57
8283                          ">
8284                            <a
8285                                id="HeaderMenu-kids"
8286                                href="/collections/sunglasses-kids"
8287                                class="
8288                                tw-text-fs-14
8289                                tw-font-gotham-medium
8290                                  "
8291                                
8292                                >
8293                                Kids
8294                            </a>
8295                        </li>
8296<li class="tw-mb-20 hover:[&_a]:tw-text-brown
8297                          tw-px-36 mlg:tw-px-57
8298                          ">
8299                            <a
8300                                id="HeaderMenu-new-arrivals"
8301                                href="/collections/sunglasses-new-arrivals"
8302                                class="
8303                                tw-text-fs-14
8304                                tw-font-gotham-medium
8305                                  "
8306                                
8307                                >
8308                                New Arrivals
8309                            </a>
8310                        </li>
8311<li class="tw-mb-20 hover:[&_a]:tw-text-brown
8312                          tw-px-36 mlg:tw-px-57
8313                          ">
8314                            <a
8315                                id="HeaderMenu-fits-overs-and-clipons"
8316                                href="/collections/fits-over-clip-on-sunglasses"
8317                                class="
8318                                tw-text-fs-14
8319                                tw-font-gotham-medium
8320                                  "
8321                                
8322                                >
8323                                Fits Overs and ClipOns
8324                            </a>
8325                        </li>
8326<li class="tw-mb-20 hover:[&_a]:tw-text-brown
8327                          tw-px-36 mlg:tw-px-57
8328                          ">
8329                            <a
8330                                id="HeaderMenu-accessories"
8331                                href="/collections/accessories"
8332                                class="
8333                                tw-text-fs-14
8334                                tw-font-gotham-medium
8335                                  "
8336                                
8337                                >
8338                                Accessories
8339                            </a>
8340                        </li>
8341<li class="tw-mb-20 hover:[&_a]:tw-text-brown
8342                          tw-px-36 mlg:tw-px-57
8343                          ">
8344                            <a
8345                                id="HeaderMenu-clearance"
8346                                href="/collections/sunglasses-clearance"
8347                                class="
8348                                tw-text-fs-14
8349                                tw-font-gotham-medium
8350                                  "
8351                                
8352                                >
8353                                Clearance
8354                            </a>
8355                        </li>
8356<li class="[&_button]:tw-justify-center tw-px-36 mlg:tw-px-57">
8357                    <a href="/collections/sunglasses"
8358                      class="tw-h-44
8359                      tw-max-w-164
8360                      details-button hover:tw-bg-black hover:tw-text-white tw-text-black tw-border-2 tw-border-solid tw-border-black tw-w-full tw-text-center tw-bg-transparent 
8361                      tw-no-underline tw-py-7 tw-block tw-rounded-none">
8362                      <span class="tw-font-gotham-medium tw-tracking-7 tw-uppercase tw-leading-[1] tw-font-bold">Shop All</span>
8363                    </a>
8364                  </li>
8365            </ul>
8366        </div><div class="tw-w-[76%]">
8367                    <ul
8368                      class="
8369                        tw-h-full
8370                        tw-grid tw-p-36 xlg:tw-p-40
8371                        tw-gap-36
8372                        tw-grid-cols-[minmax(200px,1fr)_minmax(200px,1fr)_minmax(250px,1.5fr)]
8373                        
8374                      "
8375                      role="list"
8376                    ><li class=""><a
8377                                id="HeaderMenu-sunglasses-shop-by-lens-type"
8378                                href="#"
8379                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
8380                                
8381                              >
8382                                Shop By Lens Type
8383                              </a><ul
8384                                class="list-unstyled  tw-pt-30"
8385                              ><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8386                                        <a
8387                                          id="HeaderMenu-sunglasses-shop-by-lens-type-polarized"
8388                                          href="/collections/sunglasses-polarized"
8389                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8390                                          
8391                                        >
8392                                          <span class="tw-whitespace-nowrap">Polarized</span>
8393                                          
8394                                          
8395                                          
8396                                          
8397                                            
8398                                            
8399                                            
8400                                            
8401                                          
8402                                            
8403                                            
8404                                            
8405                                            
8406                                          
8407                                            
8408                                            
8409                                            
8410                                            
8411                                          
8412                                        </a>
8413                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8414                                        <a
8415                                          id="HeaderMenu-sunglasses-shop-by-lens-type-sunreaders®"
8416                                          href="/collections/reading-glasses-sunglass-readers"
8417                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8418                                          
8419                                        >
8420                                          <span class="tw-whitespace-nowrap">SunReaders®</span>
8421                                          
8422                                          
8423                                          
8424                                          
8425                                            
8426                                            
8427                                            
8428                                            
8429                                          
8430                                            
8431                                            
8432                                            
8433                                            
8434                                          
8435                                            
8436                                            
8437                                            
8438                                            
8439                                          
8440                                        </a>
8441                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8442                                        <a
8443                                          id="HeaderMenu-sunglasses-shop-by-lens-type-sport"
8444                                          href="/collections/sunglasses-sport"
8445                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8446                                          
8447                                        >
8448                                          <span class="tw-whitespace-nowrap">Sport</span>
8449                                          
8450                                          
8451                                          
8452                                          
8453                                            
8454                                            
8455                                            
8456                                            
8457                                          
8458                                            
8459                                            
8460                                            
8461                                            
8462                                          
8463                                            
8464                                            
8465                                            
8466                                            
8467                                          
8468                                        </a>
8469                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8470                                        <a
8471                                          id="HeaderMenu-sunglasses-shop-by-lens-type-driving"
8472                                          href="/collections/sunglasses-driving"
8473                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8474                                          
8475                                        >
8476                                          <span class="tw-whitespace-nowrap">Driving</span>
8477                                          
8478                                          
8479                                          
8480                                          
8481                                            
8482                                            
8483                                            
8484                                            
8485                                          
8486                                            
8487                                            
8488                                            
8489                                            
8490                                          
8491                                            
8492                                            
8493                                            
8494                                            
8495                                          
8496                                        </a>
8497                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8498                                        <a
8499                                          id="HeaderMenu-sunglasses-shop-by-lens-type-digital"
8500                                          href="/collections/polarized-for-digital-sunglasses"
8501                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8502                                          
8503                                        >
8504                                          <span class="tw-whitespace-nowrap">Digital</span>
8505                                          
8506                                          
8507                                          
8508                                          
8509                                            
8510                                            
8511                                            
8512                                            
8513                                          
8514                                            
8515                                            
8516                                            
8517                                            
8518                                          
8519                                            
8520                                            
8521                                            
8522                                            
8523                                          
8524                                        </a>
8525                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8526                                        <a
8527                                          id="HeaderMenu-sunglasses-shop-by-lens-type-no-magnification"
8528                                          href="/collections/non-prescription-sunglasses"
8529                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8530                                          
8531                                        >
8532                                          <span class="tw-whitespace-nowrap">No Magnification</span>
8533                                          
8534                                          
8535                                          
8536                                          
8537                                            
8538                                            
8539                                            
8540                                            
8541                                          
8542                                            
8543                                            
8544                                            
8545                                            
8546                                          
8547                                            
8548                                            
8549                                            
8550                                            
8551                                          
8552                                        </a>
8553                                      </li></ul></li><li class=""><a
8554                                id="HeaderMenu-sunglasses-shop-by-collection"
8555                                href="#"
8556                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
8557                                
8558                              >
8559                                Shop by Collection
8560                              </a><ul
8561                                class="list-unstyled  tw-pt-30"
8562                              ><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8563                                        <a
8564                                          id="HeaderMenu-sunglasses-shop-by-collection-foster-grant®-collegiate"
8565                                          href="/collections/collegiate"
8566                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8567                                          
8568                                        >
8569                                          <span class="tw-whitespace-nowrap">Foster Grant® Collegiate</span>
8570                                          
8571                                          
8572                                          
8573                                          
8574                                            
8575                                            
8576                                            
8577                                            
8578                                          
8579                                            
8580                                            
8581                                            
8582                                            
8583                                          
8584                                            
8585                                            
8586                                            
8587                                            
8588                                              <span class="badge-class">NEW</span>
8589                                            
8590                                          
8591                                        </a>
8592                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8593                                        <a
8594                                          id="HeaderMenu-sunglasses-shop-by-collection-love-island-x-foster-grant®"
8595                                          href="/collections/love-island-x-foster-grant"
8596                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8597                                          
8598                                        >
8599                                          <span class="tw-whitespace-nowrap">Love Island x Foster Grant®</span>
8600                                          
8601                                          
8602                                          
8603                                          
8604                                            
8605                                            
8606                                            
8607                                            
8608                                          
8609                                            
8610                                            
8611                                            
8612                                            
8613                                          
8614                                            
8615                                            
8616                                            
8617                                            
8618                                          
8619                                        </a>
8620                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8621                                        <a
8622                                          id="HeaderMenu-sunglasses-shop-by-collection-sofia-vergara®-x-foster-grant®"
8623                                          href="/collections/sofia-vergara-foster-grant-sunglasses"
8624                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8625                                          
8626                                        >
8627                                          <span class="tw-whitespace-nowrap">Sofia Vergara® x Foster Grant®</span>
8628                                          
8629                                          
8630                                          
8631                                          
8632                                            
8633                                            
8634                                            
8635                                            
8636                                          
8637                                            
8638                                            
8639                                            
8640                                            
8641                                          
8642                                            
8643                                            
8644                                            
8645                                            
8646                                          
8647                                        </a>
8648                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8649                                        <a
8650                                          id="HeaderMenu-sunglasses-shop-by-collection-wicked®-x-foster-grant®"
8651                                          href="/collections/wicked-foster-grant"
8652                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8653                                          
8654                                        >
8655                                          <span class="tw-whitespace-nowrap">Wicked® x Foster Grant®</span>
8656                                          
8657                                          
8658                                          
8659                                          
8660                                            
8661                                            
8662                                            
8663                                            
8664                                          
8665                                            
8666                                            
8667                                            
8668                                            
8669                                          
8670                                            
8671                                            
8672                                            
8673                                            
8674                                          
8675                                        </a>
8676                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8677                                        <a
8678                                          id="HeaderMenu-sunglasses-shop-by-collection-foster-grant®-ironman®"
8679                                          href="/collections/sunglasses-ironman"
8680                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8681                                          
8682                                        >
8683                                          <span class="tw-whitespace-nowrap">Foster Grant® IRONMAN®</span>
8684                                          
8685                                          
8686                                          
8687                                          
8688                                            
8689                                            
8690                                            
8691                                            
8692                                          
8693                                            
8694                                            
8695                                            
8696                                            
8697                                          
8698                                            
8699                                            
8700                                            
8701                                            
8702                                          
8703                                        </a>
8704                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8705                                        <a
8706                                          id="HeaderMenu-sunglasses-shop-by-collection-foster-grant®-sun-luv-a4114a"
8707                                          href="/collections/sun-luv-foster-grant"
8708                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8709                                          
8710                                        >
8711                                          <span class="tw-whitespace-nowrap">Foster Grant® SUN LUV A4114A</span>
8712                                          
8713                                          
8714                                          
8715                                          
8716                                            
8717                                            
8718                                            
8719                                            
8720                                          
8721                                            
8722                                            
8723                                            
8724                                            
8725                                          
8726                                            
8727                                            
8728                                            
8729                                            
8730                                          
8731                                        </a>
8732                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
8733                                        <a
8734                                          id="HeaderMenu-sunglasses-shop-by-collection-styles-for-y-o-u-™"
8735                                          href="/collections/styles-for-you-sunglasses"
8736                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
8737                                          
8738                                        >
8739                                          <span class="tw-whitespace-nowrap">Styles for Y.O.U.™</span>
8740                                          
8741                                          
8742                                          
8743                                          
8744                                            
8745                                            
8746                                            
8747                                            
8748                                          
8749                                            
8750                                            
8751                                            
8752                                            
8753                                          
8754                                            
8755                                            
8756                                            
8757                                            
8758                                          
8759                                        </a>
8760                                      </li></ul></li><li class=""><a
8761                                id="HeaderMenu-sunglasses-shop-by-style"
8762                                href="#"
8763                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
8764                                
8765                              >
8766                                Shop by Style
8767                              </a><ul
8768                                class="list-unstyled  tw-flex tw-flex-row tw-flex-wrap tw-mt-17 tw-gap-20"
8769                              ><li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
8770    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
8771  <div class="
8772            new-card-collection__media
8773            tw-hover-img-color
8774            tw-bg-[#f2f2f2]
8775            tw-cursor-pointer
8776            tw-h-full
8777            tw-w-full
8778            [&_svg_path]:tw-fill-[#B29183]
8779            group-hover:[&_svg_path]:tw-border-2
8780            group-hover:[&_svg_path]:tw-fill-[#7a381c]
8781            [&_svg_path]:tw-transition-all
8782            [&_svg_path]:tw-duration-700
8783            [&_svg_path]:tw-border-[#eadedc]
8784            tw-transition
8785            tw-duration-700
8786            tw-rounded-[50%]"
8787        ><a href="/collections/rectangle-sunglasses" role="link" title="Rectangle"
8788        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10">
8788<svg width="200" height="50" viewBox="0 0 200 50" fill="none" xmlns="http://www.w3.org/2000/svg">
8789<g clip-path="url(#clip0_121_3206)">
8790<path d="M199.712 3.78244C199.262 3.33823 197.907 3.31521 197.253 3.22004C196.244 3.0733 195.232 2.94036 194.221 2.81159C189.02 2.14944 183.805 1.59387 178.591 1.04911C172.14 0.375138 165.655 0.0408599 159.17 0.00449143C151.63 -0.0377927 144.09 0.211471 136.593 1.05107C133.023 1.4509 129.464 2.01836 125.98 2.90593C124.267 3.34238 122.566 3.83647 120.909 4.45467C119.102 5.12873 117.342 5.95046 115.715 6.98914C113.678 8.28924 111.639 10.1186 109.136 10.2512C106.657 10.3825 104.125 10.3021 101.626 10.2418C99.1332 10.1816 96.6518 10.2284 94.1602 10.2824C94.0852 10.2841 94.0102 10.2856 93.9352 10.2871C92.9144 10.3078 91.8832 10.324 90.864 10.2512C88.361 10.1186 86.3221 8.28924 84.285 6.98914C82.6575 5.95046 80.8981 5.12873 79.0912 4.45467C77.4341 3.83647 75.7332 3.34238 74.0201 2.90593C70.5362 2.01836 66.9775 1.4509 63.407 1.05107C55.9096 0.211471 48.3701 -0.0377927 40.8301 0.00449143C34.3447 0.0408599 27.8596 0.375138 21.4087 1.04911C16.1945 1.59387 10.9798 2.14944 5.77898 2.81159C4.76752 2.94036 3.75647 3.0733 2.74749 3.22004C2.09323 3.31521 0.738491 3.33823 0.288283 3.78244C-0.102665 4.16823 0.0084463 4.67869 0.0345781 5.16595C0.0694205 5.81455 0.0599555 6.46448 0.057212 7.11368C0.0489129 9.09828 -0.118029 11.9616 2.30516 12.5674C4.55264 13.1293 7.
879008104 15.0958 7.92385 19.3098C7.92385 19.3098 9.89039 29.7043 11.576 33.6374C12.4243 35.617 13.1269 37.5799 14.4578 39.3051C16.3498 41.7575 19.1725 43.2079 22.0544 44.1768C25.4521 45.3192 28.8578 46.3903 32.3651 47.1223C39.4229 48.5954 46.8085 49.2317 54.0223 49.0913C58.9218 48.9954 63.7662 48.4146 68.6056 47.6842C68.6056 47.6842 74.2243 46.5604 76.7527 45.1558C78.3153 44.2877 79.8191 43.321 81.1558 42.1276C82.8852 40.5836 84.0392 38.894 85.1447 36.8742C87.4576 32.6484 89.3829 28.2256 91.2308 23.7812C91.8617 22.2638 92.3303 20.4127 93.5865 19.271C94.6147 18.3365 95.9677 17.8372 97.3141 17.5806C98.1981 17.4121 99.1008 17.3478 100 17.3446C100.899 17.3478 101.802 17.4121 102.686 17.5806C104.032 17.8372 105.385 18.3365 106.413 19.271C107.67 20.4127 108.138 22.2638 108.769 23.7812C110.617 28.2256 112.542 32.6484 114.855 36.8742C115.961 38.894 117.115 40.5836 118.844 42.1276C120.181 43.321 121.685 44.2877 123.247 45.1558C125.776 46.5604 131.394 47.6842 131.394 47.6842C136.234 48.4146 141.078 48.9954 145.978 49.0913C153.191 49.2317 160.577 48.5954 167.635 47.1223C171.142 46.3903 174.548 45.3192 177.946 44.1768C180.827 43.2079 183.65 41.7575 185.542 39.3051C186.873 37.5799 187.576 35.617 188.424 33.6374C190.11 29.7043 192.076 19.3098 192.076 19.3098C192.919 15.0958 195.447 13.1293 197.695 12.5674C200.118 11.9616 199.951 9.09828 199.943 7.11368C199.94 6.46448 199.931 5.81455 199.965 5.16595C199.992 4.67869 200.103 4.16823 199.712 3.78244ZM86.5854 19.8716C85.7426 28.5807 82.9333 33.6375 82.9333 33.6375C81.8228 36.1851 80.0367 38.3712 77.8409 40.0631C75.4901 41.8745 72.7388 43.122 69.9025 43.9577C65.8042 45.1652 61.5196 45.4635 57.2738 45.6839C53.9314 45.8579 50.5815 45.9466 47.2363 45.8002C42.2508 45.582 37.285 44.911 32.4203 43.7983C28.0242 42.7928 23.5289 41.5188 19.7881 38.9071C17.8003 37.5192 16.6577 35.6711 15.7617 33.4404C14.4556 30.1884 13.7443 26.7026 13.2616 23.243C13.0545 21.7586 12.9077 20.2631 12.8864 18.7636C12.8478 16.0479 13.2052 13.1865 14.6462 10.8271C16.3379 8.05726 19.3919 6.82836 22.4253 6.05431C29.2218 4.31996 36.4771 4.21759 43.4499 4.26416C48.5777 4.29841 53.7103 4.36941 58.825 4.76691C63.6621 5.14282 68.5062 5.80028 73.2082 7.01977C77.0242 8.00942 81.0638 9.61373 83.868 12.4801C85.7382 14.3917 86.881 16.8166 86.5854 19.8716ZM187.114 18.7636C187.092 20.2631 186.946 21.7586 186.738 23.243C186.256 26.7026 185.544 30.1884 184.238 33.4404C183.342 35.6711 182.2 37.5192 180.212 38.9071C176.471 41.5188 171.976 42.7928 167.58 43.7983C162.715 44.911 157.749 45.582 152.764 45.8002C149.419 45.9466 146.069 45.8579 142.726 45.6839C138.48 45.4635 134.196 45.1652 130.098 43.9577C127.261 43.122 124.51 41.8745 122.159 40.0631C119.963 38.3712 118.177 36.1851 117.067 33.6375C117.067 33.6375 114.257 28.5807 113.415 19.8716C113.119 16.8166 114.262 14.3917 116.132 12.4801C118.936 9.61373 122.976 8.00942 126.792 7.01977C131.494 5.80028 136.338 5.14282 141.175 4.76691C146.29 4.36941 151.422 4.29841 156.55 4.26416C163.523 4.21759 170.778 4.31996 177.575 6.05431C180.608 6.82836 183.662 8.05726 185.354 10.8271C186.795 13.1865 187.152 16.0479 187.114 18.7636Z" fill="#B29183"/>
8791</g>
8792<defs>
8793<clipPath id="clip0_121_3206">
8794<rect width="200" height="49.1103" fill="white"/>
8795</clipPath>
8796</defs>
8797</svg>
8798</div><div class="tw-text-[9px] tw-font-gotham-medium">
8799          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
8800                Rectangle
8801              </div></div>
8802        </div>
8803
8804      </a></div>
8805</div>
8806
8807</li>
8808<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
8809    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
8810  <div class="
8811            new-card-collection__media
8812            tw-hover-img-color
8813            tw-bg-[#f2f2f2]
8814            tw-cursor-pointer
8815            tw-h-full
8816            tw-w-full
8817            [&_svg_path]:tw-fill-[#B29183]
8818            group-hover:[&_svg_path]:tw-border-2
8819            group-hover:[&_svg_path]:tw-fill-[#7a381c]
8820            [&_svg_path]:tw-transition-all
8821            [&_svg_path]:tw-duration-700
8822            [&_svg_path]:tw-border-[#eadedc]
8823            tw-transition
8824            tw-duration-700
8825            tw-rounded-[50%]"
8826        ><a href="/collections/square-sunglasses" role="link" title="Square"
8827        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="73" viewBox="0 0 200 73" fill="none" xmlns="http://www.w3.org/2000/svg">
8828<g clip-path="url(#clip0_121_3215)">
8829<path d="M199.898 18.9008C199.23 14.1716 193.769 16.7535 193.768 16.6288C193.507 -1.37851 160.403 0.262862 155.372 0.066572C140.715 -0.508754 125.544 2.67996 121.298 8.27498C119.369 10.8176 118.206 13.5848 116.838 16.5462L116.575 10.9266L116.265 10.5985C116.119 10.3827 112.761 4.29532 100.801 3.78223V3.77371C100.754 3.77371 100.713 3.77797 100.666 3.77797C100.182 3.7591 99.711 3.73201 99.1991 3.73201V3.82392C87.2389 4.33716 83.8809 10.4244 83.7348 10.6402L83.4247 10.9683L83.1621 16.5879C81.7939 13.6265 80.6313 10.8595 78.7016 8.31667C74.4557 2.72166 59.2853 -0.467062 44.6283 0.108265C39.5968 0.304554 6.49292 -1.33682 6.23242 16.6705C6.23059 16.7952 0.769859 14.2133 0.101714 18.9425C-0.501534 23.2204 1.64601 23.5265 4.75515 23.4934C4.37816 38.0215 2.49074 53.5178 13.727 64.8252C19.732 70.8685 34.5295 72.0231 43.7121 72.0231C51.9998 72.0231 57.8092 72.2231 64.5987 68.0593C77.8332 59.9413 86.6796 41.4802 86.1134 28.6708C86.0391 26.9718 85.8178 25.2826 85.4744 23.6221L85.5897 23.6273L86.2685 11.9654C87.1555 11.0545 91.011 7.93079 100.801 7.93079V7.9212C109.411 8.23891 112.895 11.0644 113.731 11.9237L114.41 23.5856L114.526 23.5804C114.182 25.2409 113.961 26.9301 113.887 28.6291C113.32 41.4385 122.167 59.8996 135.401 68.0176C142.191 72.1814 148 71.9814 156.288 71.9814C165.471 71.9814 180.268 70.8268 186.273 
882964.7836C197.509 53.4761 195.622 37.9798 195.245 23.4517C198.354 23.4848 200.502 23.1787 199.898 18.9008ZM63.1363 65.7668C56.7817 69.5901 51.4908 69.2256 43.7121 69.2256C35.1513 69.2256 23.5787 67.9528 17.3195 63.2303C11.3758 58.7457 9.80565 54.7621 8.01043 45.5043C6.41151 37.2531 7.90012 26.6303 9.04704 19.7432C10.9786 8.14473 18.0898 5.82364 25.9845 4.16172C34.3365 2.40333 47.1026 3.04333 48.0062 3.00772C80.7272 1.71464 80.6229 17.5999 83.3199 29.5692C85.2245 38.0215 75.4493 58.3596 63.1363 65.7668ZM191.99 45.4626C190.194 54.7204 188.624 58.7041 182.681 63.1886C176.421 67.9111 164.849 69.1838 156.288 69.1838C148.509 69.1838 143.218 69.5484 136.864 65.7251C124.551 58.3179 114.775 37.9798 116.68 29.5274C119.377 17.5583 119.273 1.67295 151.994 2.96603C152.897 3.00163 165.664 2.36164 174.016 4.11988C181.91 5.78195 189.021 8.10303 190.953 19.7013C192.1 26.5886 193.589 37.2114 191.99 45.4626Z" fill="#B29183"/>
8830</g>
8831<defs>
8832<clipPath id="clip0_121_3215">
8833<rect width="200" height="72.0247" fill="white"/>
8834</clipPath>
8835</defs>
8836</svg>
8837</div><div class="tw-text-[9px] tw-font-gotham-medium">
8838          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
8839                Square
8840              </div></div>
8841        </div>
8842
8843      </a></div>
8844</div>
8845
8846</li>
8847<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
8848    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
8849  <div class="
8850            new-card-collection__media
8851            tw-hover-img-color
8852            tw-bg-[#f2f2f2]
8853            tw-cursor-pointer
8854            tw-h-full
8855            tw-w-full
8856            [&_svg_path]:tw-fill-[#B29183]
8857            group-hover:[&_svg_path]:tw-border-2
8858            group-hover:[&_svg_path]:tw-fill-[#7a381c]
8859            [&_svg_path]:tw-transition-all
8860            [&_svg_path]:tw-duration-700
8861            [&_svg_path]:tw-border-[#eadedc]
8862            tw-transition
8863            tw-duration-700
8864            tw-rounded-[50%]"
8865        ><a href="/collections/cat-eye-sunglasses" role="link" title="Cat Eye"
8866        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="67" viewBox="0 0 200 67" fill="none" xmlns="http://www.w3.org/2000/svg">
8867<g clip-path="url(#clip0_121_3194)">
8868<path d="M177.726 42.7031C174.347 47.7714 157.621 67.0318 133.63 60.7802C109.639 54.5295 107.444 31.7211 112.511 27.3288C117.579 22.9353 128.224 18.5429 128.224 18.5429C136.332 15.335 167.59 6.04062 178.401 10.434C189.215 14.8265 181.104 37.6349 177.726 42.7031ZM65.4809 60.7802C41.8112 67.0318 25.3106 47.7714 21.9756 42.7031C18.6415 37.6349 10.6429 14.8265 21.3092 10.434C31.9765 6.04062 62.8143 15.335 70.8141 18.5429C70.8141 18.5429 81.3152 22.9353 86.3157 27.3288C91.3162 31.7211 89.1496 54.5295 65.4809 60.7802ZM198.506 1.98616C192.762 -2.74421 165.73 1.81665 145.287 6.88598C125.158 11.878 103.06 27.5173 99.3254 27.993C95.6407 27.5173 73.8398 11.878 53.9787 6.88598C33.8093 1.81665 7.14247 -2.74421 1.47352 1.98616C-4.19338 6.71654 7.97522 30.8767 12.8094 38.6476C17.6414 46.4196 32.7224 69.5628 60.8131 65.8495C83.8143 62.8079 91.3162 44.5614 92.65 42.3662C93.9827 40.169 93.4827 37.4653 99.1517 37.4653H99.5034C105.247 37.4653 104.739 40.169 106.092 42.3662C107.444 44.5614 115.047 62.8079 138.36 65.8495C166.833 69.5628 182.119 46.4196 187.018 38.6476C191.917 30.8767 204.251 6.71654 198.506 1.98616Z" fill="#B29183"/>
8869</g>
8870<defs>
8871<clipPath id="clip0_121_3194">
8872<rect width="200" height="66.2498" fill="white"/>
8873</clipPath>
8874</defs>
8875</svg>
8876</div><div class="tw-text-[9px] tw-font-gotham-medium">
8877          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
8878                Cat Eye
8879              </div></div>
8880        </div>
8881
8882      </a></div>
8883</div>
8884
8885</li>
8886<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
8887    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
8888  <div class="
8889            new-card-collection__media
8890            tw-hover-img-color
8891            tw-bg-[#f2f2f2]
8892            tw-cursor-pointer
8893            tw-h-full
8894            tw-w-full
8895            [&_svg_path]:tw-fill-[#B29183]
8896            group-hover:[&_svg_path]:tw-border-2
8897            group-hover:[&_svg_path]:tw-fill-[#7a381c]
8898            [&_svg_path]:tw-transition-all
8899            [&_svg_path]:tw-duration-700
8900            [&_svg_path]:tw-border-[#eadedc]
8901            tw-transition
8902            tw-duration-700
8903            tw-rounded-[50%]"
8904        ><a href="/collections/round-sunglasses" role="link" title="Round"
8905        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10">
8905<svg width="200" height="70" viewBox="0 0 200 70" fill="none" xmlns="http://www.w3.org/2000/svg">
8906<g clip-path="url(#clip0_121_3203)">
8907<path d="M175.019 3.79339C164.79 0.439407 154.902 -1.39492 140.312 1.28866C125.722 3.97157 118.458 12.042 115.942 12.2103C113.426 12.3779 106.757 9.23312 100 9.23312C93.2432 9.23312 86.5228 12.3779 84.0068 12.2103C81.4915 12.042 74.2019 3.97157 59.6119 1.28866C45.0222 -1.39492 35.1721 0.439407 24.9426 3.79339C14.7128 7.14738 9.39115 11.497 0 11.497V22.0624C0 22.0624 5.70169 22.2299 6.3727 25.5839C7.04345 28.9379 9.22358 44.031 16.7701 53.4226C24.3164 62.8134 32.4843 69.0772 46.7882 69.6889C62.4683 70.3599 73.0508 63.8236 78.7772 57.2793C86.8478 48.0561 90.2123 33.8016 91.0509 27.0937C91.0509 27.0937 87.5594 25.2487 88.9008 21.3913C89.9625 18.3395 93.2432 17.7021 100 17.7021C106.757 17.7021 109.988 18.3395 111.05 21.3913C112.391 25.2487 108.851 27.0937 108.851 27.0937C109.69 33.8016 113.057 48.0561 121.128 57.2793C126.854 63.8236 137.443 70.3599 153.123 69.6889C167.427 69.0772 175.608 62.8134 183.154 53.4226C190.701 44.031 192.906 28.9379 193.576 25.5839C194.247 22.2299 200 22.0624 200 22.0624V11.497C190.541 11.497 185.249 7.14738 175.019 3.79339ZM79.8234 47.9722C75.1112 58.046 66.0741 63.8197 56.9122 65.1954C48.7701 66.4174 41.7573 67.1736 31.2388 61.4581C21.2491 56.0302 15.1522 45.8595 13.5274 33.8352C11.9028 21.811 18.9569 12.1806 26.2019 7.9992C34.3786 3.28001 50.9003 1.98738 61.4621 4.91184C72.0238 7.83691 79.8234 14.9862 81.9355 20.9987C84.048 27.0105 84.5357 37.8979 79.8234 47.9722ZM186.371 33.8352C184.746 45.8595 178.65 56.0302 168.66 61.4581C158.141 67.1736 151.129 66.4174 142.987 65.1954C133.825 63.8197 124.787 58.046 120.075 47.9722C115.363 37.8979 115.851 27.0105 117.963 20.9987C120.075 14.9862 127.875 7.83691 138.437 4.91184C148.998 1.98738 165.52 3.28001 173.697 7.9992C180.942 12.1806 187.996 21.811 186.371 33.8352Z" fill="#B29183"/>
8908</g>
8909<defs>
8910<clipPath id="clip0_121_3203">
8911<rect width="200" height="69.7365" fill="white"/>
8912</clipPath>
8913</defs>
8914</svg>
8915</div><div class="tw-text-[9px] tw-font-gotham-medium">
8916          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
8917                Round
8918              </div></div>
8919        </div>
8920
8921      </a></div>
8922</div>
8923
8924</li>
8925<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
8926    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
8927  <div class="
8928            new-card-collection__media
8929            tw-hover-img-color
8930            tw-bg-[#f2f2f2]
8931            tw-cursor-pointer
8932            tw-h-full
8933            tw-w-full
8934            [&_svg_path]:tw-fill-[#B29183]
8935            group-hover:[&_svg_path]:tw-border-2
8936            group-hover:[&_svg_path]:tw-fill-[#7a381c]
8937            [&_svg_path]:tw-transition-all
8938            [&_svg_path]:tw-duration-700
8939            [&_svg_path]:tw-border-[#eadedc]
8940            tw-transition
8941            tw-duration-700
8942            tw-rounded-[50%]"
8943        ><a href="/collections/pilot" role="link" title="Pilot"
8944        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="77" viewBox="0 0 200 77" fill="none" xmlns="http://www.w3.org/2000/svg">
8945<g clip-path="url(#clip0_121_3209)">
8946<path d="M199.919 24.9377C199.58 22.7364 199.76 22.2283 195.019 20.535C190.278 18.8416 188.775 16.6403 184.372 11.8989C179.969 7.15753 173.916 4.61744 166.126 3.26277C162.277 2.59333 158.698 2.191 154.367 2.06788C154.371 2.01855 154.382 1.97134 154.382 1.92108C154.382 0.859858 153.522 0 152.461 0H47.5409C46.4803 0 45.6198 0.859858 45.6198 1.92108C45.6198 1.98072 45.632 2.03692 45.6373 2.09524C41.3049 2.20874 37.726 2.5931 33.8754 3.26277C26.086 4.61744 20.0323 7.15753 15.6295 11.8989C11.2269 16.6403 9.72401 18.8416 4.9826 20.535C0.241186 22.2283 0.421286 22.7364 0.0825025 24.9377C-0.256125 27.1391 0.398149 29.2641 2.97037 29.5703C7.3508 30.0918 7.54122 35.6058 9.5733 39.8392C11.6052 44.0726 18.0412 65.2394 34.2975 72.8595C50.5535 80.4795 59.9405 75.545 72.2299 64.0541C77.579 59.0524 82.1739 53.2651 85.7839 46.8917C88.4344 42.2124 90.48 37.2507 92.2162 32.1696C93.023 29.8095 92.9254 27.2536 92.7394 24.8024C92.603 23.0062 91.201 21.3792 91.6917 19.5175C92.1684 17.7091 94.1714 16.9812 95.8148 16.6479C97.1883 16.3693 98.6025 16.2984 100.001 16.3016C103.256 16.3089 109.554 16.8631 108.477 21.6276C108.191 22.8935 107.507 23.9184 107.309 25.2219C106.77 28.7739 107.687 31.9079 108.9 35.1948C109.801 37.6371 110.8 40.0433 111.922 42.3928C114.828 48.4806 118.561 54.1584 123.041 59.2039C124.542 60.8931 126.122 62.5111 127.772 64.0541C140.061 75.545 149.448 80.4795 165.704 72.8595C181.96 65.2394 189.446 44.4312 190.428 39.8392C191.427 35.1676 193.642 30.1985 197.061 29.3617C199.577 28.746 200.258 27.1391 199.919 24.937
89467ZM86.5918 34.9977C84.3315 44.04 76.8032 56.9314 64.8395 66.3574C52.8757 75.7835 44.1746 74.6958 34.7487 69.6203C25.3225 64.5447 19.522 56.2063 16.2591 46.2364C12.9962 36.2666 12.9962 22.6713 18.4342 14.8767C23.8724 7.0821 35.8362 4.90689 52.513 4.72562C68.86 4.54787 82.0715 9.94347 85.6613 15.9615C85.7336 16.0833 85.8114 16.2009 85.8667 16.3269C88.4046 22.1275 88.4046 27.7469 86.5918 34.9977ZM109.976 13.3005C107.605 13.3005 106.774 11.3189 100.001 11.3189C93.2274 11.3189 92.5827 13.3527 90.212 13.3527C88.2495 13.3527 82.9041 6.75434 70.83 3.84216H129.87C118.631 6.73714 111.933 13.3005 109.976 13.3005ZM184.525 46.279C181.243 56.3082 175.407 64.6963 165.925 69.8021C156.443 74.9079 147.69 76.002 135.655 66.5198C123.62 57.0376 116.047 44.0694 113.773 34.9733C111.95 27.6794 111.95 22.0265 114.503 16.1913C114.558 16.0646 114.637 15.9463 114.709 15.8237C118.321 9.76994 131.611 4.34212 148.055 4.5209C164.831 4.70326 176.866 6.89145 182.337 14.7325C187.807 22.5735 187.807 36.2498 184.525 46.279Z" fill="#B29183"/>
8947</g>
8948<defs>
8949<clipPath id="clip0_121_3209">
8950<rect width="200" height="76.5173" fill="white"/>
8951</clipPath>
8952</defs>
8953</svg>
8954</div><div class="tw-text-[9px] tw-font-gotham-medium">
8955          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
8956                Pilot
8957              </div></div>
8958        </div>
8959
8960      </a></div>
8961</div>
8962
8963</li>
8964<li class="tw-w-70 tw-h-70 [&:focus-within]:tw-ring-2 [&:focus-within]:tw-ring-black">
8965    <div class="tw-new-card-collection-wrapper tw-group tw-card-tear-shape tw-w-70 tw-h-70">
8966  <div class="
8967            new-card-collection__media
8968            tw-hover-img-color
8969            tw-bg-[#f2f2f2]
8970            tw-cursor-pointer
8971            tw-h-full
8972            tw-w-full
8973            [&_svg_path]:tw-fill-[#B29183]
8974            group-hover:[&_svg_path]:tw-border-2
8975            group-hover:[&_svg_path]:tw-fill-[#7a381c]
8976            [&_svg_path]:tw-transition-all
8977            [&_svg_path]:tw-duration-700
8978            [&_svg_path]:tw-border-[#eadedc]
8979            tw-transition
8980            tw-duration-700
8981            tw-rounded-[50%]"
8982        ><a href="/collections/oval-sunglasses" role="link" title="Oval"
8983        class="tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-5"><div class="svg-card [&_svg]:tw-h-full [&_svg]:tw-w-full tw-px-10"><svg width="200" height="62" viewBox="0 0 200 62" fill="none" xmlns="http://www.w3.org/2000/svg">
8984<g clip-path="url(#clip0_121_3212)">
8985<path d="M99.4744 16.3827C105.946 16.3528 107.497 19.1707 107.497 21.0675C107.19 22.8647 107.438 24.7318 107.667 26.5252C108.232 30.9435 108.893 35.5792 112.197 42.0591C117.175 51.8231 126.973 58.5929 138.408 60.1682C142.638 60.7511 146.615 61.0431 150.358 61.0431C159.06 61.0431 166.496 59.4628 172.884 56.2782C182.752 51.3592 191.081 46.1882 193.072 32.6746C193.296 31.1589 193.371 29.6798 193.331 28.2378C193.486 26.8406 193.585 25.7001 193.739 24.9269C194.125 22.9998 196.232 22.152 197.896 21.7807C199.133 21.5047 200 20.3905 200 19.1231L200 13.8009C200 12.4006 198.937 11.2175 197.543 11.0871C190.215 10.4018 187.202 6.64785 178.177 3.68892C169.893 0.972747 158.353 -0.711219 146.53 0.293954C141.463 0.445208 136.791 0.966663 133.278 1.85955C125.334 3.87821 120.558 5.35636 115.373 10.907C113.837 12.5514 111.318 13.536 109.237 12.6799C106.514 11.5595 102.462 10.5873 99.3254 10.5873C96.5587 10.5873 92.1087 11.3544 90.0554 12.0333C87.9238 12.738 85.6952 11.9009 84.1308 10.2905C78.7901 4.7925 74.4588 3.79996 66.8217 1.85955C63.2757 0.958268 58.5478 0.434888 53.4227 0.289641C41.6166 -0.707061 30.0964 0.976366 21.8237 3.68892C12.7986 6.64788 9.78506 10.4019 2.457 11.0872C1.06282 11.2175 6.59854e-05 12.4007 5.22399e-05 13.8009L1.33954e-10 19.1227C-1.24179e-05 20.3877 0.863375 21.5046 2.09821 21.7794C3.76389 22.1501 5.87482 22.9976 6.26057 24.9269C6.44818 25.8641 6.55507 27.3397 6.77995 29.1656C6.79011 30.3149 6.85326 31.4803 7.02885 32.6746C9.01887 46.187 17.3486 51.3586 27.2161 56.2782C33.6051 59.4634 41.0402 61.0431 49.7433 61.0431C53.4868 61.0431 57.4643 60.7511 61.6933 60.1682C73.1282 58.5929 82.9267 51.8231 87.9048 42.0591C91.2606 35.4755 92.6078 26.7821 91.7838 21.4155C91.5075 19.6154 93.9138 16.4084 99.4744 16.3827ZM84.5335 40.3402C80.1173 49.0014 71.3858 55.0121 61.1758 56.4186C47.8963 58.2485 37.3362 57.0945 28.9042 52.8908C23.4471 50.1699 19.3417 47.6885 16.3912 44.572C13.3827 41.3947 11.5748 37.5571 10.7748 32.1238C9.17413 21.2576 16.0116 12.3943 23.4985 8.4303C28.6997 5.6757 40.2541 4.04795 50.8375 4.04795C53.1615 4.04795 55.4312 4.13113 57.5833 4.29332C60.686 4.52713 63.537 4.93021 65.8902 5.52783C74.2421 7.65047 80.7371 12.0415 84.2747 16.3213C84.6653 16.794 85.0104 17.2638 85.3273 17.7305C85.933 18.6225 86.4166 19.4997 86.7367 20.3359C88.9078 26.0077 89.243 31.0986 84.5335 40.3402ZM171.196 52.8908C162.763 57.0945 152.204 58.2472 138.926 56.4186C128.716 55.0121 119.984 49.0014 115.568 40.3402C112.584 34.4856 111.629 30.2983 111.879 26.5726C111.93 25.8084 112.033 25.0633 112.179 24.3278C112.445 22.9882 112.851 21.6778 113.365 20.3359C115.369 15.1002 123.174 8.33234 134.21 5.52783C136.54 4.93622 139.358 4.5356 142.424 4.30048C144.604 4.13336 146.905 4.04734 149.263 4.04734C159.846 4.04734 171.402 5.6757 176.603 8.4303C184.09 12.3943 190.927 21.2582 189.327 32.1238C188.522 37.5864 186.697 41.4344 183.66 44.6215C180.712 47.7146 176.624 50.1847 171.196 52.8908Z" fill="#B29183"/>
8986</g>
8987<defs>
8988<clipPath id="clip0_121_3212">
8989<rect width="200" height="61.0431" fill="white"/>
8990</clipPath>
8991</defs>
8992</svg>
8993</div><div class="tw-text-[9px] tw-font-gotham-medium">
8994          <div class="tw-cursor-pointer"><div class="tw-text-black group-hover:tw-text-[#7a381c]">
8995                Oval
8996              </div></div>
8997        </div>
8998
8999      </a></div>
9000</div>
9001
9002</li>
9003</ul></li><li class=""></li></ul>
9004                  </div>
9005                </div><div
9006  class="
9007    power-selector-div tw-bg-[#eadedc]
9008    tw-relative tw-z-index-3 tw-py-[1rem] tw-flex tw-flex-row tw-justify-center tw-items-center tw-gap-[1rem]
9009  "
9010>
9011  <div class="tw-px-[1.3rem] tw-flex tw-gap-6 tw-py-[1.1rem]">
9012    <span
9013      class="
9014        focus-inset tw-block tw-font-secondary
9015        tw-text-fs-16 tw-leading-[22px]
9016      "
9017    >
9018       Find the best Sunglasses for YOU. Start the Frame Finder
9019    </span>
9020    <a
9021      href="/collections/frame-finder"
9022      class="
9023        focus-inset tw-block tw-font-gotham-medium
9024        tw-text-fs-16 tw-leading-[22px] tw-font-[700] hover:tw-text-brown tw-transition tw-duration-400 tw-text-black tw-border-b-1 tw-border-black hover:tw-border-brown
9025      "
9026      aria-label="Start the Frame Finder"
9027      title="Start the Frame Finder"
9028      tabindex="0"
9029    >
9030      Start the Frame Finder
9031    </a><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
9031ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
9032</div>
9033</div>
9034�</div>
9035            </header-menu></li><li class=" tw-hidden lmd:tw-flex lmd:tw-justify-center lmd:tw-content-center "><header-menu
9036              class="
9037                tw-flex tw-items-center tw-h-full tw-w-full tw-cursor-pointer tw-menu-content-animation
9038              "
9039            >
9040              <details id="Details-HeaderMenu-3" class="mega-menu tw-h-full tw-flex tw-items-center">
9041                <summary
9042                  id="HeaderMenu-blue-light"
9043                  class="
9044                    tw-h-full
9045                    lmd:tw-mx-27
9046                    header__menu-item list-menu__item focus-inset
9047                    tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-font-bold
9048                    [&::after]:tw-content-[''] [&::after]:tw-block [&::after]:tw-m-auto
9049                    [&::after]:tw-w-0 [&::after]:tw-h-3 [&::after]:tw-bg-transparent
9050                    [&::after]:tw-absolute [&::after]:tw-bottom-0
9051                    [&::after]:tw-left-[50%]
9052                    [&::after]:tw-transition-all [&::after]:tw-duration-350 [&::after]:tw-ease-linear
9053                    tw-font-gotham-medium
9054                  "
9055                >
9056                  <a
9057                    href="/collections/blue-light"
9058                    role="presentation"
9059                    class="
9060                      tw-tracking-[0.7px] tw-font-gotham-medium tw-text-fs-14
9061                      tw-h-full
9062                      tw-flex
9063                      tw-items-center
9064                    "
9065                  >Blue Light</a>
9066                </summary>
9067              </details>
9068              <div
9069                id="MegaMenu-Content-3"
9070                class="
9071                  mega-menu__content tw-absolute tw-left-0 tw-right-0
9072                  tw-top-[-700px] tw-mx-auto tw-transition-all
9073                  tw-duration-[800ms] tw-ease-in-out tw-overflow-x-hidden
9074                  color-scheme-1 gradient
9075                  motion-reduce global-settings-popup [&]:!tw-py-[unset]
9076                "
9077                tabindex="-1"
9078              >
9079                <div
9080                  class="
9081                    tw-flex page-width tw-flex-row tw-px-0 tw-w-full
9082                      before:tw-absolute
9083                      before:content-['']
9084                      before:tw-inset-y-0
9085                      before:tw-w-[calc((100vw-136rem)/2)]
9086                    before:tw-bg-custom-gray
9087                      before:tw-left-0
9088                  "
9089                ><div class="tw-bg-custom-gray tw-flex tw-pt-40 tw-pb-20 tw-w-[24%]">
9090            <ul class="list-unstyled tw-w-full" role="list"><li class="tw-mb-20 hover:[&_a]:tw-text-brown
9091                          tw-px-36 mlg:tw-px-57
9092                          ">
9093                            <a
9094                                id="HeaderMenu-womens"
9095                                href="/collections/blue-light-womens"
9096                                class="
9097                                tw-text-fs-14
9098                                tw-font-gotham-medium
9099                                  "
9100                                
9101                                >
9102                                Women&#39;s
9103                            </a>
9104                        </li>
9105<li class="tw-mb-20 hover:[&_a]:tw-text-brown
9106                          tw-px-36 mlg:tw-px-57
9107                          ">
9108                            <a
9109                                id="HeaderMenu-mens"
9110                                href="/collections/blue-light-mens"
9111                                class="
9112                                tw-text-fs-14
9113                                tw-font-gotham-medium
9114                                  "
9115                                
9116                                >
9117                                Men&#39;s
9118                            </a>
9119                        </li>
9120<li class="tw-mb-20 hover:[&_a]:tw-text-brown
9121                          tw-px-36 mlg:tw-px-57
9122                          ">
9123                            <a
9124                                id="HeaderMenu-kids"
9125                                href="/collections/kids-blue-light-glasses"
9126                                class="
9127                                tw-text-fs-14
9128                                tw-font-gotham-medium
9129                                  "
9130                                
9131                                >
9132                                Kids&#39;
9133                            </a>
9134                        </li>
9135<li class="tw-mb-20 hover:[&_a]:tw-text-brown
9136                          tw-px-36 mlg:tw-px-57
9137                          ">
9138                            <a
9139                                id="HeaderMenu-accessories"
9140                                href="/collections/accessories"
9141                                class="
9142                                tw-text-fs-14
9143                                tw-font-gotham-medium
9144                                  "
9145                                
9146                                >
9147                                Accessories
9148                            </a>
9149                        </li>
9150<li class="tw-mb-20 hover:[&_a]:tw-text-brown
9151                          tw-px-36 mlg:tw-px-57
9152                          ">
9153                            <a
9154                                id="HeaderMenu-clearance"
9155                                href="/collections/blue-light-clearance"
9156                                class="
9157                                tw-text-fs-14
9158                                tw-font-gotham-medium
9159                                  "
9160                                
9161                                >
9162                                Clearance
9163                            </a>
9164                        </li>
9165<li class="[&_button]:tw-justify-center tw-px-36 mlg:tw-px-57">
9166                    <a href="/collections/blue-light"
9167                      class="tw-h-44
9168                      tw-max-w-164
9169                      details-button hover:tw-bg-black hover:tw-text-white tw-text-black tw-border-2 tw-border-solid tw-border-black tw-w-full tw-text-center tw-bg-transparent 
9170                      tw-no-underline tw-py-7 tw-block tw-rounded-none">
9171                      <span class="tw-font-gotham-medium tw-tracking-7 tw-uppercase tw-leading-[1] tw-font-bold">Shop All</span>
9172                    </a>
9173                  </li>
9174            </ul>
9175        </div><div class="tw-w-[76%]">
9176                    <ul
9177                      class="
9178                        tw-h-full
9179                        tw-grid tw-p-36 xlg:tw-p-40
9180                        tw-gap-36
9181                        tw-grid-cols-[minmax(200px,1fr)_minmax(200px,1fr)_minmax(250px,1.5fr)]
9182                        
9183                      "
9184                      role="list"
9185                    ><li class=""><a
9186                                id="HeaderMenu-blue-light-shop-by-lens-type"
9187                                href="#"
9188                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
9189                                
9190                              >
9191                                Shop  by Lens Type
9192                              </a><ul
9193                                class="list-unstyled  tw-pt-30"
9194                              ><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9195                                        <a
9196                                          id="HeaderMenu-blue-light-shop-by-lens-type-no-magnification"
9197                                          href="/collections/non-prescription-blue-light-glasses"
9198                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9199                                          
9200                                        >
9201                                          <span class="tw-whitespace-nowrap">No Magnification</span>
9202                                          
9203                                          
9204                                          
9205                                          
9206                                            
9207                                            
9208                                            
9209                                            
9210                                          
9211                                            
9212                                            
9213                                            
9214                                            
9215                                          
9216                                            
9217                                            
9218                                            
9219                                            
9220                                          
9221                                        </a>
9222                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9223                                        <a
9224                                          id="HeaderMenu-blue-light-shop-by-lens-type-full-magnification"
9225                                          href="/collections/magnifying-blue-light-glasses"
9226                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9227                                          
9228                                        >
9229                                          <span class="tw-whitespace-nowrap">Full Magnification</span>
9230                                          
9231                                          
9232                                          
9233                                          
9234                                            
9235                                            
9236                                            
9237                                            
9238                                          
9239                                            
9240                                            
9241                                            
9242                                            
9243                                          
9244                                            
9245                                            
9246                                            
9247                                            
9248                                          
9249                                        </a>
9250                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9251                                        <a
9252                                          id="HeaderMenu-blue-light-shop-by-lens-type-blue-light-readers"
9253                                          href="/collections/reading-glasses-blue-light-readers"
9254                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9255                                          
9256                                        >
9257                                          <span class="tw-whitespace-nowrap">Blue Light Readers</span>
9258                                          
9259                                          
9260                                          
9261                                          
9262                                            
9263                                            
9264                                            
9265                                            
9266                                          
9267                                            
9268                                            
9269                                            
9270                                            
9271                                          
9272                                            
9273                                            
9274                                            
9275                                            
9276                                          
9277                                        </a>
9278                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9279                                        <a
9280                                          id="HeaderMenu-blue-light-shop-by-lens-type-multi-focus™"
9281                                          href="/collections/multi-focus-blue-light-glasses"
9282                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9283                                          
9284                                        >
9285                                          <span class="tw-whitespace-nowrap">Multi Focus™</span>
9286                                          
9287                                          
9288                                          
9289                                          
9290                                            
9291                                            
9292                                            
9293                                            
9294                                          
9295                                            
9296                                            
9297                                            
9298                                            
9299                                          
9300                                            
9301                                            
9302                                            
9303                                            
9304                                          
9305                                        </a>
9306                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9307                                        <a
9308                                          id="HeaderMenu-blue-light-shop-by-lens-type-bifocal-style"
9309                                          href="/collections/pop-of-power-foster-grant-readers"
9310                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9311                                          
9312                                        >
9313                                          <span class="tw-whitespace-nowrap">Bifocal-Style</span>
9314                                          
9315                                          
9316                                          
9317                                          
9318                                            
9319                                            
9320                                            
9321                                            
9322                                          
9323                                            
9324                                            
9325                                            
9326                                            
9327                                          
9328                                            
9329                                            
9330                                            
9331                                            
9332                                          
9333                                        </a>
9334                                      </li></ul></li><li class=""><a
9335                                id="HeaderMenu-blue-light-shop-by-collection"
9336                                href="#"
9337                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
9338                                
9339                              >
9340                                Shop By Collection
9341                              </a><ul
9342                                class="list-unstyled  tw-pt-30"
9343                              ><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9344                                        <a
9345                                          id="HeaderMenu-blue-light-shop-by-collection-sofia-vergara®-x-foster-grant®"
9346                                          href="/collections/sofia-vergara-foster-grant-blue-light"
9347                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9348                                          
9349                                        >
9350                                          <span class="tw-whitespace-nowrap">Sofia Vergara® x Foster Grant®</span>
9351                                          
9352                                          
9353                                          
9354                                          
9355                                            
9356                                            
9357                                            
9358                                            
9359                                          
9360                                            
9361                                            
9362                                            
9363                                            
9364                                          
9365                                            
9366                                            
9367                                            
9368                                            
9369                                          
9370                                        </a>
9371                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9372                                        <a
9373                                          id="HeaderMenu-blue-light-shop-by-collection-styles-for-y-o-u-™"
9374                                          href="/collections/styles-for-you-blue-light-glasses"
9375                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9376                                          
9377                                        >
9378                                          <span class="tw-whitespace-nowrap">Styles for Y.O.U.™</span>
9379                                          
9380                                          
9381                                          
9382                                          
9383                                            
9384                                            
9385                                            
9386                                            
9387                                          
9388                                            
9389                                            
9390                                            
9391                                            
9392                                          
9393                                            
9394                                            
9395                                            
9396                                            
9397                                          
9398                                        </a>
9399                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9400                                        <a
9401                                          id="HeaderMenu-blue-light-shop-by-collection-pop-of-power®-bifocal-style-reader"
9402                                          href="/collections/pop-of-power-foster-grant-readers"
9403                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9404                                          
9405                                        >
9406                                          <span class="tw-whitespace-nowrap">Pop of Power® Bifocal Style Reader</span>
9407                                          
9408                                          
9409                                          
9410                                          
9411                                            
9412                                            
9413                                            
9414                                            
9415                                          
9416                                            
9417                                            
9418                                            
9419                                            
9420                                          
9421                                            
9422                                            
9423                                            
9424                                            
9425                                          
9426                                        </a>
9427                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9428                                        <a
9429                                          id="HeaderMenu-blue-light-shop-by-collection-disney-foster-grant®"
9430                                          href="/collections/disney-foster-grant"
9431                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9432                                          
9433                                        >
9434                                          <span class="tw-whitespace-nowrap">Disney | Foster Grant®</span>
9435                                          
9436                                          
9437                                          
9438                                          
9439                                            
9440                                            
9441                                            
9442                                            
9443                                          
9444                                            
9445                                            
9446                                            
9447                                            
9448                                          
9449                                            
9450                                            
9451                                            
9452                                            
9453                                          
9454                                        </a>
9455                                      </li></ul></li><li class=""><a
9456                                id="HeaderMenu-blue-light-shop-by-activity"
9457                                href="#"
9458                                class="tw-text-fs-16 tw-text-black tw-font-bold tw-font-gotham-medium"
9459                                
9460                              >
9461                                Shop by Activity
9462                              </a><ul
9463                                class="list-unstyled  tw-pt-30"
9464                              ><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9465                                        <a
9466                                          id="HeaderMenu-blue-light-shop-by-activity-general"
9467                                          href="/collections/blue-light"
9468                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9469                                          
9470                                        >
9471                                          <span class="tw-whitespace-nowrap">General</span>
9472                                          
9473                                          
9474                                          
9475                                          
9476                                            
9477                                            
9478                                            
9479                                            
9480                                          
9481                                            
9482                                            
9483                                            
9484                                            
9485                                          
9486                                            
9487                                            
9488                                            
9489                                            
9490                                          
9491                                        </a>
9492                                      </li><li class="tw-pb-20 hover:[&_a]:tw-text-brown">
9493                                        <a
9494                                          id="HeaderMenu-blue-light-shop-by-activity-reading"
9495                                          href="/collections/reading-glasses-blue-light-readers"
9496                                          class="tw-font-[350] tw-text-fs-14 tw-font-gotham-medium"
9497                                          
9498                                        >
9499                                          <span class="tw-whitespace-nowrap">Reading</span>
9500                                          
9501                                          
9502                                          
9503                                          
9504                                            
9505                                            
9506                                            
9507                                            
9508                                          
9509                                            
9510                                            
9511                                            
9512                                            
9513                                          
9514                                            
9515                                            
9516                                            
9517                                            
9518                                          
9519                                        </a>
9520                                      </li></ul></li><li class=""></li></ul>
9521                  </div>
9522                </div><div
9523  class="
9524    power-selector-div tw-bg-[#eadedc]
9525    tw-relative tw-z-index-3 tw-py-[1rem] tw-flex tw-flex-row tw-justify-center tw-items-center tw-gap-[1rem]
9526  "
9527>
9528  <div class="tw-px-[1.3rem] tw-flex tw-gap-6 tw-py-[1.1rem]">
9529    <span
9530      class="
9531        focus-inset tw-block tw-font-secondary
9532        tw-text-fs-16 tw-leading-[22px]
9533      "
9534    >
9535      Find the best Blue Light Glasses for YOU. Start the Frame Finder
9536    </span>
9537    <a
9538      href="/collections/frame-finder"
9539      class="
9540        focus-inset tw-block tw-font-gotham-medium
9541        tw-text-fs-16 tw-leading-[22px] tw-font-[700] hover:tw-text-brown tw-transition tw-duration-400 tw-text-black tw-border-b-1 tw-border-black hover:tw-border-brown
9542      "
9543      aria-label="Start the Frame Finder"
9544      title="Start the Frame Finder"
9545      tabindex="0"
9546    >
9547      Start the Frame Finder
9548    </a><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
9548ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
9549</div>
9550</div>
9551�</div>
9552            </header-menu></li><div class="tw-flex"><li class="ff-list-menu-item  tw-hidden lmd:tw-flex lmd:tw-justify-center lmd:tw-content-center  frame-finder [&.frame-finder]:tw-flex [&.frame-finder_summary]:tw-mx-0 "><header-menu class="tw-flex tw-items-center tw-h-full tw-w-full tw-cursor-pointer 
9553  lmd:tw-menu-content-animation
9554">
9555    <details id="Details-HeaderMenu-" class="mega-menu tw-h-full tw-flex tw-items-center">
9556      <summary
9557        id="HeaderMenu-frame-finder"
9558        class="
9559          tw-h-full
9560          lmd:tw-mx-27
9561          header__menu-item list-menu__item focus-inset
9562          tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-font-bold
9563          [&::after]:tw-content-[''] [&::after]:tw-block [&::after]:tw-m-auto
9564          [&::after]:tw-w-0 [&::after]:tw-h-3 [&::after]:tw-bg-transparent
9565          [&::after]:tw-absolute [&::after]:tw-bottom-0
9566          [&::after]:tw-left-[50%]
9567          [&::after]:tw-transition-all [&::after]:tw-duration-350 [&::after]:tw-ease-linear
9568          tw-font-gotham-medium
9569        "
9570      ><redirect-frame-finder class="tw-cursor-pointer tw-hidden lmd:tw-flex" data-collection="/collections/frame-finder">
9571            <a
9572                data-reset="reset"
9573                href="/collections/frame-finder"
9574                title="Frame Finder"
9575                class="
9576                tw-h-full
9577                tw-flex
9578                tw-items-center
9579                ff-redirect-btn
9580                tw-border-brown !tw-text-brown
9581                lmd:[&::before]:tw-content-[''] lmd:[&::before]:tw-mr-27 
9582                [&::before]:tw-left-[-2.7rem]
9583                [&::before]:tw-top-[0.6rem] [&::before]:tw-w-1 
9584                [&::before]:tw-h-30 [&::before]:tw-bg-black
9585                [&::after]:tw-content-[''] [&::after]:tw-mx-15 
9586                lmd:[&::after]:tw-mx-0 lmd:[&::after]:tw-ml-27  
9587                [&::after]:tw-right-[-2.7rem]
9588                [&::after]:tw-top-[0.6rem] [&::after]:tw-w-1 
9589                [&::after]:tw-h-30 [&::after]:tw-bg-black
9590                "
9591                aria-label="Frame Finder"
9592                tabindex="0"
9593            >
9594                <span
9595                    class="
9596                      tw-uppercase
9597                      tw-border-brown tw-text-brown
9598                      tw-tracking-[0.7px] tw-text-fs-14 tw-font-gotham-medium tw-font-bold
9599                    "
9600                  >Frame Finder</span>
9601            </a>
9602        </redirect-frame-finder><a
9603              href="/collections/top-glasses-sellers"
9604              title="BEST SELLERS"
9605              class="
9606              tw-flex lmd:tw-hidden
9607              tw-h-full
9608              tw-items-center
9609              ff-redirect-btn
9610              [&::after]:tw-content-[''] [&::after]:tw-mx-15 
9611              [&::after]:tw-right-[-2.7rem]
9612              [&::after]:tw-top-[0.6rem] [&::after]:tw-w-1 
9613              [&::after]:tw-h-30 [&::after]:tw-bg-black
9614              "
9615              aria-label="BEST SELLERS"
9616              tabindex="0"
9617          >
9618              <span
9619                  class="
9620                    tw-uppercase
9621                    tw-tracking-[0.7px] tw-text-fs-14 tw-font-gotham-medium tw-font-bold
9622                  "
9623                  style="color: #334fb4;"
9624                >BEST SELLERS</span>
9625          </a></summary>
9626    </details>
9627    <div
9628      id="MegaMenu-Content-"
9629      class="
9630        mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup [&]:!tw-py-[unset]
9631        tw-absolute tw-left-0 tw-right-0 
9632        tw-top-[-700px] tw-mx-auto tw-transition-all 
9633        tw-duration-[800ms]
9634      "
9635      tabindex="-1"
9636    ><div class="tw-flex tw-group tw-justify-center tw-items-center ">
9637  <div
9638    class="
9639    ff-submenu-wrapper tw-flex tw-w-[--page-width] tw-justify-between
9640    tw-items-center tw-bg-[#eadedc] 
9641    [&::after]:tw-bg-[#eadedc] [&::after]:tw-absolute 
9642    [&::after]:tw-h-full [&::after]:tw-w-[calc((100%-var(--page-width))/2)]
9643    [&::after]:tw-top-0 [&::after]:tw-right-0 [&::after]:tw-content-['']
9644    [&::before]:tw-bg-[#eadedc] [&::before]:tw-absolute 
9645    [&::before]:tw-h-full [&::before]:tw-w-[calc((100%-var(--page-width))/2)]
9646    [&::before]:tw-top-0 [&::before]:tw-right-0 [&::before]:tw-content-['']
9647    "
9648  >
9649    <div class="tw-relative tw-max-w-300">
9650      <img src="//www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=750" alt="" srcset="//www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/frame_frame_glasses_dropdown.jpg?v=1741881724&amp;width=750 750w" width="750" height="453" loading="lazy" class="">
9651    </div>
9652    <div class="">
9653      <h3 class="tw-text-fs-20 tw-font-bold tw-font-gotham-medium">Frame Finder</h3>
9654      <div class="metafield-rich_text_field"><p>Want to find your PERFECT pair of eyewear, but don&#39;
9654t know where to start? <br />
9655Answer a few questions so we know what you&#39;re looking for. We&#39;ll take care of the rest!<br />
9656(And if they don&#39;t work out? No problem; you have 90 days to return/exchange.)</p></div>
9657    </div><redirect-frame-finder class="tw-cursor-pointer" data-collection="/collections/frame-finder">
9658      <a
9659        data-reset="reset"
9660        href="/collections/frame-finder"
9661        title="Get Started"
9662        class="
9663          ff-redirect-btn
9664          tw-py-6 tw-px-22 tw-bg-black tw-cursor-pointer
9665          tw-leading-[2] tw-text-fs-16 tw-uppercase
9666          !tw-text-[#fff] tw-font-gotham-medium tw-font-bold
9667          tw-inline-block tw-border-2 tw-border-black
9668          hover:tw-bg-white hover:!tw-text-[#000]
9669          tw-transition-all tw-duration-350
9670          lmd:tw-w-max
9671        "
9672        aria-label="Get Started"
9673        tabindex="0"
9674      >
9675        Get Started
9676      </a>
9677    </redirect-frame-finder>
9678  </div>
9679</div>
9680
9681<style>
9682
9683
9684  .metafield-rich_text_field {
9685    font-size: 1.6rem;
9686    letter-spacing: normal;
9687    color:#000;
9688  }
9689</style>
9690</div>
9691  </header-menu></li>
9692        <li class="tw-hidden sd:tw-flex lmd:tw-hidden tw-content-center  tw-text-center tw-justify-center">
9693          <a
9694            id="HeaderMenu-help"
9695            href="/pages/help"
9696            class="
9697              tw-relative
9698              header__menu-item list-menu__item focus-inset
9699              tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-font-bold
9700              hover:tw-text-brown
9701            ">
9702            <span
9703              class="
9704                tw-tracking-[0.7px]
9705                tw-text-fs-14
9706                tw-font-gotham-medium
9707                tw-font-bold
9708              "
9709            >Help center</span>
9710          </a>
9711        </li>
9712        </div><li class=" tw-hidden lmd:tw-flex lmd:tw-justify-center lmd:tw-content-center "><a
9713              id="HeaderMenu-our-blog"
9714              href="/blogs/helpful-resources"
9715              class="
9716                tw-mx-27 tw-relative
9717                header__menu-item list-menu__item focus-inset
9718                tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-font-bold
9719                hover:tw-text-brown
9720                tw-py-[11px]
9721                tw-px-[12px]
9722              "
9723              
9724              
9725            >
9726              <span
9727                class="
9728                  tw-tracking-[0.7px]
9729                  tw-text-fs-14
9730                  tw-font-gotham-medium
9731                  tw-font-bold
9732                "
9733              
9734              >Our Blog</span>
9735            </a></li><li
9736      class="
9737        list-menu__item focus-inset lmd:tw-ml-[2.5rem]
9738        [&_summary]:!tw-pl-70
9739        tw-flex tw-text-center tw-justify-center
9740      "
9741    >
9742      <span class="tw-absolute tw-uppercase tw-text-fs-14 tw-tracking-[0.7px] tw-mt-2 tw-font-gotham-medium tw-font-bold">Search</span>
9743      
9744
9745<details-modal class="header__search">
9746  <details>
9747    <summary
9748      class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle"
9749      aria-label="Search"
9750    >
9751      <span class="tw-w-14 tw-h-14">
9752        <span class="svg-wrapper"><svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
9753<path id="Search" d="M1.7512 6.62845C1.74559 6.05206 1.85497 5.48034 2.07296 4.94673C2.29095 4.41312 2.61316 3.92835 3.02075 3.52076C3.42834 3.11317 3.91312 2.79096 4.44673 2.57297C4.98034 2.35498 5.55206 2.24559 6.12845 2.25121C6.70492 2.24547 7.27674 2.35476 7.81046 2.57269C8.34417 2.79063 8.82906 3.11282 9.23675 3.52042C9.64444 3.92802 9.96674 4.41284 10.1848 4.94651C10.4028 5.48018 10.5122 6.05198 10.5066 6.62845C10.5124 7.205 10.403 7.7769 10.1851 8.31068C9.96707 8.84446 9.64479 9.32939 9.23709 9.73709C8.82939 10.1448 8.34445 10.4671 7.81067 10.6851C7.2769 10.9031 6.705 11.0124 6.12845 11.0066C5.55198 11.0123 4.98018 10.9028 4.44651 10.6848C3.91284 10.4667 3.42802 10.1444 3.02042 9.73676C2.61281 9.32907 2.29062 8.84418 2.07269 8.31046C1.85475 7.77674 1.74546 7.20492 1.7512 6.62845ZM12.5201 14.2454C12.6826 14.4081 12.9031 14.4995 13.1329 14.4995C13.3628 14.4996 13.5833 14.4084 13.7459 14.2459C13.9085 14.0834 13.9999 13.863 14 13.6331C14.0001 13.4033 13.9089 13.1828 13.7464 13.0201L11.0324 10.3062C11.8367 9.25007 12.2677 7.95685 12.2577 6.62939C12.2628 5.82306 12.1077 5.02375 11.8015 4.27782C11.4953 3.53188 11.044 2.85418 10.4738 2.28401C9.90366 1.71384 9.22595 1.26255 8.48002 0.956326C7.73409 0.650103 6.93477 0.495036 6.12845 0.500121C5.32228 0.495161 4.52314 0.650289 3.77738 0.956
975351C3.03162 1.26273 2.35406 1.71395 1.78401 2.28401C1.21395 2.85407 0.762726 3.53162 0.456505 4.27739C0.150284 5.02315 -0.00484438 5.82228 0.000115274 6.62845C-0.00484438 7.43462 0.150284 8.23376 0.456505 8.97952C0.762726 9.72528 1.21395 10.4028 1.78401 10.9729C2.35406 11.543 3.03162 11.9942 3.77738 12.3004C4.52314 12.6066 5.32228 12.7617 6.12845 12.7568C7.45612 12.7672 8.74969 12.3366 9.80619 11.5324L12.5201 14.2454Z" fill="black"/>
9754</svg>
9755</span>
9756      </span>
9757    </summary>
9758    <div
9759      class="tw-h-fit tw-bg-[#00000080] modal__content container-search"
9760      role="dialog"
9761      aria-modal="true"
9762      aria-label="Search"
9763    >
9764      <div class="modal-overlay"></div>
9765      <div
9766        class="tw-max-w-[var(--page-width)] tw-w-full lmd:tw-w-[calc(100%_-_20px)]"
9767        tabindex="-1"
9768      ><custom-predictive-search class="tw-w-full" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search">
9769          <div class="field tw-bg-white">
9770            <input
9771              class="search__input field__input !tw-bg-none tw-text-16 !tw-border-none focus:tw-shadow-none lmd:tw-pl-40 tw-pl-10"
9772              id="Search-In-Modal"
9773              type="search"
9774              name="q"
9775              value=""
9776              placeholder="Search product, collections, etc."role="combobox"
9777                aria-expanded="false"
9778                aria-owns="predictive-search-results"
9779                aria-controls="predictive-search-results"
9780                aria-haspopup="listbox"
9781                aria-autocomplete="list"
9782                autocorrect="off"
9783                autocomplete="off"
9784                autocapitalize="off"
9785                spellcheck="false">
9786            <label class="field__label lmd:tw-left-30 tw-left-10" for="Search-In-Modal">Search product, collections, etc.</label>
9787            <input type="hidden" name="options[prefix]" value="last">
9788            <button
9789              type="button"
9790              class="tw-pl-[10px] lmd:tw-pr-[40px] tw-pr-20  tw-border-l-1 tw-border-[#DFDFDF] tw-my-[10px] tw-font-bold tw-font-gotham-medium"
9791              aria-label="Cancel"
9792            >
9793              <span class="tw-text-[#000] tw-text-[16px] ">CANCEL</span>
9794            </button>
9795          </div><div
9796              class="predictive-search tw-max-w-[var(--page-width)] tw-absolute tw-left-1/2 tw-transform tw--translate-x-1/2 tw-w-full lmd:tw-w-[calc(100%_-_20px)] predictive-search--header"
9797              tabindex="-1"
9798              data-predictive-search
9799            >
9800
9801<div class="predictive-search__loading-state">
9802  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
9803
9804</div>
9805</div>
9806
9807            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></custom-predictive-search></div>
9808    </div>
9809  </details>
9810</details-modal>
9811
9812    </li>
9813  </ul>
9814</nav>
9815
9816
9817</sticky-header>
9818
9819<script type="application/ld+json">
9820  {
9821    "@context": "http://schema.org",
9822    "@type": "Organization",
9823    "name": "Foster Grant",
9824    
9825      "logo": "https:\/\/www.fostergrant.com\/cdn\/shop\/files\/Foster_Grant_Logo_Badge_2022-white_969346f2-679f-4431-ba6d-00ba74b32d25.svg?v=1768316015\u0026width=500",
9826    
9827    "sameAs": [
9828      "https:\/\/www.x.com\/fostergrantUSA",
9829      "https:\/\/www.facebook.com\/FosterGrant",
9830      "https:\/\/www.pinterest.com\/fostergrant1929\/",
9831      "https:\/\/www.instagram.com\/fostergrant\/",
9832      "https:\/\/www.tiktok.com\/@fostergrant",
9833      "",
9834      "",
9835      "https:\/\/www.youtube.com\/user\/fostergranteyewear",
9836      ""
9837    ],
9838    "url": "https:\/\/www.fostergrant.com"
9839  }
9840</script>
9840
9841</div>
9842<!-- END sections: header-group -->
9843
9844      <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
9845        <section id="shopify-section-template--19743633735849__main" class="shopify-section section"><product-info
9846  id="MainProduct-template--19743633735849__main"
9847  class="section-template--19743633735849__main-padding gradient color-scheme-1"
9848  data-section="template--19743633735849__main"
9849  data-product-id="8346473300137"
9850  data-update-url="true"
9851  data-url="/products/trifecta-travel-case"
9852>
9853  <link href="//www.fostergrant.com/cdn/shop/t/75/assets/section-main-product.css?v=22379368717743786511769615268" rel="stylesheet" type="text/css" media="all" />
9854  <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-accordion.css?v=111716515724720266191769615268" rel="stylesheet" type="text/css" media="all" />
9855  <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-price.css?v=92732502335419687601769615267" rel="stylesheet" type="text/css" media="all" />
9856  <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-slider.css?v=65408024275090117981769615268" rel="stylesheet" type="text/css" media="all" />
9857  <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-rating.css?v=179577762467860590411769615267" rel="stylesheet" type="text/css" media="all" />
9858  <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-deferred-media.css?v=14096082462203297471769615268" rel="stylesheet" type="text/css" media="all" />
9859
9860  
9861    <link href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-component-product-variant-picker.css?v=175519045182742027271773832813" rel="stylesheet" type="text/css" media="all" />
9862    <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-swatch-input.css?v=61683592951238328641769615268" rel="stylesheet" type="text/css" media="all" />
9863    <link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-swatch.css?v=6811383713633888781769615268" rel="stylesheet" type="text/css" media="all" />
9864  �
9864<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-product-info.js?v=68704651145674819771769615268" defer="defer"></script>
9864
9865  
9865<script src="//www.fostergrant.com/cdn/shop/t/75/assets/product-form.js?v=151063721204013340421769615268" defer="defer"></script>
9865
9866    
9866<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-mouseover-zoom.js?v=44211810723429787071769615268" defer="defer"></script>
9866<style data-shopify>.fg-mouseover-zoomed #zoomBGOverlay {
9867        z-index: 1;
9868        background-color: rgba(0, 0, 0, 0.3);
9869        width: 100vw;
9870        backdrop-filter: blur(4px);
9871      }
9872
9873      .fg-mouseover-zoomed ul[id^="Slider-Gallery"] {
9874        overflow: hidden;
9875      }
9876
9877      .is-active mouseover-zoom {
9878        z-index: 2;
9879      }</style>�
9880  <div class="page-width tw-pt-20 tw-pb-32 sd:tw-pb-72 tw-relative">
9880<script type="application/ld+json">
9881  {
9882    "@context": "https://schema.org",
9883    "@type": "BreadcrumbList",
9884    "itemListElement": [
9885  {
9886    "@type": "ListItem",
9887    "position": 1,
9888    "name": "Home",
9889    "item": "https:\/\/www.fostergrant.com"
9890  },{
9891      "@type": "ListItem",
9892      "position": 2,
9893      "name": "Trifecta Travel Case"
9894    }]
9895  }
9896  </script>
9896
9897
9898<div class="breadcrumbs-container tw-text-fs-14 tw-mb-12">
9899  <a
9900    href="/"
9901    title="https://www.fostergrant.com"
9902    class="pdp-breadcrumb breadcrumb-homepage tw-text-black tw-tracking-normal tw-mr-5 tw-group tw-hidden sd:tw-inline"
9903  >
9904    <span class="tw-link-hover-underline-reverse tw-leading-[1] group-hover:tw-text-black" data-handle="home">Home</span>
9905  </a>
9906</div>
9907<div class="tw-flex tw-flex-col sd:tw-flex-row sd:tw-gap-x-[min(10vw,146px)] product product--thumbnail_slider product--mobile-show">
9908      <div class="tw-absolute tw-top-0 tw-right-0"><div class="tw-block lmd:tw-hidden
9909                    [&_.wishlist-engine-button]:tw-p-8
9910                    hover:[&_.wishlist-engine-button]:tw-p-8
9911                    tw-p-10 wishlist-engine [&_svg]:tw-h-24 [&_svg]:tw-w-24
9912                [&_.wishlist-engine-button]:!tw-bg-[#eaeaea]
9913                [&_.wishlist-engine-button]:tw-rounded-[9999px]
9914                tw-z-[2]
9915            "
9916        data-product_id="8346473300137"
9917        data-variant_id="45017833504937"
9918        data-product_catalog_id="10402849.COM"
9919        data-product_price="840"
9920        data-product_price_full="1200"
9921        data-product_status="Available"
9922        data-lens_type="PLANO"
9923        data-full_button="false"
9924        data-css="true">
9925    </div></div>
9926
9927<div
9928  class="tw-w-full sd:tw-w-1/2"
9929  data-skeleton-key="pdp-media"
9930  data-skeleton-layout="pdp-media"
9931  
9932    data-skeleton-initial
9933    aria-busy="false"
9934  
9935>
9936  <div data-skeleton-content>
9937    
9938<div class="fg-skeleton-pdp-media" aria-hidden="true">
9939      <span class="fg-skeleton__bar fg-skeleton-pdp-media__main"></span>
9940      <div class="fg-skeleton-pdp-media__thumbs" role="presentation">
9941        <span class="fg-skeleton__bar fg-skeleton-pdp-media__thumb"></span>
9942        <span class="fg-skeleton__bar fg-skeleton-pdp-media__thumb"></span>
9943        <span class="fg-skeleton__bar fg-skeleton-pdp-media__thumb"></span>
9944      </div>
9945    </div>
9946  </div>
9947  <div data-section-content>
9948    <div class="tw-w-full [&_>_div]:tw-mt-[1.5rem] [&_>_div]:tw-mb-[0.4rem] [&_>_div]:tw-h-auto">
9949        
9950<div class="badge__wrapper tw-h-68 !tw-flex tw-gap-4 tw-flex-wrap"></div>
9951        
9952
9953  <link
9954    rel="preload"
9955    as="image"
9956    href="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1946"
9957    imagesrcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=246 246w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=493 493w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=600 600w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=713 713w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=823 823w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=990 990w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1100 1100w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1206 1206w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1346 1346w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1426 1426w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1646 1646w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1946 1946w"
9958    imagesizes="(min-width: 1366px) 823px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"
9959  >
9960  
9961<media-gallery
9962  id="MediaGallery-template--19743633735849__main"
9963  role="region"
9964  
9965  aria-label="Gallery Viewer"
9966  data-desktop-layout="thumbnail_slider"
9967>
9968  <div id="GalleryStatus-template--19743633735849__main" class="visually-hidden" role="status"></div>
9969  <slider-component id="GalleryViewer-template--19743633735849__main" class="slider-mobile-gutter">
9970    <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--19743633735849__main">
9971      Skip to product information
9972    </a>
9973    <ul
9974      id="Slider-Gallery-template--19743633735849__main"
9975      class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
9976      role="list"
9977    ><li
9978          id="Slide-template--19743633735849__main-33474541912233"
9979          class="[li&_mouseover-zoom_.product\_\_media]:!tw-overflow-visible product__media-item tw-w-full tw-flex tw-items-center slider__slide is-active scroll-tr
9979igger animate--fade-in"
9980          data-media-id="template--19743633735849__main-33474541912233"
9981        >
9982
9983<div
9984  class="product-media-container tw-w-full"
9985  style="--ratio: 2.0693222969477496; --preview-ratio: 2.0693222969477496;"
9986>
9987  <modal-opener
9988    class="product__modal-opener product__modal-opener--image"
9989    data-modal="#ProductModal-template--19743633735849__main"
9990  >
9991
9992<div class="loading__spinner hidden">
9993  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
9994
9995</div>
9996<mouseover-zoom class="tw-flex tw-min-h-400 tw-items-center tw-overflow-hidden tw-relative tw-bg-white tw-cursor-zoom-in"><div class="product__media media media--transparent tw-w-full tw-h-auto"><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1946" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=246 246w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=493 493w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=600 600w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=713 713w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=823 823w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=990 990w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1100 1100w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1206 1206w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1346 1346w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1426 1426w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1646 1646w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1946 1946w" width="1946" height="940" class="tw-block tw-transition-transform tw-origin-center tw-w-full tw-h-auto" sizes="(min-width: 1366px) 823px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
9997        </div>
9998      </mouseover-zoom></modal-opener></div>
9999
10000        </li>
10001          
10002<li
10003            id="Slide-template--19743633735849__main-33474542043305"
10004            class="[li&_mouseover-zoom_.product\_\_media]:!tw-overflow-visible product__media-item tw-w-full tw-flex tw-items-center slider__slide scroll-trigger animate--fade-in"
10005            data-media-id="template--19743633735849__main-33474542043305"
10006          >
10007
10008<div
10009  class="product-media-container tw-w-full"
10010  style="--ratio: 2.0693222969477496; --preview-ratio: 2.0693222969477496;"
10011>
10012  <modal-opener
10013    class="product__modal-opener product__modal-opener--image"
10014    data-modal="#ProductModal-template--19743633735849__main"
10015  >
10016
10017<div class="loading__spinner hidden">
10018  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
10019
10020</div>
10021<mouseover-zoom class="tw-flex tw-min-h-400 tw-items-center tw-overflow-hidden tw-relative tw-bg-white tw-cursor-zoom-in"><div class="product__media media media--transparent tw-w-full tw-h-auto"><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1946" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=246 246w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=493 493w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=600 600w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=713 713w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=823 823w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=990 990w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1100 1100w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1206 1206w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1346 1346w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1426 1426w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1646 1646w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1946 1946w" width="1946" height="940" loading="lazy" class="tw-block tw-transition-transform tw-origin-center tw-w-full tw-h-auto" sizes="(min-width: 1366px) 823px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
10022        </div>
10023      </mouseover-zoom></modal-opener></div>
10024
10025          </li></ul>
10026    <div class="slider-buttons quick-add-hidden small-hide">
10027      <button
10028        type="button"
10029        class="slider-button slider-button--prev"
10030        name="previous"
10031        aria-label="Slide left"
10032      >
10033        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
10034</span>
10035      </button>
10036      <div class="slider-counter caption">
10037        <span class="slider-counter--current">1</span>
10038        <span aria-hidden="true"> / </span>
10039        <span class="visually-hidden">of</span>
10040        <span class="slider-counter--total">2</span>
10041      </div>
10042      <button
10043        type="button"
10044        class="slider-button slider-button--next"
10045        name="next"
10046        aria-label="Slide right"
10047      >
10048        <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg>
10049</span>
10050      </button>
10051    </div><div class="script-gallery-images">
10051<script type="text/html" data-img-src="files/FG-ACC-Trifecta-Travel-Case.jpg">
10052          <li
10053            id="Slide-template--19743633735849__main-33474541912233"
10054            class="[li&_mouseover-zoom_.product\_\_media]:!tw-overflow-visible product__media-item tw-w-full tw-flex tw-items-center slider__slide scroll-trigger animate--fade-in"
10055            class="swiper-slide" data-media-id="template--19743633735849__main-33474541912233"
10056          >
10057
10058<div
10059  class="product-media-container tw-w-full"
10060  style="--ratio: 2.0693222969477496; --preview-ratio: 2.0693222969477496;"
10061>
10062  <modal-opener
10063    class="product__modal-opener product__modal-opener--image"
10064    data-modal="#ProductModal-template--19743633735849__main"
10065  >
10066
10067<div class="loading__spinner hidden">
10068  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
10069
10070</div>
10071<mouseover-zoom class="tw-flex tw-min-h-400 tw-items-center tw-overflow-hidden tw-relative tw-bg-white tw-cursor-zoom-in"><div class="product__media media media--transparent tw-w-full tw-h-auto"><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1946" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=246 246w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=493 493w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=600 600w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=713 713w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=823 823w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=990 990w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1100 1100w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1206 1206w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1346 1346w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1426 1426w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1646 1646w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=1946 1946w" width="1946" height="940" loading="lazy" class="tw-block tw-transition-transform tw-origin-center tw-w-full tw-h-auto" sizes="(min-width: 1366px) 823px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
10072        </div>
10073      </mouseover-zoom></modal-opener></div>
10074
10075          </li>
10076        </script>
10076<script type="text/html" data-img-src="files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg">
10077          <li
10078            id="Slide-template--19743633735849__main-33474542043305"
10079            class="[li&_mouseover-zoom_.product\_\_media]:!tw-overflow-visible product__media-item tw-w-full tw-flex tw-items-center slider__slide scroll-trigger animate--fade-in"
10080            class="swiper-slide" data-media-id="template--19743633735849__main-33474542043305"
10081          >
10082
10083<div
10084  class="product-media-container tw-w-full"
10085  style="--ratio: 2.0693222969477496; --preview-ratio: 2.0693222969477496;"
10086>
10087  <modal-opener
10088    class="product__modal-opener product__modal-opener--image"
10089    data-modal="#ProductModal-template--19743633735849__main"
10090  >
10091
10092<div class="loading__spinner hidden">
10093  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
10094
10095</div>
10096<mouseover-zoom class="tw-flex tw-min-h-400 tw-items-center tw-overflow-hidden tw-relative tw-bg-white tw-cursor-zoom-in"><div class="product__media media media--transparent tw-w-full tw-h-auto"><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1946" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=246 246w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=493 493w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=600 600w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=713 713w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=823 823w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=990 990w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1100 1100w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1206 1206w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1346 1346w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1426 1426w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1646 1646w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=1946 1946w" width="1946" height="940" loading="lazy" class="tw-block tw-transition-transform tw-origin-center tw-w-full tw-h-auto" sizes="(min-width: 1366px) 823px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)">
10097        </div>
10098      </mouseover-zoom></modal-opener></div>
10099
10100          </li>
10101        </script>
10101</div>
10102  </slider-component><slider-component
10103      id="GalleryThumbnails-template--19743633735849__main"
10104      class="thumbnail-slider slider-mobile-gutter quick-add-hidden sd:tw-flex-col sd:tw-gap-9 thumbnail-slider--no-slide"
10105    >
10106      <ul
10107        id="Slider-Thumbnails-template--19743633735849__main"
10108        class="thumbnail-list list-unstyled slider slider--mobile sd:tw-w-full slider--tablet-up"
10109      ><li
10110            id="Slide-Thumbnails-template--19743633735849__main-0"
10111            class="thumbnail-list__item slider__slide thumbnail-list_item--variant [li&]:before:tw-pb-[60%]"
10112            data-target="template--19743633735849__main-33474541912233"
10113            data-media-position="1"
10114          ><button
10115              class="thumbnail global-media-settings global-media-settings--no-shadow"
10116              aria-label="Load image 1 in gallery view"
10117              aria-current="true"
10118              aria-controls="GalleryViewer-template--19743633735849__main"
10119              aria-describedby="Thumbnail-template--19743633735849__main-0"
10120            ><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=416" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=54 54w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=74 74w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=104 104w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=162 162w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=208 208w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=324 324w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=416 416w" width="416" height="201" loading="lazy" sizes="(min-width: 1366px) calc((823 - 4rem) / 4),
10121          (min-width: 990px) calc((65.0vw - 4rem) / 4),
10122          (min-width: 750px) calc((100vw - 15rem) / 8),
10123          calc((100vw - 8rem) / 3)" id="Thumbnail-template--19743633735849__main-0">
10124            </button>
10125          </li><li
10126              id="Slide-Thumbnails-template--19743633735849__main-2"
10127              class="thumbnail-list__item slider__slide [li&]:before:tw-pb-[60%]"
10128              data-target="template--19743633735849__main-33474542043305"
10129              data-media-position="2"
10130            ><button
10131                class="thumbnail global-media-settings global-media-settings--no-shadow"
10132                aria-label="Load image 2 in gallery view"
10133                
10134                aria-controls="GalleryViewer-template--19743633735849__main"
10135                aria-describedby="Thumbnail-template--19743633735849__main-2
10136"
10137              ><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=416" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=54 54w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=74 74w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=104 104w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=162 162w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=208 208w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=324 324w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=416 416w" width="416" height="201" loading="lazy" sizes="(min-width: 1366px) calc((823 - 4rem) / 4),
10138          (min-width: 990px) calc((65.0vw - 4rem) / 4),
10139          (min-width: 750px) calc((100vw - 15rem) / 8),
10140          calc((100vw - 8rem) / 3)" id="Thumbnail-template--19743633735849__main-2
10141">
10142              </button>
10143            </li></ul>
10144      <div class="tw-hidden sd:tw-flex tw-justify-center tw-gap-14">
10145        <button
10146          type="button"
10147          class="slider-button--prev tw-w-10 tw-h-10 tw-rounded-[50%] tw-bg-[#666666] small-hide medium-hide large-up-hide"
10148          name="previous"
10149          aria-label="Slide left"
10150          aria-controls="GalleryThumbnails-template--19743633735849__main"
10151          data-step="3"
10152        ></button>
10153        <button
10154          type="button"
10155          class="slider-button--next tw-w-10 tw-h-10 tw-rounded-[50%] tw-bg-[#7E6467] small-hide medium-hide large-up-hide"
10156          name="next"
10157          aria-label="Slide right"
10158          aria-controls="GalleryThumbnails-template--19743633735849__main"
10159          data-step="3"
10160        ></button>
10161      </div>
10161<div class="script-gallery-thumbnails">
10161<script type="text/html" data-img-src="files/FG-ACC-Trifecta-Travel-Case.jpg">
10162            <li
10163              id="Slide-Thumbnails-template--19743633735849__main-1"
10164              class="thumbnail-list__item slider__slide thumbnail-list_item--variant [li&]:before:tw-pb-[60%]"
10165              data-target="template--19743633735849__main-33474541912233"
10166              data-media-position="2"
10167            ><button
10168                class="thumbnail global-media-settings global-media-settings--no-shadow"
10169                aria-label="Load image 2 in gallery view"
10170                
10171                  aria-current="true"
10172                
10173                aria-controls="GalleryViewer-template--19743633735849__main"
10174                aria-describedby="Thumbnail-template--19743633735849__main-1
10175"
10176              ><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=416" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=54 54w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=74 74w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=104 104w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=162 162w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=208 208w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=324 324w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&amp;width=416 416w" width="416" height="201" loading="lazy" sizes="(min-width: 1366px) calc((823 - 4rem) / 4),
10177          (min-width: 990px) calc((65.0vw - 4rem) / 4),
10178          (min-width: 750px) calc((100vw - 15rem) / 8),
10179          calc((100vw - 8rem) / 3)" id="Thumbnail-template--19743633735849__main-1
10180">
10181              </button>
10182            </li>
10183          </script>
10183<script type="text/html" data-img-src="files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg">
10184            <li
10185              id="Slide-Thumbnails-template--19743633735849__main-2"
10186              class="thumbnail-list__item slider__slide [li&]:before:tw-pb-[60%]"
10187              data-target="template--19743633735849__main-33474542043305"
10188              data-media-position="2"
10189            ><button
10190                class="thumbnail global-media-settings global-media-settings--no-shadow"
10191                aria-label="Load image 2 in gallery view"
10192                
10193                aria-controls="GalleryViewer-template--19743633735849__main"
10194                aria-describedby="Thumbnail-template--19743633735849__main-2
10195"
10196              ><img src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=416" alt="Trifecta Travel Case - Accessories - Blue -  - Variant Link" srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=54 54w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=74 74w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=104 104w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=162 162w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=208 208w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=324 324w, //www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&amp;width=416 416w" width="416" height="201" loading="lazy" sizes="(min-width: 1366px) calc((823 - 4rem) / 4),
10197          (min-width: 990px) calc((65.0vw - 4rem) / 4),
10198          (min-width: 750px) calc((100vw - 15rem) / 8),
10199          calc((100vw - 8rem) / 3)" id="Thumbnail-template--19743633735849__main-2
10200">
10201              </button>
10202            </li>
10203          </script>
10203</div>
10204    </slider-component></media-gallery>
10205
10206      </div>
10207  </div>
10208</div>
10209
10210
10211<div
10212  class="tw-w-full sd:tw-w-1/2"
10213  data-skeleton-key="pdp-buybox"
10214  data-skeleton-layout="pdp-buybox"
10215  
10216    data-skeleton-initial
10217    aria-busy="false"
10218  
10219>
10220  <div data-skeleton-content>
10221    
10222<div class="fg-skeleton-pdp-buybox" aria-hidden="true">
10223      <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__brand"></span>
10224      <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__title"></span>
10225      <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__price"></span>
10226      <div class="fg-skeleton-pdp-buybox__swatches" role="presentation">
10227        <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__swatch"></span>
10228        <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__swatch"></span>
10229        <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__swatch"></span>
10230      </div>
10231      <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__qty"></span>
10232      <span class="fg-skeleton__bar fg-skeleton-pdp-buybox__cta"></span>
10233    </div>
10234  </div>
10235  <div data-section-content>
10236    <div class="tw-w-full scroll-trigger animate--slide-in">
10237        <section
10238          id="ProductInfo-template--19743633735849__main"
10239          class="product__info-container"
10240        >�<div class="tw-flex tw-items-center tw-justify-between">
10241                  <div class="product__title" >
10242                    <h1 class="tw-font-gotham-medium tw-font-bold tw-text-fs-24 sd:tw-text-fs-32 sd:tw-leading-[1] tw-mb-8">Trifecta Travel Case</h1>
10243                  </div><div class="tw-hidden lmd:tw-block
10244                    lmd:[&_.wishlist-engine-button]:tw-p-15
10245                    lmd:hover:[&_.wishlist-engine-button]:tw-p-15 wishlist-engine [&_svg]:tw-h-24 [&_svg]:tw-w-24
10246                [&_.wishlist-engine-button]:!tw-bg-[#eaeaea]
10247                [&_.wishlist-engine-button]:tw-rounded-[9999px]
10248                tw-z-[2]
10249            "
10250        data-product_id="8346473300137"
10251        data-variant_id="45017833504937"
10252        data-product_catalog_id="10402849.COM"
10253        data-product_price="840"
10254        data-product_price_full="1200"
10255        data-product_status="Available"
10256        data-lens_type="PLANO"
10257        data-full_button="false"
10258        data-css="true">
10259    </div></div><h2
10260                  class="product__text tw-font-gotham tw-text-fs-20 tw-mb-8"
10261                  
10262                >
10263                  �Foster Grant</h2><div id="shopify-block-ARHJyakZHQnVBZTI2a__yotpo_product_reviews_star_rating_DMEzCt" class="shopify-block shopify-app-block">
10264
10265
10266<div class="yotpo-widget-instance"
10267    data-yotpo-instance-id="1087258"
10268    data-yotpo-product-id="8346473300137"
10269    data-yotpo-cart-product-id=""
10270    data-yotpo-section-id="product"
10271    data-yotpo-preloaded-data="">
10272</div>
10273
10274
10275
10276</div>�<div id="price-template--19743633735849__main" role="status" >�<div
10277    class="
10278      price tw-font-gotham-medium tw-font-bold tw-text-fs-20 tw-text-black price--on-sale"
10279  >
10280    <div class="price__container"><div class="price__regular">
10280<script>
10281                (() => {
10282                  window.__agentDkPdpPriceLogs = window.__agentDkPdpPriceLogs || 0;
10283                  if (window.__agentDkPdpPriceLogs >= 4) return;
10284                  window.__agentDkPdpPriceLogs += 1;
10285                  const data = {
10286                    source: 'fg-price.liquid',
10287                    productId: 8346473300137,
10288                    productTitle: "Trifecta Travel Case",
10289                    templateName: "product",
10290                    price: 840,
10291                    compareAtPrice: 1200,
10292                    productPrice: 840,
10293                    productCompareAtPrice: 1200,
10294                    dkProductDiscountCount: 0,
10295                    dkShopDiscountCount: 0,
10296                    dkScalarPercent: 0,
10297                    dkScalarCents: 0,
10298                    discountKitCaptureBlank: true,
10299                    discountKitCaptureLength: 0
10300                  };
10301                  console.info('[DK DEBUG JSON] Price render state', JSON.stringify(data));
10302                  // #region agent log
10303                  // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5,H6', location: 'snippets/fg-price.liquid:after-discount-kit-capture', message: 'PDP price snippet Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
10304                  // #endregion
10305                })();
10306              </script>
10306<span class="price-item price-item--regular">
10307                $8.40
10308              </span></div>
10309      <div class="price__sale">
10310        <span class="visually-hidden visually-hidden--inline">Sale price</span>
10311        <span class="price-item price-item--sale price-item--last tw-text-[#7a381c] tw-text-fs-20">
10312          $8.40
10313        </span>
10314        �
10315          <span class="visually-hidden visually-hidden--inline">Regular price</span>
10316          <span>
10317            <s class="tw-text-[#666] tw-text-fs-16 tw-font-gotham">$12.00</s>
10318          </span>
10319          
10320          <span class="price-item price-item--save tw-text-[#6c757d] tw-text-fs-16">Save $3.60</span></div>
10321      <small class="unit-price caption hidden">
10322        <span class="visually-hidden">Unit price</span>
10323        <span class="price-item price-item--last">
10324          <span></span>
10325          <span aria-hidden="true">/</span>
10326          <span class="visually-hidden">&nbsp;per&nbsp;</span>
10327          <span></span>
10328        </span>
10329      </small>
10330    </div></div>
10331</div><div class="product__tax caption rte"><a href="/policies/shipping-policy">Shipping</a> calculated at checkout.�</div><div ><form method="post" action="/cart/add" id="product-form-installment-template--19743633735849__main" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="45017833504937">
10332                    <shopify-payment-terms variant-id="45017833504937" shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;country_code&quot;:&quot;US&quot;,&quot;variants&quot;:[{&quot;id&quot;:45017833504937,&quot;price_per_term&quot;:&quot;$4.20&quot;,&quot;full_price&quot;:&quot;$8.40&quot;,&quot;eligible&quot;:false,&quot;available&quot;:true,&quot;number_of_payment_terms&quot;:2}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:5022685}"></shopify-payment-terms>�<input type="hidden" name="product-id" value="8346473300137" /><input type="hidden" name="section-id" value="template--19743633735849__main" /></form></div>
10333<variant-selects
10334    id="variant-selects-template--19743633735849__main"
10335    class="no-js-hidden tw-flex tw-flex-col tw-pt-16 tw-pb-16 sd:tw-pt-24 sd:tw-pb-24 tw-mt-16 sd:tw-mt-24 tw-gap-16 tw-border-t-1 tw-border-color-[#B6B6B6]"
10336    data-section="template--19743633735849__main"
10337    data-url="/products/trifecta-travel-case"
10338    
10339    
10340  ><fieldset class="js product-form__input product-form__input--pill product-form__input--color tw-order-first lmd:tw-order-none tw-border-b-1 tw-pb-0 sd:tw-pb-8 tw-border-color-[#B6B6B6]" data-variant-attribute="color">
10341        <legend class="form__label tw-flex tw-items-center tw-gap-8 tw-w-full">
10342          <span class="tw-inline-block tw-whitespace-nowrap tw-shrink-0 tw-text-fs-16 tw-font-bold tw-font-gotham-medium tw-text-black tw-m-0">Color</span>
10343          <div class="form__label--selected-option tw-flex tw-items-center tw-gap-8 tw-text-fs-16 tw-font-gotham">
10344            <h2 class="form__label--option1 form__label--option-heading tw-flex-shrink-0 tw-text-black tw-text-fs-16 tw-font-gotham tw-m-0">Blue</h2></div>
10345        </legend>
10346
10347
10348
10349<div class="tw-inline-block">
10350        <input
10351          type="radio"
10352          id="template--19743633735849__main-1-0"
10353          name="Color"
10354          value="Blue"
10355          form="product-form-template--19743633735849__main"
10356          
10357            checked
10358          
10359          
10360        >
10361        <label class="tw-cursor-pointer tw-block input-list-color-swatch tw-rounded-[50%]" for="template--19743633735849__main-1-0" >
10362          <span class="visually-hidden">Color:Blue</span><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
10363      <circle cx="16" cy="16" r="16" fill="#345da1"/>
10364      <path class="swatch-soldout-path tw-hidden tw-rotate-45 tw-translate-x-16 tw-translate-y-[-7px]" fill-rule="evenodd" clip-rule="evenodd" d="M26.8923 16C26.8923 22.0157 22.0157 26.8923 16 26.8923C13.4451 26.8923 11.0957 26.0127 9.23809 24.5398L24.5398 9.23809C26.0127 11.0957 26.8923 13.4451 26.8923 16ZM23.807 8.40439L8.40439 23.807C6.37083 21.8282 5.10769 19.0616 5.10769 16C5.10769 9.98434 9.98434 5.10769 16 5.10769C19.0616 5.10769 21.8282 6.37083 23.807 8.40439ZM25.2776 8.38848C23.0768 5.7091 19.738 4 16 4C9.37258 4 4 9.37258 4 16C4 19.739 5.71003 23.0786 8.39066 25.2794L8.4446 25.3333L8.45008 25.3278C10.5121 26.9989 13.1391 28 16 28C22.6274 28 28 22.6274 28 16C28 13.1391 26.9989 10.5121 25.3278 8.45008L25.3335 8.44441L25.2776 8.38848Z" fill="#45423D"/>
10365      </svg>
10366            
10367    <span class="visually-hidden label-unavailable">Variant sold out or unavailable</span>
10368</label>
10369      </div>
10370</fieldset>
10371      <div class="tw-separator--dot"></div>
10371<script type="application/json">
10372      [{"id":45017833504937,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"10402849.COM","requires_shipping":true,"taxable":true,"featured_image":{"id":41609721872553,"product_id":8346473300137,"position":1,"created_at":"2025-03-13T11:31:12-04:00","updated_at":"2025-03-13T11:31:14-04:00","alt":null,"width":4000,"height":1933,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874","variant_ids":[45017833504937]},"available":true,"name":"Trifecta Travel Case - Blue","public_title":"Blue","options":["Blue"],"price":840,"weight":0,"compare_at_price":1200,"inventory_management":"shopify","barcode":"193033490341","featured_media":{"alt":null,"id":33474541912233,"position":1,"preview_image":{"aspect_ratio":2.069,"height":1933,"width":4000,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]
10373    </script>
10373
10374    
10374<script type="application/json" id="CustomVariantsScript">
10375      [{
10376            "id" : 45017833504937,
10377            "lenstype": "",
10378            "lenstype_tooltip": "",
10379            "available": true,
10380            "color": "Blue",
10381              "meta_images": "FG-ACC-Trifecta-Travel-Case.jpg,FG-ACC-Trifecta-Travel-Case-With-Frames.jpg"}]
10382    </script>
10382
10383  </variant-selects><noscript class="product-form__noscript-wrapper-template--19743633735849__main">
10384  <div class="product-form__input">
10385    <label class="form__label" for="Variants-template--19743633735849__main">Product variants</label>
10386    <div class="select">
10387      <select
10388        name="id"
10389        id="Variants-template--19743633735849__main"
10390        class="select__select"
10391        form="product-form-template--19743633735849__main"
10392      ><option
10393            
10394              selected="selected"
10395            
10396            
10397            value="45017833504937"
10398          >Blue - $8.40</option></select>
10399      
10400    </div>
10401  </div>
10402</noscript>
10403�<div class="tw-grid tw-grid-cols-2 sd:tw-grid-cols-[min-content_auto] tw-gap-y-16 sd:tw-gap-y-24"><span id="IncludesBlock-template--19743633735849__main" class="includes-block tw-block sd:tw-col-span-2">�<span class="block-title tw-block tw-text-black tw-text-fs-14 tw-font-bold tw-font-gotham-medium">Includes</span><span class="block-item tw-text-black tw-text-fs-14 tw-font-gotham">Hard Case </span>�</span>
10404                    <div
10405                      id="Quantity-Form-template--19743633735849__main"
10406                      class="product-form__input product-form__quantity"
10407                      
10408                    >
10409                      
10410                      �
10411                      
10412                      <div class="price-per-item__container tw-flex tw-justify-end sd:tw-pr-25">
10413                        <quantity-input class="quantity tw-flex tw-py-[3.5px] tw-px-16 tw-rounded-[4.2rem] tw-w-[10.9rem] tw-border-1 tw-border-black after:tw-content-none before:tw-content-none"><button class="quantity__button tw-flex tw-items-center tw-text-fs-16 tw-font-gotham tw-min-w-[1.5rem] no-js-hidden" name="minus" type="button">
10414                            <span class="visually-hidden">Decrease quantity for Trifecta Travel Case</span>
10415                            <span class="svg-wrapper">
10416                              <span class="minus-icon"><svg width="6" height="2" viewBox="0 0 6 2" fill="none" xmlns="http://www.w3.org/2000/svg">
10417<path d="M5.54759 0.386364V1.63636H0.456676V0.386364H5.54759Z" fill="black"/>
10418</svg>
10419</span>
10420                            </span>
10421                          </button>
10422                          <input class="tw-flex tw-items-center tw-text-fs-16 tw-leading-normal tw-text-black tw-appearance-none tw-font-gotham quantity__input"
10423                            data-quantity-variant-id="45017833504937"
10424                            type="number"
10425                            name="quantity"
10426                            id="Quantity-Input-template--19743633735849__main"
10427                            data-cart-quantity="0"
10428                            data-min="1"
10429                            min="1"
10430                            
10431                              data-max=""
10432                              max=""
10433                            
10434                            step="1"
10435                            aria-label="Quantity for Trifecta Travel Case"
10436                            value="1"
10437                            form="product-form-template--19743633735849__main"
10438                          >
10439                          <button class="quantity__button tw-text-fs-16 tw-min-w-[1.5rem] tw-font-gotham no-js-hidden" name="plus" type="button">
10440                            <span class="visually-hidden">Increase quantity for Trifecta Travel Case</span><svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
10441<path d="M3.86293 8.20455V0.704545H5.13565V8.20455H3.86293ZM0.74929 5.09091V3.81818H8.24929V5.09091H0.74929Z" fill="black"/>
10442</svg>
10443</button>
10444                        </quantity-input></div>
10445                      <div class="quantity__rules caption" id="Quantity-Rules-template--19743633735849__main"></div></div>
10446<div
10447  class="tw-col-span-2 sd:tw-col-auto"
10448  
10449><product-form
10450      class="product-form"
10451      data-hide-errors="false"
10452      data-section-id="template--19743633735849__main"
10453    >
10454      
10454<script id="product-form_variant-id" type="application/json">
10455        {"id":45017833504937,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"10402849.COM","requires_shipping":true,"taxable":true,"featured_image":{"id":41609721872553,"product_id":8346473300137,"position":1,"created_at":"2025-03-13T11:31:12-04:00","updated_at":"2025-03-13T11:31:14-04:00","alt":null,"width":4000,"height":1933,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874","variant_ids":[45017833504937]},"available":true,"name":"Trifecta Travel Case - Blue","public_title":"Blue","options":["Blue"],"price":840,"weight":0,"compare_at_price":1200,"inventory_management":"shopify","barcode":"193033490341","featured_media":{"alt":null,"id":33474541912233,"position":1,"preview_image":{"aspect_ratio":2.069,"height":1933,"width":4000,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
10456      </script>
10456
10457      
10457<script id="product-form_variant-compare_at_price" type="application/json">
10458        1200
10459      </script>
10459
10460      <div class="product-form__error-message-wrapper" role="alert" hidden>
10461        <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13"><circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="2"/><circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/><path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/><path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/></svg>
10462</span>
10463        <span class="product-form__error-message"></span>
10464      </div><form method="post" action="/cart/add" id="product-form-template--19743633735849__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
10465          type="hidden"
10466          name="id"
10467          value="45017833504937"
10468          
10469          class="product-variant-id"
10470        ><div class="product-form__buttons"><button
10471            id="ProductSubmitButton-template--19743633735849__main"
10472            type="submit"
10473            name="add"
10474            class="product-form__submit tw-w-full tw-group tw-h-50 tw-uppercase tw-bg-black tw-border-1 tw-border-black tw-group tw-transition-colors tw-duration-500 hover:tw-bg-white tw-cursor-pointer disabled:hover:tw-bg-[#666666] disabled:tw-border-[#666666] disabled:tw-cursor-not-allowed disabled:tw-bg-[#666666] [&.loading]:hover:tw-bg-[#666666] [&.loading]:tw-border-[#666666] [&.loading]:tw-cursor-not-allowed [&.loading]:tw-bg-[#666666] button--primary"
10475            
10476          >
10477            <span class="tw-text-white tw-text-fs-16 tw-font-bold tw-font-gotham-medium tw-duration-500 group-hover:tw-text-black group-disabled:group-hover:tw-text-white group-[.loading]:group-hover:tw-text-white">
10478              <span class="group-[.loading]:tw-hidden">Add to cart</span>
10479              <span class="tw-hidden group-[.loading]:tw-block">Adding to cart...</span>
10480            </span>
10481            <span class="tw-hidden">
10482
10483<div class="loading__spinner hidden">
10484  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
10485
10486</div>
10487</span>
10488          </button></div><input type="hidden" name="product-id" value="8346473300137" /><input type="hidden" name="section-id" value="template--19743633735849__main" /></form></product-form><link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-pickup-availability.css?v=34645222959864780961769615267" rel="stylesheet" type="text/css" media="all" />
10489<pickup-availability
10490      class="product__pickup-availabilities quick-add-hidden"
10491      
10492      data-root-url="/"
10493      data-variant-id="45017833504937"
10494      data-has-only-default-variant="false"
10495      data-product-page-color-scheme="gradient color-scheme-1"
10496    >
10497      <template>
10498        <pickup-availability-preview class="pickup-availability-preview">
10499          <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-unavailable" viewBox="0 0 20 20"><path fill="#DE3618" stroke="#fff" d="M13.94 3.94 10 7.878l-3.94-3.94A1.499 1.499 0 1 0 3.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 1 0 2.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 0 0 2.12 0 1.5 1.5 0 0 0 0-2.12L12.122 10l3.94-3.94a1.499 1.499 0 1 0-2.121-2.12z"/></svg>
10500</span>
10501          <div class="pickup-availability-info">
10502            <p class="caption-large">Couldn&#39;t load pickup availability</p>
10503            <button class="pickup-availability-button link link--text underlined-link">
10504              Refresh
10505            </button>
10506          </div>
10507        </pickup-availability-preview>
10508      </template>
10509    </pickup-availability>
10510
10511    
10511<script src="//www.fostergrant.com/cdn/shop/t/75/assets/pickup-availability.js?v=78418059211521962961769615268" defer="defer"></script>
10511</div>
10512<div id="SoldOutWarningBlock-template--19743633735849__main" class="product-form__sold-out-message tw-hidden tw-flex tw-border-1 tw-rounded-4 tw-bg-cream-white tw-border-brown tw-items-center tw-gap-8 tw-p-12 tw-w-full tw-col-span-2">
10513                      <span class="svg-wrapper"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
10514    <path d="M12 2.75C6.48 2.75 2 7.23 2 12.75C2 18.27 6.48 22.75 12 22.75C17.52 22.75 22 18.27 22 12.75C22 7.23 17.52 2.75 12 2.75ZM13 17.75H11V15.75H13V17.75ZM13 13.75H11V7.75H13V13.75Z" fill="black"/>
10515</svg></span>
10516                      <p class="product-form__sold-out-text tw-text-fs-16 tw-text-black tw-font-gotham">
10517                        The selected product combination is currently unavailable.
10518                      </p>
10519                    </div></div><a href="/products/trifecta-travel-case" class="link product__view-details animate-arrow">
10520            View full details�<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
10520ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg>
10521</a>
10522        </section>
10523      </div>
10524  </div>
10525</div>
10526
10527    </div>
10528
10529    
10530
10531<product-modal id="ProductModal-template--19743633735849__main" class="product-media-modal media-modal">
10532  <div
10533    class="product-media-modal__dialog color-scheme-1 gradient"
10534    role="dialog"
10535    aria-label="Media gallery"
10536    aria-modal="true"
10537    tabindex="-1"
10538  >
10539    <button
10540      id="ModalClose-template--19743633735849__main"
10541      type="button"
10542      class="product-media-modal__toggle"
10543      aria-label="Close"
10544    >
10545      <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg>
10546
10547    </button>
10548
10549    <div
10550      class="product-media-modal__content color-scheme-1 gradient"
10551      role="document"
10552      aria-label="Media gallery"
10553      tabindex="0"
10554    >
10555<img
10556    class="global-media-settings global-media-settings--no-shadow product__media-item--variant"
10557    srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=550 550w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1100 1100w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1445 1445w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1680 1680w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=2048 2048w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=2200 2200w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=2890 2890w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874 4000w
10558    "
10559    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
10560    src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1445"
10561    alt="Trifecta Travel Case"
10562    loading="lazy"
10563    width="1100"
10564    height="532"
10565    data-media-id="33474541912233"
10566  >
10567<img
10568    class="global-media-settings global-media-settings--no-shadow"
10569    srcset="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=550 550w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=1100 1100w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=1445 1445w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=1680 1680w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=2048 2048w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=2200 2200w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=2890 2890w,//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874 4000w
10570    "
10571    sizes="(min-width: 750px) calc(100vw - 22rem), 1100px"
10572    src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case-With-Frames.jpg?v=1741879874&width=1445"
10573    alt="Trifecta Travel Case"
10574    loading="lazy"
10575    width="1100"
10576    height="532"
10577    data-media-id="33474542043305"
10578  ></div>
10579  </div>
10580</product-modal>
10581
10582
10583    �
10583<script src="//www.fostergrant.com/cdn/shop/t/75/assets/product-modal.js?v=116616134454508949461769615268" defer="defer"></script>
10583
10584      
10584<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-media-gallery.js?v=82767312488717774121769615268" defer="defer"></script>
10584<script type="application/ld+json" id="fg-product-json-ld">
10585      {
10586        "@context": "https://schema.org",
10587        "@type": "Product",
10588        "name": "Trifecta Travel Case",
10589        "url": "https://www.fostergrant.com/products/trifecta-travel-case","image": "https://www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=1200","description": "Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Includes a magnetic ribbon closure.Foster Grant cases, chains and other accessories are designed to coordinate with all the various colors and styles of Foster Grant eyewear. Plus, they make it easier to find, carry and otherwise use that eyewear. They are little things that add big style and convenience.","brand": {
10590          "@type": "Brand",
10591          "name": "Foster Grant"
10592        },"sku": "10402849.COM","offers": {
10593          "@type": "Offer",
10594          "url": "https://www.fostergrant.com/products/trifecta-travel-case",
10595          "priceCurrency": "USD",
10596          "price": 8.4,
10597          "availability": "https://schema.org/InStock",
10598          "itemCondition": "https://schema.org/NewCondition"
10599        },"aggregateRating": {
10600            "@type": "AggregateRating",
10601            "ratingValue": "3.8",
10602            "reviewCount": 26
10603          }}
10604    </script>
10604
10605
10606    
10606<script>
10607      (function () {
10608        var yotpoStoreId = 'roeMXVKkzYWJRtreEGdKgarHpjR3859xAwTh5Z9a';
10609        var productId = 8346473300137;
10610        var schemaScript = document.getElementById('fg-product-json-ld');
10611
10612        if (!schemaScript || !productId || !window.fetch) return;
10613
10614        function fetchJson(url) {
10615          return fetch(url)
10616            .then(function (response) {
10617              return response.ok ? response.json() : null;
10618            })
10619            .catch(function () {
10620              return null;
10621            });
10622        }
10623
10624        Promise.all([
10625          fetchJson('https://api-cdn.yotpo.com/v3/storefront/store/' + yotpoStoreId + '/product/' + productId + '/ratings'),
10626          fetchJson('https://api-cdn.yotpo.com/v3/storefront/store/' + yotpoStoreId + '/product/' + productId + '/reviews?page=1&perPage=1&sort=date&direction=desc')
10627        ]).then(function (responses) {
10628          var ratingsData = responses[0];
10629          var reviewsData = responses[1];
10630
10631          try {
10632            var schema = JSON.parse(schemaScript.textContent);
10633            var bottomline = ratingsData && ratingsData.bottomline;
10634
10635            if (bottomline) {
10636              var reviewCount = Number(bottomline.totalReviews || 0);
10637              var ratingValue = Number(bottomline.averageScore || 0);
10638
10639              if (reviewCount >
10639 0 && ratingValue > 0) {
10640                schema.aggregateRating = {
10641                  '@type': 'AggregateRating',
10642                  ratingValue: ratingValue,
10643                  reviewCount: reviewCount
10644                };
10645              }
10646            }
10647
10648            if (reviewsData && Array.isArray(reviewsData.reviews) && reviewsData.reviews.length > 0) {
10649              var review = reviewsData.reviews[0];
10650
10651              if (review.score && review.content && review.user && review.user.displayName) {
10652                schema.review = {
10653                  '@type': 'Review',
10654                  author: {
10655                    '@type': 'Person',
10656                    name: review.user.displayName
10657                  },
10658                  datePublished: review.createdAt,
10659                  name: review.title || review.content,
10660                  reviewBody: review.content,
10661                  reviewRating: {
10662                    '@type': 'Rating',
10663                    ratingValue: review.score,
10664                    bestRating: 5
10665                  }
10666                };
10667              } else {
10668                delete schema.review;
10669              }
10670            } else {
10671              delete schema.review;
10672            }
10673
10674            schemaScript.textContent = JSON.stringify(schema);
10675          } catch (error) {}
10676        });
10677      })();
10678    </script>
10678
10679
10680  </div>
10681</product-info>
10682
10683
10684</section><section id="shopify-section-template--19743633735849__fg_multicolumns_icons_pdp_nVeKLi" class="shopify-section section"><link href="//www.fostergrant.com/cdn/shop/t/75/assets/section-multicolumn.css?v=99743381867050010241769615268" rel="stylesheet" type="text/css" media="all" />
10685<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-slider.css?v=65408024275090117981769615268" rel="stylesheet" type="text/css" media="all" />
10686
10687<style>
10688  .section-template--19743633735849__fg_multicolumns_icons_pdp_nVeKLi {
10689      --bg-section: #f2f2f2
10690  }
10691</style>
10692
10693<div class="*:tw-text-black section-template--19743633735849__fg_multicolumns_icons_pdp_nVeKLi multicolumn gradient ">
10694    <div
10695        class="
10696            page-width 
10697            isolate
10698             
10699              scroll-trigger animate--slide-in
10700            
10701            tw-flex
10702            tw-items-center"
10703          
10704            data-cascade
10705          
10706    >
10707          <slider-component class="slider-mobile-gutter tw-flex-1">
10708              <ul
10709                  class="lmd:tw-p-36 tw-px-16 tw-py-18 tw-bg-[var(--bg-section)]
10710                  
10711                      lmd:tw-px-0
10712                      
10713                        tw-pr-24
10714                      
10715                      contains-content-container 
10716                      tw-grid
10717                      
10718                          lmd:tw-grid-cols-3
10719                      
10720                      tw-grid-cols-1
10721                      lmd:tw-gap-16 tw-gap-24
10722                      "
10723                  id="Slider-template--19743633735849__fg_multicolumns_icons_pdp_nVeKLi"
10724                  role="list"
10725              ><li
10726                        id="Slide-template--19743633735849__fg_multicolumns_icons_pdp_nVeKLi-1"
10727                        class=" lmd:first:tw-border-r-[2px] lmd:last:tw-border-l-[2px] tw-border-[#A8A2A2]
10728                            
10729                            
10730                            multicolumn-list__item
10731                            
10732                            
10733                            
10734                             
10735                              scroll-trigger animate--slide-in
10736                            "
10737                            
10738                        
10739                            data-cascade
10740                            style="--animation-order: 1;"
10741                        
10742                    >
10743                        <div class="
10744                                tw-flex 
10745                                tw-flex-row
10746                                tw-items-center
10747                                
10748                                  tw-justify-start 
10749                                  lmd:tw-justify-center 
10750                                
10751                                tw-gap-8
10752                                 ">
10753
10754                            
10755
10756                                <div class="
10757                                    multicolumn-card__image-wrapper 
10758                                    multicolumn-card__image-wrapper--full-width
10759                                    tw-flex
10760                                    tw-justify-center
10761                                    tw-mx-0
10762                                    !tw-mt-0
10763                                    lmd:tw-flex
10764                                    lmd:tw-justify-center
10765                                  ">
10766                                    <div
10767                                        class="media media--transparent tw-w-[3.6rem] tw-h-[3.6rem] [&_img]:tw-w-full [&_img]:tw-object-fill"
10768                                        
10769                                          style="padding-bottom: 43.73%;"
10770                                        
10771                                    >
10772                                        <img src="//www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/Warranty.svg?v=1734443917&amp;width=3200 3200w" width="3200" height="3122" sizes="
10773                                            (min-width: 1366px) calc((1366px - 116px) * 1 /  3),
10774                                            (min-width: 990px) calc((100vw - 116px) * 1 / 3),
10775                                            (min-width: 750px) calc((100vw - 100px) * 1 / 1),
10776                                            calc((100vw - 30px) * 1 / 1)
10777                                        " class="multicolumn-card__image">
10778                                    </div>
10779                                </div>
10780                            
10781                            <div class="
10782                                [&_a_button_div]:tw-link-hover-underline-color 
10783                                tw-text-center 
10784                                tw-flex 
10785                                tw-items-center
10786                                [&_a_button_span]:tw-link-hover-underline-color"><h3 class="tw-text-black [&_a]:tw-underline [&_a]:tw-transition-colors [&_a:hover]:tw-text-brown [&_strong]:tw-font-gotham-medium tw-text-[14px] tw-font-normal tw-leading-[18px] tw-text-left tw-font-gotham"><strong>90-Day Limited Warranty </strong>Against Manufacturer's Defects <a href="/blogs/support/limited-warranty" title="Limited Warranty"><strong>Details</strong></a></h3></div>
10787                        </div>
10788                    </li><li
10789                        id="Slide-template--19743633735849__fg_multicolumns_icons_pdp_nVeKLi-2"
10790                        class=" lmd:first:tw-border-r-[2px] lmd:last:tw-border-l-[2px] tw-border-[#A8A2A2]
10791                            
10792                            
10793                            multicolumn-list__item
10794                            
10795                            
10796                            
10797                             
10798                              scroll-trigger animate--slide-in
10799                            "
10800                            
10801                        
10802                            data-cascade
10803                            style="--animation-order: 2;"
10804                        
10805                    >
10806                        <div class="
10807                                tw-flex 
10808                                tw-flex-row
10809                                tw-items-center
10810                                
10811                                  tw-justify-start 
10812                                  lmd:tw-justify-center 
10813                                
10814                                tw-gap-8
10815                                 ">
10816
10817                            
10818
10819                                <div class="
10820                                    multicolumn-card__image-wrapper 
10821                                    multicolumn-card__image-wrapper--full-width
10822                                    tw-flex
10823                                    tw-justify-center
10824                                    tw-mx-0
10825                                    !tw-mt-0
10826                                    lmd:tw-flex
10827                                    lmd:tw-justify-center
10828                                  ">
10829                                    <div
10830                                        class="media media--transparent tw-w-[3.6rem] tw-h-[3.6rem] [&_img]:tw-w-full [&_img]:tw-object-fill"
10831                                        
10832                                          style="padding-bottom: 43.73%;"
10833                                        
10834                                    >
10835                                        <img src="//www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/Shipping.svg?v=1734443884&amp;width=3200 3200w" width="3200" height="3122" sizes="
10836                                            (min-width: 1366px) calc((1366px - 116px) * 1 /  3),
10837                                            (min-width: 990px) calc((100vw - 116px) * 1 / 3),
10838                                            (min-width: 750px) calc((100vw - 100px) * 1 / 1),
10839                                            calc((100vw - 30px) * 1 / 1)
10840                                        " class="multicolumn-card__image">
10841                                    </div>
10842                                </div>
10843                            
10844                            <div class="
10845                                [&_a_button_div]:tw-link-hover-underline-color 
10846                                tw-text-center 
10847                                tw-flex 
10848                                tw-items-center
10849                                [&_a_button_span]:tw-link-hover-underline-color"><h3 class="tw-text-black [&_a]:tw-underline [&_a]:tw-transition-colors [&_a:hover]:tw-text-brown [&_strong]:tw-font-gotham-medium tw-text-[14px] tw-font-normal tw-leading-[18px] tw-text-left tw-font-gotham"><strong>Free Ground Shipping</strong> on Orders Over $45, Always Free Returns* <a href="https://www.fostergrant.com/help/order-help/shipping-and-delivery"><strong>Details</strong></a></h3></div>
10850                        </div>
10851                    </li><li
10852                        id="Slide-template--19743633735849__fg_multicolumns_icons_pdp_nVeKLi-3"
10853                        class=" lmd:first:tw-border-r-[2px] lmd:last:tw-border-l-[2px] tw-border-[#A8A2A2]
10854                            
10855                            
10856                            multicolumn-list__item
10857                            
10858                            
10859                            
10860                             
10861                              scroll-trigger animate--slide-in
10862                            "
10863                            
10864                        
10865                            data-cascade
10866                            style="--animation-order: 3;"
10867                        
10868                    >
10869                        <div class="
10870                                tw-flex 
10871                                tw-flex-row
10872                                tw-items-center
10873                                
10874                                  tw-justify-start 
10875                                  lmd:tw-justify-center 
10876                                
10877                                tw-gap-8
10878                                 ">
10879
10880                            
10881
10882                                <div class="
10883                                    multicolumn-card__image-wrapper 
10884                                    multicolumn-card__image-wrapper--full-width
10885                                    tw-flex
10886                                    tw-justify-center
10887                                    tw-mx-0
10888                                    !tw-mt-0
10889                                    lmd:tw-flex
10890                                    lmd:tw-justify-center
10891                                  ">
10892                                    <div
10893                                        class="media media--transparent tw-w-[3.6rem] tw-h-[3.6rem] [&_img]:tw-w-full [&_img]:tw-object-fill"
10894                                        
10895                                          style="padding-bottom: 43.73%;"
10896                                        
10897                                    >
10898                                        <img src="//www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/Questions.svg?v=1734443362&amp;width=3200 3200w" width="3200" height="3122" sizes="
10899                                            (min-width: 1366px) calc((1366px - 116px) * 1 /  3),
10900                                            (min-width: 990px) calc((100vw - 116px) * 1 / 3),
10901                                            (min-width: 750px) calc((100vw - 100px) * 1 / 1),
10902                                            calc((100vw - 30px) * 1 / 1)
10903                                        " class="multicolumn-card__image">
10904                                    </div>
10905                                </div>
10906                            
10907                            <div class="
10908                                [&_a_button_div]:tw-link-hover-underline-color 
10909                                tw-text-center 
10910                                tw-flex 
10911                                tw-items-center
10912                                [&_a_button_span]:tw-link-hover-underline-color"><h3 class="tw-text-black [&_a]:tw-underline [&_a]:tw-transition-colors [&_a:hover]:tw-text-brown [&_strong]:tw-font-gotham-medium tw-text-[14px] tw-font-normal tw-leading-[18px] tw-text-left tw-font-gotham"><strong>Questions?</strong> Our Team of Experts is Here to Help <a href="https://www.luxotticacustomercare.com/fostergrant/emailus" target="_blank"><strong>Email Us</strong></a></h3></div>
10913                        </div>
10914                    </li></ul></slider-component>
10915    </div>
10916</div>
10917
10918
10919</section><div id="shopify-section-template--19743633735849__fg_product_description" class="shopify-section">
10919<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-feature-size-conversion.js?v=176038656003253831521769615268" defer="defer"></script>
vendor: 1 bytes, line 10919
10919
10920<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-product-features-block.js?v=92419460679603470971769615268" defer="defer"></script>
10920
10921
10922<style>
10923    .custom-padding img {
10924        padding-top: 16px;
10925        padding-bottom: 16px;
10926    }
10927    .list-item-bullet li {
10928        list-style-type: disc;
10929        list-style-position: inside;
10930        padding-left: 16px;
10931    }
10932    .list-item-bullet ul {
10933        padding-bottom: 20px;
10934    }
10935    .list-item-bullet ul br {
10936        display: none;
10937    }
10938    .tw-text-black a {
10939        text-decoration: underline;
10940    }
10941    .tw-text-black a:hover {
10942        color: #78391e;
10943    }
10944</style>
10945
10946<section
10947    id="ProductDescription-template--19743633735849__fg_product_description"
10948    class="page-width lmd:tw-px-0 sd:tw-max-w-[825px] sd:tw-mx-auto tw-pt-24 tw-pb-8 sd:tw-pt-56 sd:tw-pb-64 tw-border-b-1 tw-border-[#CECECE]"
10949  >
10950    <feature-size-conversion>
10951        <div class="product__description--container [&_>_div:not(:last-of-type)]:tw-pb-32 [&_>_div:not(:last-of-type)]:tw-mb-32 [&_>_div:not(:last-of-type)]:tw-border-b-1 [&_>_div:not(:last-of-type)]:tw-border-[#CECECE]">
10952            
10953                
10954<div class="product__sizes"><div class="product-size-title-container tw-relative size-with-info tw-mb-8">
10955                                    <h2 class="product-size-title tw-text-fs-24 tw-text-black tw-font-gotham-medium tw-font-bold"> Measurements &amp; Fit</h2>
10956                                </div><ul class="product-size-image-list tw-flex tw-flex-col tw-w-fit"><li class="image-item tw-flex tw-items-center">
10957                                            <div class="size-image-wrapper"><img
10958                                                        src="//www.fostergrant.com/cdn/shop/files/temple_length.webp?v=1741881718&width=72"
10959                                                        alt=""
10960                                                        loading="lazy"
10961                                                        width="72"
10962                                                        height="32"
10963                                                    ></div>
10964                                            <h3 class="size-frame-label tw-text-black tw-text-fs-14 tw-font-bold tw-font-gotham-medium tw-ms-8 tw-flex-1 tw-m-0">Temple Width</h3>
10965                                            <span class="size-frame-value tw-ms-20 tw-text-black tw-text-fs-14" data-unit="mm" data-value="">
10966                                             mm
10967                                            </span>
10968                                        </li><li class="image-item tw-flex tw-items-center">
10969                                            <div class="size-image-wrapper"><img
10970                                                        src="//www.fostergrant.com/cdn/shop/files/lens_width.webp?v=1741881715&width=72"
10971                                                        alt=""
10972                                                        loading="lazy"
10973                                                        width="72"
10974                                                        height="32"
10975                                                    ></div>
10976                                            <h3 class="size-frame-label tw-text-black tw-text-fs-14 tw-font-bold tw-font-gotham-medium tw-ms-8 tw-flex-1 tw-m-0">Lens Width</h3>
10977                                            <span class="size-frame-value tw-ms-20 tw-text-black tw-text-fs-14" data-unit="mm" data-value=""> mm
10978                                            </span>
10979                                        </li><li class="image-item tw-flex tw-items-center">
10980                                            <div class="size-image-wrapper"><img
10981                                                        src="//www.fostergrant.com/cdn/shop/files/bridge_width.webp?v=1741881704&width=72"
10982                                                        alt=""
10983                                                        loading="lazy"
10984                                                        width="72"
10985                                                        height="32"
10986                                                    ></div>
10987                                            <h3 class="size-frame-label tw-text-black tw-text-fs-14 tw-font-bold tw-font-gotham-medium tw-ms-8 tw-flex-1 tw-m-0">Bridge Width</h3>
10988                                            <span class="size-frame-value tw-ms-20 tw-text-black tw-text-fs-14" data-unit="mm" data-value="0">
10989                                            0 mm
10990                                            </span>
10991                                        </li></ul><div class="product-size-switch-container tw-mt-12">
10992                                    <span class="product-size-switch tw-underline tw-text-fs-14 tw-text-[#666666] tw-font-bold tw-font-gotham-medium tw-cursor-pointer" data-unit="mm" data-labelin="Show in inches" data-labelmm="Switch to mm">Show in inches</span>
10993                                </div>
10994                            </div>
10995            
10996                
10997
10998            
10999                 
11000                        <div class="product-description">
11001                            <div class="tw-flex tw-flex-col sd:tw-flex-row sd:tw-grid-cols-2 tw-gap-35 sd:tw-gap-24">
11002                                <div class="tw-flex-1">
11003
11004                                    <h2 class="tw-text-fs-24 tw-text-black tw-font-gotham-medium tw-font-bold tw-mb-8">Description</h2>
11005
11006                                    <div class="tw-text-black tw-font-gotham tw-leading-[1.4] tw-text-fs-16 custom-padding list-item-bullet"><p>Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Includes a magnetic ribbon closure.Foster Grant cases, chains and other accessories are designed to coordinate with all the various colors and styles of Foster Grant eyewear. Plus, they make it easier to find, carry and otherwise use that eyewear. They are little things that add big style and convenience.</p></div>
11007                                </div>
11008                                <fg-product-features-block id="ProductFeaturesBlock-template--19743633735849__fg_product_description" class="tw-block tw-w-full sd:tw-max-w-295 tw-bg-[#E9DEDC] tw-p-18 tw-h-fit" data-section="template--19743633735849__fg_product_description" data-url="/products/trifecta-travel-case">
11009                                    <ul>
11010                                        
11011
11012
11013
11014
11015<li class="tw-grid tw-grid-cols-2 [&:not(:last-of-type)]:tw-mb-17">
11016                                                <h2 class="tw-text-black tw-font-gotham-medium tw-font-bold tw-text-fs-14 tw-m-0">Gender</h2>
11017                                                <span class="tw-text-black tw-font-gotham tw-text-fs-14">Unisex</span>
11018                                            </li>
11019
11020
11021
11022                                        <li class="tw-grid tw-grid-cols-2 [&:not(:last-of-type)]:tw-mb-17">
11023                                            <h2 class="tw-text-black tw-font-gotham-medium tw-font-bold tw-text-fs-14 tw-m-0">SKU</h2>
11024                                            <span id="Features-SKU" class="tw-text-black tw-font-gotham tw-text-fs-14" data-update-on-variant-change>10402849.COM</span>
11025                                        </li>
11026                                    </ul>
11027                                </fg-product-features-block>
11028                            </div>
11029                        </div>
11030                
11031            
11032                
11033            
11034        </div>
11035    </feature-size-conversion>
11036</section>
11037
11038</div><section id="shopify-section-template--19743633735849__custom_liquid_mqmGLc" class="shopify-section section"><style data-shopify>.section-template--19743633735849__custom_liquid_mqmGLc-padding {
11039    padding-top: calc(40px * 0.75);
11040    padding-bottom: calc(52px  * 0.75);
11041  }
11042
11043  @media screen and (min-width: 750px) {
11044    .section-template--19743633735849__custom_liquid_mqmGLc-padding {
11045      padding-top: 40px;
11046      padding-bottom: 52px;
11047    }
11048  }</style><div class="color-scheme-1 gradient">
11049  <div class="section-template--19743633735849__custom_liquid_mqmGLc-padding">
11050    
11051  </div>
11052</div>
11053
11054
11055</section><section id="shopify-section-template--19743633735849__fg_related_products" class="shopify-section section"><link href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-component-card.css?v=939
1105516286078373146651771410061" rel="stylesheet" type="text/css" media="all" />
11056<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-price.css?v=92732502335419687601769615267" rel="stylesheet" type="text/css" media="all" />
11057<link href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-component-card-color-swatch.css?v=151818984776781237371769615268" rel="stylesheet" type="text/css" media="all" />
11058<link href="//www.fostergrant.com/cdn/shop/t/75/assets/fg-component-product-variant-picker.css?v=175519045182742027271773832813" rel="stylesheet" type="text/css" media="all" />
11059<link href="//www.fostergrant.com/cdn/shop/t/75/assets/section-related-products.css?v=117697797895937475711782296250" rel="stylesheet" type="text/css" media="all" />
11060
11061<style data-shopify>.section-template--19743633735849__fg_related_products-padding {
11062    padding-top: 36px;
11063    padding-bottom: 36px;
11064  }
11065
11066  @media screen and (min-width: 750px) {
11067    .section-template--19743633735849__fg_related_products-padding {
11068      padding-top: 48px;
11069      padding-bottom: 48px;
11070    }
11071  }</style><div class="color- gradient">
11072  <product-recommendations
11073    class="related-products page-width section-template--19743633735849__fg_related_products-padding isolate scroll-trigger animate--slide-in"
11074    data-url="/recommendations/products?limit=4"
11075    data-section-id="template--19743633735849__fg_related_products"
11076    data-product-id="8346473300137"
11077  >
11078      <div data-fg-skeleton-related>
11079        
11080<div class="fg-skeleton-related" aria-hidden="true">
11081      <span class="fg-skeleton__bar fg-skeleton-related__title"></span>
11082      <div class="fg-skeleton-related__card">
11083        
11084<div class="fg-skeleton-card">
11085      <span class="fg-skeleton__bar fg-skeleton-card__image"></span>
11086      <span class="fg-skeleton-card__swatches">
11087        <span class="fg-skeleton__bar fg-skeleton-card__swatch"></span>
11088        <span class="fg-skeleton__bar fg-skeleton-card__swatch"></span>
11089        <span class="fg-skeleton__bar fg-skeleton-card__swatch"></span>
11090      </span>
11091      <span class="fg-skeleton__bar fg-skeleton-card__line"></span>
11092      <span class="fg-skeleton__bar fg-skeleton-card__line fg-skeleton-card__line--short"></span>
11093      <span class="fg-skeleton__bar fg-skeleton-card__line fg-skeleton-card__line--price"></span>
11094    </div>
11095      </div>
11096    </div>
11097      </div>
11098    
11099  </product-recommendations>
11100  </div>
11101
11102
11103</section><section id="shopify-section-template--19743633735849__1744911688aa4b20de" class="shopify-section section"><div class="page-width scroll-trigger animate--slide-in"><div id="shopify-block-AZk9LZktuNTNxVWFMS__yotpo_product_reviews_reviews_e3T7AC" class="shopify-block shopify-app-block">
11104
11105  
11106  
11107    
11108  
11109
11110
11111
11112
11113<div
11114    class="yotpo-widget-instance"
11115    data-yotpo-instance-id="1087262"
11116    data-yotpo-product-id="8346473300137"
11117    data-yotpo-name="Trifecta Travel Case"
11118    data-yotpo-url="https://www.fostergrant.com/products/trifecta-travel-case"
11119    data-yotpo-price="8.4"
11120    data-yotpo-currency="USD"
11121    data-yotpo-image-url="https://www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=480"
11122    data-yotpo-description="Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Includes a magnetic ribbon closure.Foster Grant cases, chains and other accessories are designed to coordinate with all the various colors and styles of Foster Grant eyewear. Plus, they make it easier to find, carry and otherwise use that eyewear. They are little things that add big style and convenience."
11123    data-yotpo-prevent-load-rs="true"
11124  >
11125</div>
11126  
11127    
11127<script type="application/ld+json" class="y-rich-snippet-script">
11128      {
11129        "@context": "https://schema.org",
11130        "@type": "Product",
11131        "aggregateRating": {
11132            "@type": "AggregateRating",
11133            "ratingValue": "3.8",
11134            "reviewCount": "26"
11135        },
11136        "name":"Trifecta Travel Case",
11137        "image":["https://www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874&width=480"],
11138        "offers": {
11139            "@type": "Offer",
11140            "availability": "https://schema.org/InStock",
11141            "price": "8.4",
11142            "priceCurrency": "USD",
11143            "sku": "10402849.COM"
11144,
11145            "url": "https://www.fostergrant.com/products/trifecta-travel-case?variant=45017833504937"
11146        },
11147        "brand": {
11148          "@type": "Brand",
11149          "name": "Foster Grant"
11150        },
11151        "description": "Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Includes a magnetic ribbon closure.Foster Grant cases, chains and other accessories are designed to coordinate with all the various colors and styles of Foster Grant eyewear. Plus, they make it easier to find, carry and otherwise use that eyewear. They are little things that add big style and convenience.",
11152        "sku": "10402849.COM"
11153
11154      }
11155    </script>
11155
11156    
11157      
11157<script>
11158        function addReviewsDataToRichSnippetLDScript() {
11159          var jsonLdScript = document.querySelector('.y-rich-snippet-script');
11160          var preloadedReviews = JSON.parse("{\"pagination\":{\"page\":1,\"perPage\":5,\"total\":26},\"bottomline\":{\"totalReview\":26,\"averageScore\":3.8076923,\"totalOrganicReviews\":0,\"organicAverageScore\":0.0,\"starDistribution\":{\"1\":4,\"2\":3,\"3\":2,\"4\":2,\"5\":15}},\"products\":[{\"id\":840551475,\"domainKey\":\"8346473300137\",\"name\":\"Trifecta Travel Case\",\"socialLinks\":{\"linkedin\":\"https:\/\/yotpo.com\/go\/7mWat3yo\",\"facebook\":\"https:\/\/yotpo.com\/go\/rgZEPUjp\",\"twitter\":\"https:\/\/yotpo.com\/go\/qSSvEPJ7\",\"googleOauth2\":\"https:\/\/yotpo.com\/go\/XAD4UGua\"},\"embeddedWidgetLink\":\"https:\/\/yotpo.com\/go\/aElOp8mg\",\"testimonialsProductLink\":\"https:\/\/yotpo.com\/go\/buDhuV8D\",\"productLink\":\"https:\/\/yotpo.com\/go\/2DC2D6l9\"}],\"reviews\":[{\"id\":894140819,\"score\":4,\"votesUp\":0,\"votesDown\":0,\"content\":\"It is a lot bigger than needed, so maybe not for travel. However, it has a loop so I can hang it open and put 1-3 glasses in each pocket to store my ever lost glasses.\",\"title\":\"Bigger than I thought..\",\"createdAt\":\"2026-09-23T23:56:27\",\"verifiedBuyer\":true,\"sentiment\":0.2642576,\"isIncentivized\":true,\"incentiveType\":\"yotpo_loyalty_points\",\"isShop\":false,\"user\":{\"userId\":307097449,\"userType\":\"User\",\"isSocialConnected\":0,\"displayName\":\"Bettina R.\"},\"country\":{\"code\":\"US\",\"label\":\"🇺🇸 United States\"},\"productVariants\":{\"Color\":\"Blue\"},\"language\":\"en\"},{\"id\":884579371,\"score\":4,\"votesUp\":0,\"votesDown\":0,\"content\":\"The case was nice but the sunglasses don't stay attached very well.\",\"title\":\"The case was nice but\",\"createdAt\":\"2026-08-26T13:07:53\",\"verifiedBuyer\":true,\"sentiment\":0.032060023,\"isIncentivized\":false,\"isShop\":false,\"topics\":{\"sunglasses\":{\"name\":\"sunglasses\",\"sentence\":\"The case was nice but the sunglasses don't stay attached very well.\"},\"case\":{\"name\":\"case\",\"sentence\":\"The case was nice but the sunglasses don't stay attached very well.\"}},\"user\":{\"userId\":295482006,\"userType\":\"User\",\"isSocialConnected\":0,\"displayName\":\"Robert C.\"},\"country\":{\"code\":\"US\",\"label\":\"🇺🇸 United States\"},\"productVariants\":{\"Color\":\"Blue\"},\"language\":\"en\"},{\"id\":877481678,\"score\":5,\"votesUp\":0,\"votesDown\":0,\"content\":\"Great sunglasses. Should be sold with a hard case to protect them from damage when not in use.\",\"title\":\"Great sunglasses. Should be sold\",\"createdAt\":\"2026-08-05T19:12:51\",\"verifiedBuyer\":true,\"sentiment\":0.88075054,\"isIncentivized\":false,\"isShop\":false,\"topics\":{\"sunglasses\":{\"name\":\"sunglasses\",\"sentence\":\"Great sunglasses.\"}},\"user\":{\"userId\":290489114,\"userType\":\"User\",\"isSocialConnected\":0,\"displayName\":\"Joseph P.\"},\"country\":{\"code\":\"US\",\"label\":\"🇺🇸 United States\"},\"productVariants\":{\"Color\":\"Blue\"},\"language\":\"en\"},{\"id\":867297688,\"score\":5,\"votesUp\":0,\"votesDown\":0,\"content\":\"Perfect for carrying and protecting multiple glasses. Good Design\",\"title\":\"Perfect for carrying and protecting\",\"createdAt\":\"2026-07-07T21:46:52\",\"verifiedBuyer\":true,\"sentiment\":0.92322487,\"isIncentivized\":false,\"isShop\":false,\"topics\":{\"design\":{\"name\":\"design\",\"sentence\":\"Good Design\"}},\"user\":{\"userId\":281714525,\"userType\":\"User\",\"isSocialConnected\":0,\"displayName\":\"Steve S.\"},\"country\":{\"code\":\"US\",\"label\":\"🇺🇸 United States\"},\"productVariants\":{\"Color\":\"Blue\"},\"language\":\"en\"},{\"id\":854157705,\"score\":3,\"votesUp\":0,\"votesDown\":0,\"content\":\"A little too bulky for compact travel\",\"title\":\"A little too bulky for\",\"createdAt\":\"2026-06-13T23:06:18\",\"verifiedBuyer\":true,\"sentiment\":0.15963873,\"isIncentivized\":false,\"isShop\":false,\"topics\":{\"travel\":{\"name\":\"travel\",\"sentence\":\"A little too bulky for compact travel\"}},\"user\":{\"userId\":156712925,\"userType\":\"User\",\"isSocialConnected\":0,\"displayName\":\"Pat W.\"},\"country\":{\"code\":\"US\",\"label\":\"🇺🇸 United States\"},\"productVariants\":{\"Color\":\"Blue\"},\"language\":\"en\"}]}");
11161          if (
11162              !jsonLdScript ||
11163              !jsonLdScript.textContent ||
11164              !preloadedReviews ||
11165              !preloadedReviews.reviews ||
11166              preloadedReviews.reviews.length === 0) {
11167            return;
11168          }
11169          var data = JSON.parse(jsonLdScript.textContent);
11170          if (!data) {
11171            return;
11172          }
11173
11174          // Update script with the reviews data
11175          data.review = [];
11176          preloadedReviews.reviews.map(function(elem) {
11177            data.review.push({
11178              "@type": "Review",
11179              "reviewRating": {
11180                "@type": "Rating",
11181                "ratingValue": elem.score ? elem.score : '',
11182                "bestRating": 5,
11183              },
11184              "author": {
11185                "@type": "Person",
11186                "name": elem.user && elem.user.displayName ? elem.user.displayName : ''
11187              },
11188              "reviewBody": elem.content ? elem.content : '',
11189            });
11190          });
11191          // Serialize and update the script tag
11192          jsonLdScript.textContent = JSON.stringify(data, null, 2);
11193        }
11194
11195        addReviewsDataToRichSnippetLDScript();
11196      </script>
11196
11197    
11198  
11199
11200
11201
11202  
11203  
11204    <div id="yotpo-reviews-section-data" style="margin-top:4px; font-size:11px; line-height:1.35; color:#555; max-height:220px; overflow:auto; padding:6px 8px; border:1px solid #eee; border-radius:4px; background:#fafafa;">   <section id="yotpo-reviews-overall-rating">     <p><strong>Overall rating:</strong> 3.8076923 / 5 from 26 reviews.</p>   </section>   <section id="yotpo-reviews-ai-summary">     <h3>AI Generated Review Summary</h3>     <p></p>   </section>   <section id="yotpo-reviews-summary-topics">     <h3>Summary topics</h3>     <ul>            </ul>   </section>   <section id="yotpo-reviews-review-topics">     <p><strong>Review topics:</strong> [&quot;case&quot;,&quot;carrier&quot;].</p>   </section>   <section id="yotpo-reviews-highlights">     <h3>Review highlights</h3>     <ul>            </ul>   </section>   <section id="yotpo-reviews-individual-reviews">     <h3>Reviews</h3>     <article class="yotpo-review" data-reviewer="Bettina R." data-rating="4">       <h4 class="yotpo-review-title">Bigger than I thought..</h4>       <p class="yotpo-review-body">&quot;It is a lot bigger than needed, so maybe not for travel. However, it has a loop so I can hang it open and put 1-3 glasses in each pocket to store my ever lost glasses.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Bettina R.</span> (<span class="yotpo-review-rating">4/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Robert C." data-rating="4">       <h4 class="yotpo-review-title">The case was nice but</h4>       <p class="yotpo-review-body">&quot;The case was nice but the sunglasses don't stay attached very well.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Robert C.</span> (<span class="yotpo-review-rating">4/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Joseph P." data-rating="5">       <h4 class="yotpo-review-title">Great sunglasses. Should be sold</h4>       <p class="yotpo-review-body">&quot;Great sunglasses. Should be sold with a hard case to protect them from damage when not in use.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Joseph P.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Steve S." data-rating="5">       <h4 class="yotpo-review-title">Perfect for carrying and protecting</h4>       <p class="yotpo-review-body">&quot;Perfect for carrying and protecting multiple glasses. Good Design&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Steve S.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Pat W." data-rating="3">       <h4 class="yotpo-review-title">A little too bulky for</h4>       <p class="yotpo-review-body">&quot;A little too bulky for compact travel&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Pat W.</span> (<span class="yotpo-review-rating">3/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Andrea B." data-rating="1">       <h4 class="yotpo-review-title">Glad case to large I&rsquo;ll save it for something</h4>       <p class="yotpo-review-body">&quot;The glass case is too big but I&rsquo;ll keep it for something else.&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Andrea B.</span> (<span class="yotpo-review-rating">1/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Monica H." data-rating="5">       <h4 class="yotpo-review-title">GREAT! No more searching for</h4>       <p class="yotpo-review-body">&quot;GREAT! No more searching for multiple pairs of sunglasses as I rush out of house. &hearts;️&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Monica H.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="John G." data-rating="5">       <h4 class="yotpo-review-title">Work as advertised</h4>       <p class="yotpo-review-body">&quot;Work as advertised&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">John G.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="MM R." data-rating="5">       <h4 class="yotpo-review-title">Great purchase</h4>       <p class="yotpo-review-body">&quot;Great purchase&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">MM R.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article><article class="yotpo-review" data-reviewer="Jeff Z." data-rating="5">       <h4 class="yotpo-review-title">Car travel case, Perfect for</h4>       <p class="yotpo-review-body">&quot;Car travel case, Perfect for my need&quot;</p>       <p class="yotpo-review-author">&mdash; <span class="yotpo-reviewer-name">Jeff Z.</span> (<span class="yotpo-review-rating">5/5</span>)</p>     </article>   </section>   <section id="yotpo-reviews-qa">     <h3>Q&amp;A</h3>     <dl>            </dl>   </section> </div>
11205  
11206
11207
11208
11209</div>
11210</div>
11211
11212
11213</section><section id="shopify-section-template--19743633735849__1742307619c70600c2" class="shopify-section section">
11213<div class="page-width scroll-trigger animate--slide-in"></div>
11214
11215
11216</section><div id="shopify-section-template--19743633735849__fg_pdp_multicolumn_contact" class="shopify-section"><style>
11217    .section-template--19743633735849__fg_pdp_multicolumn_contact {
11218        --bg-section: #e9dedc;
11219        --grid-cols: repeat(1, 1fr);
11220        --mobile-padding: 36px;
11221        --desktop-padding: 36px;
11222    }
11223</style>
11224
11225
11226<div class="*:tw-text-black section-template--19743633735849__fg_pdp_multicolumn_contact gradient tw-bg-[var(--bg-section)]">
11227    <div
11228        class="
11229            page-width
11230            isolate
11231            
11232              scroll-trigger animate--slide-in
11233            
11234            tw-flex
11235            tw-items-center tw-justify-center"
11236          
11237            data-cascade
11238          
11239    >
11240        <div class="tw-grid tw-grid-cols-1 sd:tw-grid-cols-[var(--grid-cols)] tw-py-[var(--mobile-padding)] sd:tw-py-[var(--desktop-padding)]">
11241            
11242
11243
11244<div class="[&_strong]:tw-font-gotham-medium"><div class="tw-text-center tw-text-fs-24 tw-mb-8 [&_strong]:tw-block sd:[&_strong]:tw-inline"><p><strong>Have a Question?</strong> We're Here to Help</p></div><div class="sd:tw-flex sd:tw-gap-18 tw-mt-10"><div class="tw-mb-18 tw-text-center tw-w-310 sd:[&>div>button>span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px] tw-mx-auto">
11245                                    
11246
11247
11248
11249
11250
11251
11252
11253
11254    
11255
11256
11257
11258
11259
11260
11261
11262<a href="tel:1-800-426-6396"
11263    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
11264    
11265    <button 
11266        class="
11267            tw-w-full
11268            tw-flex
11269            tw-text-[16px] 
11270            tw-font-bold 
11271            tw-tracking-[1.6px] 
11272            tw-uppercase 
11273            tw-py-[6px]
11274            tw-cursor-pointer 
11275            tw-rounded-none
11276             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
11277            
11278                style="border: 2px solid #000000;"
11279            
11280    >   
11281        
11282            
11283                
11284            
11285            
11286                <img src="//www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3200 3200w" width="3200" height="3378" loading="lazy" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
11287            
11288        
11289        <span class="
11290            [&_p]:tw-text-[16px] 
11291            [&_p]:tw-font-bold 
11292            [&_p]:tw-uppercase
11293            tw-font-gotham-medium
11294            tw-font-bold
11295            tw-text-black
11296             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
11297            style="line-height: 1.5;color:#000000;
11298            ">
11299             <p>CALL 1-800-426-6396</p>
11300        </span>
11301        </button>
11302     
11303</a>
11304
11305                                </div><div class="tw-mb-18 tw-text-center tw-w-310 sd:[&>div>button>
11305span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px] tw-mx-auto">
11306                                    
11307
11308
11309
11310
11311
11312
11313
11314
11315    
11316
11317
11318
11319
11320
11321
11322
11323<a href="https://www.luxotticacustomercare.com/fostergrant/emailus"
11324    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
11325    
11326    <button 
11327        class="
11328            tw-w-full
11329            tw-flex
11330            tw-text-[16px] 
11331            tw-font-bold 
11332            tw-tracking-[1.6px] 
11333            tw-uppercase 
11334            tw-py-[6px]
11335            tw-cursor-pointer 
11336            tw-rounded-none
11337             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
11338            
11339                style="border: 2px solid #000000;"
11340            
11341    >   
11342        
11343            
11344                
11345            
11346            
11347                <img src="//www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-chat.svg?v=1741881717&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
11348            
11349        
11350        <span class="
11351            [&_p]:tw-text-[16px] 
11352            [&_p]:tw-font-bold 
11353            [&_p]:tw-uppercase
11354            tw-font-gotham-medium
11355            tw-font-bold
11356            tw-text-black
11357             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
11358            style="line-height: 1.5;color:#000000;
11359            ">
11360             <p>chat with an expert</p>
11361        </span>
11362        </button>
11363     
11364</a>
11365
11366                                </div></div><div class="tw-flex tw-justify-center tw-mb-4 [&_a_button_div]:tw-link-hover-underline-reverse [&_a_button_span]:tw-link-hover-underline-reverse [&_a_button_div]:tw-border-b-2 [&_a_button_span]:tw-border-b-2">
11367                            
11368
11369
11370
11371
11372
11373
11374
11375
11376
11377
11378
11379<a
11380  href="https://www.fostergrant.com/pages/help-center"
11381  class="fg-cta-link tw-block"
11382  style="--border-color-section: #000;"
11383  
11384>
11385  
11386
11387    
11388
11389      <button
11390        class="
11391          tw-w-full
11392          tw-flex
11393          tw-text-[16px]
11394          tw-font-bold
11395          tw-tracking-[1.6px]
11396          tw-uppercase
11397          tw-py-[6px]
11398          tw-cursor-pointer
11399          tw-rounded-none
11400           tw-px-22
11401        "
11402        
11403      >
11404        <span
11405          class="
11406            [&_p]:tw-text-[16px]
11407            [&_p]:tw-font-bold
11408            [&_p]:tw-uppercase
11409            tw-font-gotham-medium
11410            tw-font-bold
11411            
11412              tw-text-black
11413            
11414             tw-border-b-2 tw-border-b-[var(--border-color-section)] tw-link-hover-underline-color
11415          "
11416          style="line-height: 1.5;"
11417        >
11418          visit the help center
11419        </span>
11420      </button>
11421      
11422    
11423  
11424</a>
11425
11426                        </div></div>
11427
11428            
11429        </div>
11430    </div>
11431</div>
11432
11433
11434
11435</div><div id="shopify-section-template--19743633735849__fg_pdp_multicolumn_product_help" class="shopify-section"><style>
11436    .section-template--19743633735849__fg_pdp_multicolumn_product_help {
11437        --bg-section: #f2f2f2;
11438        --grid-cols: repeat(2, 1fr);
11439        --mobile-padding: 48px;
11440        --desktop-padding: 60px;
11441    }
11442</style>
11443
11444
11445<div class="*:tw-text-black section-template--19743633735849__fg_pdp_multicolumn_product_help gradient tw-bg-[var(--bg-section)]">
11446    <div
11447        class="
11448            page-width
11449            isolate
11450            
11451              scroll-trigger animate--slide-in
11452            
11453            tw-flex
11454            tw-items-center tw-justify-center"
11455          
11456            data-cascade
11457          
11458    >
11459        <div class="tw-grid tw-grid-cols-1 sd:tw-grid-cols-[var(--grid-cols)] tw-py-[var(--mobile-padding)] sd:tw-py-[var(--desktop-padding)]">
11460            
11461
11462
11463<div class="[&_strong]:tw-font-gotham-medium odd:tw-relative odd:tw-pb-36 sd:odd:tw-pb-0 even:tw-pt-36 sd:even:tw-pt-0 sd:odd:tw-pr-60 sd:even:tw-pl-60 odd:after:tw-absolute odd:after:tw-w-128 odd:after:tw-h-2 odd:after:tw-bg-[#D5D5D5] odd:after:tw-bottom-0 odd:after:tw-left-1/2 odd:after:-tw-translate-x-1/2 sd:odd:after:tw-right-0 sd:odd:after:tw-top-1/2 sd:odd:after:-tw-translate-y-1/2 sd:odd:after:tw-translate-x-1 sd:odd:after:tw-left-auto sd:odd:after:tw-bottom-auto sd:odd:after:tw-w-2 sd:odd:after:tw-h-128"><div class="tw-text-center tw-mb-16"><p><strong>Product Help</strong> Guides</p></div><div class="tw-text-center tw-text-fs-24 tw-mb-8 [&_strong]:tw-block sd:[&_strong]:tw-inline"><p><strong>How to Clean your Glasses</strong></p></div><div class="tw-text-center tw-mb-8 tw-tracking-normal">If you wear glasses, keeping the lenses clean can be a chore. They may even become dirty while you’re storing them. Try our quick and easy tips to keep your glasses clean.</div><div class="sd:tw-flex sd:tw-gap-18 tw-mt-10"></div><div class="tw-flex tw-justify-center tw-mb-4 [&_a_button_div]:tw-link-hover-underline-reverse [&_a_button_span]:tw-link-hover-underline-reverse [&_a_button_div]:tw-border-b-2 [&_a_button_span]:tw-border-b-2">
11464                            
11465
11466
11467
11468
11469
11470
11471
11472
11473
11474
11475
11476<a
11477  href="https://www.fostergrant.com/blogs/helpful-resources/how-to-clean-your-glasses"
11478  class="fg-cta-link tw-block"
11479  style="--border-color-section: #000;"
11480  
11481>
11482  
11483
11484    
11485
11486      <button
11487        class="
11488          tw-w-full
11489          tw-flex
11490          tw-text-[16px]
11491          tw-font-bold
11492          tw-tracking-[1.6px]
11493          tw-uppercase
11494          tw-py-[6px]
11495          tw-cursor-pointer
11496          tw-rounded-none
11497           tw-px-22
11498        "
11499        
11500      >
11501        <span
11502          class="
11503            [&_p]:tw-text-[16px]
11504            [&_p]:tw-font-bold
11505            [&_p]:tw-uppercase
11506            tw-font-gotham-medium
11507            tw-font-bold
11508            
11509              tw-text-black
11510            
11511             tw-border-b-2 tw-border-b-[var(--border-color-section)] tw-link-hover-underline-color
11512          "
11513          style="line-height: 1.5;"
11514        >
11515          learn more
11516        </span>
11517      </button>
11518      
11519    
11520  
11521</a>
11522
11523                        </div></div>
11524
11525            
11526<div class="[&_strong]:tw-font-gotham-medium odd:tw-relative odd:tw-pb-36 sd:odd:tw-pb-0 even:tw-pt-36 sd:even:tw-pt-0 sd:odd:tw-pr-60 sd:even:tw-pl-60 odd:after:tw-absolute odd:after:tw-w-128 odd:after:tw-h-2 odd:after:tw-bg-[#D5D5D5] odd:after:tw-bottom-0 odd:after:tw-left-1/2 odd:after:-tw-translate-x-1/2 sd:odd:after:tw-right-0 sd:odd:after:tw-top-1/2 sd:odd:after:-tw-translate-y-1/2 sd:odd:after:tw-translate-x-1 sd:odd:after:tw-left-auto sd:odd:after:tw-bottom-auto sd:odd:after:tw-w-2 sd:odd:after:tw-h-128"><div class="tw-text-center tw-mb-16"><p><strong>Product Help</strong> Technology</p></div><div class="tw-text-center tw-text-fs-24 tw-mb-8 [&_strong]:tw-block sd:[&_strong]:tw-inline"><p><strong>Frame Care</strong></p></div><div class="tw-text-center tw-mb-8 tw-tracking-normal">With a little extra care, it’s easy to keep your glasses in great condition. We have some useful tips you can follow.</div><div class="sd:tw-flex sd:tw-gap-18 tw-mt-10"></div><div class="tw-flex tw-justify-center tw-mb-4 [&_a_button_div]:tw-link-hover-underline-reverse [&_a_button_span]:tw-link-hover-underline-reverse [&_a_button_div]:tw-border-b-2 [&_a_button_span]:tw-border-b-2">
11527                            
11528
11529
11530
11531
11532
11533
11534
11535
11536
11537
11538
11539<a
11540  href="https://www.fostergrant.com/blogs/helpful-resources/how-to-clean-your-glasses"
11541  class="fg-cta-link tw-block"
11542  style="--border-color-section: #000;"
11543  
11544>
11545  
11546
11547    
11548
11549      <button
11550        class="
11551          tw-w-full
11552          tw-flex
11553          tw-text-[16px]
11554          tw-font-bold
11555          tw-tracking-[1.6px]
11556          tw-uppercase
11557          tw-py-[6px]
11558          tw-cursor-pointer
11559          tw-rounded-none
11560           tw-px-22
11561        "
11562        
11563      >
11564        <span
11565          class="
11566            [&_p]:tw-text-[16px]
11567            [&_p]:tw-font-bold
11568            [&_p]:tw-uppercase
11569            tw-font-gotham-medium
11570            tw-font-bold
11571            
11572              tw-text-black
11573            
11574             tw-border-b-2 tw-border-b-[var(--border-color-section)] tw-link-hover-underline-color
11575          "
11576          style="line-height: 1.5;"
11577        >
11578          learn more
11579        </span>
11580      </button>
11581      
11582    
11583  
11584</a>
11585
11586                        </div></div>
11587
11588            
11589        </div>
11590    </div>
11591</div>
11592
11593
11594
11595</div>
11596<div id="shopify-section-fg-sticky-cart-section" class="shopify-section"><section
11597    id="StickyCart-fg-sticky-cart-section"
11598>
11599    
11599<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-stickyCart.js?v=50905156381310714301774272188" defer="defer"></script>
11599
11600<!-- Sticky Add to Cart -->
11601
11602<sticky-add-to-cart data-section="fg-sticky-cart-section" data-url="/products/trifecta-travel-case">
11603  <div
11604    id="stickyAddToCart"
11605    class="sticky-add-to-cart tw-hidden tw-z-50 tw-fixed tw-bottom-0 tw-border-t-2 tw-border-[rgba(0,0,0,0.25)] tw-left-0 tw-w-full tw-bg-white tw-[box-shadow:0_-2px_10px_rgba(0,0,0,0.1)] tw-pt-10 tw-pb-8"
11606    tabindex="-1"
11607  >
11608    <div class="page-width tw-w-full">
11609      <div class="sd:tw-flex sd:tw-justify-around tw-w-full">
11610        <div class="tw-hidden sd:tw-flex tw-gap-16 tw-items-center">
11611          <img
11612            class="sticky-add-to-cart__image tw-w-90 tw-h-auto tw-max-h-50 tw-object-cover"
11613            src="//www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case_300x300.jpg?v=1741879874"
11614            alt="Blue"
11615          >
11616          <p class="sticky-add-to-cart__title tw-text-black tw-text-fs-16 tw-font-bold tw-font-gotham-medium tw-m-0">
11617            Trifecta Travel Case
11618          </p>
11619        </div>
11620        <div class="sticky-add-to-cart__details tw-flex tw-flex-row tw-justify-between tw-w-full sd:tw-w-auto tw-items-center tw-gap-16">
11621          <div class="sticky-add-to-cart__price tw-font-bold">
11622            <div class="showpricing">�<div
11623    class="
11624      price tw-font-gotham-medium tw-font-bold tw-text-fs-16 tw-text-black [&.price--on-sale_.price\_\_sale]:tw-flex [&.price--on-sale_.price\_\_sale]:tw-flex-col [&.price--on-sale_.price-item--sale]:tw-text-fs-16 [&.price--on-sale_.price\_\_sale_s]:tw-text-fs-14 [&.price--on-sale_.price-item--save]:tw-hidden price--on-sale"
11625  >
11626    <div class="price__container"><div class="price__regular">
11626<script>
11627                (() => {
11628                  window.__agentDkPdpPriceLogs = window.__agentDkPdpPriceLogs || 0;
11629                  if (window.__agentDkPdpPriceLogs >= 4) return;
11630                  window.__agentDkPdpPriceLogs += 1;
11631                  const data = {
11632                    source: 'fg-price.liquid',
11633                    productId: 8346473300137,
11634                    productTitle: "Trifecta Travel Case",
11635                    templateName: "product",
11636                    price: 840,
11637                    compareAtPrice: 1200,
11638                    productPrice: 840,
11639                    productCompareAtPrice: 1200,
11640                    dkProductDiscountCount: 0,
11641                    dkShopDiscountCount: 0,
11642                    dkScalarPercent: 0,
11643                    dkScalarCents: 0,
11644                    discountKitCaptureBlank: true,
11645                    discountKitCaptureLength: 0
11646                  };
11647                  console.info('[DK DEBUG JSON] Price render state', JSON.stringify(data));
11648                  // #region agent log
11649                  // fetch('http://127.0.0.1:7874/ingest/a78a2bc3-62d4-4f1c-9295-db90df306904', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': 'c9c3bc' }, body: JSON.stringify({ sessionId: 'c9c3bc', runId: 'pre-fix', hypothesisId: 'H1,H2,H4,H5,H6', location: 'snippets/fg-price.liquid:after-discount-kit-capture', message: 'PDP price snippet Discount Kit render state', data, timestamp: Date.now() }) }).catch(() => {});
11650                  // #endregion
11651                })();
11652              </script>
11652<span class="price-item price-item--regular">
11653                $8.40
11654              </span></div>
11655      <div class="price__sale">
11656        <span class="visually-hidden visually-hidden--inline">Sale price</span>
11657        <span class="price-item price-item--sale price-item--last tw-text-[#7a381c] tw-text-fs-20">
11658          $8.40
11659        </span>
11660        �
11661          <span class="visually-hidden visually-hidden--inline">Regular price</span>
11662          <span>
11663            <s class="tw-text-[#666] tw-text-fs-16 tw-font-gotham">$12.00</s>
11664          </span>
11665          
11666          <span class="price-item price-item--save tw-text-[#6c757d] tw-text-fs-16">Save $3.60</span></div>
11667      <small class="unit-price caption hidden">
11668        <span class="visually-hidden">Unit price</span>
11669        <span class="price-item price-item--last">
11670          <span></span>
11671          <span aria-hidden="true">/</span>
11672          <span class="visually-hidden">&nbsp;per&nbsp;</span>
11673          <span></span>
11674        </span>
11675      </small>
11676    </div></div>
11677</div><div class="showpricing tw-hidden" id="prices-45017833504937">
11678                  
11679<div
11680  class="
11681       price--on-sale 
11682    
11683    
11684    
11685  "
11686>
11687  <div class="price__container"><div class="price__regular ">
11688<span class="visually-hidden visually-hidden--inline">Regular price</span>
11689          <span class="price-item price-item--regular">
11690            $8.40
11691          </span>
11692    </div>
11693    <div class="price__sale">
11694      <span class="price-item price-item--sale price-item--last tw-text-[#cf4520]">
11695        $8.40
11696      </span>
11697        <span class="visually-hidden visually-hidden--inline">Regular price</span>
11698        <span class="tw-block tw-py-[1px]">
11699          <s class="no-line no-line tw-text-fs-14 tw-text-[#57534d] tw-font-normal">Was</s>
11700          <s class="price-item price-item--regular tw-text-fs-14 tw-mr-[1rem] tw-font-normal">
11701            
11702              $12.00
11703            
11704          </s>
11705        </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
11706    </div>
11707    <small class="unit-price caption hidden">
11708      <span class="visually-hidden">Unit price</span>
11709      <span class="price-item price-item--last">
11710        <span></span>
11711        <span aria-hidden="true">/</span>
11712        <span class="visually-hidden">&nbsp;per&nbsp;</span>
11713        <span>
11714        </span>
11715      </span>
11716    </small>
11717  </div></div>
11718                </div>
11719                
11720</div>
11721          
11722          
11723
11724          <product-form data-section-id="fg-sticky-cart-section">
11725            
11725<script id="product-form_variant-id" type="application/json">
11726              {"id":45017833504937,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"10402849.COM","requires_shipping":true,"taxable":true,"featured_image":{"id":41609721872553,"product_id":8346473300137,"position":1,"created_at":"2025-03-13T11:31:12-04:00","updated_at":"2025-03-13T11:31:14-04:00","alt":null,"width":4000,"height":1933,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874","variant_ids":[45017833504937]},"available":true,"name":"Trifecta Travel Case - Blue","public_title":"Blue","options":["Blue"],"price":840,"weight":0,"compare_at_price":1200,"inventory_management":"shopify","barcode":"193033490341","featured_media":{"alt":null,"id":33474541912233,"position":1,"preview_image":{"aspect_ratio":2.069,"height":1933,"width":4000,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
11727            </script>
11727
11728            
11728<script id="product-form_variant-compare_at_price" type="application/json">
11729              1200
11730            </script>
11730<form method="post" action="/cart/add" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
11731                type="hidden"
11732                name="id"
11733                value="45017833504937"
11734                
11735                class="product-variant-id"
11736              >
11737              <button
11738                type="submit"
11739                name="add"
11740                class="sticky-add-to-cart__submit tw-w-max tw-group tw-h-50 tw-px-22 tw-uppercase tw-bg-black tw-border-1 tw-border-black tw-group tw-transition-colors tw-duration-500 hover:tw-bg-white tw-cursor-pointer disabled:hover:tw-bg-[#666666] disabled:tw-border-[#666666] disabled:tw-cursor-not-allowed disabled:tw-bg-[#666666] [&.loading]:hover:tw-bg-[#666666] [&.loading]:tw-border-[#666666] [&.loading]:tw-cursor-not-allowed [&.loading]:tw-bg-[#666666]"tabindex="0"
11741              >
11742                <input type="hidden" name="quantity" value="1">
11743                <input
11744                  type="hidden"
11745                  name="id"
11746                  class="sticky-variant-id"
11747                  value="45017833504937"
11748                >
11749                <span class="tw-text-white tw-text-fs-16 tw-font-bold tw-font-gotham-medium tw-duration-500 group-hover:tw-text-black group-disabled:group-hover:tw-text-white group-[.loading]:group-hover:tw-text-white">
11750                  <span class="group-[.loading]:tw-hidden">Add to cart</span>
11751                  <span class="tw-hidden group-[.loading]:tw-block">Adding to cart...</span>
11752                </span>
11753                <span class="tw-hidden">
11754
11755<div class="loading__spinner hidden">
11756  <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg>
11757
11758</div>
11759</span>
11760              </button>
11761
11762              
11763<input type="hidden" name="product-id" value="8346473300137" /><input type="hidden" name="section-id" value="fg-sticky-cart-section" /></form></product-form>
11764        </div>
11765      </div>
11766    </div>
11767  </div>
11768</sticky-add-to-cart>
11769</section>
11770
11771</div>
11772</main>
11772<span id="zoomBGOverlay" class="tw-fixed tw-transition-colors tw-duration-300 tw-w-0 tw-h-full tw-top-0 tw-left-0 tw-bg-transparent"></span><!-- BEGIN sections: footer-group -->
11773<section id="shopify-section-sections--19743632588969__fg_multicolumns_icons_KyRw9w" class="shopify-section shopify-section-group-footer-group section"><link href="//www.fostergrant.com/cdn/shop/t/75/assets/section-multicolumn.css?v=99743381867050010241769615268" rel="stylesheet" type="text/css" media="all" />
11774<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-slider.css?v=65408024275090117981769615268" rel="stylesheet" type="text/css" media="all" />
11775
11776<style>
11777  .section-sections--19743632588969__fg_multicolumns_icons_KyRw9w {
11778      --bg-section: #f3ebea
11779  }
11780</style>
11781
11782<div class="*:tw-text-black section-sections--19743632588969__fg_multicolumns_icons_KyRw9w multicolumn gradient tw-bg-[var(--bg-section)]">
11783    <div
11784        class="
11785            page-width
11786            tw-py-30 
11787            isolate
11788             
11789              scroll-trigger animate--slide-in
11790            
11791            tw-flex
11792            tw-items-center"
11793          
11794            data-cascade
11795          
11796    >
11797          <slider-component class="slider-mobile-gutter tw-flex-1">
11798              <ul
11799                  class="
11800                  
11801                      lmd:tw-px-0
11802                      
11803                        tw-pr-24
11804                        sd:tw-pr-0
11805                      
11806                      contains-content-container 
11807                      tw-grid
11808                      
11809                          sd:tw-grid-cols-2
11810                          lmd:tw-grid-cols-4
11811                      
11812                      tw-grid-cols-1
11813                      tw-gap-16
11814                      "
11815                  id="Slider-sections--19743632588969__fg_multicolumns_icons_KyRw9w"
11816                  role="list"
11817              ><li
11818                        id="Slide-sections--19743632588969__fg_multicolumns_icons_KyRw9w-1"
11819                        class="
11820                            
11821                            tw-flex
11822                            tw-justify-center
11823                            multicolumn-list__item
11824                            
11825                            
11826                            
11827                             
11828                              scroll-trigger animate--slide-in
11829                            "
11830                            
11831                        
11832                            data-cascade
11833                            style="--animation-order: 1;"
11834                        
11835                    >
11836                        <div class="
11837                                sd:tw-w-250
11838                                lmd:tw-w-full
11839                                tw-flex 
11840                                sd:tw-flex-col 
11841                                tw-flex-row
11842                                tw-items-center
11843                                tw-justify-left
11844                                
11845                                  tw-justify-start 
11846                                
11847                                tw-gap-12
11848                                ">
11849                            
11850
11851                                <div class="
11852                                    tw-flex
11853                                    tw-mx-0
11854                                    !tw-mt-0
11855                                    lmd:tw-mx-auto
11856                                    lmd:tw-flex
11857                                    tw-ml-24
11858                                    sd:tw-ml-0
11859                                  "> 
11860
11861                                    <div
11862                                        class="media media--transparent tw-w-[3.6rem] tw-h-[3.6rem] [&_img]:tw-w-full [&_img]:tw-object-fill"
11863                                        
11864                                          style="padding-bottom: 43.73%;"
11865                                        
11866                                    >
11867                                        <img src="//www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/Vector-4.svg?v=1734443916&amp;width=3200 3200w" width="3200" height="2259" sizes="
11868                                            (min-width: 1366px) calc((1366px - 124px) * 0.33 /  4),
11869                                            (min-width: 990px) calc((100vw - 124px) * 0.33 / 4),
11870                                            (min-width: 750px) calc((100vw - 100px) * 0.33 / 1),
11871                                            calc((100vw - 30px) * 0.33 / 1)
11872                                        " class="multicolumn-card__image">
11873                                    </div>
11874                                </div>
11875                            
11876                            <div class="
11877                                [&_a_button_div]:tw-link-hover-underline-color 
11878                                tw-text-center 
11879                                tw-flex 
11880                                tw-flex-col 
11881                                tw-items-center
11882                                [&_a_button_span]:tw-link-hover-underline-color"><div class="
11883                                      tw-group
11884                                      tw-text-left
11885                                      sd:tw-text-center
11886                                      rte
11887                                      
11888                                          [&_strong]:tw-text-[1.7rem]
11889                                      
11890                                      [&_h3]:tw-text-fs-24
11891                                      [&_h3]:tw-font-gotham
11892                                      [&_h3]:tw-text-center
11893                                      [&_strong]:tw-text-[1.7rem]
11894                                      [&_strong]:tw-leading-[1.5]
11895                                      [&_a]:tw-block
11896                                      [&_p]:tw-text-fs-14
11897                                      [&_p]:tw-leading-[1.4]
11898                                      [&_p]:tw-text-black
11899                                      [&_a]:tw-text-black
11900                                      [&_p]:tw-font-gotham
11901                                      [&_a]:tw-link-hover
11902                                      lmd:[&_p:first-child]:tw-pt-0
11903                                      "
11904                                    >
11905                                          <p><a href="/pages/about-us" title="About Us"><strong>90+ Years of Style</strong></a></p>
11906                                    </div></div>
11907                        </div>
11908                    </li><li
11909                        id="Slide-sections--19743632588969__fg_multicolumns_icons_KyRw9w-2"
11910                        class="
11911                            
11912                            tw-flex
11913                            tw-justify-center
11914                            multicolumn-list__item
11915                            
11916                            
11917                            
11918                             
11919                              scroll-trigger animate--slide-in
11920                            "
11921                            
11922                        
11923                            data-cascade
11924                            style="--animation-order: 2;"
11925                        
11926                    >
11927                        <div class="
11928                                sd:tw-w-250
11929                                lmd:tw-w-full
11930                                tw-flex 
11931                                sd:tw-flex-col 
11932                                tw-flex-row
11933                                tw-items-center
11934                                tw-justify-left
11935                                
11936                                  tw-justify-start 
11937                                
11938                                tw-gap-12
11939                                ">
11940                            
11941
11942                                <div class="
11943                                    tw-flex
11944                                    tw-mx-0
11945                                    !tw-mt-0
11946                                    lmd:tw-mx-auto
11947                                    lmd:tw-flex
11948                                    tw-ml-24
11949                                    sd:tw-ml-0
11950                                  "> 
11951
11952                                    <div
11953                                        class="media media--transparent tw-w-[3.6rem] tw-h-[3.6rem] [&_img]:tw-w-full [&_img]:tw-object-fill"
11954                                        
11955                                          style="padding-bottom: 43.73%;"
11956                                        
11957                                    >
11958                                        <img src="//www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/Vector-3.svg?v=1734443915&amp;width=3200 3200w" width="3200" height="2286" sizes="
11959                                            (min-width: 1366px) calc((1366px - 124px) * 0.33 /  4),
11960                                            (min-width: 990px) calc((100vw - 124px) * 0.33 / 4),
11961                                            (min-width: 750px) calc((100vw - 100px) * 0.33 / 1),
11962                                            calc((100vw - 30px) * 0.33 / 1)
11963                                        " class="multicolumn-card__image">
11964                                    </div>
11965                                </div>
11966                            
11967                            <div class="
11968                                [&_a_button_div]:tw-link-hover-underline-color 
11969                                tw-text-center 
11970                                tw-flex 
11971                                tw-flex-col 
11972                                tw-items-center
11973                                [&_a_button_span]:tw-link-hover-underline-color"><div class="
11974                                      tw-group
11975                                      tw-text-left
11976                                      sd:tw-text-center
11977                                      rte
11978                                      
11979                                          [&_strong]:tw-text-[1.7rem]
11980                                      
11981                                      [&_h3]:tw-text-fs-24
11982                                      [&_h3]:tw-font-gotham
11983                                      [&_h3]:tw-text-center
11984                                      [&_strong]:tw-text-[1.7rem]
11985                                      [&_strong]:tw-leading-[1.5]
11986                                      [&_a]:tw-block
11987                                      [&_p]:tw-text-fs-14
11988                                      [&_p]:tw-leading-[1.4]
11989                                      [&_p]:tw-text-black
11990                                      [&_a]:tw-text-black
11991                                      [&_p]:tw-font-gotham
11992                                      [&_a]:tw-link-hover
11993                                      lmd:[&_p:first-child]:tw-pt-0
11994                                      "
11995                                    >
11996                                          <p><a href="/blogs/support/shipping-and-delivery" title="Shipping & Delivery"><strong>FREE Ground Shipping</strong></a></p><p><a href="/blogs/support/shipping-and-delivery" title="Shipping & Delivery">on U.S. Orders $45+</a></p>
11997                                    </div></div>
11998                        </div>
11999                    </li><li
12000                        id="Slide-sections--19743632588969__fg_multicolumns_icons_KyRw9w-3"
12001                        class="
12002                            
12003                            tw-flex
12004                            tw-justify-center
12005                            multicolumn-list__item
12006                            
12007                            
12008                            
12009                             
12010                              scroll-trigger animate--slide-in
12011                            "
12012                            
12013                        
12014                            data-cascade
12015                            style="--animation-order: 3;"
12016                        
12017                    >
12018                        <div class="
12019                                sd:tw-w-250
12020                                lmd:tw-w-full
12021                                tw-flex 
12022                                sd:tw-flex-col 
12023                                tw-flex-row
12024                                tw-items-center
12025                                tw-justify-left
12026                                
12027                                  tw-justify-start 
12028                                
12029                                tw-gap-12
12030                                ">
12031                            
12032
12033                                <div class="
12034                                    tw-flex
12035                                    tw-mx-0
12036                                    !tw-mt-0
12037                                    lmd:tw-mx-auto
12038                                    lmd:tw-flex
12039                                    tw-ml-24
12040                                    sd:tw-ml-0
12041                                  "> 
12042
12043                                    <div
12044                                        class="media media--transparent tw-w-[3.6rem] tw-h-[3.6rem] [&_img]:tw-w-full [&_img]:tw-object-fill"
12045                                        
12046                                          style="padding-bottom: 43.73%;"
12047                                        
12048                                    >
12049                                        <img src="//www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/Vector-1.svg?v=1734443913&amp;width=3200 3200w" width="3200" height="3103" sizes="
12050                                            (min-width: 1366px) calc((1366px - 124px) * 0.33 /  4),
12051                                            (min-width: 990px) calc((100vw - 124px) * 0.33 / 4),
12052                                            (min-width: 750px) calc((100vw - 100px) * 0.33 / 1),
12053                                            calc((100vw - 30px) * 0.33 / 1)
12054                                        " class="multicolumn-card__image">
12055                                    </div>
12056                                </div>
12057                            
12058                            <div class="
12059                                [&_a_button_div]:tw-link-hover-underline-color 
12060                                tw-text-center 
12061                                tw-flex 
12062                                tw-flex-col 
12063                                tw-items-center
12064                                [&_a_button_span]:tw-link-hover-underline-color"><div class="
12065                                      tw-group
12066                                      tw-text-left
12067                                      sd:tw-text-center
12068                                      rte
12069                                      
12070                                          [&_strong]:tw-text-[1.7rem]
12071                                      
12072                                      [&_h3]:tw-text-fs-24
12073                                      [&_h3]:tw-font-gotham
12074                                      [&_h3]:tw-text-center
12075                                      [&_strong]:tw-text-[1.7rem]
12076                                      [&_strong]:tw-leading-[1.5]
12077                                      [&_a]:tw-block
12078                                      [&_p]:tw-text-fs-14
12079                                      [&_p]:tw-leading-[1.4]
12080                                      [&_p]:tw-text-black
12081                                      [&_a]:tw-text-black
12082                                      [&_p]:tw-font-gotham
12083                                      [&_a]:tw-link-hover
12084                                      lmd:[&_p:first-child]:tw-pt-0
12085                                      "
12086                                    >
12087                                          <p><a href="/blogs/support/limited-warranty" title="Limited Warranty"><strong>90-Day<br/>Limited Warranty</strong></a></p>
12088                                    </div></div>
12089                        </div>
12090                    </li><li
12091                        id="Slide-sections--19743632588969__fg_multicolumns_icons_KyRw9w-4"
12092                        class="
12093                            
12094                            tw-flex
12095                            tw-justify-center
12096                            multicolumn-list__item
12097                            
12098                            
12099                            
12100                             
12101                              scroll-trigger animate--slide-in
12102                            "
12103                            
12104                        
12105                            data-cascade
12106                            style="--animation-order: 4;"
12107                        
12108                    >
12109                        <div class="
12110                                sd:tw-w-250
12111                                lmd:tw-w-full
12112                                tw-flex 
12113                                sd:tw-flex-col 
12114                                tw-flex-row
12115                                tw-items-center
12116                                tw-justify-left
12117                                
12118                                  tw-justify-start 
12119                                
12120                                tw-gap-12
12121                                ">
12122                            
12123
12124                                <div class="
12125                                    tw-flex
12126                                    tw-mx-0
12127                                    !tw-mt-0
12128                                    lmd:tw-mx-auto
12129                                    lmd:tw-flex
12130                                    tw-ml-24
12131                                    sd:tw-ml-0
12132                                  "> 
12133
12134                                    <div
12135                                        class="media media--transparent tw-w-[3.6rem] tw-h-[3.6rem] [&_img]:tw-w-full [&_img]:tw-object-fill"
12136                                        
12137                                          style="padding-bottom: 43.73%;"
12138                                        
12139                                    >
12140                                        <img src="//www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/Vector-2.svg?v=1734443914&amp;width=3200 3200w" width="3200" height="2447" sizes="
12141                                            (min-width: 1366px) calc((1366px - 124px) * 0.33 /  4),
12142                                            (min-width: 990px) calc((100vw - 124px) * 0.33 / 4),
12143                                            (min-width: 750px) calc((100vw - 100px) * 0.33 / 1),
12144                                            calc((100vw - 30px) * 0.33 / 1)
12145                                        " class="multicolumn-card__image">
12146                                    </div>
12147                                </div>
12148                            
12149                            <div class="
12150                                [&_a_button_div]:tw-link-hover-underline-color 
12151                                tw-text-center 
12152                                tw-flex 
12153                                tw-flex-col 
12154                                tw-items-center
12155                                [&_a_button_span]:tw-link-hover-underline-color"><div class="
12156                                      tw-group
12157                                      tw-text-left
12158                                      sd:tw-text-center
12159                                      rte
12160                                      
12161                                          [&_strong]:tw-text-[1.7rem]
12162                                      
12163                                      [&_h3]:tw-text-fs-24
12164                                      [&_h3]:tw-font-gotham
12165                                      [&_h3]:tw-text-center
12166                                      [&_strong]:tw-text-[1.7rem]
12167                                      [&_strong]:tw-leading-[1.5]
12168                                      [&_a]:tw-block
12169                                      [&_p]:tw-text-fs-14
12170                                      [&_p]:tw-leading-[1.4]
12171                                      [&_p]:tw-text-black
12172                                      [&_a]:tw-text-black
12173                                      [&_p]:tw-font-gotham
12174                                      [&_a]:tw-link-hover
12175                                      lmd:[&_p:first-child]:tw-pt-0
12176                                      "
12177                                    >
12178                                          <p><a href="/blogs/support/returns-and-exchanges" title="Returns & Exchanges"><strong>Free Returns</strong></a></p><p><a href="/blogs/support/returns-and-exchanges" title="Returns & Exchanges">on U.S. Orders</a></p>
12179                                    </div></div>
12180                        </div>
12181                    </li></ul></slider-component>
12182    </div>
12183</div>
12184
12185
12186</section><section id="shopify-section-sections--19743632588969__fg_newsletter_G4tRtJ" class="shopify-section shopify-section-group-footer-group section"><link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-newsletter.css?v=4727253280200485261769615268" rel="stylesheet" type="text/css" media="all" />
12187    <link href="//www.fostergrant.com/cdn/shop/t/75/assets/newsletter-section.css?v=62410470717655853621769615268" rel="stylesheet" type="text/css" media="all" />
12188<div class="newsletter center page-width">
12189        <div class="page-width lmd:tw-spacing-section-x tw-grid tw-grid-cols-1">
12190            <div class="
12191          block1
12192          tw-flex
12193          tw-flex-col
12194          tw-items-center
12195          lmd:tw-pt-48
12196          lmd:tw-pb-48
12197          tw-pb-[2.4rem]
12198          tw-pt-[2.4rem]
12199          mlg:tw-pt-[4rem]
12200          newsletter__wrapper
12201          [&.newsletter__wrapper]:tw-px-0
12202          gradient
12203          content-container
12204          isolate
12205          section-sections--19743632588969__fg_newsletter_G4tRtJ-">
12206                <div>
12207                    <newsletter-form>
12208                        <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class=" tw-w-full tw-max-w-none tw-mt-4"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
12209<h2
12210                                        class="tw-font-medium tw-font-gotham tw-text-fs-20 inline-richtext  scroll-trigger animate--slide-in"
12211                                        
12212                                            data-cascade
12213                                            style="--animation-order:1;"
12214                                        
12215                                >
12216                                    <strong>Discounts, free shipping, new arrivals, and more.</strong>
12217                                </h2>
12218                                <div
12219                                        class="tw-text-fs-14 tw-font-gotham [&.rte]:tw-mt-16 rte"
12220                                        
12221                                            data-cascade
12222                                            style="--animation-order: 2;"
12223                                        
12224                                >
12225                                    <p>Enjoy exclusive benefits by joining the Foster Grant family and receive a welcome reward.</p>
12226                                </div><input type="hidden" name="contact[tags]" value="newsletter"><div
12227                                        class="content_wrapper tw-w-full lmd:tw-max-w-[41rem] tw-mt-[2rem] lmd:tw-mx-auto tw-flex tw-flex-wrap"
12228                                        
12229                                            data-cascade
12230                                            style="--animation-order: 3;"
12231                                        
12232                                >
12233                                    <div class="
12234                      tw-relative
12235                      tw-order-1
12236                      lmd:tw-flex-[1_1_75%]
12237                      tw-flex-[1_1_100%]
12238                    ">
12239                                        <input
12240                                                id="NewsletterForm--sections--19743632588969__fg_newsletter_G4tRtJ"
12241                                                type="email"
12242                                                name="contact[email]"
12243                                                class="
12244                        tw-bg-[#fff]
12245                        tw-border-black
12246                        tw-border-[.1rem]
12247                        tw-text-fg-14
12248                        tw-p-10
12249                        tw-w-full
12250                        tw-peer
12251                        tw-h-[3.8rem]
12252                        tw-outline-none
12253                        tw-shadow-none
12254                        tw-rounded-none"
12255                                                value=""
12256                                                aria-required="true"
12257                                                autocorrect="off"
12258                                                autocapitalize="off"
12259                                                autocomplete="email"
12260                                                aria-label="Enter your email address"
12261                                                placeholder="Enter your email address"
12262                                                required
12263                                        >
12264                                    </div>
12265                                    <small
12266                                            style="display:none;"
12267                                            class="tw-mt-0 tw-py-16 tw-font-gotham tw-text-red-500 lmd:tw-order-3 tw-order-2 tw-justify-start form__message custom_error"
12268                                            aria-hidden="true"
12269                                            data-error-message="The email is invali
12269d"
12270                                    >
12271                                        <span id="newsletter-error"
12272                                              class="">The email is invalid</span>
12273                                    </small>
12274                                    <button
12275                                            type="submit"
12276                                            class="
12277                        new-card-collection__button
12278                        lmd:tw-flex-[1_1_25%]
12279                        tw-flex-[1_1_100%]
12280                        lmd:tw-order-2
12281                        tw-order-3
12282                        tw-px-5
12283                        lmd:tw-mt-0
12284                        tw-mt-16
12285                        tw-font-gotham
12286                        tw-uppercase
12287                        tw-text-fs-16
12288                        tw-text-white
12289                        tw-bg-black
12290                        tw-font-medium
12291                        tw-h-[3.8rem]"
12292                                            name="commit"
12293                                            id="Subscribe"
12294                                            aria-label="Sign up"
12295                                    >
12296                                        Sign up
12297                                    </button></div><div
12298                                    style="display:none;"
12299                                    class="tw-text-fs-16 tw-font-gotham newsletter-form__message newsletter-form__message--success form__message tw-items-center tw-flex-col tw-justify-content-center custom_success"
12300                                    tabindex="-1"
12301                                    autofocus
12302                            >
12303                                <strong> FG_WELCOME263Q </strong>
12304                            </div><p class="tw-text-[10px] tw-mt-[2rem] tw-font-gotham">
12305                                    By proceeding, you agree to receive marketing communications and confirm you’ve read the Privacy Policy (California residents). You can withdraw consent anytime. By signing up, you certify you are at least 18 years old.
12306                                    <a href="https://www.fgxi.com/privacy-policy/" target="_blank">
12307                                        <strong>Privacy Policy</strong>
12308                                    </a>
12309                                    <br>
12310                                        
12311                                        <a href="https://www.fgxi.com/privacy-policy/#notice-of-financial-incentive" target="_blank">
12312                                            <strong>Notice of Financial Incentives</strong>
12313                                        </a></p></form></newsletter-form>
12314                </div>
12315            </div>
12316        </div>
12317    </div>
12318</section><div id="shopify-section-sections--19743632588969__fg_footer_jFPFf4" class="shopify-section shopify-section-group-footer-group">
12319<link href="//www.fostergrant.com/cdn/shop/t/75/assets/section-footer.css?v=60318643098753476351769615268" rel="stylesheet" type="text/css" media="all" />
12320<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-newsletter.css?v=4727253280200485261769615268" rel="stylesheet" type="text/css" media="all" />
12321<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-list-menu.css?v=151968516119678728991769615268" rel="stylesheet" type="text/css" media="all" />
12322<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-list-payment.css?v=69253961410771838501769615268" rel="stylesheet" type="text/css" media="all" />
12323<link href="//www.fostergrant.com/cdn/shop/t/75/assets/component-list-social.css?v=35792976012981934991769615268" rel="stylesheet" type="text/css" media="all" />
12324
12325
12326
12327<footer class="
12328  [&_strong]:tw-text-black 
12329  [&_a]:tw-text-black 
12330  [&_p]:tw-text-black 
12331  footer gradient 
12332  section-sections--19743632588969__fg_footer_jFPFf4-padding
12333  lmd:tw-flex
12334  lmd:tw-justify-evenly
12335  tw-bg-gradient-to-r tw-from-custom-gray tw-to-custom-beige tw-from-25% tw-to-60%">
12336  <div class="lmd:tw-max-w-[var(--page-width)] lmd:tw-mx-auto  lmd:tw-flex lmd:tw-justify-center lmd:tw-items-center"><div class="tw-bg-[#f2f2f2]">
12337            <div class="lmd:tw-max-w-[79.7rem] lmg:tw-px-56 tw-px-24 lmd:tw-pt-40 lmd:tw-pb-20"><div
12338                      class="page-width tw-px-0"
12339                      
12340                          data-cascade
12341                      
12342                  ><div
12343                              class=""
12344                              
12345                                  data-cascade
12346                                  style="--animation-order: 1;"
12347                              
12348                          ><div class="tw-flex lmd:tw-gap-25 mlg:tw-gap-50 tw-gap-0 tw-flex-col lmd:tw-flex-row">
12349                                      
12350<ul class="
12351        tw-hidden
12352        lmg:tw-w-216
12353        lmd:tw-flex
12354        tw-flex-col
12355        [&_li]:tw-text-black
12356        [&_li:first-child]:tw-w-full
12357        [&_li:first-child]:tw-py-0
12358        [&_li]:tw-text-fs-14
12359        [&_li]:tw-text-left
12360        [&_li]:tw-py-6
12361        [&_li]:tw-w-[65%]
12362    ">
12363        <!-- Title wrapped in a separate <li> with specific classes -->
12364        <li class="tw-text-left tw-pt-6 tw-text-fs-16 tw-font-gotham tw-font-bold tw-leading-6 tw-tracking-[0.6px]">
12365            <a href="#" title="">Inside Foster Grant</a>
12366        </li>
12367        <!-- Child links --><li>
12368                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12369                    <a href="/pages/about-us" title="">About Us</a>
12370                </span>
12371            </li><li>
12372                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12373                    <a href="/blogs/support/find-a-retailer" title="">Find a Retailer</a>
12374                </span>
12375            </li><li>
12376                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12377                    <a href="/pages/site-map" title="">Site Map</a>
12378                </span>
12379            </li><li>
12380                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12381                    <a href="/pages/ambassador-program" title="">Become an Ambassador</a>
12382                </span>
12383            </li><li>
12384                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12385                    <a href="/blogs/support/find-eye-doctor" title="">Find an Eye Doctor</a>
12386                </span>
12387            </li></ul>
12388
12389    
12390
12391    <details class="[&[open]_.arrow-right]:tw-hidden [&[open]_.arrow-down]:tw-block lmd:tw-hidden tw-border-b-0 tw-border-t-1 tw-border-[#d1d4d7] tw-w-full">
12392        <summary 
12393            role="group" 
12394            aria-label="Inside Foster Grant" 
12395            class="lmd:tw-hidden tw-flex tw-items-center tw-justify-between tw-py-16"><span class="tw-cursor-default tw-text-fs-16 tw-text-black tw-font-bold">
12396                    Inside Foster Grant
12397                </span><div class="tw-icon-arrow-css lmd:tw-hidden tw-block">
12398              <span class="icon-wrap arrow-right tw-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"/></svg></span> 
12399              <span class="icon-wrap arrow-down tw-hidden"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"/></svg></span> 
12400            </div>
12401        </summary><ul class="lmd:tw-hidden tw-py-8"><li class="tw-py-[0.6rem] "><a href="/pages/about-us" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="About Us">
12402                            About Us
12403                        </a></li><li class="tw-py-[0.6rem] "><a href="/blogs/support/find-a-retailer" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Find a Retailer">
12404                            Find a Retailer
12405                        </a></li><li class="tw-py-[0.6rem] "><a href="/pages/site-map" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Site Map">
12406                            Site Map
12407                        </a></li><li class="tw-py-[0.6rem] "><a href="/pages/ambassador-program" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Become an Ambassador">
12408                            Become an Ambassador
12409                        </a></li><li class="tw-py-[0.6rem] "><a href="/blogs/support/find-eye-doctor" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Find an Eye Doctor">
12410                            Find an Eye Doctor
12411                        </a></li></ul></details><ul class="
12412        tw-hidden
12413        lmg:tw-w-216
12414        lmd:tw-flex
12415        tw-flex-col
12416        [&_li]:tw-text-black
12417        [&_li:first-child]:tw-w-full
12418        [&_li:first-child]:tw-py-0
12419        [&_li]:tw-text-fs-14
12420        [&_li]:tw-text-left
12421        [&_li]:tw-py-6
12422        [&_li]:tw-w-[65%]
12423    ">
12424        <!-- Title wrapped in a separate <li> with specific classes -->
12425        <li class="tw-text-left tw-pt-6 tw-text-fs-16 tw-font-gotham tw-font-bold tw-leading-6 tw-tracking-[0.6px]">
12426            <a href="#" title="">Shopping</a>
12427        </li>
12428        <!-- Child links --><li>
12429                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12430                    <a href="/blogs/helpful-resources/sunglass-lens-technology" title="">Lens Technology</a>
12431                </span>
12432            </li><li>
12433                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12434                    <a href="/blogs/support/promotion-terms" title="">Promotion Terms</a>
12435                </span>
12436            </li><li>
12437                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12438                    <a href="/collections/black-friday" title="">Black Friday</a>
12439                </span>
12440            </li><li>
12441                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12442                    <a href="/collections/cyber-monday" title="">Cyber Monday</a>
12443                </span>
12444            </li><li>
12445                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12446                    <a href="/pages/refer-a-friend" title="">Refer A Friend</a>
12447                </span>
12448            </li><li>
12449                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12450                    <a href="/collections/promotions" title="">Promotions</a>
12451                </span>
12452            </li><li>
12453                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12454                    <a href="/pages/rewards" title="">Rewards</a>
12455                </span>
12456            </li></ul>
12457
12458    
12459
12460    <details class="[&[open]_.arrow-right]:tw-hidden [&[open]_.arrow-down]:tw-block lmd:tw-hidden tw-border-b-0 tw-border-t-1 tw-border-[#d1d4d7] tw-w-full">
12461        <summary 
12462            role="group" 
12463            aria-label="Shopping" 
12464            class="lmd:tw-hidden tw-flex tw-items-center tw-justify-between tw-py-16"><span class="tw-cursor-default tw-text-fs-16 tw-text-black tw-font-bold">
12465                    Shopping
12466                </span><div class="tw-icon-arrow-css lmd:tw-hidden tw-block">
12467              <span class="icon-wrap arrow-right tw-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"/></svg></span> 
12468              <span class="icon-wrap arrow-down tw-hidden"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"/></svg></span> 
12469            </div>
12470        </summary><ul class="lmd:tw-hidden tw-py-8"><li class="tw-py-[0.6rem] "><a href="/blogs/helpful-resources/sunglass-lens-technology" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Lens Technology">
12471                            Lens Technology
12472                        </a></li><li class="tw-py-[0.6rem] "><a href="/blogs/support/promotion-terms" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Promotion Terms">
12473                            Promotion Terms
12474                        </a></li><li class="tw-py-[0.6rem] "><a href="/collections/black-friday" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Black Friday">
12475                            Black Friday
12476                        </a></li><li class="tw-py-[0.6rem] "><a href="/collections/cyber-monday" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Cyber Monday">
12477                            Cyber Monday
12478                        </a></li><li class="tw-py-[0.6rem] "><a href="/pages/refer-a-friend" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Refer A Friend">
12479                            Refer A Friend
12480                        </a></li><li class="tw-py-[0.6rem] "><a href="/collections/promotions" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Promotions">
12481                            Promotions
12482                        </a></li><li class="tw-py-[0.6rem] "><a href="/pages/rewards" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Rewards">
12483                            Rewards
12484                        </a></li></ul></details><ul class="
12485        tw-hidden
12486        lmg:tw-w-216
12487        lmd:tw-flex
12488        tw-flex-col
12489        [&_li]:tw-text-black
12490        [&_li:first-child]:tw-w-full
12491        [&_li:first-child]:tw-py-0
12492        [&_li]:tw-text-fs-14
12493        [&_li]:tw-text-left
12494        [&_li]:tw-py-6
12495        [&_li]:tw-w-[65%]
12496    ">
12497        <!-- Title wrapped in a separate <li> with specific classes -->
12498        <li class="tw-text-left tw-pt-6 tw-text-fs-16 tw-font-gotham tw-font-bold tw-leading-6 tw-tracking-[0.6px]">
12499            <a href="#" title="">Customer Support</a>
12500        </li>
12501        <!-- Child links --><li>
12502                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12503                    <a href="/blogs/support/finding-right-strength-reading-glasses" title="">Reading Glasses Strength</a>
12504                </span>
12505            </li><li>
12506                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12507                    <a href="/blogs/support/returns-and-exchanges" title="">Return & Exchanges</a>
12508                </span>
12509            </li><li>
12510                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12511                    <a href="/blogs/support/shipping-and-delivery" title="">Shipping & Delivery</a>
12512                </span>
12513            </li><li>
12514                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12515                    <a href="/blogs/support/limited-warranty" title="">Limited Warranty</a>
12516                </span>
12517            </li><li>
12518                <span class="[&_a]:tw-link-hover-underline-color-1 [&_a]:tw-w-max [&_a]:tw-block [&_a]:tw-font-gotham">
12519                    <a href="/pages/help" title="">Help Center & FAQ</a>
12520                </span>
12521            </li></ul>
12522
12523    
12524
12525    <details class="[&[open]_.arrow-right]:tw-hidden [&[open]_.arrow-down]:tw-block lmd:tw-hidden tw-border-b-0 tw-border-t-1 tw-border-[#d1d4d7] tw-w-full">
12526        <summary 
12527            role="group" 
12528            aria-label="Customer Support" 
12529            class="lmd:tw-hidden tw-flex tw-items-center tw-justify-between tw-py-16"><span class="tw-cursor-default tw-text-fs-16 tw-text-black tw-font-bold">
12530                    Customer Support
12531                </span><div class="tw-icon-arrow-css lmd:tw-hidden tw-block">
12532              <span class="icon-wrap arrow-right tw-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"/></svg></span> 
12533              <span class="icon-wrap arrow-down tw-hidden"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"/></svg></span> 
12534            </div>
12535        </summary><ul class="lmd:tw-hidden tw-py-8"><li class="tw-py-[0.6rem] "><a href="/blogs/support/finding-right-strength-reading-glasses" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Reading Glasses Strength">
12536                            Reading Glasses Strength
12537                        </a></li><li class="tw-py-[0.6rem] "><a href="/blogs/support/returns-and-exchanges" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Return & Exchanges">
12538                            Return & Exchanges
12539                        </a></li><li class="tw-py-[0.6rem] "><a href="/blogs/support/shipping-and-delivery" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Shipping & Delivery">
12540                            Shipping & Delivery
12541                        </a></li><li class="tw-py-[0.6rem] "><a href="/blogs/support/limited-warranty" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Limited Warranty">
12542                            Limited Warranty
12543                        </a></li><li class="tw-py-[0.6rem] "><a href="/pages/help" class="list-menu__item tw-text-fs-16 tw-text-black" aria-label="Help Center & FAQ">
12544                            Help Center & FAQ
12545                        </a></li></ul></details>
12546                                  </div></div><div
12547                              class=""
12548                              
12549                                  data-cascade
12550                                  style="--animation-order: 2;"
12551                              
12552                          ><div class="lmd:tw-mt-36 tw-pb-16 tw-mt-24 tw-flex lmd:tw-items-center lmd:tw-flex-row tw-flex-col tw-gap-8">
12553                                        <span class="tw-text-fs-16 tw-font-gotham"><p><strong>Follow Us</strong></p></span>
12554                                        
12555
12556<ul class="[&_li_a_svg_defs_image:hover] list-unstyled tw-flex tw-flex-wrap tw-gap-16" role="list"><li class="list-social__item">
12557      <a 
12558        href="https://www.facebook.com/FosterGrant"
12559        target="_blank" 
12560        class="
12561            link
12562            tw-flex
12563            tw-items-center
12564            tw-p-0 
12565            tw-h-[3.8rem]
12566            tw-w-[3.8rem]
12567            tw-bg-no-repeat"
12568          >
12569        <span class="visually-hidden">Facebook</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0Zm6.72,14.34H28.1c-1.69,0-2.1.84-2.1,2.18V20h4.62l-.24,5H26V38H21V25H17V20h4V16c0-3.26,1.61-6.39,6.3-6.39,1.9,0,3.53.18,3.53.18Z"/></svg></a>
12570    </li><li class="list-social__item">
12571      <a 
12572        href="https://www.instagram.com/fostergrant/" 
12573        target="_blank" 
12574        class="
12575            link
12576            tw-flex
12577            tw-items-center
12578            tw-p-0 
12579            tw-h-[3.8rem]
12580            tw-w-[3.8rem]
12581            tw-bg-no-repeat">
12582        <span class="visually-hidden">Instagram</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM36,30.72C36,34,34,36,30.72,36H17.28C14,36,12,34,12,30.72V23h5.28A10.54,10.54,0,0,0,17,25a7,7,0,0,0,14,0,5.21,5.21,0,0,0-.28-2H36ZM21,25a3,3,0,1,1,3,3A3,3,0,0,1,21,25Zm15-5H28.82a6.78,6.78,0,0,0-9.62,0H12V17.28C12,14,14,12,17.28,12H30.72C34,12,36,14,36,17.28Z"/><path d="M30.35,14h1.29A1.36,1.36,0,0,1,33,15.36v1.29A1.35,1.35,0,0,1,31.65,18H30.36A1.36,1.36,0,0,1,29,16.64V15.35A1.35,1.35,0,0,1,30.35,14Z"/></svg></a>
12583    </li><li class="list-social__item">
12584      <a 
12585        href="https://www.pinterest.com/fostergrant1929/" 
12586        target="_blank" 
12587        class="
12588            link
12589            tw-flex
12590            tw-items-center
12591            tw-p-0 
12592            tw-h-[3.8rem]
12593            tw-w-[3.8rem]
12594            tw-bg-no-repeat">
12595        <span class="visually-hidden">Pinterest</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0Zm2.46,31.06A5.27,5.27,0,0,1,22,28.78s-1.07,4.2-1.29,5a19.36,19.36,0,0,1-3.32,6,.24.24,0,0,1-.43-.1,19.94,19.94,0,0,1,0-6.91c.35-1.49,2.36-9.92,2.36-9.92a7,7,0,0,1-.58-2.88c0-2.7,1.58-4.71,3.54-4.71A2.44,2.44,0,0,1,24.78,18c0,1.66-1.06,4.15-1.62,6.46a2.82,2.82,0,0,0,2.91,3.5c3.47,0,5.82-4.43,5.82-9.67,0-4-2.71-7-7.64-7a8.66,8.66,0,0,0-9,8.72,5.24,5.24,0,0,0,1.22,3.57.89.89,0,0,1,.26,1c-.09.34-.29,1.14-.38,1.46a.63.63,0,0,1-.91.46c-2.57-1-3.77-3.82-3.77-6.95,0-5.18,4.4-11.37,13.13-11.37,7,0,11.63,5,11.63,10.42C36.38,25.72,32.37,31.06,26.46,31.06Z"/></svg></a>
12596    </li><li class="list-social__item">
12597      <a 
12598        href="https://www.youtube.com/user/fostergranteyewear" 
12599        target="_blank" 
12600        class="
12601            link
12602            tw-flex
12603            tw-items-center
12604            tw-p-0 
12605            tw-h-[3.8rem]
12606            tw-w-[3.8rem]
12607            list-social__link__dark__youtube 
12608            tw-bg-no-repeat">
12609        <span class="visually-hidden">YouTube</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM39.4,31.49a4.08,4.08,0,0,1-3.52,3.11A106.94,106.94,0,0,1,24,35a107.22,107.22,0,0,1-11.9-.4,4.08,4.08,0,0,1-3.53-3.11A32.89,32.89,0,0,1,8,24a33.47,33.47,0,0,1,.57-7.49A4.08,4.08,0,0,1,12.1,13.4,107.3,107.3,0,0,1,24,13a106.94,106.94,0,0,1,11.88.4,4.08,4.08,0,0,1,3.53,3.11A32.89,32.89,0,0,1,40,24,32.89,32.89,0,0,1,39.4,31.49Z"/><polygon points="20 31.01 31.99 24 20 17.01 20 31.01"/></svg></a>
12610    </li><li class="list-social__item">
12611      <a 
12612        href="https://www.x.com/fostergrantUSA" 
12613        target="_blank" 
12614        class="
12615            tw-flex
12616            tw-items-center
12617            tw-p-0
12618            tw-h-[3.8rem]
12619            tw-w-[3.8rem]
12620            list-social__link__dark__youtube
12621            ">
12622        <span class="visually-hidden">YouTube</span><?xml version="1.0" encoding="UTF-8"?>
12623<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
12624  <polygon points="24.26 21.81 17.4 12 13.74 12 22.24 24.15 23.31 25.68 23.31 25.68 30.58 36.09 34.24 36.09 25.32 23.33 24.26 21.81"/>
12625  <path d="m24,0C10.75,0,0,10.75,0,24s10.75,24,24,24,24-10.75,24-24S37.25,0,24,0Zm5.46,37.8l-7.36-10.71-9.22,10.71h-2.38l10.54-12.25-10.54-15.34h8.04l6.97,10.14,8.73-10.14h2.38l-10.05,11.68h0l10.93,15.91h-8.04Z"/>
12626</svg></a>
12627    </li><li class="list-social__item">
12628      <a 
12629        href="https://www.tiktok.com/@fostergrant" 
12630        target="_blank" 
12631        class="
12632            tw-flex
12633            tw-items-center
12634            tw-p-0
12635            tw-h-[3.8rem]
12636            tw-w-[3.8rem]
12637            [&_svg_g_circle]:tw-fill-[#46423d]
12638            [&_svg_g_circle:hover]:tw-fill-brown
12639            list-social__link__dark__youtube
12640            ">
12641        <span class="visually-hidden">YouTube</span><?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m24,0C10.75,0,0,10.75,0,24s10.75,24,24,24,24-10.74,24-24S37.26,0,24,0Zm12.42,21.53c-2.54,0-4.9-.8-6.81-2.14v9.71c0,4.85-4.05,8.81-9.01,8.81-1.92,0-3.69-.59-5.16-1.59-1.16-.8-2.13-1.87-2.79-3.1-.69-1.22-1.06-2.63-1.06-4.12,0-4.85,4.05-8.81,9.01-8.81.41,0,.81.05,1.22.1v4.88c-.39-.11-.8-.19-1.22-.19-2.27,0-4.12,1.82-4.12,4.02,0,1.55.9,2.9,2.21,3.57.58.28,1.22.45,1.91.45,2.22,0,4.02-1.72,4.1-3.86V10.09h4.91c0,.41.03.82.11,1.21.35,1.83,1.46,3.39,2.99,4.36,1.06.69,2.35,1.08,3.71,1.08v4.79Z"/></svg></a>
12642    </li></ul>
12643
12644                                    </div></div><div
12645                              class=""
12646                              
12647                                  data-cascade
12648                                  style="--animation-order: 3;"
12649                              
12650                          ><div class="lmd:tw-pt-36 tw-pt-16 tw-pb-16 tw-border-t-1 tw-border-[#D1D4D7] tw-flex lmd:tw-flex-row tw-flex-col lmd:tw-items-center tw-items-start lmd:tw-gap-16 tw-gap-8">
12651                                            <span class="tw-text-fs-16 tw-font-gotham"><p><strong>Shop with confidence</strong></p></span>
12652                                            <ul class="list list-payment" role="list"><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12653                                                        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
12654
12655                                                    </li><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12656                                                        <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 
126560 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
12657
12658                                                    </li><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12659                                                        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
12660                                                    </li><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12661                                                        <svg class="icon icon--full-color" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
12662                                                    </li><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12663                                                        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/>
12663<path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
12664
12665                                                    </li><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12666                                                        <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
126660-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
12667                                                    </li><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12668                                                        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
12669
12670                                                    </li><li class="list-payment__item [&_svg]:tw-h-40 [&_svg]:tw-w-60">
12671                                                        <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1267116.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
12672
12673                                                    </li></ul>
12674                                        </div></div><div
12675                              class=""
12676                              
12677                                  data-cascade
12678                                  style="--animation-order: 4;"
12679                              
12680                          >
12681<ul
12682    class="
12683        tw-py-16
12684        tw-border-t-1
12685        tw-border-[#D1D4D7]
12686        tw-flex
12687        tw-flex-wrap
12688        tw-justify-center
12689        lmd:tw-justify-start
12690        tw-text-center
12691        lmd:tw-text-left
12692        tw-items-baseline
12693        [&_li]:tw-text-black
12694    "
12695><li class="tw-text-left tw-pt-6 tw-text-fs-12 lmd:tw-font-bold">
12696            <a href="https://www.fgxi.com/privacy-policy/" target="_blank" class="tw-font-gotham tw-block tw-link-hover">
12697                Privacy Policy
12698            </a>
12699        </li>
12700        <span class="tw-block tw-h-10 tw-w-[0.1rem] tw-mx-6 tw-bg-black"></span><li class="tw-text-left tw-pt-6 tw-text-fs-12 lmd:tw-font-bold">
12701            <a href="https://www.fgxi.com/terms-conditions/" target="_blank" class="tw-font-gotham tw-block tw-link-hover">
12702                Terms of Use
12703            </a>
12704        </li>
12705        <span class="tw-block tw-h-10 tw-w-[0.1rem] tw-mx-6 tw-bg-black"></span><li class="tw-text-left tw-pt-6 tw-text-fs-12 lmd:tw-font-bold">
12706            <a href="https://www.fgxi.com/accessibility-policy/" target="_blank" class="tw-font-gotham tw-block tw-link-hover">
12707                Accessibility Policy
12708            </a>
12709        </li>
12710        <span class="tw-block tw-h-10 tw-w-[0.1rem] tw-mx-6 tw-bg-black"></span><li class="tw-text-left tw-pt-6 tw-text-fs-12 lmd:tw-font-bold">
12711            <a href="https://www.fgxi.com/privacy-policy/#use-of-cookies" target="_blank" class="tw-font-gotham tw-block tw-link-hover">
12712                Cookie Policy
12713            </a>
12714        </li>
12715        <span class="tw-block tw-h-10 tw-w-[0.1rem] tw-mx-6 tw-bg-black"></span><li class="tw-text-left tw-pt-6 tw-text-fs-12 lmd:tw-font-bold">
12716            <a href="https://www.fgxi.com/privacy-policy/#interest-based-advertising" target="_blank" class="tw-font-gotham tw-block tw-link-hover">
12717                AdChoices
12718            </a>
12719        </li>
12720        <span class="tw-block tw-h-10 tw-w-[0.1rem] tw-mx-6 tw-bg-black"></span><li class="tw-text-left tw-pt-6 tw-text-fs-12 lmd:tw-font-bold">
12721            <a href="https://www.fgxi.com/privacy-policy/#special-notice-california" target="_blank" class="tw-font-gotham tw-block tw-link-hover">
12722                California Collection Notice
12723            </a>
12724        </li>
12725        <span class="tw-block tw-h-10 tw-w-[0.1rem] tw-mx-6 tw-bg-black"></span><li class="tw-text-left tw-pt-6 tw-text-fs-12 lmd:tw-font-bold">
12726            <a href="https://www.fgxi.com/consumer-health-data-privacy-policy/" target="_blank" class="tw-font-gotham tw-block tw-link-hover">
12727                Consumer Health Data Privacy Policy
12728            </a>
12729        </li>
12730        <span class="tw-block tw-h-10 tw-w-[0.1rem] tw-mx-6 tw-bg-black"></span><li class="tw-text-left tw-font-gotham tw-link-hover tw-pt-6 tw-text-fs-12">
12731        <p><strong>© 2024 FGX International Inc. All Rights Reserved.</strong></p>
12732    </li>
12733</ul>
12734
12735</div><div
12736                              class=""
12737                              
12738                                  data-cascade
12739                                  style="--animation-order: 5;"
12740                              
12741                          ></div><div
12742                              class=""
12743                              
12744                                  data-cascade
12745                                  style="--animation-order: 6;"
12746                              
12747                          ></div><div
12748                              class=""
12749                              
12750                                  data-cascade
12751                                  style="--animation-order: 7;"
12752                              
12753                          ></div></div></div>
12754        </div>
12755    <div class="tw-bg-[#eadedc] tw-flex">
12756        <div class="
12757            tw-hidden 
12758            lmd:tw-flex 
12759            lmd:tw-max-w-[56.9rem] 
12760            lmd:tw-w-full 
12761            lmd:tw-items-center 
12762            lmd:tw-justify-center 
12763            lmd:tw-flex-col 
12764            tw-px-[5.6rem] 
12765            tw-pt-40 
12766            tw-pb-20
12767        ">
12768            <div class="tw-mb-20 *:tw-font-gotham [&_h3]:tw-text-fs-24 [&_p]:tw-text-fs-20">
12769                <h3>Have a Question?</h3><p><strong>We’re Here to Help</strong></p>
12770            </div><div class="tw-mb-20 tw-text-center tw-w-310 sd:[&>div>button>
12770span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px]">
12771                        
12772
12773
12774
12775
12776
12777
12778
12779
12780    
12781
12782
12783
12784
12785
12786
12787
12788<a href="tel:1-800-426-6396"
12789    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
12790    
12791    <button 
12792        class="
12793            tw-w-full
12794            tw-flex
12795            tw-text-[16px] 
12796            tw-font-bold 
12797            tw-tracking-[1.6px] 
12798            tw-uppercase 
12799            tw-py-[6px]
12800            tw-cursor-pointer 
12801            tw-rounded-none
12802             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
12803            
12804                style="border: 2px solid #000000;"
12805            
12806    >   
12807        
12808            
12809                
12810            
12811            
12812                <img src="//www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-phone.svg?v=1734443285&amp;width=3200 3200w" width="3200" height="3378" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
12813            
12814        
12815        <span class="
12816            [&_p]:tw-text-[16px] 
12817            [&_p]:tw-font-bold 
12818            [&_p]:tw-uppercase
12819            tw-font-gotham-medium
12820            tw-font-bold
12821            tw-text-black
12822             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
12823            style="line-height: 1.5;color:#000000;
12824            ">
12825             <p>Call 1-800-426-6396</p>
12826        </span>
12827        </button>
12828     
12829</a>
12830
12831                    </div><div class="tw-mb-20 tw-text-center tw-w-310 sd:[&>div>button>span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px]">
12832                        
12833
12834
12835
12836
12837
12838
12839
12840
12841    
12842
12843
12844
12845
12846
12847
12848
12849<a href="https://www.luxotticacustomercare.com/fostergrant/emailus"
12850    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
12851    
12852    <button 
12853        class="
12854            tw-w-full
12855            tw-flex
12856            tw-text-[16px] 
12857            tw-font-bold 
12858            tw-tracking-[1.6px] 
12859            tw-uppercase 
12860            tw-py-[6px]
12861            tw-cursor-pointer 
12862            tw-rounded-none
12863             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
12864            
12865                style="border: 2px solid #000000;"
12866            
12867    >   
12868        
12869            
12870                
12871            
12872            
12873                <img src="//www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-mail.svg?v=1734443283&amp;width=3200 3200w" width="3200" height="2824" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
12874            
12875        
12876        <span class="
12877            [&_p]:tw-text-[16px] 
12878            [&_p]:tw-font-bold 
12879            [&_p]:tw-uppercase
12880            tw-font-gotham-medium
12881            tw-font-bold
12882            tw-text-black
12883             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
12884            style="line-height: 1.5;color:#000000;
12885            ">
12886             <p>email a support rep</p>
12887        </span>
12888        </button>
12889     
12890</a>
12891
12892                    </div><div class="tw-mb-20 tw-text-center tw-w-310 sd:[&>div>button>span>p]:tw-text-[14px] xlg:[&>div>button>span>p]:tw-text-[16px]">
12893                        
12894
12895
12896
12897
12898
12899
12900
12901
12902    
12903
12904
12905
12906
12907
12908
12909
12910<a href="/pages/help"
12911    class="fg-cta-with-image tw-block" style="--border-color-section: #000000;"> 
12912    
12913    <button 
12914        class="
12915            tw-w-full
12916            tw-flex
12917            tw-text-[16px] 
12918            tw-font-bold 
12919            tw-tracking-[1.6px] 
12920            tw-uppercase 
12921            tw-py-[6px]
12922            tw-cursor-pointer 
12923            tw-rounded-none
12924             tw-pl-22 tw-bg-transparent hover:tw-bg-black tw-transition-colors tw-group tw-flex tw-items-center tw-gap-12"
12925            
12926                style="border: 2px solid #000000;"
12927            
12928    >   
12929        
12930            
12931                
12932            
12933            
12934                <img src="//www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=3200" alt="" srcset="//www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=50 50w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=75 75w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=100 100w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=150 150w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=200 200w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=300 300w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=400 400w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=500 500w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=750 750w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1000 1000w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1250 1250w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1500 1500w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=1750 1750w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2000 2000w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2250 2250w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2500 2500w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=2750 2750w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=3000 3000w, //www.fostergrant.com/cdn/shop/files/icon-help.svg?v=1734443280&amp;width=3200 3200w" width="3200" height="3200" class="multicolumn-card__image tw-w-20 tw-h-20 group-hover:tw-invert">
12935            
12936        
12937        <span class="
12938            [&_p]:tw-text-[16px] 
12939            [&_p]:tw-font-bold 
12940            [&_p]:tw-uppercase
12941            tw-font-gotham-medium
12942            tw-font-bold
12943            tw-text-black
12944             group-hover:[&_p]:tw-text-white [&_p]:tw-transition-colors"
12945            style="line-height: 1.5;color:#000000;
12946            ">
12947             <p>visit the help center</p>
12948        </span>
12949        </button>
12950     
12951</a>
12952
12953                    </div><div class="tw-my-20 *:tw-font-gotham tw-text-center tw-text-[18px] tw-leading-[25.6px]">
12954                <p><strong>Alternatively, you can DM our Social<br/>Concierge Team:</strong></p>
12955            </div>
12956            
12957            <ul class="list-unstyled tw-flex tw-flex-wrap tw-gap-16" role="list"><li class="list-social__item">
12958                    <a 
12959                      href="https://www.instagram.com/fostergrant/" 
12960                      target="_blank" 
12961                      class="
12962                          link
12963                          tw-flex
12964                          tw-items-center
12965                          tw-p-0 
12966                          tw-h-38
12967                          tw-w-38
12968                          tw-bg-no-repeat">
12969                      <span class="visually-hidden">Instagram</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0ZM36,30.72C36,34,34,36,30.72,36H17.28C14,36,12,34,12,30.72V23h5.28A10.54,10.54,0,0,0,17,25a7,7,0,0,0,14,0,5.21,5.21,0,0,0-.28-2H36ZM21,25a3,3,0,1,1,3,3A3,3,0,0,1,21,25Zm15-5H28.82a6.78,6.78,0,0,0-9.62,0H12V17.28C12,14,14,12,17.28,12H30.72C34,12,36,14,36,17.28Z"/><path d="M30.35,14h1.29A1.36,1.36,0,0,1,33,15.36v1.29A1.35,1.35,0,0,1,31.65,18H30.36A1.36,1.36,0,0,1,29,16.64V15.35A1.35,1.35,0,0,1,30.35,14Z"/></svg></a>
12970                  </li><li class="list-social__item">
12971                    <a 
12972                      href="https://www.facebook.com/FosterGrant"
12973                      target="_blank" 
12974                      class="
12975                          link
12976                          tw-flex
12977                          tw-items-center
12978                          tw-p-0 
12979                          tw-h-38
12980                          tw-w-38
12981                          tw-bg-no-repeat">
12982                      <span class="visually-hidden">Facebook</span><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24,0A24,24,0,1,0,48,24,24,24,0,0,0,24,0Zm6.72,14.34H28.1c-1.69,0-2.1.84-2.1,2.18V20h4.62l-.24,5H26V38H21V25H17V20h4V16c0-3.26,1.61-6.39,6.3-6.39,1.9,0,3.53.18,3.53.18Z"/></svg></a>
12983                  </li><li class="list-social__item">
12984                    <a 
12985                      href="https://www.x.com/fostergrantUSA" 
12986                      target="_blank" 
12987                      class="
12988                          tw-flex
12989                          tw-items-baseline
12990                          tw-p-0
12991                          tw-h-38
12992                          tw-w-38
12993                          [&_svg_g_circle]:tw-fill-[#46423d]
12994                          [&_svg_g_circle:hover]:tw-fill-brown
12995                          list-social__link__dark__youtube
12996                          ">
12997                      <span class="visually-hidden">YouTube</span><?xml version="1.0" encoding="UTF-8"?>
12998<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
12999  <polygon points="24.26 21.81 17.4 12 13.74 12 22.24 24.15 23.31 25.68 23.31 25.68 30.58 36.09 34.24 36.09 25.32 23.33 24.26 21.81"/>
13000  <path d="m24,0C10.75,0,0,10.75,0,24s10.75,24,24,24,24-10.75,24-24S37.25,0,24,0Zm5.46,37.8l-7.36-10.71-9.22,10.71h-2.38l10.54-12.25-10.54-15.34h8.04l6.97,10.14,8.73-10.14h2.38l-10.05,11.68h0l10.93,15.91h-8.04Z"/>
13001</svg></a>
13002                  </li><li class="list-social__item">
13003                    <a 
13004                      href="https://www.tiktok.com/@fostergrant" 
13005                      target="_blank" 
13006                      class="
13007                          tw-flex
13008                          tw-items-baseline
13009                          tw-p-0
13010                          tw-h-38
13011                          tw-w-38
13012                          [&_svg_g_circle]:tw-fill-[#46423d]
13013                          [&_svg_g_circle:hover]:tw-fill-brown
13014                          list-social__link__dark__youtube
13015                          ">
13016                      <span class="visually-hidden">TikTok</span><?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="m24,0C10.75,0,0,10.75,0,24s10.75,24,24,24,24-10.74,24-24S37.26,0,24,0Zm12.42,21.53c-2.54,0-4.9-.8-6.81-2.14v9.71c0,4.85-4.05,8.81-9.01,8.81-1.92,0-3.69-.59-5.16-1.59-1.16-.8-2.13-1.87-2.79-3.1-.69-1.22-1.06-2.63-1.06-4.12,0-4.85,4.05-8.81,9.01-8.81.41,0,.81.05,1.22.1v4.88c-.39-.11-.8-.19-1.22-.19-2.27,0-4.12,1.82-4.12,4.02,0,1.55.9,2.9,2.21,3.57.58.28,1.22.45,1.91.45,2.22,0,4.02-1.72,4.1-3.86V10.09h4.91c0,.41.03.82.11,1.21.35,1.83,1.46,3.39,2.99,4.36,1.06.69,2.35,1.08,3.71,1.08v4.79Z"/></svg></a>
13017                  </li></ul>
13018            <div class="tw-mt-20 *:tw-font-gotham tw-text-center tw-text-[16px] tw-leading-[25.6px]">
13019                <p>Our team is available Monday - Friday<br/>8:30 AM - 5:00 PM EST<br/>Hours may vary by holiday.</p>
13020            </div>
13021        </div>
13022    </div>
13023  </div>
13024</footer>
13025
13026
13027</div>
13028<!-- END sections: footer-group -->
13029  
13030      <ul hidden>
13031        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
13032        <li id="a11y-new-window-message">Opens in a new window.</li>
13033      </ul>
13034  
13035      
13035<script>
13036    window.shopUrl = 'https://www.fostergrant.com';
13037    window.routes = {
13038        cart_add_url: '/cart/add',
13039        cart_change_url: '/cart/change',
13040        cart_update_url: '/cart/update',
13041        cart_url: '/cart',
13042        predictive_search_url: '/search/suggest',
13043    };
13044
13045    window.cartStrings = {
13046        error: `There was an error while updating your cart. Please try again.`,
13047        quantityError: `You can only add [quantity] of this item to your cart.`,
13048    };
13049
13050    window.variantStrings = {
13051        addToCart: `Add to cart`,
13052        soldOut: `Sold out`,
13053        unavailable: `Unavailable`,
13054        unavailable_with_option: `[value] - Unavailable`,
13055    };
13056
13057    window.quickOrderListStrings = {
13058        itemsAdded: `[quantity] items added`,
13059        itemAdded: `[quantity] item added`,
13060        itemsRemoved: `[quantity] items removed`,
13061        itemRemoved: `[quantity] item removed`,
13062        viewCart: `View cart`,
13063        each: `[money]/ea`,
13064        min_error: `This item has a minimum of [min]`,
13065        max_error: `This item has a maximum of [max]`,
13066        step_error: `You can only add this item in increments of [step]`,
13067    };
13068
13069    window.accessibilityStrings = {
13070        imageAvailable: `Image [index] is now available in gallery view`,
13071        shareSuccess: `Link copied to clipboard`,
13072        pauseSlideshow: `Pause slideshow`,
13073        playSlideshow: `Play slideshow`,
13074        recipientFormExpanded: `Gift card recipient form expanded`,
13075        recipientFormCollapsed: `Gift card recipient form collapsed`,
13076        countrySelectorSearchCount: `[count] countries/regions found`,
13077    };
13078
13079    window.storefront ={
13080        token: '6652798fd7f9ae687947839989bad9ca',
13081        url: 'https://fostergrant-prod.myshopify.com/api/2024-10/graphql.json',
13082        headless_autorize: 'https://shopify.com/authentication/68750835881/oauth/authorize',
13083        headless_client_id: '49efe481-1e8d-4661-a975-7591df7331e2',
13084        headless_token: 'https://shopify.com/authentication/68750835881/oauth/token',
13085        headless_redirect: 'https://fostergrant.com/account'
13086    }
13087
13088    window.utm = {
13089        id: 'FG_PRO-CS',
13090        timezone: 'US/Pacific',
13091        dateFrom: '2026-04-01',
13092        dateTo: '2026-04-26'
13093    }
13094</script>
vendor: 1 bytes, line 13094
13094
13095<script src="//www.fostergrant.com/cdn/shop/t/75/assets/predictive-search.js?v=166173361310834783271784712935" defer="defer"></script>
13095
13096        
13096<script src="//www.fostergrant.com/cdn/shop/t/75/assets/custom-predictive-search.js?v=131149745290532890201769615268" defer="defer"></script>
13096<script src="//www.fostergrant.com/cdn/shop/t/75/assets/fg-mobile-skeleton.js?v=99945788170357256991781081473" defer="defer"></script>
13096<script type="text/javascript" id="f7ef64210fae">
13097    (function () {
13098        var merchantConfig = {
13099            csp: false,
13100        };
13101
13102        var siteId = 'f7ef64210fae';
13103function t(t,e){for(var n=t.split(""),r=0;r<n.length;++r)n[r]=String.fromCharCode(n[r].charCodeAt(0)+e);return n.join("")}function e(e){return t(e,-_).replace(/%SN%/g,siteId)}function n(t){try{if("number"==typeof t&&window.location&&window.location.pathname){for(var e=window.location.pathname.split("/"),n=[],r=0;r<=Math.min(e.length-1,Math.abs(t));r++)n.push(e[r]);return n.join("/")||"/"}}catch(t){}return"/"}function r(){var t="no"+"op"+"fn",e="g"+"a",n="n"+"ame";return window[e]&&window[e][n]===t}function o(){return!(!navigator.brave||"function"!=typeof navigator.brave.isBrave)}function i(){return document.currentScript&&document.currentScript.src}function a(t){try{z.ex=t,r()&&-1===z.ex.indexOf($.uB)&&(z.ex+=$.uB),o()&&-1===z.ex.indexOf($.uBr)&&(z.ex+=$.uBr),i()&&-1===z.ex.indexOf($.nIL)&&(z.ex+=$.nIL),window.ftr__snp_cwc||(z.ex+=$.s),H(z)}catch(t){}}function c(t,e){function n(i){try{i.blockedURI===t&&i.disposition===o&&(e(),document.removeEventListener(r,n))}catch(t){document.removeEventListener(r,n)}}var r="securitypolicyviolation",o="enforce";document.addEventListener(r,n),setTimeout(function(){document.removeEventListener(r,n)},2*60*1e3)}function f(t,e,n,r){var o=!1;t="https://"+t,c(t,function(){r(!0),o=!0});var i=document.createElement("script");i.onerror=function(){if(!o)try{r(!1),o=!0}catch(t){}},i.onload=n,i.type="text/javascript",i.id="ftr__script",i.async=!0,i.src=t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(i,a)}function u(){nt($.uDF),setTimeout(l,B,$.uDF)}function s(t,e,n,r){var o=!1,i=new XMLHttpRequest;if(c("https:"+t,function(){n(new Error("CSP Violation"),!0),o=!0}),"//"===t.slice(0,2)&&(t="https:"+t),"withCredentials"in i)i.open("GET",t,!0);else{if("undefined"==typeof XDomainRequest)return;i=new XDomainRequest,i.open("GET",t)}Object.keys(r).forEach(function(t){i.setRequestHeader(t,r[t])}),i.onload=function(){"function"==typeof e&&e(i)},i.onerror=function(t){if("function"==typeof n&&!o)try{n(t,!1),o=!0}catch(t){}},i.onprogress=function(){},i.ontimeout=function(){"function"==typeof n&&n("tim"+"eo"+"ut",!1)},setTimeout(function(){i.send()},0)}function d(t,siteId,e){function n(t){var e=t.toString(16);return e.length%2?"0"+e:e}function r(t){if(t<=0)return"";for(var e="0123456789abcdef",n="",r=0;r<t;r++)n+=e[Math.floor(Math.random()*e.length)];return n}function o(t){for(var e="",r=0;r<t.length;r++)e+=n(t.charCodeAt(r));return e}function i(t){for(var e=t.split(""),n=0;n<e.length;++n)e[n]=String.fromCharCode(255^e[n].charCodeAt(0));return e.join("")}e=e?"1":"0";var a=[];return a.push(t),a.push(siteId),a.push(e),function(t){var e=40,n="";return t.length<e/2&&(n=","+r(e/2-t.length-1)),o(i(t+n))}(a.join(","))}function h(){function t(){M&&(nt($.dUAL),setTimeout(l,B,$.dUAL))}function e(t,e){M=e?"F"+"T"+"R"+"A"+"U"+"C":"F"+"T"+"R"+"A"+"U",setTimeout(l,B,$.uAS)}window.ftr__fdad(t,e)}function w(){function t(){M&&setTimeout(l,B,$.uDAD)}function e(t,e){M=e?"F"+"T"+"R"+"A"+"U"+"C":"F"+"T"+"R"+"A"+"U",setTimeout(l,B,$.uDS)}window.ftr__radd(t,e)}function l(t){try{var e;switch(t){case $.uFP:e=N;break;case $.uDF:e=I;break;default:e=M}if(!e)return;var n=function(){try{rt(),a(t+$.uS)}catch(t){}},r=function(e){try{rt(),z.td=1*new Date-z.ts,a(e?t+$.uF+$.cP:t+$.uF),t===$.uFP&&u(),t===$.uDF&&(j?w():h()),t!==$.uAS&&t!==$.dUAL||j||w(),t!==$.uDS&&t!==$.uDAD||j&&h()}catch(t){a($.eUoe)}};if(e==="F"+"T"+"R"+"A"+"U"+"C")return void r(!0);if(e==="F"+"T"+"R"+"A"+"U")return void r(!1);f(e,void 0,n,r)}catch(e){a(t+$.eTlu)}}var g="22g6edqo7i}x{vmo1forxgiurqw1qhw2vwdwxv",v="fort",p="erTo",m="ken",_=3;window.ftr__config={m:merchantConfig,s:"27",si:siteId};var y=!1,U=!1,T,x,A=v+p+m,D=400*24*60,S,C=10;S={write:function(t,e,r,o){void 0===o&&(o=!0);var i=0;window.ftr__config&&window.ftr__config.m&&window.ftr__config.m.ckDepth&&(i=window.ftr__config.m.ckDepth);var a,c,f=n(i);if(r?(a=new Date,a.setTime(a.getTime()+60*r*1e3),c="; expires="+a.toGMTString()):c="",!o)return void(document.cookie=escape(t)+"="+escape(e)+c+"; path="+f);for(var u=1,s=document.domain.split("."),d=C,h=!0;h&&s.length>=u&&d>0;){var w=s.slice(-u).join(".");document.cookie=escape(t)+"="+escape(e)+c+"; path="+f+"; domain="+w;var l=S.read(t);null!=l&&l==e||(w="."+w,document.cookie=escape(t)+"="+escape(e)+c+"; path="+f+"; domain="+w),h=-1===document.cookie.indexOf(t+"="+e),u++,d--}},read:function(t){var e=null;try{for(var n=escape(t)+"=",r=document.cookie.split(";"),o=32,i=0;i<r.length;i++){for(var a=r[i];a.charCodeAt(0)===o;)a=a.substring(1,a.length);0===a.indexOf(n)&&(e=unescape(a.substring(n.length,a.length)))}}finally{return e}}};var L=window.ftr__config.s;L+="ck";var R=function(t){var e=!1,n=null,r=function(){try{if(!n||!e)return;n.remove&&"function"==typeof n.remove?n.remove():document.head.removeChild(n),e=!1}catch(t){}};document.head&&(!function(){n=document.createElement("link"),n.setAttribute("rel","pre"+"con"+"nect"),n.setAttribute("cros"+"sori"+"gin","anonymous"),n.onload=r,n.onerror=r,n.setAttribute("href",t),document.head.appendChild(n),e=!0}(),setTimeout(r,3e3))},E=e(g||"22g6edqo7i}x{vmo1forxgiurqw1qhw2vwdwxv"),q=t("[0Uhtxhvw0LG",-_),P=t("[0Fruuhodwlrq0LG",-_),k=t("Li0Qrqh0Pdwfk",-_),F=e("dss1vlwhshuirupdqfhwhvw1qhw"),b=e("2241414142gqv0txhu|"),M,O="fgq71iruwhu1frp",I,V;I=e("(VQ(1"+O+"2vq2(VQ(2vfulsw1mv"),V=e("(VQ(1"+O+"2vqV2(VQ(2vfulsw1mv");var N;window.ftr__config&&window.ftr__config.m&&window.ftr__config.m.fpi&&(N=e("fgq71")+window.ftr__config.m.fpi+e("2vq2(VQ(2vfulsw1mv"));var j=!1;j=!1;var B=10;window.ftr__startScriptLoad=1*new Date;var G=function(t){var e="ft"+"r:tok"+"enR"+"eady";window.ftr__tt&&clearTimeout(window.ftr__tt),window.ftr__tt=setTimeout(function(){try{delete window.ftr__tt,t+="_tt";var n=document.createEvent("Event");n.initEvent(e,!1,!1),n.detail=t,document.dispatchEvent(n)}catch(t){}},1e3)},H=function(t){var e=function(t){return t||""},n=e(t.id)+"_"+e(t.ts)+"_"+e(t.td)+"_"+e(t.ex)+"_"+e(L),r=D;!isNaN(window.ftr__config.m.ckTTL)&&window.ftr__config.m.ckTTL&&(r=window.ftr__config.m.ckTTL),S.write(A,n,r,!0),G(n),window.ftr__gt=n},X=function(){var t=S.read(A)||"",e=t.split("_"),n=function(t){return e[t]||void 0};return{id:n(0),ts:n(1),td:n(2),ex:n(3),vr:n(4)}},Q=function(){for(var t={},e="fgu",n=[],r=0;r<256;r++)n[r]=(r<16?"0":"")+r.toString(16);var o=function(t,e,r,o,i){var a=i?"-":"";return n[255&t]+n[t>>8&255]+n[t>>16&255]+n[t>>24&255]+a+n[255&e]+n[e>>8&255]+a+n[e>>16&15|64]+n[e>>24&255]+a+n[63&r|128]+n[r>>8&255]+a+n[r>>16&255]+n[r>>24&255]+n[255&o]+n[o>>8&255]+n[o>>16&255]+n[o>>24&255]},i=function(){if(window.Uint32Array&&window.crypto&&window.crypto.getRandomValues){var t=new window.Uint32Array(4);return window.crypto.getRandomValues(t),{d0:t[0],d1:t[1],d2:t[2],d3:t[3]}}return{d0:4294967296*Math.random()>>>0,d1:4294967296*Math.random()>>>0,d2:4294967296*Math.random()>>>0,d3:4294967296*Math.random()>>>0}},a=function(){var t="",e=function(t,e){for(var n="",r=t;r>0;--r)n+=e.charAt(1e3*Math.random()%e.length);return n};return t+=e(2,"0123456789"),t+=e(1,"123456789"),t+=e(8,"0123456789")};return t.safeGenerateNoDash=function(){try{var t=i();return o(t.d0,t.d1,t.d2,t.d3,!1)}catch(t){try{return e+a()}catch(t){}}},t.isValidNumericalToken=function(t){return t&&t.toString().length<=11&&t.length>=9&&parseInt(t,10).toString().length<=11&&parseInt(t,10).toString().length>=9},t.isValidUUIDToken=function(t){return t&&32===t.toString().length&&/^[a-z0-9]+$/.test(t)},t.isValidFGUToken=function(t){return 0==t.indexOf(e)&&t.length>=12},t}(),$={uDF:"UDF",dUAL:"dUAL",uAS:"UAS",uDS:"UDS",uDAD:"UDAD",uFP:"UFP",mLd:"1",eTlu:"2",eUoe:"3",uS:"4",uF:"9",tmos:["T5","T10","T15","T30","T60"],tmosSecs:[5,10,15,30,60],bIR:"43",uB:"u",uBr:"b",cP:"c",nIL:"i",s:"s"};try{var z=X();try{z.id&&(Q.isValidNumericalToken(z.id)||Q.isValidUUIDToken(z.id)||Q.isValidFGUToken(z.id))?window.ftr__ncd=!1:(z.id=Q.safeGenerateNoDash(),window.ftr__ncd=!0),z.ts=window.ftr__startScriptLoad,H(z),window.ftr__snp_cwc=!!S.read(A),window.ftr__snp_cwc||(I=V);for(var J="for"+"ter"+".co"+"m",K="ht"+"tps://c"+"dn9."+J,W="ht"+"tps://"+z.id+"-"+siteId+".cd"+"n."+J,Y="http"+"s://cd"+"n3."+J,Z=[K,W,Y],tt=0;tt<Z.length;tt++)R(Z[tt]);var et=new Array($.tmosSecs.length),nt=function(t){for(var e=0;e<$.tmosSecs.length;e++)et[e]=setTimeout(a,1e3*$.tmosSecs[e],t+$.tmos[e])},rt=function(){for(var t=0;t<$.tmosSecs.length;t++)clearTimeout(et[t])};window.ftr__fdad=function(e,n){if(y)return window.ftr__altd2=x,void e();y=!0;var r={};r[k]=d(window.ftr__config.s,siteId,window.ftr__config.m.csp),s(E,function(n){try{var r=n.getAllResponseHeaders().toLowerCase();if(r.indexOf(P.toLowerCase())>=0){var o=n.getResponseHeader(P);x=window.ftr__altd2=t(atob(o),-_-1)}if(r.indexOf(q.toLowerCase())<0)return;
13103var i=n.getResponseHeader(q),a=t(atob(i),-_-1);if(a){var c=a.split(":");if(c&&2===c.length){for(var f=c[0],u=c[1],s="",d=0,h=0;d<20;++d)s+=d%3>0&&h<12?siteId.charAt(h++):z.id.charAt(d);var w=u.split(",");if(w.length>1){var l=w[0],g=w[1];M=f+"/"+l+"."+s+"."+g}}}e()}catch(t){}},function(t,e){n&&n(t,e)},r)},window.ftr__radd=function(t,e){function n(e){try{var n=e.response,r=function(t){function e(t,n,i){try{if(i>=r)return{name:"",nextOffsetToProcess:n,error:"Max pointer dereference depth exceeded"};for(var a=[],c=n,f=t.getUint8(c),u=0;u<o;){if(u++,192==(192&f)){var s=(63&f)<<8|t.getUint8(c+1),d=e(t,s,i+1);if(d.error)return d;var h=d.name;return a.push(h),{name:a.join("."),nextOffsetToProcess:c+2}}if(!(f>0)){if(0!==f)return{name:"",nextOffsetToProcess:c,error:"Unexpected length at the end of name: "+f.toString()};return{name:a.join("."),nextOffsetToProcess:c+1}}for(var w="",l=1;l<=f;l++)w+=String.fromCharCode(t.getUint8(c+l));a.push(w),c+=f+1,f=t.getUint8(c)}return{name:"",nextOffsetToProcess:c,error:"Max iterations exceeded"}}catch(t){return{name:"",nextOffsetToProcess:n,error:"Unexpected error while parsing response: "+t.toString()}}}var n,r=4,o=100,i=16,a=new DataView(t),c=a.getUint16(0),f=a.getUint16(2),u=a.getUint16(4),s=a.getUint16(6),d=a.getUint16(8),h=a.getUint16(10),w=12,l=[],g=0;for(g=0;g<u;g++){if(n=e(a,w,0),n.error)throw new Error(n.error);if(w=n.nextOffsetToProcess,!Number.isInteger(w))throw new Error("invalid returned offset");var v=n.name,p=a.getUint16(w);w+=2;var m=a.getUint16(w);w+=2,l.push({qname:v,qtype:p,qclass:m})}var _=[];for(g=0;g<s;g++){if(n=e(a,w,0),n.error)throw new Error(n.error);if(w=n.nextOffsetToProcess,!Number.isInteger(w))throw new Error("invalid returned offset");var y=n.name,U=a.getUint16(w);if(U!==i)throw new Error("Unexpected record type: "+U.toString());w+=2;var T=a.getUint16(w);w+=2;var x=a.getUint32(w);w+=4;var A=a.getUint16(w);w+=2;for(var D="",S=w,C=0;S<w+A&&C<o;){C++;var L=a.getUint8(S);S+=1;D+=(new TextDecoder).decode(t.slice(S,S+L)),S+=L}if(C>=o)throw new Error("Max iterations exceeded while reading TXT data");w+=A,_.push({name:y,type:U,class:T,ttl:x,data:D})}return{transactionId:c,flags:f,questionCount:u,answerCount:s,authorityCount:d,additionalCount:h,questions:l,answers:_}}(n);if(!r)throw new Error("Error parsing DNS response");if(!("answers"in r))throw new Error("Unexpected response");var o=r.answers;if(0===o.length)throw new Error("No answers found");var i=o[0].data;i=i.replace(/^"(.*)"$/,"$1");var a=function(t){var e=40,n=32,r=126;try{for(var o=atob(t),i="",a=0;a<o.length;a++)i+=function(t){var o=t.charCodeAt(0),i=o-e;return i<n&&(i=r-(n-i)+1),String.fromCharCode(i)}(o[a]);return atob(i)}catch(t){return}}(i);if(!a)throw new Error("failed to decode the value");var c=function(t){var e="_"+"D"+"L"+"M"+"_",n=t.split(e);if(!(n.length<2)){var r=n[0],o=n[1];if(!(r.split(".").length-1<1))return{jURL:r,eURL:o}}}(a);if(!c)throw new Error("failed to parse the value");var f=c.jURL,u=c.eURL;M=function(t){for(var e="",n=0,r=0;n<20;++n)e+=n%3>0&&r<12?siteId.charAt(r++):z.id.charAt(n);return t.replace("/PRM1","").replace("/PRM2","/main.").replace("/PRM3",e).replace("/PRM4",".js")}(f),T=window.ftr__altd3=u,t()}catch(t){}}function r(t,n){e&&e(t,n)}if(U)return window.ftr__altd3=T,void t();window.ftr__config.m.dr==="N"+"D"+"R"&&e(new Error("N"+"D"+"R"),!1),b&&F||e(new Error("D"+"P"+"P"),!1),U=!0;try{var o=function(t){for(var e=new Uint8Array([0,0]),n=new Uint8Array([1,0]),r=new Uint8Array([0,1]),o=new Uint8Array([0,0]),i=new Uint8Array([0,0]),a=new Uint8Array([0,0]),c=t.split("."),f=[],u=0;u<c.length;u++){var s=c[u];f.push(s.length);for(var d=0;d<s.length;d++)f.push(s.charCodeAt(d))}f.push(0);var h=16,w=new Uint8Array([0,h]),l=new Uint8Array([0,1]),g=new Uint8Array(e.length+n.length+r.length+o.length+i.length+a.length+f.length+w.length+l.length);return g.set(e,0),g.set(n,e.length),g.set(r,e.length+n.length),g.set(o,e.length+n.length+r.length),g.set(i,e.length+n.length+r.length+o.length),g.set(a,e.length+n.length+r.length+o.length+i.length),g.set(f,e.length+n.length+r.length+o.length+i.length+a.length),g.set(w,e.length+n.length+r.length+o.length+i.length+a.length+f.length),g.set(l,e.length+n.length+r.length+o.length+i.length+a.length+f.length+w.length),g}(F);!function(t,e,n,r,o){var i=!1,a=new XMLHttpRequest;if(c("https:"+t,function(){o(new Error("CSP Violation"),!0),i=!0}),"//"===t.slice(0,2)&&(t="https:"+t),"withCredentials"in a)a.open("POST",t,!0);else{if("undefined"==typeof XDomainRequest)return;a=new XDomainRequest,a.open("POST",t)}a.responseType="arraybuffer",a.setRequestHeader("Content-Type",e),a.onload=function(){"function"==typeof r&&r(a)},a.onerror=function(t){if("function"==typeof o&&!i)try{o(t,!1),i=!0}catch(t){}},a.onprogress=function(){},a.ontimeout=function(){"function"==typeof o&&o("tim"+"eo"+"ut",!1)},setTimeout(function(){a.send(n)},0)}(b,"application/dns-message",o,n,r)}catch(t){e(t,!1)}};var ot=N?$.uFP:$.uDF;nt(ot),setTimeout(l,B,ot)}catch(t){a($.mLd)}}catch(t){}})();
13104</script>
13104<script>
13105          (function () {
13106            function schemaHasType(value, type) {
13107              if (!value) return false;
13108
13109              if (Array.isArray(value)) {
13110                return value.some(function (item) {
13111                  return schemaHasType(item, type);
13112                });
13113              }
13114
13115              if (typeof value !== 'object') return false;
13116
13117              var schemaType = value['@type'];
13118
13119              if (schemaType === type) return true;
13120
13121              if (Array.isArray(schemaType) && schemaType.indexOf(type) !== -1) {
13122                return true;
13123              }
13124
13125              return Object.keys(value).some(function (key) {
13126                return schemaHasType(value[key], type);
13127              });
13128            }
13129
13130            function removeDuplicateProductSchemas() {
13131              document
13132                .querySelectorAll('script[type="application/ld+json"]')
13133                .forEach(function (script) {
13134                  if (script.id === 'fg-product-json-ld') return;
13135
13136                  try {
13137                    var data = JSON.parse(script.textContent.trim());
13138
13139                    if (schemaHasType(data, 'Product') || schemaHasType(data, 'ProductGroup')) {
13140                      script.remove();
13141                    }
13142                  } catch (error) {}
13143                });
13144            }
13145
13146            document.addEventListener('DOMContentLoaded', removeDuplicateProductSchemas);
13147            setTimeout(removeDuplicateProductSchemas, 1000);
13148            setTimeout(removeDuplicateProductSchemas, 3000);
13149            setTimeout(removeDuplicateProductSchemas, 6000);
13150
13151          })();
13152        </script>
13152<div id="shopify-block-Ab3NWekVWZ0d1WEdmR__497739090016974244" class="shopify-block shopify-app-block insider-object-extension">
13153
13154
13155
13156
13157
13158
13159
13160
13161
13162
13163
13164
13165
13166
13167
13168
13169
13170
13171
13172
13173
13174<script>
13175    window.insider_object = window.insider_object || {};
13176    window.shopifyIO = true;
13177</script>
13177
13178
13179
13180    
13181        
13182            
13182<script>
13183                window.insider_object.parsePrice = function (str) {
13184                    str = (str || '').toString();
13185                    let price = 0;
13186
13187                    price = str.replace(/[^0-9.,]/g, '');
13188
13189                    if (price.slice(-3).indexOf(',') !== -1) {
13190                        price = parseFloat(str.replace(/[^0-9,]/g, '').replace(',', '.')) || 0;
13191                    } else if (price.slice(-3).indexOf('.') !== -1) {
13192                        price = parseFloat(str.replace(/[^0-9.]/g, '')) || 0;
13193                    } else {
13194                        price = parseFloat(str.replace(/[^0-9]/g, '')) || 0;
13195                    }
13196
13197                    return price;
13198                }
13199            </script>
13199
13200            
13200<script>
13201                
13202                    
13203                    
13204                    
13205                    
13206
13207                    window.insider_object.page = {
13208                        "version": "2.0",
13209                        "type": "Product"
13210                    };
13211
13212                
13213
13214                window.insider_object.product = {
13215                    "id": "45017833504937",
13216                    "name": "Trifecta Travel Case",
13217                    "taxonomy": [
13218                        <!-- BEGIN app snippet: product-taxonomy -->
13219        
13220            "Accessories",
13221        
13222            "Accessories cart drawer",
13223        
13224            "Affiliate 2026 Eligible Products",
13225        
13226            "Best Seller Test",
13227        
13228            "Black Friday Sales on Reading Glasses",
13229        
13230            "Cyber Monday",
13231        
13232            "Frame Finder",
13233        
13234            "Readers Promo: Get More, Save More",
13235        
13236            "Save 10% on Reading Glasses and Sunglasses",
13237        
13238            "Save 30% on Reading Glasses \u0026 Sunglasses",
13239        
13240            "type 3 test"
13241        
13242
13243    
13244
13245<!-- END app snippet -->
13246                    ],
13247                    "currency": "USD",
13248                    
13249                    "unit_price": window.insider_object.parsePrice("12.00"),
13250                    "unit_sale_price": window.insider_object.parsePrice("8.40"),
13251                    
13252                    "url": "https://www.fostergrant.com/products/trifecta-travel-case?variant=45017833504937",
13253                    "stock": 46,
13254                    "product_image_url":  "https://www.fostergrant.com/cdn/shop/files/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874", 
13255                    "description": "Even when you’re on the road, never be without the eyewear you need when you use the Foster Grant® Trifecta Travel Case. This convenient case holds three pairs of readers, sunglasses, etc. safely and securely. The exterior is black and embossed with the Foster Grant logo, while the interior has a soft grey lining. Includes a magnetic ribbon closure.Foster Grant cases, chains and other accessories are designed to coordinate with all the various colors and styles of Foster Grant eyewear. Plus, they make it easier to find, carry and otherwise use that eyewear. They are little things that add big style and convenience.",
13256                    "groupcode": "8346473300137",
13257                    "quantity": 46,
13258                    "currency": "USD",
13259                    "sku": "10402849.COM",
13260                    
13261                    "locale": "en_" + window.Shopify.country,
13262                    
13263                    "in_stock": 1,
13264                    "custom":{
13265                        "vendor": "Foster Grant",
13266                        "tags": ["Group2"],
13267                        "product_type": "Accessories",
13268                        "handle": "trifecta-travel-case",
13269                        "product_id": "8346473300137",
13270                        "barcode": "193033490341",
13271                        "weight": "0",
13272                        "weight_unit": "lb",
13273                        "taxable": true,
13274                        "requires_shipping": true,
13275                        "inventory_management": "shopify",
13276                        "inventory_policy": "deny"
13277                    },
13278                    "variants": [{"id":45017833504937,"title":"Blue","option1":"Blue","option2":null,"option3":null,"sku":"10402849.COM","requires_shipping":true,"taxable":true,"featured_image":{"id":41609721872553,"product_id":8346473300137,"position":1,"created_at":"2025-03-13T11:31:12-04:00","updated_at":"2025-03-13T11:31:14-04:00","alt":null,"width":4000,"height":1933,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874","variant_ids":[45017833504937]},"available":true,"name":"Trifecta Travel Case - Blue","public_title":"Blue","options":["Blue"],"price":840,"weight":0,"compare_at_price":1200,"inventory_management":"shopify","barcode":"193033490341","featured_media":{"alt":null,"id":33474541912233,"position":1,"preview_image":{"aspect_ratio":2.069,"height":1933,"width":4000,"src":"\/\/www.fostergrant.com\/cdn\/shop\/files\/FG-ACC-Trifecta-Travel-Case.jpg?v=1741879874"}}
13278,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],
13279                };
13280
13281                
13282                
13283                if ("color" === "size" ||
13284                    "color" === "color") {
13285                    window.insider_object.product["color"] = "Blue";
13286                } else {
13287                    window.insider_object.product.custom["color"] = "Blue";
13288                }
13289                
13290                
13291
13292                window.insider_object.visited_products = JSON.parse(window.localStorage.getItem('ins-shopify-products-info') || '{}').value || {};
13293                window.insider_object.visited_products["8346473300137"] = {
13294                    url: "https://www.fostergrant.com/products/trifecta-travel-case",
13295                    taxonomy: [
13296                        <!-- BEGIN app snippet: product-taxonomy -->
13297        
13298            "Accessories",
13299        
13300            "Accessories cart drawer",
13301        
13302            "Affiliate 2026 Eligible Products",
13303        
13304            "Best Seller Test",
13305        
13306            "Black Friday Sales on Reading Glasses",
13307        
13308            "Cyber Monday",
13309        
13310            "Frame Finder",
13311        
13312            "Readers Promo: Get More, Save More",
13313        
13314            "Save 10% on Reading Glasses and Sunglasses",
13315        
13316            "Save 30% on Reading Glasses \u0026 Sunglasses",
13317        
13318            "type 3 test"
13319        
13320
13321    
13322
13323<!-- END app snippet -->
13324                    ],
13325                };
13326                window.localStorage.setItem('ins-shopify-products-info', JSON.stringify({
13327                    value: window.insider_object.visited_products,
13328                    _expires: new Date().getTime() + 10*24*60*60*1000,
13329                }));
13330
13331                
13332            </script>
13332
13333            
13333<script>
13334                
13335                window.insider_object.user = {
13336                    "language" : "en".substring(0, 2) + "_US",
13337                    "market_locale_id": "35291300009",
13338                    "market_locale_handle": "us",
13339                    "market_country_code": "US",
13340                    "shop_locale": "en"
13341                };
13342                
13343
13344                window.localStorage.setItem('ins-shopify-user-language', JSON.stringify({
13345                    value: window.insider_object.user.language,
13346                    _expires: new Date().getTime() + 10*24*60*60*1000,
13347                }));
13348            </script>
13348
13349            
13350            
13350<script>
13351                
13352                window.insider_object.basket = {
13353                    "currency": "USD"
13354                    
13355                };
13356            </script>
13356
13357            <!-- BEGIN app snippet: cart-token-collector -->
13357<script>
13358    function throttle(func, limit) {
13359        let inThrottle;
13360        return function executedFunction(...args) {
13361            if (!inThrottle) {
13362                func(...args);
13363                inThrottle = true;
13364                setTimeout(function() {
13365                    inThrottle = false;
13366                }, limit);
13367            }
13368        };
13369    }
13370
13371    async function handleUserInfoUpdate() {
13372        const userInfo = {
13373            oldCartToken: window.localStorage.getItem('ins-old-cart-token'),
13374            oldInsiderId: window.localStorage.getItem('ins-old-insider-id'),
13375            newInsiderId: Insider.getUserId(),
13376            newCartToken: await getCartToken(),
13377            insiderSessionId: Insider.getUserSession()
13378        };
13379        const isInfoChanged = userInfo.oldCartToken !== userInfo.newCartToken ||
13380            userInfo.oldInsiderId !== userInfo.newInsiderId
13381
13382        if (!userInfo.newInsiderId || !userInfo.newCartToken || !userInfo.insiderSessionId) {
13383          return;
13384        }
13385
13386        if (isInfoChanged) {
13387            sendUserInfoRequest(userInfo);
13388            // Persist the Insider id as a Shopify cart attribute so it propagates into checkout,
13389            // where the Checkout UI extension reads `_insider_iid` to personalise recommendations.
13390            writeInsiderIdCartAttribute(userInfo.newInsiderId);
13391        }
13392    }
13393
13394    function writeInsiderIdCartAttribute(insiderId) {
13395        // Best-effort: a failed attribute write must never break the storefront. Guarded by the
13396        // caller (non-null insiderId + non-empty cart) and throttled/deduped like the rest of the snippet.
13397        // .catch() swallows network rejections so they never surface as an unhandledrejection.
13398        fetch(window.Shopify.routes.root + 'cart/update.json', {
13399            method: 'POST',
13400            headers: { 'Content-Type': 'application/json' },
13401            body: JSON.stringify({ attributes: { _insider_iid: insiderId } })
13402        }).catch(function () {
13403            /* swallow: cart-attribute write is non-critical */
13404        });
13405    }
13406
13407    function sendUserInfoRequest(userInfo) {
13408        let url =
13409            'https://sfyapp.useinsider.com/cart-token-collector/v2/save/' +
13410            Shopify.shop +
13411            '?' +
13412            'iid=' + userInfo.newInsiderId +
13413            '&ct=' + userInfo.newCartToken +
13414            '&sid=' + userInfo.insiderSessionId +
13415            '&oldCt=' + (userInfo.oldCartToken || '');
13416
13417        let request = new XMLHttpRequest();
13418        request.onload = function() {
13419            if (this.status >= 200 && this.status < 300) {
13420                setUserInfos(userInfo);
13421            }
13422        };
13423        request.open('GET', url, true);
13424        request.send();
13425    }
13426
13427    function setUserInfos(userInfo) {
13428        window.localStorage.setItem('ins-old-cart-token', userInfo.newCartToken);
13429        window.localStorage.setItem('ins-old-insider-id', userInfo.newInsiderId);
13430    }
13431
13432    async function getCartToken() {
13433        const response = await fetch(window.Shopify.routes.root + 'cart.js');
13434        const data = await response.json();
13435
13436        return data.item_count > 0 ? data.token : null;
13437    }
13438
13439    window.addEventListener('insider:api-initialized', throttle(handleUserInfoUpdate, 2000));
13440    window.addEventListener('cart:amount:update', throttle(handleUserInfoUpdate, 2000));
13441</script>
13441
13442<!-- END app snippet -->
13443        
13444    
13445    
13446        
13447            
13448                
13448<script async type="text/javascript" src=https://fostergrant.api.useinsider.com/ins.js?id=10012728></script>
13448
13449            
13450        
13451    
13452
13453
13454</div><div id="shopify-block-AbGs2R0xnSVR3dGZhd__9271244056961380716" class="shopify-block shopify-app-block">
13454<script src='https://cdn.shopify.com/extensions/01a0d81f-4e47-7135-9a85-b401c95c75d9/discount-kit-632/assets/dk_cart_observer.js'></script>
vendor: 1 bytes, line 13454
13454
13455<script type='module' src='https://cdn.shopify.com/extensions/01a0d81f-4e47-7135-9a85-b401c95c75d9/discount-kit-632/assets/dk_cart.js'></script>
vendor: 1 bytes, line 13455
13455
13456<script type='module' src='https://cdn.shopify.com/extensions/01a0d81f-4e47-7135-9a85-b401c95c75d9/discount-kit-632/assets/dk_gift-selector.js'></script>
13456
13457
13458<!-- BEGIN app snippet: core_script -->
13459
13460
13461
13462
13463
13464
13465
13466
13467<script>
13468  // Initialize DiscountKit namespace
13469  window.discount_kit = window.discount_kit || {};
13470
13471  // Configuration and data
13472  window.discount_kit.config = {
13473    auto_gift: true,
13474    gift_selector_enabled: false,
13475    gift_quickview: false,
13476    gift_quickview_auto_add: false,
13477    gift_quickview_change: false,
13478    gift_quickview_change_label: "Change gifts",
13479    gift_quickview_change_style: "theme",
13480    message: "You've unlocked a free gift! Make your selections now.",
13481    add_to_cart: "Add to cart",
13482    show_on_cart_page: false,
13483    stop_showing_after: 0,
13484    prevent_readd_removed_gifts: false,
13485    refresh_on_cart_change: true,
13486    custom_cart_update_event: "",
13487    cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},
13488    collections: [],
13489    compare_at_prices: [],
13490    conversion_rate: 1.0,
13491    discounts: []
13492  };
13493
13494  // Gift products for GWP
13495  window.discount_kit.gift_products = [];
13496  
13497  
13498</script>
13498
13499
13500<script
13501  type='module'
13502  src='https://cdn.shopify.com/extensions/01a0d81f-4e47-7135-9a85-b401c95c75d9/discount-kit-632/assets/dk_core.js'
13503></script>
13503
13504<!-- END app snippet -->
13505
13506
13507
13508
13509</div>
13509<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
13509
13510</body>
13511  </html>
13512  

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.