PageSourceSearch

https://cardbear.com/

html cardbear.com collected 2026-09-24 12:38:41 UTC 103,796 bytes, 1,271 lines download raw bytes

1<!doctype html>
2<html lang="en" class="scroll-smooth bg-[#f9fbfd]">
3<head>
4  <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 4-5
4
5<script async src="https://www.googletagmanager.com/gtag/js?id=
5G-NVN2Q156HF
vendor: 60 bytes, line 5
5" type="19849afdb7dc0e1d67156809-text/javascript"></script>
6<script type="19849afdb7dc0e1d67156809-text/javascript">
7  
vendor: 134 bytes, lines 7-11
7window.dataLayer = window.dataLayer || [];
8  function gtag(){dataLayer.push(arguments);}
9  gtag('js', new Date());
10
11  gtag('config', '
11G-NVN2Q156HF
vendor: 4 bytes, line 11
11');
12</script>
12
13  
13<script type="19849afdb7dc0e1d67156809-text/javascript">
14    (function(c,l,a,r,i,t,y){
15        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
16        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
17        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
18    })(window, document, "clarity", "script", "ftt3iokwz5");
19</script>
19
20  <meta charset="utf-8">
21  <meta name="viewport" content="width=device-width, initial-scale=1">
22  <title>Compare Discounted Gift Cards &amp; Save | CardBear</title>
23  <meta name="description" content="Compare gift card discounts from top marketplaces and find the best deal on hundreds of popular brands.">
24  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
25  <link rel="canonical" href="https://www.cardbear.com/">
26  <link rel="alternate" hreflang="en-US" href="https://www.cardbear.com/">
27  <link rel="alternate" hreflang="x-default" href="https://www.cardbear.com/">
28  <meta property="og:type" content="website">
29  <meta property="og:site_name" content="CardBear">
30  <meta property="og:locale" content="en_US">
31  <meta property="og:title" content="Compare Discounted Gift Cards &amp; Save | CardBear">
32  <meta property="og:description" content="Compare gift card discounts from top marketplaces and find the best deal on hundreds of popular brands.">
33  <meta property="og:url" content="https://www.cardbear.com/">
34  <meta property="og:image" content="https://www.cardbear.com/images/og/cardbear-home.png">
35  <meta property="og:image:secure_url" content="https://www.cardbear.com/images/og/cardbear-home.png">
36  <meta property="og:image:type" content="image/png">
37  <meta property="og:image:width" content="1200">
38  <meta property="og:image:height" content="630">
39  <meta property="og:image:alt" content="CardBear.com compares gift card discounts from popular brands">
40  <meta name="twitter:card" content="summary_large_image">
41  <meta name="twitter:site" content="@CardBearHelp">
42  <meta name="twitter:title" content="Compare Discounted Gift Cards &amp; Save | CardBear">
43  <meta name="twitter:description" content="Compare gift card discounts from top marketplaces and find the best deal on hundreds of popular brands.">
44  <meta name="twitter:image" content="https://www.cardbear.com/images/og/cardbear-home.png">
45  <meta name="twitter:image:alt" content="CardBear.com compares gift card discounts from popular brands">
46  <meta name="theme-color" content="#0F5DB8">
47  <meta name="application-name" content="CardBear">
48  <link rel="icon" href="/favicon.ico" sizes="any">
49  <link rel="icon" type="image/svg+xml" href="/images/cardbear-logo.svg">
50  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
51  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
52  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
53  <link rel="manifest" href="/site.webmanifest">
54  <meta name="msvalidate.01" content="742556C6316ABC90DEE53D8E132716E8">
55  <link rel="stylesheet" href="/css/store2-v2.css?v=99">
56  
56<script async crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5953943608699958" type="19849afdb7dc0e1d67156809-text/javascript"></script>
56
57      
57<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.cardbear.com/#organization","name":"CardBear","alternateName":"CardBear.com","url":"https://www.cardbear.com/","logo":{"@id":"https://www.cardbear.com/#logo"},"image":{"@id":"https://www.cardbear.com/#logo"},"sameAs":["https://www.facebook.com/cardbeargiftcard","https://x.com/CardBearHelp","https://www.linkedin.com/company/cardbear/","https://www.crunchbase.com/organization/cardbear"]},{"@type":"ImageObject","@id":"https://www.cardbear.com/#logo","url":"https://www.cardbear.com/images/cardbear-logo.svg","contentUrl":"https://www.cardbear.com/images/cardbear-logo.svg","caption":"CardBear"},{"@type":"WebSite","@id":"https://www.cardbear.com/#website","url":"https://www.cardbear.com/","name":"CardBear","alternateName":["CardBear.com","cardbear.com"],"publisher":{"@id":"https://www.cardbear.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://www.cardbear.com/#primaryimage","url":"https://www.cardbear.com/images/og/cardbear-home.png","contentUrl":"https://www.cardbear.com/images/og/cardbear-home.png","width":1200,"height":630,"caption":"CardBear compares gift card discounts from popular brands"},{"@type":"WebPage","@id":"https://www.cardbear.com/#webpage","url":"https://www.cardbear.com/","name":"Compare Discounted Gift Cards \u0026 Save | CardBear","description":"Compare gift card discounts from top marketplaces and find the best deal on hundreds of popular brands.","isPartOf":{"@id":"https://www.cardbear.com/#website"},"publisher":{"@id":"https://www.cardbear.com/#organization"},"about":{"@id":"https://www.cardbear.com/#organization"},"primaryImageOfPage":{"@id":"https://www.cardbear.com/#primaryimage"},"inLanguage":"en-US"}]}</script>
57
58  </head>
59<body class="min-w-[320px] bg-[#f9fbfd] font-sans text-slate-950 antialiased">
60<a
61  href="#main-content"
62  class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[100] focus:rounded-lg focus:bg-white focus:px-4 focus:py-2 focus:text-sm focus:font-bold focus:text-blue-800 focus:shadow-xl"
63>
64  Skip to content
65</a>
66
67<header class="relative z-50 border-b border-blue-100 bg-white/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/85" data-site-header>
68  <div class="mx-auto flex w-full max-w-[1440px] items-center gap-2 px-4 py-3 sm:gap-3 sm:px-6 md:max-w-none lg:max-w-[1440px] lg:gap-5 lg:px-8" data-site-header-inner>
69    <a href="https://www.cardbear.com" class="shrink-0 transition duration-200 motion-reduce:transition-none" aria-label="CardBear home" data-site-header-logo>
70      <img
71        src="https://www.cardbear.com/images/cardbear-logo-horizontal-compact.png"
72        alt="CardBear"
73        width="720"
74        height="192"
75        class="h-auto w-[132px] sm:w-[178px] lg:w-[190px]"
76      >
77    </a>
78
79    <div class="min-w-0 flex-1">
80      <div class="relative" data-gift-card-search>
81  <form
82    action="https://www.cardbear.com/searchresult.php"
83    method="get"
84    role="search"
85    class="relative flex items-center gap-2"
86    autocomplete="off"
87    data-search-form
88  >
89    <button
90      type="button"
91      class="hidden size-11 shrink-0 items-center justify-center rounded-xl text-slate-700 transition hover:bg-slate-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:hidden"
92      aria-label="Close search"
93      data-search-back
94    >
95      <svg aria-hidden="true" class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
96        <path d="M19 12H5"/>
97        <path d="m12 19-7-7 7-7"/>
98      </svg>
99    </button>
100
101    <div class="relative min-w-0 flex-1">
102      <label for="cardbear-search" class="sr-only">Search gift cards</label>
103
104      <input
105        id="cardbear-search"
106        name="q"
107        type="search"
108        value=""
109        placeholder="Search gift cards…"
110        class="h-11 w-full rounded-xl border border-slate-300 bg-white pl-4 pr-12 text-sm text-slate-900 shadow-sm outline-none transition placeholder:text-slate-400 focus:border-blue-500 focus:ring-4 focus:ring-blue-100"
111        role="combobox"
112        aria-autocomplete="list"
113        aria-expanded="false"
114        aria-controls="cardbear-search-results"
115        aria-describedby="cardbear-search-status"
116        data-search-input
117      >
118
119      <button
120        type="submit"
121        class="absolute inset-y-0 right-0 flex w-12 items-center justify-center rounded-r-xl text-slate-500 transition hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-[-3px] focus-visible:outline-blue-700"
122        aria-label="Search"
123      >
124        <svg aria-hidden="true" class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
125          <circle cx="11" cy="11" r="8"/>
126          <path d="m21 21-4.3-4.3"/>
127        </svg>
128      </button>
129    </div>
130
131    <button
132      type="button"
133      class="hidden min-h-11 shrink-0 rounded-xl px-1 text-sm font-bold text-[#0066cc] transition hover:text-blue-900 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:px-2 md:hidden"
134      data-search-cancel
135    >
136      Cancel
137    </button>
138  </form>
139
140  <div
141    id="cardbear-search-results"
142    class="absolute left-0 right-0 top-[calc(100%+0.5rem)] z-[80] hidden max-h-[26rem] overflow-y-auto rounded-2xl border border-slate-200 bg-white p-2 shadow-2xl md:absolute md:max-h-[34rem] md:p-5 lg:p-6"
143    role="dialog"
144    aria-label="Gift card search"
145    data-search-results
146  >
147    <div class="sr-only" aria-live="polite" data-search-status id="cardbear-search-status"></div>
148
149    <div class="hidden" data-search-loading>
150      <div class="space-y-2 p-2">
151        <div class="h-12 animate-pulse rounded-xl bg-slate-100"></div>
152        <div class="h-12 animate-pulse rounded-xl bg-slate-100"></div>
153        <div class="h-12 animate-pulse rounded-xl bg-slate-100"></div>
154      </div>
155    </div>
156
157    <div class="hidden" role="listbox" data-search-live-results></div>
158
159    <div data-search-discovery>
160      <section class="hidden p-2" aria-labelledby="cardbear-recent-heading" data-search-recent-section>
161        <div class="mb-2 flex items-center gap-2 text-sm font-bold text-slate-900">
162          <svg aria-hidden="true" class="size-4 text-slate-500" viewB
162ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
163            <circle cx="12" cy="12" r="9"/>
164            <path d="M12 7v5l3 2"/>
165          </svg>
166          <h2 id="cardbear-recent-heading">Recent</h2>
167        </div>
168        <div class="flex flex-wrap gap-2" data-search-recent-list></div>
169      </section>
170
171              <section class="p-2 md:p-0" aria-labelledby="cardbear-trending-heading">
172          <h2 id="cardbear-trending-heading" class="flex items-center gap-1.5 text-sm font-bold text-slate-900 md:text-base">
173            <svg aria-hidden="true" class="size-4 text-green-700 md:size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
174              <path d="m3 17 6-6 4 4 7-8"/>
175              <path d="M14 7h6v6"/>
176            </svg>
177            Popular Gift Cards
178          </h2>
179          <div class="mt-2 grid grid-cols-2 gap-1.5 md:mt-3 md:gap-3">
180                          <a
181                href="https://www.cardbear.com/gift-card-discount/4/walmart"
182                class="flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-14 md:gap-3 md:px-2.5 md:py-2"
183                data-search-store-link
184                data-store-name="Walmart"
185                data-store-url="https://www.cardbear.com/gift-card-discount/4/walmart"
186                data-store-image="https://www.cardbear.com/img/small/Walmart-gift-card.webp"
187              >
188                <img
189                  src="https://www.cardbear.com/img/small/Walmart-gift-card.webp"
190                  alt=""
191                  width="48"
192                  height="30"
193                  loading="lazy"
194                  decoding="async"
195                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
196                >
197                <span class="min-w-0 flex-1">
198                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">Walmart</span>
199                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
200                      1.1% off
201                    </span>
202                                  </span>
203              </a>
204                          <a
205                href="https://www.cardbear.com/gift-card-discount/31/target"
206                class="flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-14 md:gap-3 md:px-2.5 md:py-2"
207                data-search-store-link
208                data-store-name="Target"
209                data-store-url="https://www.cardbear.com/gift-card-discount/31/target"
210                data-store-image="https://www.cardbear.com/img/small/Target-gift-card.webp"
211              >
212                <img
213                  src="https://www.cardbear.com/img/small/Target-gift-card.webp"
214                  alt=""
215                  width="48"
216                  height="30"
217                  loading="lazy"
218                  decoding="async"
219                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
220                >
221                <span class="min-w-0 flex-1">
222                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">Target</span>
223                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
224                      8% off
225                    </span>
226                                  </span>
227              </a>
228                          <a
229                href="https://www.cardbear.com/gift-card-discount/12/best-buy"
230                class="flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-
230h-14 md:gap-3 md:px-2.5 md:py-2"
231                data-search-store-link
232                data-store-name="Best Buy"
233                data-store-url="https://www.cardbear.com/gift-card-discount/12/best-buy"
234                data-store-image="https://www.cardbear.com/img/small/BestBuy-gift-card.webp"
235              >
236                <img
237                  src="https://www.cardbear.com/img/small/BestBuy-gift-card.webp"
238                  alt=""
239                  width="48"
240                  height="30"
241                  loading="lazy"
242                  decoding="async"
243                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
244                >
245                <span class="min-w-0 flex-1">
246                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">Best Buy</span>
247                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
248                      10% off
249                    </span>
250                                  </span>
251              </a>
252                          <a
253                href="https://www.cardbear.com/gift-card-discount/2/home-depot"
254                class="flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-14 md:gap-3 md:px-2.5 md:py-2"
255                data-search-store-link
256                data-store-name="Home Depot"
257                data-store-url="https://www.cardbear.com/gift-card-discount/2/home-depot"
258                data-store-image="https://www.cardbear.com/img/small/HomeDepot-gift-card.webp"
259              >
260                <img
261                  src="https://www.cardbear.com/img/small/HomeDepot-gift-card.webp"
262                  alt=""
263                  width="48"
264                  height="30"
265                  loading="lazy"
266                  decoding="async"
267                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
268                >
269                <span class="min-w-0 flex-1">
270                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">Home Depot</span>
271                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
272                      8% off
273                    </span>
274                                  </span>
275              </a>
276                          <a
277                href="https://www.cardbear.com/gift-card-discount/109/petsmart"
278                class="flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-14 md:gap-3 md:px-2.5 md:py-2"
279                data-search-store-link
280                data-store-name="PetSmart"
281                data-store-url="https://www.cardbear.com/gift-card-discount/109/petsmart"
282                data-store-image="https://www.cardbear.com/img/small/PetSmart-gift-card.webp"
283              >
284                <img
285                  src="https://www.cardbear.com/img/small/PetSmart-gift-card.webp"
286                  alt=""
287                  width="48"
288                  height="30"
289                  loading="lazy"
290                  decoding="async"
291                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
292                >
293                <span class="min-w-0 flex-1">
294                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">PetSmart</span>
295                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
296                      11.5% off
297                    </span>
298                                  </span>
299              </a>
300                          <a
301                href="https://www.cardbear.com/gift-card-discount/5/apple-store"
302                class="flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-
302h-14 md:gap-3 md:px-2.5 md:py-2"
303                data-search-store-link
304                data-store-name="Apple Store"
305                data-store-url="https://www.cardbear.com/gift-card-discount/5/apple-store"
306                data-store-image="https://www.cardbear.com/img/small/AppleStore-gift-card.webp"
307              >
308                <img
309                  src="https://www.cardbear.com/img/small/AppleStore-gift-card.webp"
310                  alt=""
311                  width="48"
312                  height="30"
313                  loading="lazy"
314                  decoding="async"
315                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
316                >
317                <span class="min-w-0 flex-1">
318                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">Apple Store</span>
319                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
320                      9% off
321                    </span>
322                                  </span>
323              </a>
324                          <a
325                href="https://www.cardbear.com/gift-card-discount/111/amazon"
326                class="hidden md:flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-14 md:gap-3 md:px-2.5 md:py-2"
327                data-search-store-link
328                data-store-name="Amazon"
329                data-store-url="https://www.cardbear.com/gift-card-discount/111/amazon"
330                data-store-image="https://www.cardbear.com/img/small/Amazon-gift-card.webp"
331              >
332                <img
333                  src="https://www.cardbear.com/img/small/Amazon-gift-card.webp"
334                  alt=""
335                  width="48"
336                  height="30"
337                  loading="lazy"
338                  decoding="async"
339                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
340                >
341                <span class="min-w-0 flex-1">
342                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">Amazon</span>
343                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
344                      1.8% off
345                    </span>
346                                  </span>
347              </a>
348                          <a
349                href="https://www.cardbear.com/gift-card-discount/344/ebay"
350                class="hidden md:flex min-h-12 items-center gap-2.5 rounded-xl bg-white px-2 py-1.5 text-left transition hover:bg-blue-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-14 md:gap-3 md:px-2.5 md:py-2"
351                data-search-store-link
352                data-store-name="eBay"
353                data-store-url="https://www.cardbear.com/gift-card-discount/344/ebay"
354                data-store-image="https://www.cardbear.com/img/small/eBay-gift-card.webp"
355              >
356                <img
357                  src="https://www.cardbear.com/img/small/eBay-gift-card.webp"
358                  alt=""
359                  width="48"
360                  height="30"
361                  loading="lazy"
362                  decoding="async"
363                  class="h-8 w-12 shrink-0 rounded-md object-contain md:h-9 md:w-14 md:rounded-lg"
364                >
365                <span class="min-w-0 flex-1">
366                  <span class="block truncate text-sm font-bold text-slate-900 md:text-[17px] md:font-semibold md:leading-6">eBay</span>
367                                      <span class="mt-0.5 block text-xs font-bold text-emerald-700 md:text-[15px] md:font-semibold">
368                      3.5% off
369                    </span>
370                                  </span>
371              </a>
372                      </div>
373        </section>
374      
375              <section class="border-t border-slate-100 p-2 pt-4 md:mt-4 md:p-0 md:pt-5" aria-labelledby="cardbear-categories-heading">
376          <div class="flex items-center justify-between gap-3">
377            <h2 id="cardbear-categories-heading" class="text-sm font-bold text-slate-900 md:text-base">Browse Categories</h2>
378            <a class="text-sm font-bold text-[#0066cc] hover:underline md:font-semibold" href="/gift-cards">View all</a>
379          </div>
380          <div class="mt-3 grid grid-cols-2 gap-2 md:gap-3">
381                          <a
382                href="/gift-cards/electronics"
383                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-
383h-16 md:px-4 md:text-[17px] md:leading-6"
384              >
385                <span>Electronics</span>
386              </a>
387                          <a
388                href="/gift-cards/dining-restaurants"
389                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-16 md:px-4 md:text-[17px] md:leading-6"
390              >
391                <span>Dining &amp; Restaurants</span>
392              </a>
393                          <a
394                href="/gift-cards/beauty-wellness"
395                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-16 md:px-4 md:text-[17px] md:leading-6"
396              >
397                <span>Beauty &amp; Wellness</span>
398              </a>
399                          <a
400                href="/gift-cards/travel"
401                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-16 md:px-4 md:text-[17px] md:leading-6"
402              >
403                <span>Travel</span>
404              </a>
405                          <a
406                href="/gift-cards/online-retail"
407                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-16 md:px-4 md:text-[17px] md:leading-6"
408              >
409                <span>Online Retail</span>
410              </a>
411                          <a
412                href="/gift-cards/entertainment"
413                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-16 md:px-4 md:text-[17px] md:leading-6"
414              >
415                <span>Entertainment</span>
416              </a>
417                          <a
418                href="/gift-cards/home-garden"
419                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-16 md:px-4 md:text-[17px] md:leading-6"
420              >
421                <span>Home &amp; Garden</span>
422              </a>
423                          <a
424                href="/gift-cards/sports-outdoors"
425                class="flex min-h-12 items-center rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm font-semibold leading-5 text-slate-800 transition hover:border-blue-200 hover:bg-blue-50 hover:text-blue-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 md:min-h-16 md:px-4 md:text-[17px] md:leading-6"
426              >
427                <span>Sports &amp; Outdoors</span>
428              </a>
429                      </div>
430        </section>
431          </div>
432  </div>
433</div>
434    </div>
435
436    <a
437      href="https://chromewebstore.google.com/detail/cardbear-compare-discount/amdhblopjkbjllnbbfboceeamjgpiekh"
438      target="_blank"
439      rel="noopener noreferrer"
440      aria-label="Get the CardBear Chrome Extension"
441      aria-hidden="true"
442      tabindex="-1"
443      class="hidden shrink-0 items-center gap-2 whitespace-nowrap rounded-full bg-blue-600 px-5 py-3 font-semibold text-white shadow-sm transition hover:bg-blue-700 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
444      data-chrome-extension-cta
445    >
446      <svg aria-hidden="true" class="size-5 shrink-0" viewBox="0 0 24 24">
447        <circle cx="12" cy="12" r="10" fill="#fff"/>
448        <path d="M12 2a10 10 0 0 1 8.66 5H12a5 5 0 0 0-4.33 2.5L4.78 4.5A9.96 9.96 0 0 1 12 2Z" fill="#ea4335"/>
449        <path d="M20.66 7A10 10 0 0 1 12 22l4.33-7.5A5 5 0 0 0 12 7h8.66Z" fill="#34a853"/>
450        <path d="M12 22A10 10 0 0 1 4.78 4.5l4.33 7.5A5 5 0 0 0 16.33 14.5L12 22Z" fill="#fbbc05"/>
451        <circle cx="12" cy="12" r="4" fill="#4285f4" stroke="#fff" stroke-width="1.5"/>
452      </svg>
453      <span>Get Extension</span>
454    </a>
455  </div>
456</header>
457
458<main id="main-content" class="relative z-0 mx-auto w-full max-w-[1280px] px-4 pt-2 sm:px-6 lg:px-8">
459  <section class="grid items-end gap-5 overflow-visible pt-3 pb-2 sm:pb-5 min-[641px]:grid-cols-[minmax(0,0.48fr)_minmax(0,0.52fr)] min-[641px]:items-center min-[641px]:gap-4 min-[641px]:pb-4 md:grid-cols-[minmax(0,0.5fr)_minmax(0,0.5fr)] md:items-center md:gap-4 md:pb-2 lg:grid-cols-[minmax(0,0.44fr)_minmax(0,0.56fr)] lg:items-end lg:gap-6 lg:pb-4" aria-labelledby="home-title">
460    <div>
461      <h1 id="home-title" class="max-w-xl text-[clamp(2.75rem,9vw,4.2rem)] font-black leading-[0.98] tracking-tight text-slate-950 min-[641px]:text-[42px] md:text-[clamp(2.6rem,5.4vw,3.1rem)] lg:text-[clamp(3.55rem,5vw,4.25rem)]">
462        Find the best<br>
463        gift card <span class="text-[#0066cc]">deals.</span>
464      </h1>
465      <p class="mt-3 max-w-[450px] text-base leading-7 text-slate-600 sm:text-lg min-[641px]:max-w-[330px] min-[641px]:text-base min-[641px]:leading-6 md:max-w-[450px] md:leading-7 lg:mt-4 lg:max-w-[520px] lg:text-xl lg:leading-8">
466        Compare discounts from top marketplaces and save on every gift card.
467      </p>
468    </div>
469
470    <div class="relative hidden min-w-0 justify-center overflow-visible min-[641px]:flex min-[641px]:items-center min-[641px]:justify-end md:items-end md:justify-end" aria-hidden="true">
471      <div class="absolute right-[8%] top-[12%] size-40 rounded-full bg-[#3155A6]/[0.05] blur-3xl"></div>
472      <picture class="relative block">
473        <source media="(min-width: 1024px)" srcset="/images/home/cardbear-hero.webp" type="image/webp">
474        <source media="(min-width: 1024px)" srcset="/images/home/cardbear-hero.png" type="image/png">
475        <source media="(min-width: 640px)" srcset="/images/home/cardbear-hero-640.webp" type="image/webp">
476        <source media="(min-width: 640px)" srcset="/images/home/cardbear-hero-640.png" type="image/png">
477        <img
478          src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
479          alt=""
480          width="640"
481          height="394"
482          decoding="async"
483          fetchpriority="high"
484          class="block h-auto w-[min(100%,340px)] max-w-none translate-y-[2%] drop-shadow-[0_18px_28px_rgb(15_23_42_/_8%)] md:w-[420px] md:translate-x-[1%] md:translate-y-[4px] lg:translate-x-[2%] lg:translate-y-[6%]"
485        >
486      </picture>
487    </div>
488  </section>
489
490  <section class="mt-1 md:hidden" aria-labelledby="drops-title">
491    <div class="mb-3">
492      <h2 id="drops-title" class="text-2xl font-bold tracking-tight text-slate-950 sm:text-3xl">Today&rsquo;s Biggest Drops</h2>
493      <p class="mt-1 text-sm font-medium text-slate-500">Largest discount increases in the last 24 hours</p>
494    </div>
495
496    <div class="cb-card overflow-hidden">
497      <div class="hidden grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] gap-4 border-b border-slate-200 bg-slate-50 px-5 py-3 text-xs font-semibold uppercase tracking-wider text-slate-500 md:grid">
498        <div>Gift Card</div>
499        <div class="text-center">Discount</div>
500        <div class="text-center">24-Hour Change</div>
501        <div class="text-center">7-Day Trend</div>
502        <div></div>
503      </div>
504
505                        <a href="https://www.cardbear.com/gift-card-discount/333/tim-hortons" class="grid min-h-[76px] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-2.5 border-b border-slate-100 px-3 py-2 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700 sm:min-h-0 sm:grid-cols-[5.25rem_minmax(0,1fr)_auto] sm:gap-3 sm:px-5 sm:py-3 md:grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] md:gap-4 md:py-4">
506            <span class="flex items-center gap-3 md:min-w-0">
507              <picture class="shrink-0">
508                                  <source srcset="https://www.cardbear.com/img/medium/TimHortons-gift-card.webp" type="image/webp">
509                                <img src="https://www.cardbear.com/img/medium/TimHortons-gift-card.png" alt="Tim Hortons gift card" width="96" height="60" loading="eager" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1 md:w-20">
510              </picture>
511              <span class="hidden min-w-0 md:block">
512                <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950 sm:block sm:truncate sm:font-bold md:text-lg">Tim Hortons</span>
513              </span>
514            </span>
515            <span class="min-w-0 sm:hidden">
516              <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950">Tim Hortons</span>
517            </span>
518            <span class="hidden min-w-0 sm:block md:hidden">
519              <span class="block truncate text-base font-bold text-slate-950">Tim Hortons</span>
520            </span>
521            <span class="text-right md:text-center">
522              <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D] sm:text-xl sm:font-bold sm:leading-normal">13% Off</span>
523                              <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500 md:hidden">Now in stock</span>
524                            <span class="hidden text-xs font-semibold text-slate-500 md:block">
525                Now in stock              </span>
526            </span>
527            <span class="hidden text-center md:block">
528              <span class="rounded-full bg-emerald-50 px-3 py-1 text-sm font-bold text-[#15803D]">+13 pts</span>
529            </span>
530            <span class="hidden justify-center md:flex">
531              <svg class="h-11 w-32 overflow-visible" viewBox="0 0 132 44" role="img" aria-label="Tim Hortons seven-day best discount trend from 0% to 13%."><polygon points="4,39 4,39 24.67,39 45.33,5 66,39 86.67,39 107.33,5 128,5 128,39" fill="#0072cf" opacity="0.10"></polygon><polyline points="4,39 24.67,39 45.33,5 66,39 86.67,39 107.33,5 128,5" fill="none" stroke="#0072cf" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></polyline><circle cx="128" cy="5" r="3" fill="#0072cf"></circle></svg>            </span>
532            <svg aria-hidden="true" class="hidden size-5 text-slate-400 md:block" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
533              <path d="m9 18 6-6-6-6"/>
534            </svg>
535          </a>
536                  <a href="https://www.cardbear.com/gift-card-discount/305/golf-galaxy" class="grid min-h-[76px] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-2.5 border-b border-slate-100 px-3 py-2 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700 sm:min-h-0 sm:grid-cols-[5.25rem_minmax(0,1fr)_auto] sm:gap-3 sm:px-5 sm:py-3 md:grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] md:gap-4 md:py-4">
537            <span class="flex items-center gap-3 md:min-w-0">
538              <picture class="shrink-0">
539                                  <source srcset="https://www.cardbear.com/img/medium/GolfGalaxy-gift-card.webp" type="image/webp">
540                                <img src="https://www.cardbear.com/img/medium/GolfGalaxy-gift-card.png" alt="Golf Galaxy gift card" width="96" height="60" loading="eager" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1 md:w-20">
541              </picture>
542              <span class="hidden min-w-0 md:block">
543                <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950 sm:block sm:truncate sm:font-bold md:text-lg">Golf Galaxy</span>
544              </span>
545            </span>
546            <span class="min-w-0 sm:hidden">
547              <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950">Golf Galaxy</span>
548            </span>
549            <span class="hidden min-w-0 sm:block md:hidden">
550              <span class="block truncate text-base font-bold text-slate-950">Golf Galaxy</span>
551            </span>
552            <span class="text-right md:text-center">
553              <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D] sm:text-xl sm:font-bold sm:leading-normal">12% Off</span>
554                              <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500 md:hidden">was 3.2%</span>
555                            <span class="hidden text-xs font-semibold text-slate-500 md:block">
556                was 3.2%              </span>
557            </span>
558            <span class="hidden text-center md:block">
559              <span class="rounded-full bg-emerald-50 px-3 py-1 text-sm font-bold text-[#15803D]">+8.8 pts</span>
560            </span>
561            <span class="hidden justify-center md:flex">
562              <svg class="h-11 w-32 overflow-visible" viewBox="0 0 132 44" role="img" aria-label="Golf Galaxy seven-day best discount trend from 2.9% to 4.2%."><polygon points="4,39 4,39 24.67,38.63 45.33,38.63 66,38.25 86.67,37.88 107.33,5 128,34.14 128,39" fill="#0072cf" opacity="0.10"></polygon><polyline points="4,39 24.67,38.63 45.33,38.63 66,38.25 86.67,37.88 107.33,5 128,34.14" fill="none" stroke="#0072cf" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></polyline><circle cx="128" cy="34.14" r="3" fill="#0072cf"></circle></svg>            </span>
563            <svg aria-hidden="true" class="hidden size-5 text-slate-400 md:block" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
564              <path d="m9 18 6-6-6-6"/>
565            </svg>
566          </a>
567                  <a href="https://www.cardbear.com/gift-card-discount/325/nfl-shop" class="grid min-h-[76px] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-2.5 border-b border-slate-100 px-3 py-2 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700 sm:min-h-0 sm:grid-cols-[5.25rem_minmax(0,1fr)_auto] sm:gap-3 sm:px-5 sm:py-3 md:grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] md:gap-4 md:py-4">
568            <span class="flex items-center gap-3 md:min-w-0">
569              <picture class="shrink-0">
570                                  <source srcset="https://www.cardbear.com/img/medium/NFLShop-gift-card.webp" type="image/webp">
571                                <img src="https://www.cardbear.com/img/medium/NFLShop-gift-card.png" alt="NFL Shop gift card" width="96" height="60" loading="eager" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1 md:w-20">
572              </picture>
573              <span class="hidden min-w-0 md:block">
574                <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950 sm:block sm:truncate sm:font-bold md:text-lg">NFL Shop</span>
575              </span>
576            </span>
577            <span class="min-w-0 sm:hidden">
578              <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950">NFL Shop</span>
579            </span>
580            <span class="hidden min-w-0 sm:block md:hidden">
581              <span class="block truncate text-base font-bold text-slate-950">NFL Shop</span>
582            </span>
583            <span class="text-right md:text-center">
584              <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D] sm:text-xl sm:font-bold sm:leading-normal">18% Off</span>
585                              <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500 md:hidden">was 10%</span>
586                            <span class="hidden text-xs font-semibold text-slate-500 md:block">
587                was 10%              </span>
588            </span>
589            <span class="hidden text-center md:block">
590              <span class="rounded-full bg-emerald-50 px-3 py-1 text-sm font-bold text-[#15803D]">+8 pts</span>
591            </span>
592            <span class="hidden justify-center md:flex">
593              <svg class="h-11 w-32 overflow-visible" viewBox="0 0 132 44" role="img" aria-label="NFL Shop seven-day best discount trend from 18% to 18%."><polygon points="4,39 4,5 24.67,5 45.33,5 66,5 86.67,39 107.33,5 128,5 128,39" fill="#0072cf" opacity="0.10"></polygon><polyline points="4,5 24.67,5 45.33,5 66,5 86.67,39 107.33,5 128,5" fill="none" stroke="#0072cf" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></polyline><circle cx="128" cy="5" r="3" fill="#0072cf"></circle></svg>            </span>
594            <svg aria-hidden="true" class="hidden size-5 text-slate-400 md:block" viewB
594ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
595              <path d="m9 18 6-6-6-6"/>
596            </svg>
597          </a>
598                  <a href="https://www.cardbear.com/gift-card-discount/281/four-seasons" class="grid min-h-[76px] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-2.5 border-b border-slate-100 px-3 py-2 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700 sm:min-h-0 sm:grid-cols-[5.25rem_minmax(0,1fr)_auto] sm:gap-3 sm:px-5 sm:py-3 md:grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] md:gap-4 md:py-4">
599            <span class="flex items-center gap-3 md:min-w-0">
600              <picture class="shrink-0">
601                                  <source srcset="https://www.cardbear.com/img/medium/FourSeasons-gift-card.webp" type="image/webp">
602                                <img src="https://www.cardbear.com/img/medium/FourSeasons-gift-card.png" alt="Four Seasons gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1 md:w-20">
603              </picture>
604              <span class="hidden min-w-0 md:block">
605                <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950 sm:block sm:truncate sm:font-bold md:text-lg">Four Seasons</span>
606              </span>
607            </span>
608            <span class="min-w-0 sm:hidden">
609              <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950">Four Seasons</span>
610            </span>
611            <span class="hidden min-w-0 sm:block md:hidden">
612              <span class="block truncate text-base font-bold text-slate-950">Four Seasons</span>
613            </span>
614            <span class="text-right md:text-center">
615              <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D] sm:text-xl sm:font-bold sm:leading-normal">8% Off</span>
616                              <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500 md:hidden">Now in stock</span>
617                            <span class="hidden text-xs font-semibold text-slate-500 md:block">
618                Now in stock              </span>
619            </span>
620            <span class="hidden text-center md:block">
621              <span class="rounded-full bg-emerald-50 px-3 py-1 text-sm font-bold text-[#15803D]">+8 pts</span>
622            </span>
623            <span class="hidden justify-center md:flex">
624              <svg class="h-11 w-32 overflow-visible" viewBox="0 0 132 44" role="img" aria-label="Four Seasons seven-day best discount trend from 8% to 8%."><polygon points="4,39 4,5 24.67,5 45.33,39 66,39 86.67,39 107.33,5 128,5 128,39" fill="#0072cf" opacity="0.10"></polygon><polyline points="4,5 24.67,5 45.33,39 66,39 86.67,39 107.33,5 128,5" fill="none" stroke="#0072cf" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></polyline><circle cx="128" cy="5" r="3" fill="#0072cf"></circle></svg>            </span>
625            <svg aria-hidden="true" class="hidden size-5 text-slate-400 md:block" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
626              <path d="m9 18 6-6-6-6"/>
627            </svg>
628          </a>
629                  <a href="https://www.cardbear.com/gift-card-discount/92/cole-haan" class="grid min-h-[76px] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-2.5 border-b border-slate-100 px-3 py-2 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700 sm:min-h-0 sm:grid-cols-[5.25rem_minmax(0,1fr)_auto] sm:gap-3 sm:px-5 sm:py-3 md:grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] md:gap-4 md:py-4">
630            <span class="flex items-center gap-3 md:min-w-0">
631              <picture class="shrink-0">
632                                  <source srcset="https://www.cardbear.com/img/medium/ColeHaan-gift-card.webp" type="image/webp">
633                                <img src="https://www.cardbear.com/img/medium/ColeHaan-gift-card.png" alt="Cole Haan gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1 md:w-20">
634              </picture>
635              <span class="hidden min-w-0 md:block">
636                <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950 sm:block sm:truncate sm:font-bold md:text-lg">Cole Haan</span>
637              </span>
638            </span>
639            <span class="min-w-0 sm:hidden">
640              <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950">Cole Haan</span>
641            </span>
642            <span class="hidden min-w-0 sm:block md:hidden">
643              <span class="block truncate text-base font-bold text-slate-950">Cole Haan</span>
644            </span>
645            <span class="text-right md:text-center">
646              <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D] sm:text-xl sm:font-bold sm:leading-normal">10.9% Off</span>
647                              <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500 md:hidden">was 5%</span>
648                            <span class="hidden text-xs font-semibold text-slate-500 md:block">
649                was 5%              </span>
650            </span>
651            <span class="hidden text-center md:block">
652              <span class="rounded-full bg-emerald-50 px-3 py-1 text-sm font-bold text-[#15803D]">+5.9 pts</span>
653            </span>
654            <span class="hidden justify-center md:flex">
655              <svg class="h-11 w-32 overflow-visible" viewBox="0 0 132 44" role="img" aria-label="Cole Haan seven-day best discount trend from 5% to 10.9%."><polygon points="4,39 4,39 24.67,39 45.33,39 66,39 86.67,39 107.33,5 128,5 128,39" fill="#0072cf" opacity="0.10"></polygon><polyline points="4,39 24.67,39 45.33,39 66,39 86.67,39 107.33,5 128,5" fill="none" stroke="#0072cf" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></polyline><circle cx="128" cy="5" r="3" fill="#0072cf"></circle></svg>            </span>
656            <svg aria-hidden="true" class="hidden size-5 text-slate-400 md:block" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
657              <path d="m9 18 6-6-6-6"/>
658            </svg>
659          </a>
660                  <a href="https://www.cardbear.com/gift-card-discount/33/dominos-pizza" class="grid min-h-[76px] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-2.5 border-b border-slate-100 px-3 py-2 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700 sm:min-h-0 sm:grid-cols-[5.25rem_minmax(0,1fr)_auto] sm:gap-3 sm:px-5 sm:py-3 md:grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] md:gap-4 md:py-4">
661            <span class="flex items-center gap-3 md:min-w-0">
662              <picture class="shrink-0">
663                                  <source srcset="https://www.cardbear.com/img/medium/DominosPizza-gift-card.webp" type="image/webp">
664                                <img src="https://www.cardbear.com/img/medium/DominosPizza-gift-card.png" alt="Domino&#039;s Pizza gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1 md:w-20">
665              </picture>
666              <span class="hidden min-w-0 md:block">
667                <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950 sm:block sm:truncate sm:font-bold md:text-lg">Domino&#039;s Pizza</span>
668              </span>
669            </span>
670            <span class="min-w-0 sm:hidden">
671              <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950">Domino&#039;s Pizza</span>
672            </span>
673            <span class="hidden min-w-0 sm:block md:hidden">
674              <span class="block truncate text-base font-bold text-slate-950">Domino&#039;s Pizza</span>
675            </span>
676            <span class="text-right md:text-center">
677              <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D] sm:text-xl sm:font-bold sm:leading-normal">18% Off</span>
678                              <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500 md:hidden">was 12.4%</span>
679                            <span class="hidden text-xs font-semibold text-slate-500 md:block">
680                was 12.4%              </span>
681            </span>
682            <span class="hidden text-center md:block">
683              <span class="rounded-full bg-emerald-50 px-3 py-1 text-sm font-bold text-[#15803D]">+5.6 pts</span>
684            </span>
685            <span class="hidden justify-center md:flex">
686              <svg class="h-11 w-32 overflow-visible" viewBox="0 0 132 44" role="img" aria-label="Domino&#039;s Pizza seven-day best discount trend from 17% to 18%."><polygon points="4,39 4,11.05 24.67,34.52 45.33,37.79 66,39 86.67,39 107.33,5 128,5 128,39" fill="#0072cf" opacity="0.10"></polygon><polyline points="4,11.05 24.67,34.52 45.33,37.79 66,39 86.67,39 107.33,5 128,5" fill="none" stroke="#0072cf" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></polyline><circle cx="128" cy="5" r="3" fill="#0072cf"></circle></svg>            </span>
687            <svg aria-hidden="true" class="hidden size-5 text-slate-400 md:block" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
688              <path d="m9 18 6-6-6-6"/>
689            </svg>
690          </a>
691                  <a href="https://www.cardbear.com/gift-card-discount/69/barnes-noble" class="grid min-h-[76px] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-2.5 border-b border-slate-100 px-3 py-2 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700 sm:min-h-0 sm:grid-cols-[5.25rem_minmax(0,1fr)_auto] sm:gap-3 sm:px-5 sm:py-3 md:grid-cols-[minmax(0,1.45fr)_.8fr_.85fr_.75fr_auto] md:gap-4 md:py-4">
692            <span class="flex items-center gap-3 md:min-w-0">
693              <picture class="shrink-0">
694                                  <source srcset="https://www.cardbear.com/img/medium/BarnesNoble-gift-card.webp" type="image/webp">
695                                <img src="https://www.cardbear.com/img/medium/BarnesNoble-gift-card.png" alt="Barnes &amp; Noble gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1 md:w-20">
696              </picture>
697              <span class="hidden min-w-0 md:block">
698                <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950 sm:block sm:truncate sm:font-bold md:text-lg">Barnes &amp; Noble</span>
699              </span>
700            </span>
701            <span class="min-w-0 sm:hidden">
702              <span class="line-clamp-2 text-base font-semibold leading-5 text-slate-950">Barnes &amp; Noble</span>
703            </span>
704            <span class="hidden min-w-0 sm:block md:hidden">
705              <span class="block truncate text-base font-bold text-slate-950">Barnes &amp; Noble</span>
706            </span>
707            <span class="text-right md:text-center">
708              <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D] sm:text-xl sm:font-bold sm:leading-normal">11% Off</span>
709                              <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500 md:hidden">was 5.8%</span>
710                            <span class="hidden text-xs font-semibold text-slate-500 md:block">
711                was 5.8%              </span>
712            </span>
713            <span class="hidden text-center md:block">
714              <span class="rounded-full bg-emerald-50 px-3 py-1 text-sm font-bold text-[#15803D]">+5.2 pts</span>
715            </span>
716            <span class="hidden justify-center md:flex">
717              <svg class="h-11 w-32 overflow-visible" viewBox="0 0 132 44" role="img" aria-label="Barnes &amp; Noble seven-day best discount trend from 10% to 11%."><polygon points="4,39 4,39 24.67,39 45.33,39 66,5 86.67,39 107.33,30.5 128,30.5 128,39" fill="#0072cf" opacity="0.10"></polygon><polyline points="4,39 24.67,39 45.33,39 66,5 86.67,39 107.33,30.5 128,30.5" fill="none" stroke="#0072cf" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></polyline><circle cx="128" cy="30.5" r="3" fill="#0072cf"></circle></svg>            </span>
718            <svg aria-hidden="true" class="hidden size-5 text-slate-400 md:block" viewB
718ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
719              <path d="m9 18 6-6-6-6"/>
720            </svg>
721          </a>
722                    <div class="border-t border-slate-100 px-4 py-0 text-right">
723        <a class="inline-flex min-h-9 items-center text-sm font-semibold text-[#0066cc] hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700" href="https://www.cardbear.com/gift-cards">View all price drops</a>
724      </div>
725    </div>
726  </section>
727
728  <section class="mt-8 md:hidden [content-visibility:auto]" aria-labelledby="popular-title">
729    <div class="mb-3">
730      <h2 id="popular-title" class="text-2xl font-bold tracking-tight text-slate-950 sm:text-3xl">Popular Gift Cards</h2>
731      <p class="mt-1 text-sm font-medium text-slate-500">Most viewed gift cards in the last 24 hours</p>
732    </div>
733
734    <div class="cb-card overflow-hidden">
735      <div class="grid grid-cols-[minmax(0,1fr)_auto] gap-4 border-b border-slate-200 bg-slate-50 px-4 py-3 text-xs font-semibold uppercase tracking-wider text-slate-500">
736        <div>Gift Card</div>
737        <div class="text-right">Discount</div>
738      </div>
739
740                        <a href="https://www.cardbear.com/gift-card-discount/4/walmart" class="grid min-h-[4.75rem] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-3 border-b border-slate-100 px-3 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
741            <picture class="shrink-0">
742                              <source srcset="https://www.cardbear.com/img/medium/Walmart-gift-card.webp" type="image/webp">
743                            <img src="https://www.cardbear.com/img/medium/Walmart-gift-card.png" alt="Walmart gift card" width="96" height="60" loading="eager" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
744            </picture>
745            <span class="line-clamp-2 min-w-0 text-[17px] font-semibold leading-5 text-slate-950">Walmart</span>
746            <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">1.1% Off</span>
747          </a>
748                  <a href="https://www.cardbear.com/gift-card-discount/31/target" class="grid min-h-[4.75rem] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-3 border-b border-slate-100 px-3 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
749            <picture class="shrink-0">
750                              <source srcset="https://www.cardbear.com/img/medium/Target-gift-card.webp" type="image/webp">
751                            <img src="https://www.cardbear.com/img/medium/Target-gift-card.png" alt="Target gift card" width="96" height="60" loading="eager" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
752            </picture>
753            <span class="line-clamp-2 min-w-0 text-[17px] font-semibold leading-5 text-slate-950">Target</span>
754            <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">8% Off</span>
755          </a>
756                  <a href="https://www.cardbear.com/gift-card-discount/12/best-buy" class="grid min-h-[4.75rem] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-3 border-b border-slate-100 px-3 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
757            <picture class="shrink-0">
758                              <source srcset="https://www.cardbear.com/img/medium/BestBuy-gift-card.webp" type="image/webp">
759                            <img src="https://www.cardbear.com/img/medium/BestBuy-gift-card.png" alt="Best Buy gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
760            </picture>
761            <span class="line-clamp-2 min-w-0 text-[17px] font-semibold leading-5 text-slate-950">Best Buy</span>
762            <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">10% Off</span>
763          </a>
764                  <a href="https://www.cardbear.com/gift-card-discount/2/home-depot" class="grid min-h-[4.75rem] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-3 border-b border-slate-100 px-3 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
765            <picture class="shrink-0">
766                              <source srcset="https://www.cardbear.com/img/medium/HomeDepot-gift-card.webp" type="image/webp">
767                            <img src="https://www.cardbear.com/img/medium/HomeDepot-gift-card.png" alt="Home Depot gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
768            </picture>
769            <span class="line-clamp-2 min-w-0 text-[17px] font-semibold leading-5 text-slate-950">Home Depot</span>
770            <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">8% Off</span>
771          </a>
772                  <a href="https://www.cardbear.com/gift-card-discount/109/petsmart" class="grid min-h-[4.75rem] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-3 border-b border-slate-100 px-3 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
773            <picture class="shrink-0">
774                              <source srcset="https://www.cardbear.com/img/medium/PetSmart-gift-card.webp" type="image/webp">
775                            <img src="https://www.cardbear.com/img/medium/PetSmart-gift-card.png" alt="PetSmart gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
776            </picture>
777            <span class="line-clamp-2 min-w-0 text-[17px] font-semibold leading-5 text-slate-950">PetSmart</span>
778            <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">11.5% Off</span>
779          </a>
780                  <a href="https://www.cardbear.com/gift-card-discount/5/apple-store" class="grid min-h-[4.75rem] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-3 border-b border-slate-100 px-3 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
781            <picture class="shrink-0">
782                              <source srcset="https://www.cardbear.com/img/medium/AppleStore-gift-card.webp" type="image/webp">
783                            <img src="https://www.cardbear.com/img/medium/AppleStore-gift-card.png" alt="Apple Store gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
784            </picture>
785            <span class="line-clamp-2 min-w-0 text-[17px] font-semibold leading-5 text-slate-950">Apple Store</span>
786            <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">9% Off</span>
787          </a>
788                  <a href="https://www.cardbear.com/gift-card-discount/111/amazon" class="grid min-h-[4.75rem] grid-cols-[5rem_minmax(0,1fr)_auto] items-center gap-3 border-b border-slate-100 px-3 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
789            <picture class="shrink-0">
790                              <source srcset="https://www.cardbear.com/img/medium/Amazon-gift-card.webp" type="image/webp">
791                            <img src="https://www.cardbear.com/img/medium/Amazon-gift-card.png" alt="Amazon gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
792            </picture>
793            <span class="line-clamp-2 min-w-0 text-[17px] font-semibold leading-5 text-slate-950">Amazon</span>
794            <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">1.8% Off</span>
795          </a>
796                    <div class="border-t border-slate-100 px-4 py-0 text-right">
797        <a class="inline-flex min-h-9 items-center text-sm font-semibold text-[#0066cc] hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700" href="https://www.cardbear.com/gift-cards">View all popular gift cards</a>
798      </div>
799    </div>
800  </section>
801
802  <div class="mt-4 hidden gap-5 md:grid md:grid-cols-2 lg:mt-1 lg:gap-6">
803    <section aria-labelledby="drops-panel-title">
804      <div class="mb-1 min-h-[4.5rem]">
805        <h2 id="drops-panel-title" class="text-[1.75rem] font-bold leading-tight tracking-tight text-slate-950 lg:text-3xl">Today&rsquo;s Biggest Drops</h2>
806        <p class="mt-1.5 text-sm font-medium text-slate-500">Largest recent discount increases in the last 24 hours</p>
807      </div>
808
809      <div class="cb-card overflow-hidden">
810        <div class="grid grid-cols-[minmax(0,1fr)_auto] gap-4 border-b border-slate-200 bg-slate-50 px-4 py-3 text-xs font-semibold uppercase tracking-wider text-slate-500">
811          <div>Gift Card</div>
812          <div class="text-right">Discount</div>
813        </div>
814
815                              <a href="https://www.cardbear.com/gift-card-discount/333/tim-hortons" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
816              <span class="flex min-w-0 items-center gap-3">
817                <picture class="shrink-0">
818                                      <source srcset="https://www.cardbear.com/img/medium/TimHortons-gift-card.webp" type="image/webp">
819                                    <img src="https://www.cardbear.com/img/medium/TimHortons-gift-card.png" alt="Tim Hortons gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
820                </picture>
821                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Tim Hortons</span>
822              </span>
823              <span class="text-right">
824                <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D]">13% Off</span>
825                <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500">
826                  Now in stock                </span>
827              </span>
828            </a>
829                      <a href="https://www.cardbear.com/gift-card-discount/305/golf-galaxy" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
830              <span class="flex min-w-0 items-center gap-3">
831                <picture class="shrink-0">
832                                      <source srcset="https://www.cardbear.com/img/medium/GolfGalaxy-gift-card.webp" type="image/webp">
833                                    <img src="https://www.cardbear.com/img/medium/GolfGalaxy-gift-card.png" alt="Golf Galaxy gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
834                </picture>
835                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Golf Galaxy</span>
836              </span>
837              <span class="text-right">
838                <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D]">12% Off</span>
839                <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500">
840                  was 3.2%                </span>
841              </span>
842            </a>
843                      <a href="https://www.cardbear.com/gift-card-discount/325/nfl-shop" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
844              <span class="flex min-w-0 items-center gap-3">
845                <picture class="shrink-0">
846                                      <source srcset="https://www.cardbear.com/img/medium/NFLShop-gift-card.webp" type="image/webp">
847                                    <img src="https://www.cardbear.com/img/medium/NFLShop-gift-card.png" alt="NFL Shop gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
848                </picture>
849                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">NFL Shop</span>
850              </span>
851              <span class="text-right">
852                <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D]">18% Off</span>
853                <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500">
854                  was 10%                </span>
855              </span>
856            </a>
857                      <a href="https://www.cardbear.com/gift-card-discount/281/four-seasons" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
858              <span class="flex min-w-0 items-center gap-3">
859                <picture class="shrink-0">
860                                      <source srcset="https://www.cardbear.com/img/medium/FourSeasons-gift-card.webp" type="image/webp">
861                                    <img src="https://www.cardbear.com/img/medium/FourSeasons-gift-card.png" alt="Four Seasons gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
862                </picture>
863                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Four Seasons</span>
864              </span>
865              <span class="text-right">
866                <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D]">8% Off</span>
867                <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500">
868                  Now in stock                </span>
869              </span>
870            </a>
871                      <a href="https://www.cardbear.com/gift-card-discount/92/cole-haan" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
872              <span class="flex min-w-0 items-center gap-3">
873                <picture class="shrink-0">
874                                      <source srcset="https://www.cardbear.com/img/medium/ColeHaan-gift-card.webp" type="image/webp">
875                                    <img src="https://www.cardbear.com/img/medium/ColeHaan-gift-card.png" alt="Cole Haan gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
876                </picture>
877                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Cole Haan</span>
878              </span>
879              <span class="text-right">
880                <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D]">10.9% Off</span>
881                <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500">
882                  was 5%                </span>
883              </span>
884            </a>
885                      <a href="https://www.cardbear.com/gift-card-discount/33/dominos-pizza" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
886              <span class="flex min-w-0 items-center gap-3">
887                <picture class="shrink-0">
888                                      <source srcset="https://www.cardbear.com/img/medium/DominosPizza-gift-card.webp" type="image/webp">
889                                    <img src="https://www.cardbear.com/img/medium/DominosPizza-gift-card.png" alt="Domino&#039;s Pizza gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
890                </picture>
891                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Domino&#039;s Pizza</span>
892              </span>
893              <span class="text-right">
894                <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D]">18% Off</span>
895                <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500">
896                  was 12.4%                </span>
897              </span>
898            </a>
899                      <a href="https://www.cardbear.com/gift-card-discount/69/barnes-noble" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
900              <span class="flex min-w-0 items-center gap-3">
901                <picture class="shrink-0">
902                                      <source srcset="https://www.cardbear.com/img/medium/BarnesNoble-gift-card.webp" type="image/webp">
903                                    <img src="https://www.cardbear.com/img/medium/BarnesNoble-gift-card.png" alt="Barnes &amp; Noble gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
904                </picture>
905                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Barnes &amp; Noble</span>
906              </span>
907              <span class="text-right">
908                <span class="block whitespace-nowrap text-2xl font-bold leading-none text-[#15803D]">11% Off</span>
909                <span class="mt-1 block whitespace-nowrap text-sm font-medium leading-4 text-slate-500">
910                  was 5.8%                </span>
911              </span>
912            </a>
913                          <div class="border-t border-slate-100 px-4 py-0 text-right">
914          <a class="inline-flex min-h-9 items-center text-base font-semibold text-[#0066cc] hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700" href="https://www.cardbear.com/gift-cards">View all price drops</a>
915        </div>
916      </div>
917    </section>
918
919    <section aria-labelledby="popular-panel-title">
920      <div class="mb-1 min-h-[4.5rem]">
921        <h2 id="popular-panel-title" class="text-[1.75rem] font-bold leading-tight tracking-tight text-slate-950 lg:text-3xl">Popular Gift Cards</h2>
922        <p class="mt-1.5 text-sm font-medium text-slate-500">Most viewed gift cards in the last 24 hours</p>
923      </div>
924
925      <div class="cb-card overflow-hidden">
926        <div class="grid grid-cols-[minmax(0,1fr)_auto] gap-4 border-b border-slate-200 bg-slate-50 px-4 py-3 text-xs font-semibold uppercase tracking-wider text-slate-500">
927          <div>Gift Card</div>
928          <div class="text-right">Discount</div>
929        </div>
930
931                              <a href="https://www.cardbear.com/gift-card-discount/4/walmart" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
932              <span class="flex min-w-0 items-center gap-3">
933                <picture class="shrink-0">
934                                      <source srcset="https://www.cardbear.com/img/medium/Walmart-gift-card.webp" type="image/webp">
935                                    <img src="https://www.cardbear.com/img/medium/Walmart-gift-card.png" alt="Walmart gift card" width="96" height="60" loading="eager" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
936                </picture>
937                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Walmart</span>
938              </span>
939              <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">1.1% Off</span>
940            </a>
941                      <a href="https://www.cardbear.com/gift-card-discount/31/target" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
942              <span class="flex min-w-0 items-center gap-3">
943                <picture class="shrink-0">
944                                      <source srcset="https://www.cardbear.com/img/medium/Target-gift-card.webp" type="image/webp">
945                                    <img src="https://www.cardbear.com/img/medium/Target-gift-card.png" alt="Target gift card" width="96" height="60" loading="eager" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
946                </picture>
947                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Target</span>
948              </span>
949              <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">8% Off</span>
950            </a>
951                      <a href="https://www.cardbear.com/gift-card-discount/12/best-buy" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
952              <span class="flex min-w-0 items-center gap-3">
953                <picture class="shrink-0">
954                                      <source srcset="https://www.cardbear.com/img/medium/BestBuy-gift-card.webp" type="image/webp">
955                                    <img src="https://www.cardbear.com/img/medium/BestBuy-gift-card.png" alt="Best Buy gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
956                </picture>
957                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Best Buy</span>
958              </span>
959              <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">10% Off</span>
960            </a>
961                      <a href="https://www.cardbear.com/gift-card-discount/2/home-depot" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
962              <span class="flex min-w-0 items-center gap-3">
963                <picture class="shrink-0">
964                                      <source srcset="https://www.cardbear.com/img/medium/HomeDepot-gift-card.webp" type="image/webp">
965                                    <img src="https://www.cardbear.com/img/medium/HomeDepot-gift-card.png" alt="Home Depot gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
966                </picture>
967                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Home Depot</span>
968              </span>
969              <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">8% Off</span>
970            </a>
971                      <a href="https://www.cardbear.com/gift-card-discount/109/petsmart" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
972              <span class="flex min-w-0 items-center gap-3">
973                <picture class="shrink-0">
974                                      <source srcset="https://www.cardbear.com/img/medium/PetSmart-gift-card.webp" type="image/webp">
975                                    <img src="https://www.cardbear.com/img/medium/PetSmart-gift-card.png" alt="PetSmart gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
976                </picture>
977                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">PetSmart</span>
978              </span>
979              <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">11.5% Off</span>
980            </a>
981                      <a href="https://www.cardbear.com/gift-card-discount/5/apple-store" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
982              <span class="flex min-w-0 items-center gap-3">
983                <picture class="shrink-0">
984                                      <source srcset="https://www.cardbear.com/img/medium/AppleStore-gift-card.webp" type="image/webp">
985                                    <img src="https://www.cardbear.com/img/medium/AppleStore-gift-card.png" alt="Apple Store gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
986                </picture>
987                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Apple Store</span>
988              </span>
989              <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">9% Off</span>
990            </a>
991                      <a href="https://www.cardbear.com/gift-card-discount/111/amazon" class="grid min-h-[4.75rem] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-slate-100 px-4 py-3 transition last:border-0 hover:bg-blue-50/60 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-700">
992              <span class="flex min-w-0 items-center gap-3">
993                <picture class="shrink-0">
994                                      <source srcset="https://www.cardbear.com/img/medium/Amazon-gift-card.webp" type="image/webp">
995                                    <img src="https://www.cardbear.com/img/medium/Amazon-gift-card.png" alt="Amazon gift card" width="96" height="60" loading="lazy" decoding="async" class="aspect-[8/5] w-20 rounded-xl bg-slate-50 object-contain p-1">
996                </picture>
997                <span class="line-clamp-2 min-w-0 text-lg font-semibold leading-6 text-slate-950">Amazon</span>
998              </span>
999              <span class="whitespace-nowrap text-right text-2xl font-bold leading-none text-[#0072cf]">1.8% Off</span>
1000            </a>
1001                          <div class="border-t border-slate-100 px-4 py-0 text-right">
1002          <a class="inline-flex min-h-9 items-center text-base font-semibold text-[#0066cc] hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700" href="https://www.cardbear.com/gift-cards">View all popular gift cards</a>
1003        </div>
1004      </div>
1005    </section>
1006  </div>
1007
1008  <div class="cb-ad-slot mt-8" aria-label="Advertisement">
1009    <ins class="adsbygoogle block min-h-[90px]" style="display:block" data-ad-client="ca-pub-5953943608699958" data-ad-slot="3106770425" data-ad-format="auto" data-full-width-responsive="true"></ins>
1010    
1010<script type="19849afdb7dc0e1d67156809-text/javascript">
1011      (adsbygoogle = window.adsbygoogle || []).push({});
1012    </script>
1012
1013  </div>
1014
1015  <section class="mt-8 md:mt-6 [content-visibility:auto]" aria-labelledby="discounts-title">
1016    <div class="mb-3">
1017      <h2 id="discounts-title" class="text-2xl font-bold tracking-tight text-slate-950 sm:text-3xl">Biggest Discounts Right Now</h2>
1018      <p class="mt-1 text-sm font-medium text-slate-500">Highest discounts available right now</p>
1019    </div>
1020
1021    <div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
1022              <a href="https://www.cardbear.com/gift-card-discount/82/best-western" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1023          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1024            <picture>
1025                              <source srcset="https://www.cardbear.com/img/medium/BestWestern-gift-card.webp" type="image/webp">
1026                            <img src="https://www.cardbear.com/img/medium/BestWestern-gift-card.png" alt="Best Western gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1027            </picture>
1028          </div>
1029          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1030            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">38.3% <span class="text-base font-bold sm:text-lg">Off</span></div>
1031            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Best Western</div>
1032          </div>
1033        </a>
1034              <a href="https://www.cardbear.com/gift-card-discount/199/lucky-brand" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1035          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1036            <picture>
1037                              <source srcset="https://www.cardbear.com/img/medium/LuckyBrand-gift-card.webp" type="image/webp">
1038                            <img src="https://www.cardbear.com/img/medium/LuckyBrand-gift-card.png" alt="Lucky Brand gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1039            </picture>
1040          </div>
1041          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1042            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">34.3% <span class="text-base font-bold sm:text-lg">Off</span></div>
1043            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Lucky Brand</div>
1044          </div>
1045        </a>
1046              <a href="https://www.cardbear.com/gift-card-discount/50/steak-n-shake" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1047          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1048            <picture>
1049                              <source srcset="https://www.cardbear.com/img/medium/SteakNShake-gift-card.webp" type="image/webp">
1050                            <img src="https://www.cardbear.com/img/medium/SteakNShake-gift-card.png" alt="Steak N Shake gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1051            </picture>
1052          </div>
1053          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1054            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">31.8% <span class="text-base font-bold sm:text-lg">Off</span></div>
1055            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Steak N Shake</div>
1056          </div>
1057        </a>
1058              <a href="https://www.cardbear.com/gift-card-discount/433/amf-bowling" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1059          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1060            <picture>
1061                              <source srcset="https://www.cardbear.com/img/medium/AMFBowling-gift-card.webp" type="image/webp">
1062                            <img src="https://www.cardbear.com/img/medium/AMFBowling-gift-card.png" alt="AMF Bowling gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1063            </picture>
1064          </div>
1065          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1066            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">31.1% <span class="text-base font-bold sm:text-lg">Off</span></div>
1067            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">AMF Bowling</div>
1068          </div>
1069        </a>
1070              <a href="https://www.cardbear.com/gift-card-discount/831/bowlmor-lanes" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1071          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1072            <picture>
1073                              <source srcset="https://www.cardbear.com/img/medium/BowlmorLanes-gift-card.webp" type="image/webp">
1074                            <img src="https://www.cardbear.com/img/medium/BowlmorLanes-gift-card.png" alt="Bowlmor Lanes gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1075            </picture>
1076          </div>
1077          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1078            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">31.1% <span class="text-base font-bold sm:text-lg">Off</span></div>
1079            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Bowlmor Lanes</div>
1080          </div>
1081        </a>
1082              <a href="https://www.cardbear.com/gift-card-discount/832/bowlero" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1083          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1084            <picture>
1085                              <source srcset="https://www.cardbear.com/img/medium/Bowlero-gift-card.webp" type="image/webp">
1086                            <img src="https://www.cardbear.com/img/medium/Bowlero-gift-card.png" alt="Bowlero gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1087            </picture>
1088          </div>
1089          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1090            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">31.1% <span class="text-base font-bold sm:text-lg">Off</span></div>
1091            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Bowlero</div>
1092          </div>
1093        </a>
1094              <a href="https://www.cardbear.com/gift-card-discount/245/claim-jumper" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1095          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1096            <picture>
1097                              <source srcset="https://www.cardbear.com/img/medium/ClaimJumper-gift-card.webp" type="image/webp">
1098                            <img src="https://www.cardbear.com/img/medium/ClaimJumper-gift-card.png" alt="Claim Jumper gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1099            </picture>
1100          </div>
1101          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1102            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">31% <span class="text-base font-bold sm:text-lg">Off</span></div>
1103            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Claim Jumper</div>
1104          </div>
1105        </a>
1106              <a href="https://www.cardbear.com/gift-card-discount/555/blaze-pizza" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1107          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1108            <picture>
1109                              <source srcset="https://www.cardbear.com/img/medium/BlazePizza-gift-card.webp" type="image/webp">
1110                            <img src="https://www.cardbear.com/img/medium/BlazePizza-gift-card.png" alt="Blaze Pizza gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1111            </picture>
1112          </div>
1113          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1114            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">30.9% <span class="text-base font-bold sm:text-lg">Off</span></div>
1115            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Blaze Pizza</div>
1116          </div>
1117        </a>
1118              <a href="https://www.cardbear.com/gift-card-discount/175/boston-market" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1119          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1120            <picture>
1121                              <source srcset="https://www.cardbear.com/img/medium/BostonMarket-gift-card.webp" type="image/webp">
1122                            <img src="https://www.cardbear.com/img/medium/BostonMarket-gift-card.png" alt="Boston Market gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1123            </picture>
1124          </div>
1125          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1126            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">50% <span class="text-base font-bold sm:text-lg">Off</span></div>
1127            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Boston Market</div>
1128          </div>
1129        </a>
1130              <a href="https://www.cardbear.com/gift-card-discount/192/macaroni-grill" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1131          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1132            <picture>
1133                              <source srcset="https://www.cardbear.com/img/medium/MacaroniGrill-gift-card.webp" type="image/webp">
1134                            <img src="https://www.cardbear.com/img/medium/MacaroniGrill-gift-card.png" alt="Macaroni Grill gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1135            </picture>
1136          </div>
1137          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1138            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">35% <span class="text-base font-bold sm:text-lg">Off</span></div>
1139            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">
1139Macaroni Grill</div>
1140          </div>
1141        </a>
1142              <a href="https://www.cardbear.com/gift-card-discount/246/smashburger" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1143          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1144            <picture>
1145                              <source srcset="https://www.cardbear.com/img/medium/Smashburger-gift-card.webp" type="image/webp">
1146                            <img src="https://www.cardbear.com/img/medium/Smashburger-gift-card.png" alt="Smashburger gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1147            </picture>
1148          </div>
1149          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1150            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">33% <span class="text-base font-bold sm:text-lg">Off</span></div>
1151            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Smashburger</div>
1152          </div>
1153        </a>
1154              <a href="https://www.cardbear.com/gift-card-discount/287/hard-rock-cafe" class="cb-card flex min-h-[13rem] flex-col overflow-hidden p-0 transition hover:border-blue-200 hover:shadow-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 sm:block sm:min-h-0 sm:p-4">
1155          <div class="bg-[#fbfefd] p-3 sm:bg-transparent sm:p-0">
1156            <picture>
1157                              <source srcset="https://www.cardbear.com/img/medium/HardRockCafe-gift-card.webp" type="image/webp">
1158                            <img src="https://www.cardbear.com/img/medium/HardRockCafe-gift-card.png" alt="Hard Rock Cafe gift card" width="240" height="150" loading="lazy" decoding="async" class="aspect-[8/5] w-full rounded-xl bg-slate-50 object-contain p-1">
1159            </picture>
1160          </div>
1161          <div class="flex flex-1 flex-col px-5 sm:block sm:p-0 sm:pt-4">
1162            <div class="order-1 text-2xl font-bold leading-none tracking-tight text-[#ee3258] sm:order-2 sm:mt-4 sm:text-2xl">34.1% <span class="text-base font-bold sm:text-lg">Off</span></div>
1163            <div class="order-2 mt-3 line-clamp-2 min-h-10 text-base font-semibold leading-5 text-slate-950 sm:order-1 sm:mt-0 sm:font-bold">Hard Rock Cafe</div>
1164          </div>
1165        </a>
1166          </div>
1167
1168  </section>
1169
1170  <div class="mt-8 border-t border-slate-200 pt-6 text-center">
1171    <a href="https://www.cardbear.com/gift-cards" class="group inline-flex items-center text-base font-semibold text-[#0066cc] transition hover:text-blue-800 focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-700 sm:text-lg">
1172      <span>Browse All Gift Cards</span>
1173    </a>
1174  </div>
1175
1176</main>
1177
1178<footer class="mt-12 border-t border-slate-200 bg-white">
1179  <div class="mx-auto w-full max-w-[1440px] px-4 py-7 sm:px-6 md:py-8 lg:px-8">
1180    <section class="flex justify-start" aria-label="About CardBear">
1181      <img
1182        src="https://www.cardbear.com/images/cardbear-logo-horizontal.png"
1183        alt="CardBear"
1184        width="260"
1185        height="72"
1186        loading="lazy"
1187        decoding="async"
1188        class="h-auto w-[170px]"
1189      >
1190    </section>
1191
1192    <nav class="mx-auto mt-6 grid max-w-xl grid-cols-3 gap-x-6 text-left sm:gap-x-8 md:max-w-2xl" aria-label="Footer">
1193              <div>
1194          <h2 class="text-base font-bold tracking-wide text-black">
1195            Explore          </h2>
1196          <ul class="mt-3 space-y-2.5 text-sm">
1197                          <li>
1198                <a
1199                  class="font-medium text-slate-700 transition hover:text-blue-800 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700"
1200                  href="https://www.cardbear.com/gift-cards"
1201                                  >
1202                  All Gift Cards                </a>
1203              </li>
1204                          <li>
1205                <a
1206                  class="font-medium text-slate-700 transition hover:text-blue-800 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700"
1207                  href="https://chromewebstore.google.com/detail/cardbear-compare-discount/amdhblopjkbjllnbbfboceeamjgpiekh"
1208                                      target="_blank"
1209                    rel="noopener noreferrer"
1210                                  >
1211                  Chrome Extension                </a>
1212              </li>
1213                      </ul>
1214        </div>
1215              <div>
1216          <h2 class="text-base font-bold tracking-wide text-black">
1217            Company          </h2>
1218          <ul class="mt-3 space-y-2.5 text-sm">
1219                          <li>
1220                <a
1221                  class="font-medium text-slate-700 transition hover:text-blue-800 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700"
1222                  href="https://www.cardbear.com/contact"
1223                                  >
1224                  Contact                </a>
1225              </li>
1226                          <li>
1227                <a
1228                  class="font-medium text-slate-700 transition hover:text-blue-800 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700"
1229                  href="https://www.cardbear.com/about"
1230                                  >
1231                  About                </a>
1232              </li>
1233                      </ul>
1234        </div>
1235              <div>
1236          <h2 class="text-base font-bold tracking-wide text-black">
1237            Legal          </h2>
1238          <ul class="mt-3 space-y-2.5 text-sm">
1239                          <li>
1240                <a
1241                  class="font-medium text-slate-700 transition hover:text-blue-800 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700"
1242                  href="https://www.cardbear.com/privacy"
1243                                  >
1244                  Privacy                </a>
1245              </li>
1246                          <li>
1247                <a
1248                  class="font-medium text-slate-700 transition hover:text-blue-800 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700"
1249                  href="https://www.cardbear.com/terms"
1250                                  >
1251                  Terms                </a>
1252              </li>
1253                          <li>
1254                <a
1255                  class="font-medium text-slate-700 transition hover:text-blue-800 hover:underline focus-visible:rounded focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700"
1256                  href="https://www.cardbear.com/disclosure"
1257                                  >
1258                  Disclosure                </a>
1259              </li>
1260                      </ul>
1261        </div>
1262          </nav>
1263
1264    <p class="mt-7 border-t border-slate-200 text-center text-xs leading-5 text-slate-500">
1265      © 2026 CardBear.com. All rights reserved.
1266    </p>
1267  </div>
1268</footer>
1269<script src="/js/store2.js?v=1785221473" defer type="19849afdb7dc0e1d67156809-text/javascript"></script>
vendor: 143 bytes, lines 1269-1270
1269
1270<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="19849afdb7dc0e1d67156809-|49" defer></script>
1270</body>
1271</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.