PageSourceSearch

https://barkeepersfriend.com/

html barkeepersfriend.com collected 2026-10-02 06:41:48 UTC 436,904 bytes, 9,761 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    <!-- Google Tag Manager -->
8    
8<script>
vendor: 343 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
9    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12    })(window,document,'script','dataLayer','
12GTM-NHN88RHR
vendor: 3 bytes, line 12
12');
12</script>
12
13    <!-- End Google Tag Manager --><link
14        rel="icon"
15        type="image/png"
16        href="//barkeepersfriend.com/cdn/shop/files/fav.png?crop=center&height=32&v=1775769684&width=32"
17      >
vendor: 73 bytes, lines 17-19
17
18    
19    <script async src="https://www.googletagmanager.com/gtag/js?id=
19G-1QD7Z8RF3N
vendor: 21 bytes, lines 19-21
19"></script>
20    
21    
21<script>
22      
vendor: 146 bytes, lines 22-26
22window.dataLayer = window.dataLayer || [];
23      function gtag(){dataLayer.push(arguments);}
24      gtag('js', new Date());
25
26      gtag('config', '
26G-1QD7Z8RF3N
vendor: 8 bytes, lines 26-27
26');
27    
27</script>
27
28
29    
30    
31<meta charset="utf-8">
32<meta
33  http-equiv="X-UA-Compatible"
34  content="IE=edge"
35>
36<meta
37  name="viewport"
38  content="width=device-width,initial-scale=1"
39>
40<meta
41  name="view-transition"
42  content="same-origin"
43>
44<meta
45  name="theme-color"
46  content=""
47>
48
49<meta
50  property="og:site_name"
51  content="Bar Keeper&#39;s Friend"
52>
53<meta
54  property="og:url"
55  content="https://barkeepersfriend.com/"
56>
57<meta
58  property="og:title"
59  content="Household Cleaners &amp; Products to Restore Shine | Bar Keeper&#39;s Friend"
60>
61<meta
62  property="og:type"
63  content="website"
64>
65<meta
66  property="og:description"
67  content="Bar Keeper&#39;s Friend household cleaners restore shine on stainless steel, porcelain, tile, ceramic, glass, copper, brass, and more. From kitchen to bathroom, our cleaning products cut through tough stains, rust, and tarnish. Shop the best household cleaning supplies for your home."
68><meta
69    property="og:image"
70    content="http://barkeepersfriend.com/cdn/shop/files/og_2.png?v=1775179158"
71  >
72  <meta
73    property="og:image:secure_url"
74    content="https://barkeepersfriend.com/cdn/shop/files/og_2.png?v=1775179158"
75  >
76  <meta
77    property="og:image:width"
78    content="1200"
79  >
80  <meta
81    property="og:image:height"
82    content="628"
83  ><meta
84  name="twitter:card"
85  content="summary_large_image"
86>
87<meta
88  name="twitter:title"
89  content="Household Cleaners &amp; Products to Restore Shine | Bar Keeper&#39;s Friend"
90>
91<meta
92  name="twitter:description"
93  content="Bar Keeper&#39;s Friend household cleaners restore shine on stainless steel, porcelain, tile, ceramic, glass, copper, brass, and more. From kitchen to bathroom, our cleaning products cut through tough stains, rust, and tarnish. Shop the best household cleaning supplies for your home."
94>
95
96<title>
97  Household Cleaners &amp; Products to Restore Shine | Bar Keeper&#39;s Friend
98</title>
99
100<link
101  rel="canonical"
102  href="https://barkeepersfriend.com/"
103>
104
105
106  <meta
107    name="description"
108    content="Bar Keeper&#39;s Friend household cleaners restore shine on stainless steel, porcelain, tile, ceramic, glass, copper, brass, and more. From kitchen to bathroom, our cleaning products cut through tough stains, rust, and tarnish. Shop the best household cleaning supplies for your home."
109  >
110
111<link href="//barkeepersfriend.com/cdn/shop/t/11/assets/fonts.css?v=38926938273509173411788191370" rel="stylesheet" type="text/css" media="all" />
112<link href="//barkeepersfriend.com/cdn/shop/t/11/assets/overflow-list.css?v=13500019909476584571788191370" as="style" rel="preload">
113<link href="//barkeepersfriend.com/cdn/shop/t/11/assets/base.css?v=10936144444334047091788191370" rel="stylesheet" type="text/css" media="all" />
114<link rel="stylesheet" href="//barkeepersfriend.com/cdn/shop/t/11/assets/bkf-tailwind.css?v=22790766980676295131788191370">
115    <link rel="stylesheet" href="//barkeepersfriend.com/cdn/shop/t/11/assets/bkf-design-system.css?v=176250604869350648291788191370">
116
117
118
119  <link href="//barkeepersfriend.com/cdn/shop/t/11/assets/GuardianSansText-Regular-Web.woff2?v=142059521547804320911788191370" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
120  <link href="//barkeepersfriend.com/cdn/shop/t/11/assets/GuardianSansText-Bold-Web.woff2?v=184016482746584374091788191370" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
121  <link href="//barkeepersfriend.com/cdn/shop/t/11/assets/GuardianSansHeadlineXCondensed-Bold-Web.woff2?v=126609535539407080361788191370" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
122
123
124
125  <link href="//barkeepersfriend.com/cdn/shop/t/11/assets/KeeperScript-Regular.otf?v=97149261518681476631788191370" as="font" type="font/otf" crossorigin="anonymous" rel="preload">
126
127
128
129
130<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 130
130
131<script type="importmap">
132  {
133    "imports": {
134      "@theme/overflow-list": "//barkeepersfriend.com/cdn/shop/t/11/assets/overflow-list.js?v=46858356770684902511788191370",
135      "@theme/product-title": "//barkeepersfriend.com/cdn/shop/t/11/assets/product-title-truncation.js?v=81744426891537421781788191370",
136      "@theme/component": "//barkeepersfriend.com/cdn/shop/t/11/assets/component.js?v=184240237101443119871788191370",
137      "@theme/dialog": "//barkeepersfriend.com/cdn/shop/t/11/assets/dialog.js?v=150888536568694194021788191370",
138      "@theme/events": "//barkeepersfriend.com/cdn/shop/t/11/assets/events.js?v=1118589085892804011788191370",
139      "@theme/focus": "//barkeepersfriend.com/cdn/shop/t/11/assets/focus.js?v=60436577539430446401788191370",
140      "@theme/morph": "//barkeepersfriend.com/cdn/shop/t/11/assets/morph.js?v=102085577784545683451788191370",
141      "@theme/paginated-list": "//barkeepersfriend.com/cdn/shop/t/11/assets/paginated-list.js?v=95298315036233333871788191370",
142      "@theme/performance": "//barkeepersfriend.com/cdn/shop/t/11/assets/performance.js?v=171015751390534793081788191370",
143      "@theme/product-form": "//barkeepersfriend.com/cdn/shop/t/11/assets/product-form.js?v=66234160202353565781788191370",
144      "@theme/recently-viewed-products": "//barkeepersfriend.com/cdn/shop/t/11/assets/recently-viewed-products.js?v=94729125001750262651788191370",
145      "@theme/scrolling": "//barkeepersfriend.com/cdn/shop/t/11/assets/scrolling.js?v=162288454571026455011788191370",
146      "@theme/section-renderer": "//barkeepersfriend.com/cdn/shop/t/11/assets/section-renderer.js?v=152586934315572818121788191370",
147      "@theme/section-hydration": "//barkeepersfriend.com/cdn/shop/t/11/assets/section-hydration.js?v=108434990705342316311788191370",
148      "@theme/money-formatting": "//barkeepersfriend.com/cdn/shop/t/11/assets/money-formatting.js?v=182191346160333327151788191370",
149      "@theme/utilities": "//barkeepersfriend.com/cdn/shop/t/11/assets/utilities.js?v=28506172887375975941788191370",
150      "@theme/variant-picker": "//barkeepersfriend.com/cdn/shop/t/11/assets/variant-picker.js?v=177886063604495755331788191370",
151      "@theme/media-gallery": "//barkeepersfriend.com/cdn/shop/t/11/assets/media-gallery.js?v=14624021005636302161788191370",
152      "@theme/quick-add": "//barkeepersfriend.com/cdn/shop/t/11/assets/quick-add.js?v=8173316780029216301788191370",
153      "@theme/paginated-list-aspect-ratio": "//barkeepersfriend.com/cdn/shop/t/11/assets/paginated-list-aspect-ratio.js?v=25254270272143792451788191370",
154      "@theme/popover-polyfill": "//barkeepersfriend.com/cdn/shop/t/11/assets/popover-polyfill.js?v=119029313658895111201788191370",
155      "@theme/component-quantity-selector": "//barkeepersfriend.com/cdn/shop/t/11/assets/component-quantity-selector.js?v=67906657287482036641788191370",
156      "@theme/comparison-slider": "//barkeepersfriend.com/cdn/shop/t/11/assets/comparison-slider.js?v=106705562947035711941788191370",
157      "@theme/sticky-add-to-cart": "//barkeepersfriend.com/cdn/shop/t/11/assets/sticky-add-to-cart.js?v=48956925339276737091788191370",
158      "@theme/fly-to-cart": "//barkeepersfriend.com/cdn/shop/t/11/assets/fly-to-cart.js?v=48483246440248933081788191370"
159    }
160  }
161</script>
161
162
163<script
164  src="//barkeepersfriend.com/cdn/shop/t/11/assets/form-submission-loading.js?v=57678200847219865231788191370"
165  defer
166></script>
vendor: 1 bytes, line 166
166
167<script
168  src="//barkeepersfriend.com/cdn/shop/t/11/assets/view-transitions.js?v=7106414069516106341788191370"
169  async
170  
171></script>
171
172
173<link
174  rel="modulepreload"
175  href="//barkeepersfriend.com/cdn/shop/t/11/assets/utilities.js?v=28506172887375975941788191370"
176  fetchpriority="low"
177>
178<link
179  rel="modulepreload"
180  href="//barkeepersfriend.com/cdn/shop/t/11/assets/component.js?v=184240237101443119871788191370"
181  fetchpriority="low"
182>
183<link
184  rel="modulepreload"
185  href="//barkeepersfriend.com/cdn/shop/t/11/assets/section-renderer.js?v=152586934315572818121788191370"
186  fetchpriority="low"
187>
188<link
189  rel="modulepreload"
190  href="//barkeepersfriend.com/cdn/shop/t/11/assets/section-hydration.js?v=108434990705342316311788191370"
191  fetchpriority="low"
192>
193<link
194  rel="modulepreload"
195  href="//barkeepersfriend.com/cdn/shop/t/11/assets/morph.js?v=102085577784545683451788191370"
196  fetchpriority="low"
197>
198
199
200
201<link
202  rel="modulepreload"
203  href="//barkeepersfriend.com/cdn/shop/t/11/assets/focus.js?v=60436577539430446401788191370"
204  fetchpriority="low"
205>
206<link
207  rel="modulepreload"
208  href="//barkeepersfriend.com/cdn/shop/t/11/assets/recently-viewed-products.js?v=94729125001750262651788191370"
209  fetchpriority="low"
210>
211<link
212  rel="modulepreload"
213  href="//barkeepersfriend.com/cdn/shop/t/11/assets/scrolling.js?v=162288454571026455011788191370"
214  fetchpriority="low"
215>
216<link
217  rel="modulepreload"
218  href="//barkeepersfriend.com/cdn/shop/t/11/assets/events.js?v=1118589085892804011788191370"
219  fetchpriority="low"
220>
221<script
222  src="//barkeepersfriend.com/cdn/shop/t/11/assets/popover-polyfill.js?v=119029313658895111201788191370"
223  type="module"
224  fetchpriority="low"
225></script>
vendor: 1 bytes, line 225
225
226<script
227  src="//barkeepersfriend.com/cdn/shop/t/11/assets/overflow-list.js?v=46858356770684902511788191370"
228  type="module"
229  fetchpriority="low"
230></script>
230
231
232
233
234<script
235  src="//barkeepersfriend.com/cdn/shop/t/11/assets/dialog.js?v=150888536568694194021788191370"
236  type="module"
237  fetchpriority="low"
238></script>
vendor: 1 bytes, line 238
238
239<script
240  src="//barkeepersfriend.com/cdn/shop/t/11/assets/variant-picker.js?v=177886063604495755331788191370"
241  type="module"
242  fetchpriority="low"
243></script>
vendor: 1 bytes, line 243
243
244<script
245  src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-card.js?v=28695665944407642501788191370"
246  type="module"
247  fetchpriority="low"
248></script>
248
249
250<script
251  src="//barkeepersfriend.com/cdn/shop/t/11/assets/accordion-custom.js?v=97588419883090888471788191370"
252  type="module"
253  fetchpriority="low"
254></script>
vendor: 1 bytes, line 254
254
255<script
256  src="//barkeepersfriend.com/cdn/shop/t/11/assets/media.js?v=37825095869491791421788191370"
257  type="module"
258  fetchpriority="low"
259></script>
vendor: 1 bytes, line 259
259
260<script
261  src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-price.js?v=164492227269745550161788191370"
262  type="module"
263  fetchpriority="low"
264></script>
vendor: 1 bytes, line 264
264
265<script
266  src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-sku.js?v=121804655373531320511788191370"
267  type="module"
268  fetchpriority="low"
269></script>
vendor: 1 bytes, line 269
269
270<script
271  src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-title-truncation.js?v=81744426891537421781788191370"
272  type="module"
273  fetchpriority="low"
274></script>
vendor: 1 bytes, line 274
274
275<script
276  src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-inventory.js?v=81520546963552472391788191370"
277  type="module"
278  fetchpriority="low"
279></script>
vendor: 1 bytes, line 279
279
280<script
281  src="//barkeepersfriend.com/cdn/shop/t/11/assets/show-more.js?v=94563802205717136101788191370"
282  type="module"
283  fetchpriority="low"
284></script>
vendor: 1 bytes, line 284
284
285<script
286  src="//barkeepersfriend.com/cdn/shop/t/11/assets/slideshow.js?v=17868446697736367161788191370"
287  type="module"
288  fetchpriority="low"
289></script>
vendor: 1 bytes, line 289
289
290<script
291  src="//barkeepersfriend.com/cdn/shop/t/11/assets/layered-slideshow.js?v=30135417790894624731788191370"
292  type="module"
293  fetchpriority="low"
294></script>
vendor: 1 bytes, line 294
294
295<script
296  src="//barkeepersfriend.com/cdn/shop/t/11/assets/anchored-popover.js?v=95953304814728754461788191370"
297  type="module"
298  fetchpriority="low"
299></script>
vendor: 1 bytes, line 299
299
300<script
301  src="//barkeepersfriend.com/cdn/shop/t/11/assets/floating-panel.js?v=151277338116891310371788191370"
302  type="module"
303  fetchpriority="low"
304></script>
vendor: 1 bytes, line 304
304
305<script
306  src="//barkeepersfriend.com/cdn/shop/t/11/assets/video-background.js?v=45597507973586445031788191370"
307  type="module"
308  fetchpriority="low"
309></script>
309
310
311<script
312  src="//barkeepersfriend.com/cdn/shop/t/11/assets/media-gallery.js?v=14624021005636302161788191370"
313  type="module"
314  fetchpriority="low"
315></script>
vendor: 1 bytes, line 315
315
316<script
317  src="//barkeepersfriend.com/cdn/shop/t/11/assets/rte-formatter.js?v=40306132146590816021788191370"
318  type="module"
319  fetchpriority="low"
320></script>
320
321
322
323
324
325
326
327<script
328  src="//barkeepersfriend.com/cdn/shop/t/11/assets/auto-close-details.js?v=58350291535404441581788191370"
329  defer="defer"
330></script>
330
331
332<script>
333  const Theme = {
334    translations: {
335      placeholder_image: `Placeholder image`,
336      
337    },
338    routes: {
339      
340      predictive_search_url: '/search/suggest',
341      search_url: '/search',
342    },
343    template: {
344      name: 'index',
345    },
346  };
347</script>
347
348<style data-shopify>
349@font-face {
350  font-family: "Work Sans";
351  font-weight: 400;
352  font-style: normal;
353  font-display: swap;
354  src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"),
355       url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff");
356}
357@font-face {
358  font-family: "Work Sans";
359  font-weight: 700;
360  font-style: normal;
361  font-display: swap;
362  src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"),
363       url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff");
364}
365@font-face {
366  font-family: "Work Sans";
367  font-weight: 400;
368  font-style: italic;
369  font-display: swap;
370  src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"),
371       url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff");
372}
373@font-face {
374  font-family: "Work Sans";
375  font-weight: 700;
376  font-style: italic;
377  font-display: swap;
378  src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"),
379       url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff");
380}
381@font-face {
382  font-family: "Work Sans";
383  font-weight: 500;
384  font-style: normal;
385  font-display: swap;
386  src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"),
387       url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff");
388}
389@font-face {
390  font-family: "Work Sans";
391  font-weight: 500;
392  font-style: italic;
393  font-display: swap;
394  src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i5.0097f7572bdd2a30d202a52c1764d831015aa312.woff2") format("woff2"),
395       url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i5.a4fa6fa0f90748be4cee382c79d6624ea9963ef1.woff") format("woff");
396}
397
398
399  :root {
400    /* Page Layout */
401    --sidebar-width: 25rem;
402    --narrow-content-width: 36rem;
403    --normal-content-width: 42rem;
404    --wide-content-width: 46rem;
405    --narrow-page-width: 90rem;
406    --normal-page-width: 120rem;
407    --wide-page-width: 150rem;
408
409    /* Section Heights */
410    --section-height-small: 15rem;
411    --section-height-medium: 25rem;
412    --section-height-large: 35rem;
413
414    @media screen and (min-width: 40em) {
415      --section-height-small: 40svh;
416      --section-height-medium: 55svh;
417      --section-height-large: 70svh;
418    }
419
420    @media screen and (min-width: 60em) {
421      --section-height-small: 50svh;
422      --section-height-medium: 65svh;
423      --section-height-large: 80svh;
424    }
425
426    /* Letter spacing */
427    --letter-spacing-sm: 0.06em;
428    --letter-spacing-md: 0.13em;
429
430    /* Font families */
431    --font-body--family: "Work Sans", sans-serif;
432    --font-body--style: normal;
433    --font-body--weight: 400;
434    --font-subheading--family: "Work Sans", sans-serif;
435    --font-subheading--style: normal;
436    --font-subheading--weight: 500;
437    --font-heading--family: "Work Sans", sans-serif;
438    --font-heading--style: normal;
439    --font-heading--weight: 700;
440    --font-accent--family: "Work Sans", sans-serif;
441    --font-accent--style: normal;
442    --font-accent--weight: 400;
443
444    /* Margin sizes */
445    --font-heading--spacing: 0.25em;
446    --font-h1--spacing: var(--font-heading--spacing);
447    --font-h2--spacing: var(--font-heading--spacing);
448    --font-h3--spacing: var(--font-heading--spacing);
449    --font-h4--spacing: var(--font-heading--spacing);
450    --font-h5--spacing: var(--font-heading--spacing);
451    --font-h6--spacing: var(--font-heading--spacing);
452    --font-paragraph--spacing: 0.5em;
453
454    /* Heading colors */
455    --font-h1--color: var(--color-foreground-heading);
456    --font-h2--color: var(--color-foreground-heading);
457    --font-h3--color: var(--color-foreground-heading);
458    --font-h4--color: var(--color-foreground-heading);
459    --font-h5--color: var(--color-foreground-heading);
460    --font-h6--color: var(--color-foreground-heading);
461
462    /** Z-Index / Layering */
463    --layer-section-background: -2;
464    --layer-lowest: -1;
465    --layer-base: 0;
466    --layer-flat: 1;
467    --layer-raised: 2;
468    --layer-heightened: 4;
469    --layer-sticky: 8;
470    --layer-window-overlay: 10;
471    --layer-header-menu: 12;
472    --layer-overlay: 16;
473    --layer-menu-drawer: 18;
474    --layer-temporary: 20;
475
476    /* Max-width / Measure */
477    --max-width--body-normal: 32.5em;
478    --max-width--body-narrow: 22.75em;
479
480    --max-width--heading-normal: 32.5em;
481    --max-width--heading-narrow: 19.5em;
482
483    --max-width--display-normal: 13em;
484    --max-width--display-narrow: 9.75em;
485    --max-width--display-tight: 3.25em;
486
487    /* Letter-spacing / Tracking */
488    --letter-spacing--display-tight: -0.03em;
489    --letter-spacing--display-normal: 0em;
490    --letter-spacing--display-loose: 0.03em;
491
492    --letter-spacing--heading-tight: -0.03em;
493    --letter-spacing--heading-normal: 0em;
494    --letter-spacing--heading-loose: 0.03em;
495
496    --letter-spacing--body-tight: -0.03em;
497    --letter-spacing--body-normal: 0em;
498    --letter-spacing--body-loose: 0.03em;
499
500    /* Line height / Leading */
501    --line-height: 1;
502
503    --line-height--display-tight: 1;
504    --line-height--display-normal: 1.1;
505    --line-height--display-loose: 1.2;
506
507    --line-height--heading-tight: 1.15;
508    --line-height--heading-normal: 1.25;
509    --line-height--heading-loose: 1.35;
510
511    --line-height--body-tight: 1.2;
512    --line-height--body-normal: 1.4;
513    --line-height--body-loose: 1.6;
514
515    /* Typography presets */
516    --font-size--paragraph: 1.25rem;--font-size--h1: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h2: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h3: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-tight);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose);
517
518    /* Hardcoded font sizes */
519    --font-size--3xs: 0.625rem;
520    --font-size--2xs: 0.75rem;
521    --font-size--xs: 0.8125rem;
522    --font-size--sm: 0.875rem;
523    --font-size--md: 1rem;
524    --font-size--lg: 1.125rem;
525    --font-size--xl: 1.25rem;
526    --font-size--2xl: 1.5rem;
527    --font-size--3xl: 2rem;
528    --font-size--4xl: 2.5rem;
529    --font-size--5xl: 3rem;
530    --font-size--6xl: 3.5rem;
531
532    /* Menu font sizes */
533    --menu-font-sm--size: 0.875rem;
534    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
535    --menu-font-md--size: 1rem;
536    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
537    --menu-font-lg--size: 1.125rem;
538    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
539    --menu-font-xl--size: 1.25rem;
540    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
541    --menu-font-2xl--size: 1.75rem;
542    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
543
544    /* Colors */
545    --color-error: #8B0000;
546    --color-success: #006400;
547    --color-white: #FFFFFF;
548    --color-white-rgb: 255 255 255;
549    --color-black: #000000;
550    --color-instock: #3ED660;
551    --color-lowstock: #EE9441;
552    --color-outofstock: #C8C8C8;
553
554    /* Opacity */
555    --opacity-5: 0.05;
556    --opacity-8: 0.08;
557    --opacity-10: 0.1;
558    --opacity-15: 0.15;
559    --opacity-20: 0.2;
560    --opacity-25: 0.25;
561    --opacity-30: 0.3;
562    --opacity-40: 0.4;
563    --opacity-50: 0.5;
564    --opacity-60: 0.6;
565    --opacity-70: 0.7;
566    --opacity-80: 0.8;
567    --opacity-85: 0.85;
568    --opacity-90: 0.9;
569    --opacity-subdued-text: var(--opacity-70);
570
571    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
572    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
573
574    /* Spacing */
575    --margin-3xs: 0.125rem;
576    --margin-2xs: 0.3rem;
577    --margin-xs: 0.5rem;
578    --margin-sm: 0.7rem;
579    --margin-md: 0.8rem;
580    --margin-lg: 1rem;
581    --margin-xl: 1.25rem;
582    --margin-2xl: 1.5rem;
583    --margin-3xl: 1.75rem;
584    --margin-4xl: 2rem;
585    --margin-5xl: 3rem;
586    --margin-6xl: 5rem;
587
588    --scroll-margin: 50px;
589
590    --padding-3xs: 0.125rem;
591    --padding-2xs: 0.25rem;
592    --padding-xs: 0.5rem;
593    --padding-sm: 0.7rem;
594    --padding-md: 0.8rem;
595    --padding-lg: 1rem;
596    --padding-xl: 1.25rem;
597    --padding-2xl: 1.5rem;
598    --padding-3xl: 1.75rem;
599    --padding-4xl: 2rem;
600    --padding-5xl: 3rem;
601    --padding-6xl: 4rem;
602
603    --gap-3xs: 0.125rem;
604    --gap-2xs: 0.3rem;
605    --gap-xs: 0.5rem;
606    --gap-sm: 0.7rem;
607    --gap-md: 0.9rem;
608    --gap-lg: 1rem;
609    --gap-xl: 1.25rem;
610    --gap-2xl: 2rem;
611    --gap-3xl: 3rem;
612
613    --spacing-scale-sm: 0.6;
614    --spacing-scale-md: 0.7;
615    --spacing-scale-default: 1.0;
616
617    /* Checkout buttons gap */
618    --checkout-button-gap: 10px;
619
620    /* Borders */
621    --style-border-width: 1px;
622    --style-border-radius-xs: 0.2rem;
623    --style-border-radius-sm: 0.6rem;
624    --style-border-radius-md: 0.8rem;
625    --style-border-radius-50: 50%;
626    --style-border-radius-lg: 1rem;
627    --style-border-radius-pills: 40px;
628    --style-border-radius-inputs: 8px;
629    --style-border-radius-buttons-primary: 40px;
630    --style-border-radius-buttons-secondary: 40px;
631    --style-border-width-primary: 0px;
632    --style-border-width-secondary: 1px;
633    --style-border-width-inputs: 1px;
634    --style-border-radius-popover: 8px;
635    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
636    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
637    --style-border-swatch-opacity: 10%;
638    --style-border-swatch-width: 1px;
639    --style-border-swatch-style: solid;
640
641    /* Animation */
642    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
643    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
644    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
645    --animation-speed-fast: 0.0625s;
646    --animation-speed: 0.125s;
647    --animation-speed-slow: 0.2s;
648    --animation-speed-medium: 0.15s;
649    --animation-easing: ease-in-out;
650    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
651    --drawer-animation-speed: 0.2s;
652    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
653    --animation-values: var(--animation-speed) var(--animation-easing);
654    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
655    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
656    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
657    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
658    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
659    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
660    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
661    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
662    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
663    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
664    --spring-d300-b0-duration: 0.4980s;
665    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
666    --spring-d280-b0-duration: 0.4648s;
667    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
668    --spring-d260-b0-duration: 0.4316s;
669    --spring-d220-b0-easing: linear(
670      0,
671      0.0093 1.37%,
672      0.0696 4.12%,
673      0.4667 15.09%,
674      0.6322 20.58%,
675      0.6986 23.32%,
676      0.7793 27.44%,
677      0.8219 30.18%,
678      0.8721,
679      0.9089 38.42%,
680      0.9427,
681      0.9644,
682      0.978 54.88%,
683      0.9881 61.74%,
684      0.9944 69.97%,
685      0.998 80.95%,
686      0.9996 98.78%
687    );
688    --spring-d220-b0-duration: 0.3818s;
689    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
690    --spring-d180-b0-duration: 0.2988s;
691
692    /* View transitions */
693    /* View transition old */
694    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
695
696    /* View transition new */
697    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
698
699    /* Focus */
700    --focus-outline-width: 0.09375rem;
701    --focus-outline-offset: 0.2em;
702
703    /* Badges */
704    --badge-blob-padding-block: 1px;
705    --badge-blob-padding-inline: 12px 8px;
706    --badge-rectangle-padding-block: 1px;
707    --badge-rectangle-padding-inline: 6px;
708    @media screen and (min-width: 750px) {
709      --badge-blob-padding-block: 4px;
710      --badge-blob-padding-inline: 16px 12px;
711      --badge-rectangle-padding-block: 4px;
712      --badge-rectangle-padding-inline: 10px;
713    }
714
715    /* Icons */
716    --icon-size-2xs: 0.6rem;
717    --icon-size-xs: 0.85rem;
718    --icon-size-sm: 1.25rem;
719    --icon-size-md: 1.375rem;
720    --icon-size-lg: 1.5rem;
721    --icon-stroke-width: 1.5px;
722
723    /* Input */
724    --input-email-min-width: 200px;
725    --input-search-max-width: 650px;
726    --input-padding-y: 0.8rem;
727    --input-padding-x: 0.8rem;
728    --input-padding: var(--input-padding-y) var(--input-padding-x);
729    --input-box-shadow-width: var(--style-border-width-inputs);
730    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
731    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
732    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
733    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
734    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
735    --input-textarea-min-height: 55px;
736
737    /* Checkbox */
738    --checkbox-size: 22px;
739    --checkbox-border-radius: 7px;
740    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
741    --checkbox-label-padding: 8px;
742
743    @media screen and (min-width: 750px) {
744      --checkbox-size: 16px;
745      --checkbox-border-radius: 5px;
746      --checkbox-label-padding: 6px;
747    }
748
749    /* Button size */
750    --button-size-sm: 30px;
751    --button-size-md: 36px;
752    --button-size: var(--minimum-touch-target);
753    --button-padding-inline: 24px;
754    --button-padding-block: 16px;
755
756    /* Button font-family */
757    --button-font-family-primary: var(--font-body--family);
758    --button-font-family-secondary: var(--font-body--family);
759
760    /* Button text case */
761    --button-text-case: ;
762    --button-text-case-primary: uppercase;
763    --button-text-case-secondary: uppercase;
764
765    /* Button font weight & style (Theme → Buttons) */
766    --button-font-weight-primary: 700;
767    --button-font-style-primary: var(--font-paragraph--style);
768    --button-font-weight-secondary: 700;
769    --button-font-style-secondary: normal;
770
771    /* Borders */
772    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
773    --border-width-sm: 1px;
774    --border-width-md: 2px;
775    --border-width-lg: 5px;
776    --border-radius-sm: 0.25rem;
777
778    /* Drawers */
779    --drawer-inline-padding: 25px;
780    --drawer-menu-inline-padding: 2.5rem;
781    --drawer-header-block-padding: 20px;
782    --drawer-content-block-padding: 10px;
783    --drawer-header-desktop-top: 0rem;
784    --drawer-padding: calc(var(--padding-sm) + 7px);
785    --drawer-height: 100dvh;
786    --drawer-width: 95vw;
787    --drawer-max-width: 500px;
788
789    /* Variant Picker Swatches */
790    --variant-picker-swatch-width-unitless: 34;
791    --variant-picker-swatch-height-unitless: 34;
792    --variant-picker-swatch-width: 34px;
793    --variant-picker-swatch-height: 34px;
794    --variant-picker-swatch-radius: 32px;
795    --variant-picker-border-width: 1px;
796    --variant-picker-border-style: solid;
797    --variant-picker-border-opacity: 10%;
798
799    /* Variant Picker Buttons */
800    --variant-picker-button-radius: 14px;
801    --variant-picker-button-border-width: 1px;
802
803    /* Slideshow */
804    --slideshow-controls-size: 3.5rem;
805    --slideshow-controls-icon: 2rem;
806    --peek-next-slide-size: 3rem;
807
808    /* Utilities */
809    --backdrop-opacity: 0.15;
810    --backdrop-color-rgb: var(--color-shadow-rgb);
811    --minimum-touch-target: 44px;
812    --disabled-opacity: 0.5;
813    --skeleton-opacity: 0.025;
814
815    /* Shapes */
816    --shape--circle: circle(50% at center);
817    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
818    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
819    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
819% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
820
821    /* Buy buttons */
822    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
823
824    /* Card image width and height variables */
825    --card-width-small: 10rem;
826
827    --height-small: 10rem;
828    --height-medium: 11.5rem;
829    --height-large: 13rem;
830    --height-full: 100vh;
831
832    @media screen and (min-width: 750px) {
833      --height-small: 17.5rem;
834      --height-medium: 21.25rem;
835      --height-large: 25rem;
836    }
837
838    /* Modal */
839    --modal-max-height: 65dvh;
840    --quick-add-modal-height: min(38.5rem, 96vh);
841    --quick-add-modal-width: min(54rem, 96vw);
842    --quick-add-modal-gallery-width: 24rem;
843
844    /* Card styles for search */
845    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
846    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
847    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
848
849    /* Cart */
850    --cart-primary-font-family: var(--font-body--family);
851    --cart-primary-font-style: var(--font-body--style);
852    --cart-primary-font-weight: var(--font-body--weight);
853    --cart-secondary-font-family: var(--font-subheading--family);
854    --cart-secondary-font-style: var(--font-subheading--style);
855    --cart-secondary-font-weight: var(--font-subheading--weight);
856  }
857</style>
858<style data-shopify>
859  
860    
861      :root,
862    
863    
864    
865    .color-scheme-1 {
866        --color-background: rgb(255 255 255 / 1.0);
867        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
868        --color-background-rgb: 255 255 255;
869        --opacity-5-15: 0.05;
870        --opacity-10-25: 0.1;
871        --opacity-35-55: 0.35;
872        --opacity-40-60: 0.4;
873        --opacity-30-60: 0.3;
874        --color-foreground: rgb(0 30 96 / 0.81);
875        --color-foreground-rgb: 0 30 96;
876        --color-foreground-heading: rgb(0 30 96 / 1.0);
877        --color-foreground-heading-rgb: 0 30 96;
878        --color-primary: rgb(0 38 168 / 1.0);
879        --color-primary-rgb: 0 38 168;
880        --color-primary-hover: rgb(0 21 71 / 1.0);
881        --color-primary-hover-rgb: 0 21 71;
882        --color-border: rgb(201 209 225 / 1.0);
883        --color-border-rgb: 201 209 225;
884        --color-shadow: rgb(0 0 0 / 1.0);
885        --color-shadow-rgb: 0 0 0;
886        --color-primary-button-text: rgb(0 30 96 / 1.0);
887        --color-primary-button-background: rgb(232 200 105 / 1.0);
888        --color-primary-button-border: rgb(232 200 105 / 1.0);
889        --color-primary-button-hover-text: rgb(0 30 96 / 1.0);
890        --color-primary-button-hover-background: rgb(212 174 82 / 1.0);
891        --color-primary-button-hover-border: rgb(212 174 82 / 1.0);
892        --color-secondary-button-text: rgb(0 30 96 / 1.0);
893        --color-secondary-button-background: rgb(232 200 105 / 1.0);
894        --color-secondary-button-border: rgb(232 200 105 / 1.0);
895        --color-secondary-button-hover-text: rgb(0 30 96 / 1.0);
896        --color-secondary-button-hover-background: rgb(212 174 82 / 1.0);
897        --color-secondary-button-hover-border: rgb(212 174 82 / 1.0);
898        --color-input-background: rgb(255 255 255 / 1.0);
899        --color-input-text: rgb(0 30 96 / 1.0);
900        --color-input-text-rgb: 0 30 96;
901        --color-input-border: rgb(201 209 225 / 1.0);
902        --color-input-hover-background: rgb(240 247 244 / 1.0);
903        --color-variant-background: rgb(255 255 255 / 1.0);
904        --color-variant-border: rgb(201 209 225 / 1.0);
905        --color-variant-text: rgb(0 30 96 / 1.0);
906        --color-variant-text-rgb: 0 30 96;
907        --color-variant-hover-background: rgb(236 236 241 / 1.0);
908        --color-variant-hover-text: rgb(0 30 96 / 1.0);
909        --color-variant-hover-border: rgb(167 169 180 / 1.0);
910        --color-selected-variant-background: rgb(0 30 96 / 1.0);
911        --color-selected-variant-border: rgb(0 30 96 / 1.0);
912        --color-selected-variant-text: rgb(255 255 255 / 1.0);
913        --color-selected-variant-hover-background: rgb(0 21 71 / 1.0);
914        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
915        --color-selected-variant-hover-border: rgb(0 21 71 / 1.0);
916
917        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
918        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
919        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
920        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
921        --font-h1--color: var(--color-foreground-heading);
922        --font-h2--color: var(--color-foreground-heading);
923        --font-h3--color: var(--color-foreground-heading);
924        --font-h4--color: var(--color-foreground-heading);
925        --font-h5--color: var(--color-foreground-heading);
926        --font-h6--color: var(--color-foreground-heading);
927
928        /* Shadows */
929        
930          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
931        
932        
933          --shadow-blur: 20px;
934          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
935        
936      }
937  
938    
939    
940    
941    .color-scheme-2 {
942        --color-background: rgb(240 247 244 / 1.0);
943        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
944        --color-background-rgb: 240 247 244;
945        --opacity-5-15: 0.05;
946        --opacity-10-25: 0.1;
947        --opacity-35-55: 0.35;
948        --opacity-40-60: 0.4;
949        --opacity-30-60: 0.3;
950        --color-foreground: rgb(0 30 96 / 0.81);
951        --color-foreground-rgb: 0 30 96;
952        --color-foreground-heading: rgb(0 30 96 / 1.0);
953        --color-foreground-heading-rgb: 0 30 96;
954        --color-primary: rgb(0 38 168 / 1.0);
955        --color-primary-rgb: 0 38 168;
956        --color-primary-hover: rgb(0 21 71 / 1.0);
957        --color-primary-hover-rgb: 0 21 71;
958        --color-border: rgb(201 209 225 / 1.0);
959        --color-border-rgb: 201 209 225;
960        --color-shadow: rgb(0 0 0 / 1.0);
961        --color-shadow-rgb: 0 0 0;
962        --color-primary-button-text: rgb(0 30 96 / 1.0);
963        --color-primary-button-background: rgb(232 200 105 / 1.0);
964        --color-primary-button-border: rgb(232 200 105 / 1.0);
965        --color-primary-button-hover-text: rgb(0 30 96 / 1.0);
966        --color-primary-button-hover-background: rgb(212 174 82 / 1.0);
967        --color-primary-button-hover-border: rgb(212 174 82 / 1.0);
968        --color-secondary-button-text: rgb(0 30 96 / 1.0);
969        --color-secondary-button-background: rgb(0 0 0 / 0.0);
970        --color-secondary-button-border: rgb(0 38 168 / 1.0);
971        --color-secondary-button-hover-text: rgb(0 30 96 / 1.0);
972        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
973        --color-secondary-button-hover-border: rgb(0 30 96 / 1.0);
974        --color-input-background: rgb(255 255 255 / 1.0);
975        --color-input-text: rgb(0 30 96 / 1.0);
976        --color-input-text-rgb: 0 30 96;
977        --color-input-border: rgb(201 209 225 / 1.0);
978        --color-input-hover-background: rgb(236 236 241 / 1.0);
979        --color-variant-background: rgb(255 255 255 / 1.0);
980        --color-variant-border: rgb(201 209 225 / 1.0);
981        --color-variant-text: rgb(0 30 96 / 1.0);
982        --color-variant-text-rgb: 0 30 96;
983        --color-variant-hover-background: rgb(236 236 241 / 1.0);
984        --color-variant-hover-text: rgb(0 30 96 / 1.0);
985        --color-variant-hover-border: rgb(167 169 180 / 1.0);
986        --color-selected-variant-background: rgb(0 30 96 / 1.0);
987        --color-selected-variant-border: rgb(0 30 96 / 1.0);
988        --color-selected-variant-text: rgb(255 255 255 / 1.0);
989        --color-selected-variant-hover-background: rgb(0 21 71 / 1.0);
990        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
991        --color-selected-variant-hover-border: rgb(0 21 71 / 1.0);
992
993        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
994        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
995        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
996        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
997        --font-h1--color: var(--color-foreground-heading);
998        --font-h2--color: var(--color-foreground-heading);
999        --font-h3--color: var(--color-foreground-heading);
1000        --font-h4--color: var(--color-foreground-heading);
1001        --font-h5--color: var(--color-foreground-heading);
1002        --font-h6--color: var(--color-foreground-heading);
1003
1004        /* Shadows */
1005        
1006          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1007        
1008        
1009          --shadow-blur: 20px;
1010          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1011        
1012      }
1013  
1014    
1015    
1016    
1017    .color-scheme-3 {
1018        --color-background: rgb(236 236 241 / 1.0);
1019        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1020        --color-background-rgb: 236 236 241;
1021        --opacity-5-15: 0.05;
1022        --opacity-10-25: 0.1;
1023        --opacity-35-55: 0.35;
1024        --opacity-40-60: 0.4;
1025        --opacity-30-60: 0.3;
1026        --color-foreground: rgb(0 30 96 / 0.81);
1027        --color-foreground-rgb: 0 30 96;
1028        --color-foreground-heading: rgb(0 30 96 / 1.0);
1029        --color-foreground-heading-rgb: 0 30 96;
1030        --color-primary: rgb(0 38 168 / 1.0);
1031        --color-primary-rgb: 0 38 168;
1032        --color-primary-hover: rgb(0 21 71 / 1.0);
1033        --color-primary-hover-rgb: 0 21 71;
1034        --color-border: rgb(201 209 225 / 1.0);
1035        --color-border-rgb: 201 209 225;
1036        --color-shadow: rgb(0 0 0 / 1.0);
1037        --color-shadow-rgb: 0 0 0;
1038        --color-primary-button-text: rgb(0 30 96 / 1.0);
1039        --color-primary-button-background: rgb(232 200 105 / 1.0);
1040        --color-primary-button-border: rgb(232 200 105 / 1.0);
1041        --color-primary-button-hover-text: rgb(0 30 96 / 1.0);
1042        --color-primary-button-hover-background: rgb(212 174 82 / 1.0);
1043        --color-primary-button-hover-border: rgb(212 174 82 / 1.0);
1044        --color-secondary-button-text: rgb(0 30 96 / 1.0);
1045        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1046        --color-secondary-button-border: rgb(0 38 168 / 1.0);
1047        --color-secondary-button-hover-text: rgb(0 30 96 / 1.0);
1048        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1049        --color-secondary-button-hover-border: rgb(0 30 96 / 1.0);
1050        --color-input-background: rgb(255 255 255 / 1.0);
1051        --color-input-text: rgb(0 30 96 / 1.0);
1052        --color-input-text-rgb: 0 30 96;
1053        --color-input-border: rgb(201 209 225 / 1.0);
1054        --color-input-hover-background: rgb(240 247 244 / 1.0);
1055        --color-variant-background: rgb(255 255 255 / 1.0);
1056        --color-variant-border: rgb(201 209 225 / 1.0);
1057        --color-variant-text: rgb(0 30 96 / 1.0);
1058        --color-variant-text-rgb: 0 30 96;
1059        --color-variant-hover-background: rgb(240 247 244 / 1.0);
1060        --color-variant-hover-text: rgb(0 30 96 / 1.0);
1061        --color-variant-hover-border: rgb(167 169 180 / 1.0);
1062        --color-selected-variant-background: rgb(0 30 96 / 1.0);
1063        --color-selected-variant-border: rgb(0 30 96 / 1.0);
1064        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1065        --color-selected-variant-hover-background: rgb(0 21 71 / 1.0);
1066        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1067        --color-selected-variant-hover-border: rgb(0 21 71 / 1.0);
1068
1069        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1070        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1071        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1072        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1073        --font-h1--color: var(--color-foreground-heading);
1074        --font-h2--color: var(--color-foreground-heading);
1075        --font-h3--color: var(--color-foreground-heading);
1076        --font-h4--color: var(--color-foreground-heading);
1077        --font-h5--color: var(--color-foreground-heading);
1078        --font-h6--color: var(--color-foreground-heading);
1079
1080        /* Shadows */
1081        
1082          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1083        
1084        
1085          --shadow-blur: 20px;
1086          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1087        
1088      }
1089  
1090    
1091    
1092    
1093    .color-scheme-4 {
1094        --color-background: rgb(225 237 245 / 1.0);
1095        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1096        --color-background-rgb: 225 237 245;
1097        --opacity-5-15: 0.05;
1098        --opacity-10-25: 0.1;
1099        --opacity-35-55: 0.35;
1100        --opacity-40-60: 0.4;
1101        --opacity-30-60: 0.3;
1102        --color-foreground: rgb(0 30 96 / 0.81);
1103        --color-foreground-rgb: 0 30 96;
1104        --color-foreground-heading: rgb(0 30 96 / 1.0);
1105        --color-foreground-heading-rgb: 0 30 96;
1106        --color-primary: rgb(0 38 168 / 1.0);
1107        --color-primary-rgb: 0 38 168;
1108        --color-primary-hover: rgb(0 21 71 / 1.0);
1109        --color-primary-hover-rgb: 0 21 71;
1110        --color-border: rgb(167 184 212 / 1.0);
1111        --color-border-rgb: 167 184 212;
1112        --color-shadow: rgb(0 0 0 / 1.0);
1113        --color-shadow-rgb: 0 0 0;
1114        --color-primary-button-text: rgb(0 30 96 / 1.0);
1115        --color-primary-button-background: rgb(232 200 105 / 1.0);
1116        --color-primary-button-border: rgb(232 200 105 / 1.0);
1117        --color-primary-button-hover-text: rgb(0 30 96 / 1.0);
1118        --color-primary-button-hover-background: rgb(212 174 82 / 1.0);
1119        --color-primary-button-hover-border: rgb(212 174 82 / 1.0);
1120        --color-secondary-button-text: rgb(0 30 96 / 1.0);
1121        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1122        --color-secondary-button-border: rgb(0 38 168 / 1.0);
1123        --color-secondary-button-hover-text: rgb(0 30 96 / 1.0);
1124        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1125        --color-secondary-button-hover-border: rgb(0 30 96 / 1.0);
1126        --color-input-background: rgb(255 255 255 / 1.0);
1127        --color-input-text: rgb(0 30 96 / 1.0);
1128        --color-input-text-rgb: 0 30 96;
1129        --color-input-border: rgb(201 209 225 / 1.0);
1130        --color-input-hover-background: rgb(240 247 244 / 1.0);
1131        --color-variant-background: rgb(255 255 255 / 1.0);
1132        --color-variant-border: rgb(201 209 225 / 1.0);
1133        --color-variant-text: rgb(0 30 96 / 1.0);
1134        --color-variant-text-rgb: 0 30 96;
1135        --color-variant-hover-background: rgb(236 236 241 / 1.0);
1136        --color-variant-hover-text: rgb(0 30 96 / 1.0);
1137        --color-variant-hover-border: rgb(167 169 180 / 1.0);
1138        --color-selected-variant-background: rgb(0 30 96 / 1.0);
1139        --color-selected-variant-border: rgb(0 30 96 / 1.0);
1140        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1141        --color-selected-variant-hover-background: rgb(0 21 71 / 1.0);
1142        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1143        --color-selected-variant-hover-border: rgb(0 21 71 / 1.0);
1144
1145        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1146        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1147        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1148        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1149        --font-h1--color: var(--color-foreground-heading);
1150        --font-h2--color: var(--color-foreground-heading);
1151        --font-h3--color: var(--color-foreground-heading);
1152        --font-h4--color: var(--color-foreground-heading);
1153        --font-h5--color: var(--color-foreground-heading);
1154        --font-h6--color: var(--color-foreground-heading);
1155
1156        /* Shadows */
1157        
1158          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1159        
1160        
1161          --shadow-blur: 20px;
1162          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1163        
1164      }
1165  
1166    
1167    
1168    
1169    .color-scheme-5 {
1170        --color-background: rgb(51 51 51 / 1.0);
1171        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1172        --color-background-rgb: 51 51 51;
1173        --opacity-5-15: 0.15;
1174        --opacity-10-25: 0.25;
1175        --opacity-35-55: 0.55;
1176        --opacity-40-60: 0.6;
1177        --opacity-30-60: 0.6;
1178        --color-foreground: rgb(255 255 255 / 1.0);
1179        --color-foreground-rgb: 255 255 255;
1180        --color-foreground-heading: rgb(255 255 255 / 1.0);
1181        --color-foreground-heading-rgb: 255 255 255;
1182        --color-primary: rgb(255 255 255 / 1.0);
1183        --color-primary-rgb: 255 255 255;
1184        --color-primary-hover: rgb(255 255 255 / 0.69);
1185        --color-primary-hover-rgb: 255 255 255;
1186        --color-border: rgb(255 255 255 / 0.69);
1187        --color-border-rgb: 255 255 255;
1188        --color-shadow: rgb(0 0 0 / 1.0);
1189        --color-shadow-rgb: 0 0 0;
1190        --color-primary-button-text: rgb(0 0 0 / 1.0);
1191        --color-primary-button-background: rgb(255 255 255 / 1.0);
1192        --color-primary-button-border: rgb(255 255 255 / 1.0);
1193        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1194        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1195        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1196        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1197        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1198        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1199        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1200        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1201        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1202        --color-input-background: rgb(51 51 51 / 1.0);
1203        --color-input-text: rgb(255 255 255 / 0.93);
1204        --color-input-text-rgb: 255 255 255;
1205        --color-input-border: rgb(255 255 255 / 0.69);
1206        --color-input-hover-background: rgb(255 255 255 / 0.04);
1207        --color-variant-background: rgb(255 255 255 / 1.0);
1208        --color-variant-border: rgb(230 230 230 / 1.0);
1209        --color-variant-text: rgb(0 0 0 / 1.0);
1210        --color-variant-text-rgb: 0 0 0;
1211        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1212        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1213        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1214        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1215        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1216        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1217        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1218        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1219        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1220
1221        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1222        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1223        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1224        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1225        --font-h1--color: var(--color-foreground-heading);
1226        --font-h2--color: var(--color-foreground-heading);
1227        --font-h3--color: var(--color-foreground-heading);
1228        --font-h4--color: var(--color-foreground-heading);
1229        --font-h5--color: var(--color-foreground-heading);
1230        --font-h6--color: var(--color-foreground-heading);
1231
1232        /* Shadows */
1233        
1234          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1235        
1236        
1237          --shadow-blur: 20px;
1238          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1239        
1240      }
1241  
1242    
1243    
1244    
1245    .color-scheme-6 {
1246        --color-background: rgb(0 0 0 / 0.0);
1247        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1248        --color-background-rgb: 0 0 0;
1249        --opacity-5-15: 0.15;
1250        --opacity-10-25: 0.25;
1251        --opacity-35-55: 0.55;
1252        --opacity-40-60: 0.6;
1253        --opacity-30-60: 0.6;
1254        --color-foreground: rgb(255 255 255 / 1.0);
1255        --color-foreground-rgb: 255 255 255;
1256        --color-foreground-heading: rgb(255 255 255 / 1.0);
1257        --color-foreground-heading-rgb: 255 255 255;
1258        --color-primary: rgb(255 255 255 / 1.0);
1259        --color-primary-rgb: 255 255 255;
1260        --color-primary-hover: rgb(255 255 255 / 0.69);
1261        --color-primary-hover-rgb: 255 255 255;
1262        --color-border: rgb(230 230 230 / 1.0);
1263        --color-border-rgb: 230 230 230;
1264        --color-shadow: rgb(0 0 0 / 1.0);
1265        --color-shadow-rgb: 0 0 0;
1266        --color-primary-button-text: rgb(0 0 0 / 1.0);
1267        --color-primary-button-background: rgb(255 255 255 / 1.0);
1268        --color-primary-button-border: rgb(255 255 255 / 1.0);
1269        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1270        --color-primary-button-hover
1270-background: rgb(0 0 0 / 1.0);
1271        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1272        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1273        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1274        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1275        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1276        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1277        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1278        --color-input-background: rgb(255 255 255 / 1.0);
1279        --color-input-text: rgb(0 0 0 / 0.53);
1280        --color-input-text-rgb: 0 0 0;
1281        --color-input-border: rgb(0 0 0 / 0.13);
1282        --color-input-hover-background: rgb(250 250 250 / 1.0);
1283        --color-variant-background: rgb(255 255 255 / 1.0);
1284        --color-variant-border: rgb(230 230 230 / 1.0);
1285        --color-variant-text: rgb(0 0 0 / 1.0);
1286        --color-variant-text-rgb: 0 0 0;
1287        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1288        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1289        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1290        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1291        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1292        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1293        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1294        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1295        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1296
1297        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1298        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1299        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1300        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1301        --font-h1--color: var(--color-foreground-heading);
1302        --font-h2--color: var(--color-foreground-heading);
1303        --font-h3--color: var(--color-foreground-heading);
1304        --font-h4--color: var(--color-foreground-heading);
1305        --font-h5--color: var(--color-foreground-heading);
1306        --font-h6--color: var(--color-foreground-heading);
1307
1308        /* Shadows */
1309        
1310          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1311        
1312        
1313          --shadow-blur: 20px;
1314          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1315        
1316      }
1317  
1318    
1319    
1320    
1321    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1322        --color-background: rgb(0 0 0 / 0.0);
1323        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1324        --color-background-rgb: 0 0 0;
1325        --opacity-5-15: 0.15;
1326        --opacity-10-25: 0.25;
1327        --opacity-35-55: 0.55;
1328        --opacity-40-60: 0.6;
1329        --opacity-30-60: 0.6;
1330        --color-foreground: rgb(0 0 0 / 1.0);
1331        --color-foreground-rgb: 0 0 0;
1332        --color-foreground-heading: rgb(0 0 0 / 1.0);
1333        --color-foreground-heading-rgb: 0 0 0;
1334        --color-primary: rgb(0 0 0 / 1.0);
1335        --color-primary-rgb: 0 0 0;
1336        --color-primary-hover: rgb(0 0 0 / 0.53);
1337        --color-primary-hover-rgb: 0 0 0;
1338        --color-border: rgb(230 230 230 / 1.0);
1339        --color-border-rgb: 230 230 230;
1340        --color-shadow: rgb(0 0 0 / 1.0);
1341        --color-shadow-rgb: 0 0 0;
1342        --color-primary-button-text: rgb(255 255 255 / 1.0);
1343        --color-primary-button-background: rgb(0 0 0 / 1.0);
1344        --color-primary-button-border: rgb(0 0 0 / 1.0);
1345        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1346        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1347        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1348        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1349        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1350        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1351        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1352        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1353        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1354        --color-input-background: rgb(255 255 255 / 1.0);
1355        --color-input-text: rgb(0 0 0 / 0.53);
1356        --color-input-text-rgb: 0 0 0;
1357        --color-input-border: rgb(0 0 0 / 0.13);
1358        --color-input-hover-background: rgb(250 250 250 / 1.0);
1359        --color-variant-background: rgb(255 255 255 / 1.0);
1360        --color-variant-border: rgb(230 230 230 / 1.0);
1361        --color-variant-text: rgb(0 0 0 / 1.0);
1362        --color-variant-text-rgb: 0 0 0;
1363        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1364        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1365        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1366        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1367        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1368        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1369        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1370        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1371        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1372
1373        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1374        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1375        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1376        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1377        --font-h1--color: var(--color-foreground-heading);
1378        --font-h2--color: var(--color-foreground-heading);
1379        --font-h3--color: var(--color-foreground-heading);
1380        --font-h4--color: var(--color-foreground-heading);
1381        --font-h5--color: var(--color-foreground-heading);
1382        --font-h6--color: var(--color-foreground-heading);
1383
1384        /* Shadows */
1385        
1386          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1387        
1388        
1389          --shadow-blur: 20px;
1390          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1391        
1392      }
1393  
1394
1395  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1396    color: var(--color-foreground);
1397    background-color: var(--color-background);
1398  }
1399</style>
1400
1401
1402<style data-shopify>
1403  :root {
1404    /* Sans & display: Guardian when “Use BKF Guardian fonts” is on (assets/fonts.css); else Theme → Typography. Accent/script is always Keeper Script. */
1405    
1406      --bkf-font-sans: 'Guardian Sans Text Web', sans-serif;
1407      --bkf-font-display: 'Guardian Sans XCond Web', sans-serif;
1408    
1409    --bkf-font-script: 'Keeper Script', cursive;
1410    --font-accent--family: 'Keeper Script', cursive;
1411    --font-accent--style: normal;
1412    --font-accent--weight: 400;
1413    --bkf-font-paragraph-size: var(--font-paragraph--size);
1414    --bkf-font-paragraph-line-height: var(--font-paragraph--line-height);
1415    
1416      --bkf-blue: rgb(0 38 168);
1417      --bkf-blue-navy: rgb(0 30 96);
1418      --bkf-gold: rgb(232 200 105);
1419      --bkf-gold-hover: rgb(212 174 82);
1420      --bkf-gold-light: color-mix(in srgb, rgb(232 200 105) 45%, #ffffff);
1421      --bkf-white: rgb(255 255 255);
1422      --bkf-cardbg: rgb(236 236 241);
1423      --bkf-darkgray: rgb(201 209 225);
1424    
1425    
1426      --bkf-lightbg: rgb(240 247 244);
1427    
1428    
1429      --bkf-faqbg: rgb(236 236 241);
1430    
1431    
1432      --bkf-blue-deep: rgb(7 36 182);
1433    
1434    
1435      --bkf-blue-navy-hover: color-mix(in srgb, rgb(0 30 96) 85%, #000000);
1436      --bkf-gradient-gold: linear-gradient(
1437        84deg,
1438        var(--bkf-gold) 0%,
1439        var(--bkf-gold-light) 50%,
1440        var(--bkf-gold) 100%
1441      );
1442      --bkf-gradient-fade-white-mid: color-mix(in srgb, var(--bkf-white) 92%, transparent);
1443      /* Scheme 1 primary/secondary button colors → .bkf-btn-* (see file comment) */
1444      --bkf-primary-button-text: rgb(0 30 96 / 1.0);
1445      --bkf-primary-button-background: rgb(232 200 105 / 1.0);
1446      --bkf-primary-button-border: rgb(232 200 105 / 1.0);
1447      --bkf-primary-button-hover-text: rgb(0 30 96 / 1.0);
1448      --bkf-primary-button-hover-background: rgb(212 174 82 / 1.0);
1449      --bkf-primary-button-hover-border: rgb(212 174 82 / 1.0);
1450      --bkf-secondary-button-text: rgb(0 30 96 / 1.0);
1451      --bkf-secondary-button-background: rgb(232 200 105 / 1.0);
1452      --bkf-secondary-button-border: rgb(232 200 105 / 1.0);
1453      --bkf-secondary-button-hover-text: rgb(0 30 96 / 1.0);
1454      --bkf-secondary-button-hover-background: rgb(212 174 82 / 1.0);
1455      --bkf-secondary-button-hover-border: rgb(212 174 82 / 1.0);
1456    
1457    --bkf-max-width: 1440px;
1458    --bkf-radius-sm: 8px;
1459    --bkf-radius-md: 8px;
1460    --bkf-radius-pill: 40px;
1461    /* Focus: --bkf-focus-outline* in assets/bkf-design-system.css (uses --style-border-width-primary after theme-styles-variables) */
1462
1463    /* Dawn base.css uses --font-h1-color; theme presets use --font-h1--color */
1464    --font-h1-color: var(--font-h1--color);
1465    --font-h2-color: var(--font-h2--color);
1466    --font-h3-color: var(--font-h3--color);
1467    --font-h4-color: var(--font-h4--color);
1468    --font-h5-color: var(--font-h5--color);
1469    --font-h6-color: var(--font-h6--color);
1470  }
1471</style>
1472
1473
1474    
1475
1476
1477  <!-- Font preloads: snippets/fonts.liquid (all pages) -->
1478
1479  <!-- BKF: Global styles (colors/radii/typography from Theme settings via bkf-theme-bridge + bkf-design-system.css) -->
1480  <style>
1481    .rhubarb-mask {
1482      border-radius: 41% 59% 46% 54% / 46% 41% 59% 54%;
1483    }
1484    #header-group {
1485      display: flex !important;
1486      flex-direction: column;
1487      position: relative !important;
1488      z-index: 9999 !important;
1489    }
1490    main.content-for-layout {
1491      position: relative;
1492      z-index: 0;
1493    }
1494    #mainHeader {
1495      transition: background-color 0.3s ease, box-shadow 0.3s ease;
1496    }
1497    .slider-img {
1498      transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
1499    }
1500    .slider-text {
1501      transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1502    }
1503    .reveal {
1504      opacity: 0;
1505      transform: translateY(30px);
1506      transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
1507    }
1508    .reveal.active { opacity: 1; transform: translateY(0); }
1509    .delay-100 { transition-delay: 100ms; }
1510    .delay-200 { transition-delay: 200ms; }
1511    .delay-300 { transition-delay: 300ms; }
1512    .delay-400 { transition-delay: 400ms; }
1513    @keyframes float {
1514      0% { transform: translateY(0px); }
1515      50% { transform: translateY(-10px); }
1516      100% { transform: translateY(0px); }
1517    }
1518    .animate-float {
1519      animation: float 5s ease-in-out infinite;
1520    }
1521    .blend-multiply { mix-blend-mode: multiply; }
1522    /* .bkf-btn-primary / .bkf-btn-secondary: Theme → Buttons (assets/bkf-design-system.css) */
1523
1524    .bkf-destini-modal[hidden] {
1525      display: none;
1526    }
1527    .bkf-destini-modal {
1528      position: fixed;
1529      inset: 0;
1530      z-index: 10000;
1531      display: grid;
1532      place-items: center;
1533      padding: 5vh 1.5rem 1.5rem;
1534    }
1535    .bkf-destini-modal__backdrop {
1536      position: absolute;
1537      inset: 0;
1538      background: rgb(0 0 0 / 0.55);
1539    }
1540    .bkf-destini-modal__dialog {
1541      position: relative;
1542      z-index: 1;
1543      width: min(100%, 37.5rem);
1544      max-height: 90vh;
1545      overflow: auto;
1546      background: #fff;
1547      border-radius: 1.5rem;
1548      box-shadow: 0 20px 50px rgb(0 0 0 / 0.2);
1549    }
1550    .bkf-destini-modal__close {
1551      position: absolute;
1552      top: 0.75rem;
1553      right: 0.75rem;
1554      z-index: 2;
1555      width: 2.75rem;
1556      height: 2.75rem;
1557      border: 0;
1558      border-radius: 999px;
1559      background: rgb(0 30 96 / 0.08);
1560      color: var(--bkf-blue);
1561      font-size: 2rem;
1562      line-height: 1;
1563      cursor: pointer;
1564    }
1565    .bkf-destini-modal__close:hover,
1566    .bkf-destini-modal__close:focus-visible {
1567      background: rgb(0 30 96 / 0.14);
1568    }
1569    #destinidiv {
1570      background: #fff;
1571      width: 100%;
1572      min-height: 20rem;
1573      overflow-y: auto;
1574      padding-top: 3.5rem;
1575    }
1576    html.bkf-destini-modal-open,
1577    body.bkf-destini-modal-open {
1578      overflow: hidden;
1579      height: 100%;
1580    }
1581  </style>
1582
1583
1584
1585    
1585<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1585<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/86769598498/digital_wallets/dialog">
1586<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1586<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 1586
1586
1587<script id="shopify-features" type="application/json">{"accessToken":"238dfc4b58bbedc65a54645701674191","betas":["rich-media-storefront-analytics"],"domain":"barkeepersfriend.com","predictiveSearch":true,"shopId":86769598498,"locale":"en"}</script>
vendor: 1 bytes, line 1587
1587
1588<script>var Shopify = Shopify || {};
1589Shopify.shop = "ebdbarkeepersfriend.myshopify.com";
1590Shopify.locale = "en";
1591Shopify.currency = {"active":"USD","rate":"1.0"};
1592Shopify.country = "US";
1593Shopify.theme = {"name":"BKF\/main Stainless Steel change","id":190055055394,"schema_name":"Horizon","schema_version":"3.4.0","theme_store_id":null,"role":"main"};
1594Shopify.theme.handle = "null";
1595Shopify.theme.style = {"id":null,"handle":null};
1596Shopify.cdnHost = "barkeepersfriend.com/cdn";
1597Shopify.routes = Shopify.routes || {};
1598Shopify.routes.root = "/";
1599Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1600Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1601Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1602Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1602
1602
1603<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1603
1603
1604<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1604
1604
1605<script>
1606  window.Shopify = window.Shopify || {};
1607  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1608  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1609  window.Shopify.SignInWithShop.eligible = true;
1610</script>
vendor: 1 bytes, line 1610
1610
1611<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1611
1611
1612<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1612
1612
1613<script type="module">
1614  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1615
1616  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1617
1618</script>
vendor: 1 bytes, line 1618
1618
1619<script>
1620  window.Shopify = window.Shopify || {};
1621  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1622  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1623</script>
vendor: 1 bytes, line 1623
1623
1624<script>(function() {
1625  var isLoaded = false;
1626  function asyncLoad() {
1627    if (isLoaded) return;
1628    isLoaded = true;
1629    var urls = ["https:\/\/cdn.slpht.com\/widget\/shopify-embed.js?shop=ebdbarkeepersfriend.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-51d847a67cf6fa8c4eb2627851813769.js?shop=ebdbarkeepersfriend.myshopify.com"];
1630    for (var i = 0; i < urls.length; i++) {
1631      var s = document.createElement('script');
1632      s.type = 'text/javascript';
1633      s.async = true;
1634      s.src = urls[i];
1635      var x = document.getElementsByTagName('script')[0];
1636      x.parentNode.insertBefore(s, x);
1637    }
1638  };
1639  if(window.attachEvent) {
1640    window.attachEvent('onload', asyncLoad);
1641  } else {
1642    window.addEventListener('load', asyncLoad, false);
1643  }
1644})();</script>
vendor: 1 bytes, line 1644
1644
1645<script id="__st">var __st={"a":86769598498,"offset":-14400,"reqid":"b74a99ad-8e6f-4cfd-a8e8-387ac54b5353-1790923307","pageurl":"barkeepersfriend.com\/","u":"c60f8534d47d","p":"home"};</script>
vendor: 1 bytes, line 1645
1645
1646<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1646
1646
1647<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1647
1647
1648<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//barkeepersfriend.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1648
1648
1649<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//barkeepersfriend.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1649<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1649
1649
1650<script>
1651  window.Shopify = window.Shopify || {};
1652  window.Shopify.MCP = window.Shopify.MCP || {};
1653  window.Shopify.MCP.enabled = true;
1654  window.Shopify.MCP.shop = "ebdbarkeepersfriend.myshopify.com";
1655  window.Shopify.MCP.mcpEndpoint = "https:\/\/barkeepersfriend.com\/api\/mcp";
1656  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1657</script>
vendor: 1 bytes, line 1657
1657
1658<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/barkeepersfriend.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1659</script>
vendor: 1 bytes, line 1659
1659
1660<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://barkeepersfriend.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1661</script>
vendor: 1 bytes, line 1661
1661
1662<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1663  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
1664</script>
vendor: 1 bytes, line 1664
1664
1665<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
1666</script>
1666
1667<link rel="stylesheet" media="screen" href="//barkeepersfriend.com/cdn/shop/t/11/compiled_assets/styles.css?v=19853772222086214011788468110">
1668<script id="snippets-script" data-snippets="bkf-newsletter-content" defer="defer" src="//barkeepersfriend.com/cdn/shop/t/11/compiled_assets/snippet-scripts.js?v=122384677465104922591788191370"></script>
vendor: 1 bytes, line 1668
1668
1669<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1669
1670  <!-- BEGIN app block: shopify://apps/pandectes-gdpr/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a -->
1671
1672  
1673    
1674      
1674<script>
1675        if (!window.pandectesRulesSettings) {
1676          window.pandectesRulesSettings = {"version":"5","timestamp":1775854476320,"store":{"id":86769598498,"plan":"premium","primaryLocale":"en","headless":false,"useGeolocation":false,"checkoutRootDomain":"","storefrontRootDomain":"","storefrontAccessToken":""},"banner":{"enabled":true},"regions":{"strict":"*","visible":"*"},"storage":{"type":"http","domain":"","duration":365,"lastReset":1774890266},"gpc":{"enabled":true},"klaviyo":{"enabled":false},"customEvent":{"enabled":false},"rakuten":{"enabled":false,"cmp":false,"ccpa":false},"facebook":{"enabled":false,"id":""},"amazon":{"enabled":false},"microsoft":{"uet":{"enabled":false,"tags":""},"clarity":{"enabled":false,"id":""}},"google":{"enabled":false,"gtmId":"","ga4Id":"","adsId":"","gtmOnly":false,"adStorageCategory":4,"analyticsStorageCategory":2,"functionalityStorageCategory":1,"personalizationStorageCategory":1,"securityStorageCategory":0,"redactData":false,"urlPassthrough":false,"dataLayerName":"dataLayer","waitForUpdate":500,"sendPageView":true,"debugMode":false,"basicMode":false},"blocker":{"enabled":false,"scripts":{"0":[],"1":[],"2":[],"4":[],"8":[]},"css":{"0":[],"1":[],"2":[],"4":[],"8":[]},"iframes":{"0":[],"1":[],"2":[],"4":[],"8":[]},"pixels":{"0":[],"1":[],"2":[],"4":[],"8":[]}}};
1677          const rulesScript = document.createElement('script');
1678          
1679            rulesScript.src = "https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-rules-latest.js";
1680          
1681          const firstChild = document.head.firstChild;
1682          document.head.insertBefore(rulesScript, firstChild);
1683        }
1684      </script>
1684
1685    
1686
1687      
1687<script defer src='https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-core-latest.js'></script>
1687
1688    
1689    
1689<script>
1690      (() => {
1691        const isLivePreview = locateLivePreviewParam();
1692        let previewUrl = 'https://app.pandect.es/js/pandectes-live-site-preview.js';
1693        
1694
1695        function locateLivePreviewParam(paramName = 'pandectesLivePreview') {
1696          const fromUrl = new URLSearchParams(window.location.search).get(paramName);
1697          if (fromUrl) {
1698            try {
1699              sessionStorage.setItem(paramName, fromUrl);
1700            } catch {
1701              // storage disabled
1702            }
1703            return fromUrl;
1704          }
1705          return sessionStorage.getItem(paramName);
1706        }
1707
1708        /** Injects the preview helper script when live preview is active (URL or sessionStorage). */
1709        function appendLivePreviewScriptIfNeeded(previewModeScriptUrl) {
1710          if (!isLivePreview) return;
1711          if (document.head.querySelector('script[data-pandectes-live-preview]')) return;
1712          const script = document.createElement('script');
1713          script.src = previewModeScriptUrl;
1714          script.async = true;
1715          script.setAttribute('data-pandectes-live-preview', '');
1716          document.head.appendChild(script);
1717        }
1718
1719        window.pandectesBannerSettings = {"version":"5","timestamp":1775854476,"store":{"id":86769598498,"plan":"premium","primaryLocale":"en","headless":false,"useGeolocation":false,"checkoutRootDomain":"","storefrontRootDomain":"","storefrontAccessToken":""},"impressions":{"enabled":true,"timezone":"America/New_York"},"visibility":{"delay":5000,"enabled":true,"startHidden":[],"botsFriendly":false,"disableDesignMode":true,"adminMode":false},"regions":{"strict":"*","visible":"*"},"consent":{"redirectOnDeny":false,"reloadOnConsent":false,"broadcastChannel":false,"redirectOnDenyUrl":"https://www.pandectes.io","shopify":true},"theme":{"logos":{"custom":false,"customWidget":false,"banner":"//ebdbarkeepersfriend.myshopify.com/cdn/shop/files/pandectes-banner-logo.png?v=1775854476","widget":"//ebdbarkeepersfriend.myshopify.com/cdn/shop/files/pandectes-reopen-logo.png?v=1775854476"},"mode":"light","border":0,"variables":":host { --float: 16px; --font-size: 14px; --duration: 250ms; --padding: 20px; --radius-dialog:8px; --radius-button:8px; --border-button: 2px; --font-family: inherit; --font-weight-button: 400; --color-base-100: oklch(100% 0 0);--color-base-200: oklch(97% 0 0);--color-base-300: oklch(94% 0 0);--color-base-content: oklch(7.6% 0 0);--color-primary: oklch(7.6% 0 0);--color-primary-content: oklch(100% 0 0);--color-secondary: oklch(7.6% 0 0);--color-secondary-content: oklch(100% 0 0);--color-accent: oklch(7.6% 0 0);--color-accent-content: oklch(100% 0 0);--color-neutral: oklch(7.6% 0 0);--color-neutral-content: oklch(100% 0 0);; }","shadows":true,"isModal":false,"scrollLock":false,"useAnimations":true,"focus":"off","buttons":{"size":"md","border":2,"radius":8,"variants":{"primary":"filled","secondary":"outlined"}},"zIndex":2147483647,"showPoweredBy":true},"close":{"triggers":[],"action":"dismiss","pixels":200,"timeout":10000},"language":{"multilingual":false,"detection":"locale","fallback":"en","supported":["en"],"allowChange":false},"widget":{"enabled":true,"position":"bottom left","action":"status","customTrigger":false},"dialogs":{"notice":{"style":{"type":"bar","layout":"horizontal","position":"bottom","animation":"animation-slide","size":300},"buttons":{"primary":["allow","deny"],"secondary":["preferences"]},"features":{"hideHeader":false,"alignCenter":false,"flipButtons":false,"expandableIntro":false,"inlineLinks":true}},"preferences":{"style":{"type":"drawer","layout":"horizontal-grouped","position":"bottom","animation":"animation-fade","size":500},"buttons":{"primary":["allow","deny"],"secondary":["custom"]},"features":{"flipButtons":false,"primarySave":false,"showCookies":false,"useCheckboxes":false,"expandableIntro":false,"showDescriptions":true,"inlineLinks":true}},"status":{"style":{"type":"box","layout":"vertical-grouped","size":400,"position":"bottom left","animation":"animation-fade"},"buttons":{"primary":["deny"],"secondary":["reopen"]},"features":{"flipButtons":false,"showStatusDetails":true}}},"links":{"links":[{"id":"policy","url":"/pages/privacy-policy"}],"target":"_blank","respectLocale":false},"storage":{"type":"http","domain":"","duration":365,"lastReset":1774890266},"texts":{"en":{"buttons":{"showLess":"Show less","showMore":"Show more"},"links":{"policy":"Privacy Policy","google":"Google's Privacy Terms","imprint":"Imprint"},"categories":[{"title":"Strictly necessary cookies","description":"The
1719se cookies are essential in order to enable you to move around the website and use its features, such as accessing secure areas of the website. The website cannot function properly without these cookies."},{"title":"Functional cookies","description":"These cookies enable the site to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly."},{"title":"Performance cookies","description":"These cookies enable us to monitor and improve the performance of our website. For example, they allow us to count visits, identify traffic sources and see which parts of the site are most popular."},{"title":"Targeting cookies","description":"These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites.    They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising."}],"notice":{"title":"We respect your privacy","message":"This website uses cookies to ensure you get the best experience.","dismiss":"Ok","allow":"Accept","deny":"Decline","preferences":"Preferences"},"preferences":{"title":"Manage consent preferences","message":"We use cookies to optimize website functionality, analyze the performance, and provide personalized experience to you. Some cookies are essential to make the website operate and function correctly. Those cookies cannot be disabled. In this window you can manage your preference of cookies.","cookieDetails":"Cookies details","alwaysActive":"Always allowed","deny":"Deny all","allow":"Accept all","custom":"Save preferences","dismiss":"Close"},"status":{"title":"Cookie settings","message":"Your current state","allow":"Accept all","deny":"Deny all","dismiss":"Close","reopen":"Change your consent","consentDate":"C
1719onsent date","consentId":"Your consent ID","hideDetails":"Hide details","showDetails":"Show details","noConsent":"No consent"},"declaration":{"name":"Name","type":"Type","vendor":"Provider","purpose":"Purpose","retention":"Retention","expirations":{"declSeconds":"seconds","declMinutes":"minutes","declHours":"hours","declDays":"days","declWeeks":"week(s)","declMonths":"months","declYears":"years","declSession":"Session"}},"cookies":{"cart":"Contains information related to the user's cart.","cart_currency":"Used after a checkout is completed to initialize a new empty cart with the same currency as the one just used.","discount_code":"Stores a discount code (received from an online store visit with a URL parameter) in order to the next checkout.","identity-state":"Stores state before redirecting customers to identity authentication.\t","keep_alive":"Used when international domain redirection is enabled to determine if a request is the first one of a session.","localization":"Used to localize the cart to the correct country.","login_with_
1719shop_finalize":"Used to facilitate login with Shop.","master_device_id":"Permanent device identifier.","order":"Used to allow access to the data of the order details page of the buyer.","shopify_override_user_locale":"Used as a mechanism to set User locale in admin.","shopify_pay":"Used to log in a buyer into Shop Pay when they come back to checkout on the same store.","shopify_pay_redirect":"Used to accelerate the checkout process when the buyer has a Shop Pay account.","shop_analytics":"Contains the required buyer information for analytics in Shop.","shop_pay_accelerated":"Indicates if a buyer is eligible for Shop Pay accelerated checkout.","storefront_digest":"Stores a digest of the storefront password, allowing merchants to preview their storefront while it's password protected.","user":"Used in connection with Shop login.","user_cross_site":"Used in connection with Shop login.","_ab":"Used to control when the admin bar is shown on the storefront.","_abv":"Persist the collapsed state of the admin bar.","_identity_session":"Contains the identity session identifier of the user.","_landing_page":"Capture the landing page of visitor when they come from other sites.","_master_udr":"Permanent device identifier.","_merchant_analytics":"Contains analytics data for the merchant session.","_merchant_essential":"Contains essential information for the correct functionality of merchant surfaces such as the admin area.","_orig_referrer":"Allows merchant to identify where people are visiting them from.","_shopify_analytics":"Contains analytics data for buyer surfaces such as the storefront or checkout.","_shopify_country":"Used for Plus shops where pricing currency/country is set from GeoIP by helping avoid GeoIP lookups after the first request.","_shopify_essential":"Contains essential information for the correct functionality of a store such as session and checkout information and anti-tampering data.","_shopify_essential_\t":"Contains an opaque token that is used to identify a device for all essential purposes.","_shopify_marketing":"Contains marketing data for buyer surfaces such as the storefront or checkout.","_shopify_s":"Used to identify a given browser session/shop combination. Duration is 30 minute rolling expiry of last use.","_shopify_y":"Shopify analytics.","_tracking_consent":"Used to store a user's preferences if a merchant has set up privacy rules in the visitor's region.","auth_state_*":"Stores state for customer authentication."}}},"categories":[{"bitwise":0},{"bitwise":1},{"bitwise":2},{"bitwise":4}],"cookies":[{"name":"_shopify_y","domain":".ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_shopify_s","domain":".ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_shopify_analytics","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_ab","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"localization","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_shopify_essential","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"master_device_id","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"storefront_digest","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_shopify_marketing","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"keep_alive","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"Session","unit":"declSeconds","expires":1},{"name":"_tracking_consent","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_shopify_country","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"cart_currency","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"2 week(s)","unit":"declWeeks","expires":2},{"name":"cart","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"2 week(s)","unit":"declWeeks","expires":2},{"name":"shopify_pay_redirect","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_orig_referrer","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":2,"retention":"2 week(s)","unit":"declWeeks","expires":2},{"name":"_landing_page","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":2,"retention":"2 week(s)","unit":"declWeeks","expires":2},{"name":"shopify_pay","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"discount_code","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"Session","unit":"declDays","expires":1},{"name":"shop_pay_accelerated","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"order","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"3 week(s)","unit":"declWeeks","expires":3}
1719,{"name":"login_with_shop_finalize","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"5 minute(s)","unit":"declMinutes","expires":5},{"name":"shop_analytics","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_abv","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_master_udr","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"Session","unit":"declSeconds","expires":1},{"name":"auth_state_*","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"25 minute(s)","unit":"declMinutes","expires":25},{"name":"user","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_identity_session","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"2 year(s)","unit":"declYears","expires":2},{"name":"identity-state","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 day(s)","unit":"declDays","expires":1},{"name":"user_cross_site","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_merchant_essential","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_shopify_essential_\t","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_merchant_analytics","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"shopify_override_user_locale","domain":"ebdbarkeepersfriend.myshopify.com","type":"http","vendor":"Shopify","category":1,"retention":"1 year(s)","unit":"declYears","expires":1}]};
1720        if (isLivePreview) {
1721          if (!window.pandectesBannerSettings.store) {
1722            window.pandectesBannerSettings.store = {};
1723          }
1724          window.pandectesBannerSettings.store.plan = 'enterprise';
1725        }
1726        
1727        function whenBodyReady(callback) {
1728          window.addEventListener('DOMContentLoaded', callback);
1729        }
1730        
1731
1732        whenBodyReady(function(){
1733          const element = document.createElement('pandectes-cmp');
1734          element.appData = window.pandectesBannerSettings;
1735          document.body.appendChild(element);
1736          appendLivePreviewScriptIfNeeded(previewUrl);
1737        });
1738
1739      })()
1740    </script>
1740
1741  
1742
1743
1744
1745
1746
1747<!-- END app block --><!-- BEGIN app block: shopify://apps/hulk-form-builder/blocks/app-embed/b6b8dd14-356b-4725-a4ed-77232212b3c3 --><!-- BEGIN app snippet: hulkapps-formbuilder-theme-ext -->
1747<script type="text/javascript">
1748  
1749  if (typeof window.formbuilder_customer != "object") {
1750        window.formbuilder_customer = {}
1751  }
1752
1753  
1754
1755  window.hulkFormBuilder = {
1756    form_data: {"form_3_qSeGvfYw7jpJMes-Vwgw":{"uuid":"3_qSeGvfYw7jpJMes-Vwgw","form_name":"Institutional Sales","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"redirect","after_submit_msg":"","captcha_enable":"no","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#333333","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#0026a8","button_border_radius":"20","form_width":"750px","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":0,"form_name":"Institutional Sales","form_access_message":"\u
1756003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","after_submit_url":"https:\/\/barkeepersfriend.com\/pages\/thank-you?form=institutional-sales","formElements":[{"Conditions":{},"type":"text","position":0,"label":"Name","placeholder":"First Name","halfwidth":"yes","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":1,"label":"Last Name","placeholder":"Last Name","halfwidth":"yes","required":"yes","page_number":1},{"type":"email","position":2,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"placeholder":"Your Email Address","page_number":1},{"Conditions":{},"type":"text","position":3,"label":"Company Name","placeholder":"Your Company Name","required":"yes","page_number":1},{"Conditions":{},"type":"select","position":4,"label":"Country","placeholder":"Select Your Country","option_sets":"country","values":"Afghanistan\nAlbania\nAlgeria\nAmerican Samoa\nAndorra\nAngola\nAnguilla\nAntarctica\nAntigua And Barbuda\nArgentina\nArmenia\nAruba\nAustralia\nAustria\nAzerbaijan\nThe Bahamas\nBahrain\nBangladesh\nBarbados\nBelarus\nBelgium\nBelize\nBenin\nBermuda\nBhutan\nBolivia\nBosnia and Herzegovina\nBotswana\nBouvet Island\nBrazil\nBritish Indian Ocean Territory\nBrunei\nBulgaria\nBurkina Faso\nBurundi\nCambodia\nCameroon\nCanada\nCape Verde\nCayman Islands\nCentral African Republic\nChad\nChile\nChina\nChristmas Island\nCocos (Keeling) Islands\nColombia\nComoros\nRepublic Of The Congo\nDemocratic Republic Of The Congo\nCook Islands\nCosta Rica\nCote D'Ivoire (Ivory Coast)\nCroatia (Hrvatska)\nCuba\nCyprus\nCzech Republic\nDenmark\nDjibouti\nDominica\nDominican Republic\nEast Timor\nEcuador\nEgypt\nEl Salvador\nEquatorial Guinea\nEritrea\nEstonia\nEthiopia\nExternal Territories of Australia\nFalkland Islands\nFaroe Islands\nFiji Islands\nFinland\nFrance\nFrench Guiana\nFrench Polynesia\nFrench Southern Territories\nGabon\nThe Gambia\nGeorgia\nGermany\nGhana\nGibraltar\nGreece\nGreenland\nGrenada\nGuadeloupe\nGuam\nGuatemala\nGuernsey and Alderney\nGuinea\nGuinea-Bissau\nGuyana\nHaiti\nHeard Island and McDonald Islands\nHonduras\nHong Kong S.A.R.\nHungary\nIceland\nIndia\nIndonesia\nIran\nIraq\nIreland\nIsrael\nItaly\nJamaica\nJapan\nJersey\nJordan\nKazakhstan\nKenya\nKiribati\nNorth Korea\nSouth Korea\nKuwait\nKyrgyzstan\nLaos\nLatvia\nLebanon\nLesotho\nLiberia\nLibya\nLiechtenstein\nLithuania\nLuxembourg\nMacau S.A.R.\nMacedonia\nMadagascar\nMalawi\nMalaysia\nMaldives\nMali\nMalta\nIsle of Man\nMarshall Islands\nMartinique\nMauritania\nMauritius\nMayotte\nMexico\nMicronesia\nMoldova\nMonaco\nMongolia\nMontserrat\nMorocco\nMozambique\nMyanmar\nNamibia\nNauru\nNepal\nNetherlands Antilles\nNetherlands\nNew Caledonia\nNew Zealand\nNicaragua\nNiger\nNigeria\nNiue\nNorfolk Island\nNorthern Mariana Islands\nNorway\nOman\nPakistan\nPalau\nPalestinian Territory Occupied\nPanama\nPapua New Guinea\nParaguay\nPeru\nPhilippines\nPitcairn Islands\nPoland\nPortugal\nPuerto Rico\nQatar\nReunion\nRomania\nRussia\nRwanda\nSaint Helena\nSaint Kitts And Nevis\nSaint Lucia\nSaint Pierre and Miquelon\nSaint Vincent And The Grenadines\nSamoa\nSan Marino\nSao Tome and Principe\nSaudi Arabia\nSenegal\nSerbia\nSeychelles\nSierra Leone\nSingapore\nSlovakia\nSlovenia\nSmaller Territories of UK\nSolomon Islands\nSomalia\nSouth Africa\nSouth Georgia\nSouth Sudan\nSpain\nSri Lanka\nSudan\nSuriname\nSvalbard And Jan Mayen Islands\nSwaziland\nSweden\nSwitzerland\nSyria\nTaiwan\nTajikistan\nTanzania\nThailand\nTogo\nTokelau\nTonga\nTrinidad And Tobago\nTunisia\nTurkey\nTurkmenistan\nTurks And Caicos Islands\nTuvalu\nUganda\nUkraine\nUnited Arab Emirates\nUnited Kingdom\nUnited States\nUnited States Minor Outlying Islands\nUruguay\nUzbekistan\nVanuatu\nVatican City(Holy See)\nVenezuela\nVietnam\nVirgin Islands (British)\nVirgin Islands (US)\nWallis And Futuna Islands\nWestern Sahara\nYemen\nYugoslavia\nZambia\nZimbabwe","elementCost":{},"page_number":1},{"Conditions":{},"type":"url","position":5,"label":"Website","placeholder":"https:\/\/","page_number":1},{"Conditions":{},"type":"textarea","position":6,"label":"Tell Us About Your Company Needs","placeholder":"Your Message...","required":"yes","page_number":1},{"Conditions":{},"type":"label","position":7,"label":"* indicates required field","page_number":1},{"Conditions":{},"type":"checkbox","position":8,"label":"I'd like to sign up for the Bar Keeper's Friend emails.","page_number":1,"klaviyoField":"accepts_marketing"}]},"is_spam_form":false,"shop_uuid":"ToPMc41PK7Emc4UwVcHqWg","shop_timezone":"America\/New_York","shop_id":167105,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"ebdbarkeepersfriend.myshopify.com","popup_settings":{},"form_is_active":true},"form_AAwgR83_PotYBTz6xH6LFg":{"uuid":"AAwgR83_PotYBTz6xH6LFg","form_name":"International Sales","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"redirect","after_submit_msg":"","captcha_enable":"no","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#333333","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#0026a8","button_border_radius":"20","form_width":"750px","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":0,"form_name":"International Sales","form_access_message":"\u
1756003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","after_submit_url":"https:\/\/barkeepersfriend.com\/pages\/thank-you?form=international-sales","formElements":[{"Conditions":{},"type":"text","position":0,"label":"Name","placeholder":"First Name","halfwidth":"yes","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":1,"label":"Last Name","placeholder":"Last Name","halfwidth":"yes","required":"yes","page_number":1},{"type":"email","position":2,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"placeholder":"Your Email Address","page_number":1},{"Conditions":{},"type":"text","position":3,"label":"Company Name","placeholder":"Your Company Name","required":"yes","page_number":1},{"Conditions":{},"type":"select","position":4,"label":"Country","placeholder":"Select Your Country","option_sets":"country","values":"Afghanistan\nAlbania\nAlgeria\nAmerican Samoa\nAndorra\nAngola\nAnguilla\nAntarctica\nAntigua And Barbuda\nArgentina\nArmenia\nAruba\nAustralia\nAustria\nAzerbaijan\nThe Bahamas\nBahrain\nBangladesh\nBarbados\nBelarus\nBelgium\nBelize\nBenin\nBermuda\nBhutan\nBolivia\nBosnia and Herzegovina\nBotswana\nBouvet Island\nBrazil\nBritish Indian Ocean Territory\nBrunei\nBulgaria\nBurkina Faso\nBurundi\nCambodia\nCameroon\nCanada\nCape Verde\nCayman Islands\nCentral African Republic\nChad\nChile\nChina\nChristmas Island\nCocos (Keeling) Islands\nColombia\nComoros\nRepublic Of The Congo\nDemocratic Republic Of The Congo\nCook Islands\nCosta Rica\nCote D'Ivoire (Ivory Coast)\nCroatia (Hrvatska)\nCuba\nCyprus\nCzech Republic\nDenmark\nDjibouti\nDominica\nDominican Republic\nEast Timor\nEcuador\nEgypt\nEl Salvador\nEquatorial Guinea\nEritrea\nEstonia\nEthiopia\nExternal Territories of Australia\nFalkland Islands\nFaroe Islands\nFiji Islands\nFinland\nFrance\nFrench Guiana\nFrench Polynesia\nFrench Southern Territories\nGabon\nThe Gambia\nGeorgia\nGermany\nGhana\nGibraltar\nGreece\nGreenland\nGrenada\nGuadeloupe\nGuam\nGuatemala\nGuernsey and Alderney\nGuinea\nGuinea-Bissau\nGuyana\nHaiti\nHeard Island and McDonald Islands\nHonduras\nHong Kong S.A.R.\nHungary\nIceland\nIndia\nIndonesia\nIran\nIraq\nIreland\nIsrael\nItaly\nJamaica\nJapan\nJersey\nJordan\nKazakhstan\nKenya\nKiribati\nNorth Korea\nSouth Korea\nKuwait\nKyrgyzstan\nLaos\nLatvia\nLebanon\nLesotho\nLiberia\nLibya\nLiechtenstein\nLithuania\nLuxembourg\nMacau S.A.R.\nMacedonia\nMadagascar\nMalawi\nMalaysia\nMaldives\nMali\nMalta\nIsle of Man\nMarshall Islands\nMartinique\nMauritania\nMauritius\nMayotte\nMexico\nMicronesia\nMoldova\nMonaco\nMongolia\nMontserrat\nMorocco\nMozambique\nMyanmar\nNamibia\nNauru\nNepal\nNetherlands Antilles\nNetherlands\nNew Caledonia\nNew Zealand\nNicaragua\nNiger\nNigeria\nNiue\nNorfolk Island\nNorthern Mariana Islands\nNorway\nOman\nPakistan\nPalau\nPalestinian Territory Occupied\nPanama\nPapua New Guinea\nParaguay\nPeru\nPhilippines\nPitcairn Islands\nPoland\nPortugal\nPuerto Rico\nQatar\nReunion\nRomania\nRussia\nRwanda\nSaint Helena\nSaint Kitts And Nevis\nSaint Lucia\nSaint Pierre and Miquelon\nSaint Vincent And The Grenadines\nSamoa\nSan Marino\nSao Tome and Principe\nSaudi Arabia\nSenegal\nSerbia\nSeychelles\nSierra Leone\nSingapore\nSlovakia\nSlovenia\nSmaller Territories of UK\nSolomon Islands\nSomalia\nSouth Africa\nSouth Georgia\nSouth Sudan\nSpain\nSri Lanka\nSudan\nSuriname\nSvalbard And Jan Mayen Islands\nSwaziland\nSweden\nSwitzerland\nSyria\nTaiwan\nTajikistan\nTanzania\nThailand\nTogo\nTokelau\nTonga\nTrinidad And Tobago\nTunisia\nTurkey\nTurkmenistan\nTurks And Caicos Islands\nTuvalu\nUganda\nUkraine\nUnited Arab Emirates\nUnited Kingdom\nUnited States\nUnited States Minor Outlying Islands\nUruguay\nUzbekistan\nVanuatu\nVatican City(Holy See)\nVenezuela\nVietnam\nVirgin Islands (British)\nVirgin Islands (US)\nWallis And Futuna Islands\nWestern Sahara\nYemen\nYugoslavia\nZambia\nZimbabwe","elementCost":{},"page_number":1},{"Conditions":{},"type":"url","position":5,"label":"Website","placeholder":"https:\/\/","page_number":1},{"Conditions":{},"type":"textarea","position":6,"label":"Tell me about your distribution needs","placeholder":"Your Message...","required":"yes","page_number":1},{"Conditions":{},"type":"label","position":7,"label":"* indicates required field","page_number":1},{"Conditions":{},"type":"checkbox","position":8,"label":"I'd like to sign up for the Bar Keeper's Friend emails.","page_number":1,"klaviyoField":"accepts_marketing"}]},"is_spam_form":false,"shop_uuid":"ToPMc41PK7Emc4UwVcHqWg","shop_timezone":"America\/New_York","shop_id":167105,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"ebdbarkeepersfriend.myshopify.com","popup_settings":{},"form_is_active":true},"form_fLcDLpqTKvqItxBW4uiRGQ":{"uuid":"fLcDLpqTKvqItxBW4uiRGQ","form_name":"GE Offer","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"SUB
1756MIT","after_submit":"redirect","after_submit_msg":"","captcha_enable":"yes","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#f9f9f9","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#0026a8","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#0026a8","button_border_radius":"20","form_width":"720px","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"15","input_font_size":"12","button_font_size":"18","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":0,"form_name":"GE Offer","form_access_message":"\u003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","captcha_honeypot":"no","captcha_version_3_enable":"no","label_fonts_type":"Google Fonts","after_submit_url":"https:\/\/barkeepersfriend.com\/pages\/thank-you?form=ge-offer","formElements":[{"type":"text","position":0,"label":"First Name","customClass":"","halfwidth":"yes","Conditions":{},"page_number":1,"required":"yes"},{"type":"text","position":1,"label":"Last Name","halfwidth":"yes","Conditions":{},"page_number":1,"required":"yes"},{"type":"email","position":2,"label":"Email","required":"yes","email_confirm":"no","Conditions":{},"page_number":1,"email_validate_field":"no","confirm_value":"no"},{"Conditions":{},"type":"address","position":3,"label":"Address","page_number":1,"required":"yes"},{"Conditions":{},"type":"checkbox","position":4,"label":"I’d like to sign up for the Bar Keeper’s Friend emails.","page_number":1},{"Conditions":{},"type":"text","position":5,"label":"GE Model Number","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":6,"label":"GE serial Number","required":"yes","page_number":1},{"Conditions":{},"type":"file","position":7,"label":"Upload your GE Receipt","page_number":1,"required":"yes"}]},"is_spam_form":false,"shop_uuid":"ToPMc41PK7Emc4UwVcHqWg","shop_timezone":"America\/New_York","shop_id":167105,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"ebdbarkeepersfriend.myshopify.com","popup_settings":{},"form_is_active":true},"form_j8Lo-lgOmYjjHJhCtlTdVA":{"uuid":"j8Lo-lgOmYjjHJhCtlTdVA","form_name":"Reseller","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"redirect","after_submit_msg":"","captcha_enable":"no","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#333333","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#0026a8","button_border_radius":"20","form_width":"700px","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":0,"form_name":"Reseller","form_access_message":"\u
1756003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","after_submit_url":"https:\/\/barkeepersfriend.com\/pages\/thank-you?form=reseller-application","formElements":[{"Conditions":{},"type":"text","position":0,"label":"Seller First Name","placeholder":"First","halfwidth":"yes","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":1,"label":"Seller Last Name","halfwidth":"yes","required":"yes","placeholder":"Last","page_number":1},{"type":"email","position":2,"label":"Seller Email","required":"yes","email_confirm":"yes","Conditions":{},"page_number":1},{"Conditions":{},"type":"phone","position":3,"label":"Seller Phone","placeholder":"Phone","required":"yes","page_number":1},{"Conditions":{},"type":"address","position":4,"label":"Address","required":"yes","page_number":1},{"Conditions":{},"type":"url","position":5,"label":"Websites\/URL\/Online DBA","infoMessage":"Please include all marketplaces","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":6,"label":"Where do you usually purchase BKF products?","required":"yes","page_number":1},{"Conditions":{},"type":"textarea","position":7,"label":"Please provide\/attach details of your marketing plan for selling Bar Keepers Friend products","required":"yes","page_number":1},{"Conditions":{},"type":"file","position":8,"label":"Marketing Plans","enable_drag_and_drop":"yes","sublabel":"Drop files here or","browse_btn":"Select files","page_number":1}]},"is_spam_form":false,"shop_uuid":"ToPMc41PK7Emc4UwVcHqWg","shop_timezone":"America\/New_York","shop_id":167105,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"ebdbarkeepersfriend.myshopify.com","popup_settings":{},"form_is_active":true},"form_RA8KOTqZP-LNaPsx_Ckn0w":{"uuid":"RA8KOTqZP-LNaPsx_Ckn0w","form_name":"Collab Request","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"redirect","after_submit_msg":"","captcha_enable":"no","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#333333","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#0026a8","button_border_radius":"20","form_width":"720px","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":0,"form_name":"Collab Request","form_access_message":"\u
1756003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","captcha_honeypot":"no","captcha_align":"center","captcha_version_3_enable":"no","after_submit_url":"https:\/\/barkeepersfriend.com\/pages\/thank-you?form=collaboration-request","formElements":[{"type":"text","position":0,"label":"First Name","customClass":"","halfwidth":"yes","Conditions":{},"page_number":1,"required":"yes"},{"type":"text","position":1,"label":"Last Name","halfwidth":"yes","Conditions":{},"page_number":1,"required":"yes"},{"type":"email","position":2,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"page_number":1},{"type":"textarea","position":3,"label":"Tell Us About Yourself","required":"yes","Conditions":{},"inputHeight":"100","page_number":1},{"Conditions":{},"type":"headings","position":4,"label":"Label (16)","headings":"\u003ch2\u003eMedia Kit\u003c\/h2\u003e\n","page_number":1},{"Conditions":{},"type":"file","position":5,"label":"Choose a File","page_number":1,"infoMessage":"max. file size:  100 MB"},{"Conditions":{},"type":"headings","position":6,"label":"Label (5)","headings":"\u003ch2\u003e\u003cstrong\u003eSOCIAL MEDIA INFO\u003c\/strong\u003e\u003c\/h2\u003e\n","page_number":1},{"Conditions":{},"type":"text","position":7,"label":"Instagram","placeholder":"IG Profile Direct Link","halfwidth":"yes","page_number":1},{"Conditions":{},"type":"text","position":8,"label":"IG","placeholder":"IG Follower Count","halfwidth":"yes","page_number":1},{"Conditions":{},"type":"url","position":9,"label":"TikTok","page_number":1,"placeholder":"TikTok Profile Direct Link"},{"Conditions":{},"type":"url","position":10,"label":"Facebook ","placeholder":"Facebook Profile Direct Link","page_number":1},{"Conditions":{},"type":"url","position":11,"label":"Youtube","placeholder":"Profile Direct Link","page_number":1},{"Conditions":{},"type":"select","position":12,"label":"How did you hear about us?","values":"Instagram\nFacebook","elementCost":{},"other_value":"no","page_number":1},{"Conditions":{},"type":"multipleCheckbox","position":13,"label":"What Is Your Favorite Bar Keeper′s Friend Product?","values":"Original Powder Cleanser\nMORE Spray + Foam\nCoffee Maker Cleaner\nStainless Steel Cleaner \u0026 Polish\nCoffee Maker Descaler\nCookware Polish \u0026 Cleanser\nSoft Cleanser\nCooktop Cleaner\nEZ-Flush\nGranite \u0026 Stone Cleaner \u0026 Polish\nToilet Bowl Cleaner","elementCost":{},"infoMessage":"(Select All That Apply)","page_number":1,"align":"vertical"},{"Conditions":{},"type":"space","position":14,"label":"Label (15)","page_number":1},{"Conditions":{},"type":"checkbox","position":15,"label":"I’d like to sign up for the Bar Keeper’s Friend newsletter","page_number":1,"result_in_yes_no":"no","klaviyoField":"accepts_marketing"}]},"is_spam_form":false,"shop_uuid":"ToPMc41PK7Emc4UwVcHqWg","shop_timezone":"America\/New_York","shop_id":167105,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"ebdbarkeepersfriend.myshopify.com","popup_settings":{},"form_is_active":true},"form__YmAb0xe9v6-3Zc3WPklxQ":{"uuid":"_YmAb0xe9v6-3Zc3WPklxQ","form_name":"Contact","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"redirect","after_submit_msg":"","captcha_enable":"no","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#333333","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#0026a8","button_border_radius":"20","form_width":"600px","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":0,"form_name":"Contact","form_access_message":"\u
1756003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","after_submit_url":"https:\/\/barkeepersfriend.com\/pages\/thank-you?form=contact","formElements":[{"type":"text","position":0,"label":"First Name","customClass":"","halfwidth":"yes","Conditions":{},"page_number":1,"required":"yes"},{"type":"text","position":1,"label":"Last Name","halfwidth":"yes","Conditions":{},"page_number":1,"required":"yes"},{"type":"email","position":2,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"page_number":1},{"Conditions":{},"type":"select","position":3,"label":"State","required":"yes","option_sets":"state","values":"Alabama\nAlaska\nArizona\nArkansas\nByram\nCalifornia\nCokato\nColorado\nConnecticut\nDelaware\nDistrict of Columbia\nFlorida\nGeorgia\nHawaii\nIdaho\nIllinois\nIndiana\nIowa\nKansas\nKentucky\nLouisiana\nLowa\nMaine\nMaryland\nMassachusetts\nMedfield\nMichigan\nMinnesota\nMississippi\nMissouri\nMontana\nNebraska\nNevada\nNew Hampshire\nNew Jersey\nNew Jersy\nNew Mexico\nNew York\nNorth Carolina\nNorth Dakota\nOhio\nOklahoma\nOntario\nOregon\nPennsylvania\nRamey\nRhode Island\nSouth Carolina\nSouth Dakota\nSublimity\nTennessee\nTexas\nTrimble\nUtah\nVermont\nVirginia\nWashington\nWest Virginia\nWisconsin\nWyoming","elementCost":{},"option_country":"475","page_number":1},{"Conditions":{},"type":"select","position":4,"label":"Product","required":"yes","values":"Original Powder Cleanser\nSoft Cleanser\nMORE Spray + Foam\nCooktop Cleaner\nCoffee Maker Cleaner\nEZ-Flush\nStainless Steel Cleaner \u0026 Polish\nGranite \u0026 Stone Cleaner \u0026 Polish\nCoffee Maker Descaler\nToilet Bowl Cleaner\nCookware Polish \u0026 Cleanser\nOther \/ General question","elementCost":{},"placeholder":"Select Your Product","page_number":1},{"type":"textarea","position":5,"label":"Message","required":"yes","Conditions":{},"page_number":1},{"Conditions":{},"type":"checkbox","position":6,"label":"I′d like to sign up for the Bar Keepers Friend newsletter","page_number":1,"klaviyoField":"accepts_marketing"}]},"is_spam_form":false,"shop_uuid":"ToPMc41PK7Emc4UwVcHqWg","shop_timezone":"America\/New_York","shop_id":167105,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"ebdbarkeepersfriend.myshopify.com","popup_settings":{},"form_is_active":true}},
1757    shop_data: {"shop_ToPMc41PK7Emc4UwVcHqWg":{"shop_uuid":"ToPMc41PK7Emc4UwVcHqWg","shop_timezone":"America\/New_York","shop_id":167105,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"ebdbarkeepersfriend.myshopify.com","shop_created_at":"2026-03-28T21:29:33.095-05:00","is_skip_metafield":false,"shop_deleted":false,"shop_disabled":false}},
1758    settings_data: {"shop_settings":{"shop_customise_msgs":[],"default_customise_msgs":{"is_required":"is required","thank_you":"Thank you! The form was submitted successfully.","processing":"Processing...","valid_data":"Please provide valid data","valid_email":"Provide valid email format","valid_tags":"HTML Tags are not allowed","valid_phone":"Provide valid phone number","valid_captcha":"Please provide a valid CAPTCHA response.","valid_url":"Provide valid URL","only_number_alloud":"Provide valid number in","number_less":"must be less than","number_more":"must be more than","image_must_less":"Image must be less than 20MB","image_number":"Images allowed","image_extension":"Invalid extension! Please provide image file","error_image_upload":"Error in image upload. Please try again.","error_file_upload":"Error in file upload. Please try again.","your_response":"Your response","error_form_submit":"Error occur.Please try again after sometime.","email_submitted":"Form with this email is already submitted","invalid_email_by_zerobounce":"The email address you entered appears to be invalid. Please check it and try again.","download_file":"Download file","card_details_invalid":"Your card details are invalid","card_details":"Card details","please_enter_card_details":"Please enter card details","card_number":"Card number","exp_mm":"Exp MM","exp_yy":"Exp YY","crd_cvc":"CVV","payment_value":"Payment amount","please_enter_payment_amount":"Please enter a payment amount.","address1":"Address line 1","address2":"Address line 2","city":"City","province":"Province","zipcode":"Zip code","country":"Country","blocked_domain":"This form does not accept addresses from","file_must_less":"File must be less than 20MB","file_extension":"Invalid extension! Please provide file","only_file_number_alloud":"files allowed","previous":"Previous","next":"Next","must_have_a_input":"Please enter at least one field.","please_enter_required_data":"Please enter required data","atleast_one_special_char":"Include at least one special character","atleast_one_lowercase_char":"Include at least one lowercase character","atleast_one_uppercase_char":"Include at least one uppercase character","atleast_one_number":"Include at least one number","must_have_8_chars":"Must have 8 characters long","be_between_8_and_12_chars":"Be between 8 and 12 characters long","please_select":"Please Select","phone_submitted":"Form with this phone number is already submitted","user_res_parse_error":"Error while submitting the form","valid_same_values":"values must be the same","product_choice_clear_selection":"Clear Selection","picture_choice_clear_selection":"Clear Selection","remove_all_for_file_image_upload":"Remove All","invali
1758d_file_type_for_image_upload":"You can't upload files of this type.","invalid_file_type_for_signature_upload":"You can't upload files of this type.","max_files_exceeded_for_file_upload":"You can not upload any more files.","max_files_exceeded_for_image_upload":"You can not upload any more files.","file_already_exist":"File already uploaded","max_limit_exceed":"You have added the maximum number of text fields.","cancel_upload_for_file_upload":"Cancel upload","cancel_upload_for_image_upload":"Cancel upload","cancel_upload_for_signature_upload":"Cancel upload"}}},
1759    features_data: {"shop_plan_features":{"shop_plan_features":["unlimited-forms","full-design-customization","export-form-submissions","multiple-recipients-for-form-submissions","multiple-admin-notifications","enable-captcha","unlimited-file-uploads","save-submitted-form-data","set-auto-response-message","conditional-logic","form-banner","save-as-draft-facility","include-user-response-in-admin-email","disable-form-submission","mail-platform-integration","stripe-payment-integration","pre-built-templates","create-customer-account-on-shopify","google-analytics-3-by-tracking-id","facebook-pixel-id","bing-uet-pixel-id","advanced-js","advanced-css","api-available","customize-form-message","hidden-field","restrict-from-submissions-per-one-user","utm-tracking","ratings","privacy-notices","heading","paragraph","shopify-flow-trigger","domain-setup","block-domain","address","html-code","form-schedule","after-submit-script","customize-form-scrolling","on-form-submission-record-the-referrer-url","password","duplicate-the-forms","include-user-response-in-auto-responder-email","elements-add-ons","admin-and-auto-responder-email-with-tokens","email-export","premium-support","google-analytics-4-by-measurement-id","google-ads-for-tracking-conversion","validation-field","load_form_as_popup","advanced_conditional_logic","forms-limit","submissions-visibility-limit","file-upload"]}},
1760    shop: null,
1761    shop_id: null,
1762    plan_features: null,
1763    validateDoubleQuotes: false,
1764    assets: {
1765      searchableDropdown: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/searchable-dropdown.js",
1766      extraFunctions: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/extra-functions.js",
1767      extraStyles: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/extra-styles.css",
1768      bootstrapStyles: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/theme-app-extension-bootstrap.css",
1769    },
1770    translations: {
1771      htmlTagNotAllowed: "HTML Tags are not allowed",
1772      sqlQueryNotAllowed: "SQL Queries are not allowed",
1773      doubleQuoteNotAllowed: "Double quotes are not allowed",
1774      
1775      maxTextFieldsReached: "You have added the maximum number of text fields.",
1776      
1777
1778      
1779      zerobounceApiErrorMsg: "We couldn\u0026#39;t verify your email due to a technical issue. Please try again later.",
1780    }
1781
1782  }
1783
1784  
1785
1786  window.FbThemeAppExtSettingsHash = {}
1787  
1788</script>
1788<!-- END app snippet --><!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801  
1801<script async src="https://static.klaviyo.com/onsite/js/XNKBrN/klaviyo.js?company_id=XNKBrN"></script>
1801
1802  
1802<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1802
1803
1804  
1805
1806
1807
1808
1809  
1809<script>
1810    window.klaviyoReviewsProductDesignMode = false
1811  </script>
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821<!-- END app block -->
1821<script src="https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/form-builder-script.js" type="text/javascript" defer="defer"></script>
1821
1822<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1823<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 86769598498,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1823
1823
1824<script>
1825  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1826</script>
vendor: 1 bytes, line 1826
1826
1827<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1827).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 86769598498,storefrontBaseUrl: "https://barkeepersfriend.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://barkeepersfriend.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2481422370","configuration":"{\"pixel_id\":\"1405741333046942\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2414411810","configuration":"{\"configuration\":\"{\\\"should_include_tax_charges\\\": false, \\\"should_track_page_view_enabled\\\": true, \\\"should_include_shipping_charges\\\": false, \\\"supported_content_id_pattern\\\": \\\"VARIANT_ID\\\", \\\"is_visitor_consent_tracking_enabled\\\": false}\",\"pixelEvents\":\"{}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"78fb0d57f47667786f23934eae6204b3","type":"APP","apiClientId":43967250433,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1827,"dataSharingState":"unrestricted"},{"id":"2307817506","configuration":"{\"accountID\":\"XNKBrN\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Bar Keeper's Friend","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"ebdbarkeepersfriend.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/barkeepersfriend.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8333743882274","handle":"cleanser","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45058195062818","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8352394149922","handle":"soft-cleanser","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45109296594978","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8352883965986","handle":"superior-multi-purpose-cleaner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45110928048162","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8352391331874","handle":"cookware-cleaner-and-polish","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45109245706274","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8354439954466","handle":"coffee-maker-cleaner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45114957758498","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8352892256290","handle":"stainless-steel-cleaner-polish","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45110941351970","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8354440151074","handle":"coffee-maker-descaler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45114957987874","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8354441003042","handle":"toilet-bowl-cleaner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45114961821730","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8354439036962","handle":"ez-flush","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45114956185634","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8354438152226","handle":"granite-stone-cleaner-polish","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45114949206050","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8352415481890","handle":"cooktop-cleaner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45109376417826","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://barkeepersfriend.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"190055055394","themePublished":"true","eventMetadataId":"d940dbbd-d551-46d3-82af-934dba570d20","pageType":"home","shopId":"86769598498","storefrontBaseUrl":"https:\/\/barkeepersfriend.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1827<script>
1828  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1829  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1830  window.ShopifyAnalytics.meta.currency = 'USD';
1831  var meta = {"page":{"pageType":"home","requestId":"b74a99ad-8e6f-4cfd-a8e8-387ac54b5353-1790923307"}};
1832  for (var attr in meta) {
1833    window.ShopifyAnalytics.meta[attr] = meta[attr];
1834  }
1835</script>
vendor: 1 bytes, line 1835
1835
1836<script class="analytics">
1837  (function () {
1838    var customDocumentWrite = function(content) {
1839      var jquery = null;
1840
1841      if (window.jQuery) {
1842        jquery = window.jQuery;
1843      } else if (window.Checkout && window.Checkout.$) {
1844        jquery = window.Checkout.$;
1845      }
1846
1847      if (jquery) {
1848        jquery('body').append(content);
1849      }
1850    };
1851
1852    var hasLoggedConversion = function(token) {
1853      if (token) {
1854        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1855      }
1856      return false;
1857    }
1858
1859    var setCookieIfConversion = function(token) {
1860      if (token) {
1861        var twoMonthsFromNow = new Date(Date.now());
1862        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1863
1864        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1865      }
1866    }
1867
1868    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1869    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1870    if (trekkie.integrations) {
1871      return;
1872    }
1873    trekkie.methods = [
1874      'identify',
1875      'page',
1876      'ready',
1877      'track',
1878      'trackForm',
1879      'trackLink'
1880    ];
1881    trekkie.factory = function(method) {
1882      return function() {
1883        var args = Array.prototype.slice.call(arguments);
1884        args.unshift(method);
1885        trekkie.push(args);
1886        if (method == 'track' || method == 'page') {
1887          var pageUrl;
1888          try {
1889            pageUrl = window.location.href;
1890          } catch (e) {}
1891          var pageReferrer;
1892          try {
1893            pageReferrer = document.referrer;
1894          } catch (e) {}
1895          try {
1896            if (window.__TREKKIE_SHIM_QUEUE == null) {
1897              window.__TREKKIE_SHIM_QUEUE = [];
1898            }
1899            window.__TREKKIE_SHIM_QUEUE.push({
1900              from: 'trekkie-stub',
1901              method: method,
1902              args: args.slice(1),
1903              pageContext: {
1904                url: pageUrl,
1905                referrer: pageReferrer
1906              }
1907            });
1908          } catch (e) {
1909            // no-op
1910          }
1911        }
1912        return trekkie;
1913      };
1914    };
1915    for (var i = 0; i < trekkie.methods.length; i++) {
1916      var key = trekkie.methods[i];
1917      trekkie[key] = trekkie.factory(key);
1918    }
1919    trekkie.load = function(config) {
1920      trekkie.config = config || {};
1921      trekkie.config.initialDocumentCookie = document.cookie;
1922      var first = document.getElementsByTagName('script')[0];
1923var script = document.createElement('script');
1924script.type = 'text/javascript';
1925script.onerror = function(e) {
1926  var scriptFallback = document.createElement('script');
1927  scriptFallback.type = 'text/javascript';
1928  scriptFallback.onerror = function(error) {
1929          var Monorail = {
1930      produce: function produce(monorailDomain, schemaId, payload) {
1931        var currentMs = new Date().getTime();
1932        var event = {
1933          schema_id: schemaId,
1934          payload: payload,
1935          metadata: {
1936            event_created_at_ms: currentMs,
1937            event_sent_at_ms: currentMs
1938          }
1939        };
1940        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1941      },
1942      sendRequest: function sendRequest(endpointUrl, payload) {
1943        // Try the sendBeacon API
1944        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1945          var blobData = new window.Blob([payload], {
1946            type: 'text/plain'
1947          });
1948
1949          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1950            return true;
1951          } // sendBeacon was not successful
1952
1953        } // XHR beacon
1954
1955        var xhr = new XMLHttpRequest();
1956
1957        try {
1958          xhr.open('POST', endpointUrl);
1959          xhr.setRequestHeader('Content-Type', 'text/plain');
1960          xhr.send(payload);
1961        } catch (e) {
1962          console.log(e);
1963        }
1964
1965        return false;
1966      },
1967      isIos12: function isIos12() {
1968        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1969      }
1970    };
1971    Monorail.produce('monorail-edge.shopifysvc.com',
1972      'trekkie_storefront_load_errors/1.1',
1973      {shop_id: 86769598498,
1974      theme_id: 190055055394,
1975      app_name: "storefront",
1976      context_url: window.location.href,
1977      source_url: "//barkeepersfriend.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1978
1979  };
1980  scriptFallback.async = true;
1981  scriptFallback.src = '//barkeepersfriend.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1982  first.parentNode.insertBefore(scriptFallback, first);
1983};
1984script.async = true;
1985script.src = '//barkeepersfriend.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1986first.parentNode.insertBefore(script, first);
1987
1988    };
1989    trekkie.load(
1990      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":86769598498,"isMerchantRequest":null,"themeId":190055055394,"themeCityHash":"3171528277614865342","contentLanguage":"en","currency":"USD","eventMetadataId":"d940dbbd-d551-46d3-82af-934dba570d20"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1991    );
1992
1993    var loaded = false;
1994    trekkie.ready(function() {
1995      if (loaded) return;
1996      loaded = true;
1997
1998      window.ShopifyAnalytics.lib = window.trekkie;
1999
2000      var originalDocumentWrite = document.write;
2001      document.write = customDocumentWrite;
2002      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2003      document.write = originalDocumentWrite;
2004
2005      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2006      var token = match? match[1]: undefined;
2007      if (!hasLoggedConversion(token)) {
2008        setCookieIfConversion(token);
2009        
2010      }
2011    });
2012
2013    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"b74a99ad-8e6f-4cfd-a8e8-387ac54b5353-1790923307","shopifyEmitted":true});
2014
2015    var eventsListenerScript = document.createElement('script');
2016    eventsListenerScript.async = true;
2017    eventsListenerScript.src = "//barkeepersfriend.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2018    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2019})();</script>
vendor: 1 bytes, line 2019
2019
2020<script
2021  defer
2022  src="https://barkeepersfriend.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2023  data-application="storefront-renderer"
2024  data-shop-id="86769598498"
2025  data-render-region="gcp-us-central1"
2026  data-page-type="index"
2027  data-theme-instance-id="190055055394"
2028  data-theme-name="Horizon"
2029  data-theme-version="3.4.0"
2030  data-monorail-region="shop_domain"
2031  data-resource-timing-sampling-rate="10"
2032  data-shs="true"
2033  data-shs-beacon="true"
2034  data-shs-export-with-fetch="true"
2035  data-shs-logs-sample-rate="1"
2036  data-shs-beacon-endpoint="https://barkeepersfriend.com/api/collect"
2037></script>
2037
2038<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822480907000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790925107000"><meta name="new-cookie-storage-activated" content="t">
2039</head>
2040
2041  <body class="page-width-normal card-hover-effect-none">
2042    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 2042-2043
2042
2043    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2043GTM-NHN88RHR
vendor: 87 bytes, lines 2043-2044
2043" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2044    
2044<!-- End Google Tag Manager (noscript) -->
2045    <a
2046  class="skip-to-content-link button-secondary"
2047  href="#MainContent"
2048>
2049  Skip to content
2050</a>
2051
2052
2053
2054
2055    
2056
2057
2058    <div id="header-group">
2059      <!-- BEGIN sections: header-group -->
2060<div id="shopify-section-sections--28046235271202__bkf_header" class="shopify-section shopify-section-group-header-group section-wrapper">
2061
2062
2063<header
2064  class="bkf-header"
2065  id="mainHeader-sections--28046235271202__bkf_header"
2066  style="--bkf-header-height: 101px; --bkf-header-height-mobile: 80px; --bkf-nav-font-size: 22px; --bkf-cta-font-size: 23px; --bkf-search-font-size: 18px; --bkf-logo-height-desktop: 82px; --bkf-logo-height-mobile: 70px;"
2067  data-bkf-header
2068  data-section-id="sections--28046235271202__bkf_header"
2069>
2070  <div class="bkf-header__inner">
2071    <div class="bkf-header__start">
2072      <div class="bkf-header__brand">
2073        <a href="/" class="bkf-header__logo">
2074          
2075            <img src="//barkeepersfriend.com/cdn/shop/files/logo.svg?v=1773255973&amp;width=164" alt="Bar Keeper&#39;s Friend" srcset="//barkeepersfriend.com/cdn/shop/files/logo.svg?v=1773255973&amp;width=150 150w" width="164" height="166" loading="eager" sizes="(max-width: 1023px) 70px, 82px" class="bkf-header__logo-img">
2076          
2077        </a>
2078      </div>
2079
2080      <nav class="bkf-header__nav" aria-label="Primary">
2081      
2082        
2083          
2084          
2085            
2086          
2087            
2088          
2089            
2090              
2091              
2092              
2093                
2094                
2095          
2096            <div class="bkf-header__nav-item bkf-header__nav-item--has-submenu" data-bkf-submenu>
2097              <a
2098                href="/collections/all"
2099                class="bkf-header__nav-link"
2100                
2101                aria-expanded="false"
2102                aria-haspopup="true"
2103                aria-controls="bkf-submenu-sections--28046235271202__bkf_header-1"
2104                id="bkf-submenu-trigger-sections--28046235271202__bkf_header-1"
2105              >
2106                shop products
2107              </a>
2108              <div
2109                class="bkf-header__submenu"
2110                id="bkf-submenu-sections--28046235271202__bkf_header-1"
2111                aria-labelledby="bkf-submenu-trigger-sections--28046235271202__bkf_header-1"
2112              >
2113                <div class="bkf-header__submenu-inner">
2114                  
2115
2116
2117
2118
2119
2120
2121
2122
2123
2124  
2125  <div class="bkf-header__submenu-tabs" data-bkf-submenu-tabs>
2126    <div class="bkf-header__submenu-tablist" role="tablist">
2127      
2128        <button
2129          type="button"
2130          class="bkf-header__submenu-tab bkf-header__submenu-tab--active"
2131          role="tab"
2132          aria-selected="true"
2133          tabindex="0"
2134          aria-controls="bkf-submenu-panel-sections--28046235271202__bkf_header-1-0"
2135          id="bkf-submenu-tab-sections--28046235271202__bkf_header-1-0"
2136          data-bkf-submenu-tab
2137        >
2138          Shop by Surface
2139        </button>
2140      
2141        <button
2142          type="button"
2143          class="bkf-header__submenu-tab "
2144          role="tab"
2145          aria-selected="false"
2146          tabindex="-1"
2147          aria-controls="bkf-submenu-panel-sections--28046235271202__bkf_header-1-1"
2148          id="bkf-submenu-tab-sections--28046235271202__bkf_header-1-1"
2149          data-bkf-submenu-tab
2150        >
2151          Shop by Rooms
2152        </button>
2153      
2154    </div>
2155
2156    
2157      <div
2158        class="bkf-header__submenu-panel bkf-header__submenu-panel--active"
2159        id="bkf-submenu-panel-sections--28046235271202__bkf_header-1-0"
2160        role="tabpanel"
2161        aria-labelledby="bkf-submenu-tab-sections--28046235271202__bkf_header-1-0"
2162        
2163      >
2164        <div class="bkf-header__submenu-grid">
2165          
2166            
2167          
2168            
2169          
2170            
2171              
2172              
2173              
2174              
2175                <a
2176                  href="/collections/stainless-steel"
2177                  class="bkf-header__submenu-card"
2178                  
2179                >
2180                  
2181                    <span class="bkf-header__submenu-card-text">Stainless Steel</span>
2182                  
2183                  
2184                    <span class="bkf-header__submenu-card-img">
2185                      <img src="//barkeepersfriend.com/cdn/shop/files/Mask_group_4.png?v=1775064673&width=200" alt="Stainless Steel" width="100" height="80" loading="lazy">
2186                    </span>
2187                  
2188                </a>
2189              
2190            
2191          
2192            
2193              
2194              
2195              
2196              
2197            
2198          
2199            
2200              
2201              
2202              
2203              
2204            
2205          
2206            
2207              
2208              
2209              
2210              
2211            
2212          
2213            
2214              
2215              
2216              
2217              
2218            
2219          
2220            
2221              
2222              
2223              
2224              
2225                <a
2226                  href="/collections/copper-brass"
2227                  class="bkf-header__submenu-card"
2228                  
2229                >
2230                  
2231                    <span class="bkf-header__submenu-card-text">Copper & Brass</span>
2232                  
2233                  
2234                    <span class="bkf-header__submenu-card-img">
2235                      <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_3.png?v=1773788898&width=200" alt="Copper &amp; Brass" width="100" height="80" loading="lazy">
2236                    </span>
2237                  
2238                </a>
2239              
2240            
2241          
2242            
2243              
2244              
2245              
2246              
2247                <a
2248                  href="/collections/ceramic"
2249                  class="bkf-header__submenu-card"
2250                  
2251                >
2252                  
2253                    <span class="bkf-header__submenu-card-text">Ceramic</span>
2254                  
2255                  
2256                    <span class="bkf-header__submenu-card-img">
2257                      <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_2-1.png?v=1773788898&width=200" alt="Ceramic" width="100" height="80" loading="lazy">
2258                    </span>
2259                  
2260                </a>
2261              
2262            
2263          
2264            
2265              
2266              
2267              
2268              
2269                <a
2270                  href="/collections/porcelain"
2271                  class="bkf-header__submenu-card"
2272                  
2273                >
2274                  
2275                    <span class="bkf-header__submenu-card-text">Porcelain</span>
2276                  
2277                  
2278                    <span class="bkf-header__submenu-card-img">
2279                      <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_3-1.png?v=1773788898&width=200" alt="Porcelain" width="100" height="80" loading="lazy">
2280                    </span>
2281                  
2282                </a>
2283              
2284            
2285          
2286            
2287              
2288              
2289              
2290              
2291                <a
2292                  href="/collections/tile"
2293                  class="bkf-header__submenu-card"
2294                  
2295                >
2296                  
2297                    <span class="bkf-header__submenu-card-text">Tile</span>
2298                  
2299                  
2300                    <span class="bkf-header__submenu-card-img">
2301                      <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_3-2.png?v=1773788899&width=200" alt="Tile" width="100" height="80" loading="lazy">
2302                    </span>
2303                  
2304                </a>
2305              
2306            
2307          
2308            
2309              
2310              
2311              
2312              
2313                <a
2314                  href="/collections/glass-fiberglass"
2315                  class="bkf-header__submenu-card"
2316                  
2317                >
2318                  
2319                    <span class="bkf-header__submenu-card-text">Glass & Fiberglass</span>
2320                  
2321                  
2322                    <span class="bkf-header__submenu-card-img">
2323                      <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_4.png?v=1773788898&width=200" alt="Glass &amp; Fiberglass" width="100" height="80" loading="lazy">
2324                    </span>
2325                  
2326                </a>
2327              
2328            
2329          
2330            
2331          
2332            
2333              
2334              
2335              
2336              
2337            
2338          
2339            
2340              
2341              
2342              
2343              
2344            
2345          
2346            
2347              
2348              
2349              
2350              
2351            
2352          
2353            
2354              
2355              
2356              
2357              
2358            
2359          
2360            
2361              
2362              
2363              
2364              
2365            
2366          
2367            
2368          
2369            
2370              
2371              
2372              
2373              
2374            
2375          
2376            
2377              
2378              
2379              
2380              
2381            
2382          
2383            
2384              
2385              
2386              
2387              
2388            
2389          
2390            
2391              
2392              
2393              
2394              
2395            
2396          
2397            
2398              
2399              
2400              
2401              
2402            
2403          
2404            
2405          
2406        </div>
2407      </div>
2408    
2409      <div
2410        class="bkf-header__submenu-panel "
2411        id="bkf-submenu-panel-sections--28046235271202__bkf_header-1-1"
2412        role="tabpanel"
2413        aria-labelledby="bkf-submenu-tab-sections--28046235271202__bkf_header-1-1"
2414        hidden
2415      >
2416        <div class="bkf-header__submenu-grid">
2417          
2418            
2419          
2420            
2421          
2422            
2423              
2424              
2425              
2426              
2427            
2428          
2429            
2430              
2431              
2432              
2433              
2434                <a
2435                  href="/collections/kitchen"
2436                  class="bkf-header__submenu-card"
2437                  
2438                >
2439                  
2440                    <span class="bkf-header__submenu-card-text">Kitchen</span>
2441                  
2442                  
2443                    <span class="bkf-header__submenu-card-img">
2444                      <img src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=200" alt="Kitchen" width="100" height="80" loading="lazy">
2445                    </span>
2446                  
2447                </a>
2448              
2449            
2450          
2451            
2452              
2453              
2454              
2455              
2456                <a
2457                  href="/collections/bathroom"
2458                  class="bkf-header__submenu-card"
2459                  
2460                >
2461                  
2462                    <span class="bkf-header__submenu-card-text">Bathroom</span>
2463                  
2464                  
2465                    <span class="bkf-header__submenu-card-img">
2466                      <img src="//barkeepersfriend.com/cdn/shop/files/bathroom-thumb_f42c4ae6-9935-444e-b5ed-8d78137d6a3b.jpg?v=1778192490&width=200" alt="Bathroom" width="100" height="80" loading="lazy">
2467                    </span>
2468                  
2469                </a>
2470              
2471            
2472          
2473            
2474              
2475              
2476              
2477              
2478                <a
2479                  href="/collections/restoration"
2480                  class="bkf-header__submenu-card"
2481                  
2482                >
2483                  
2484                    <span class="bkf-header__submenu-card-text">Restoration</span>
2485                  
2486                  
2487                    <span class="bkf-header__submenu-card-img">
2488                      <img src="//barkeepersfriend.com/cdn/shop/files/Mask_group_ce26d0e1-f038-4f8c-916c-d70f164d0f2c.png?v=1782244640&width=200" alt="Restoration" width="100" height="80" loading="lazy">
2489                    </span>
2490                  
2491                </a>
2492              
2493            
2494          
2495            
2496              
2497              
2498              
2499              
2500                <a
2501                  href="/collections/outdoor-garage"
2502                  class="bkf-header__submenu-card"
2503                  
2504                >
2505                  
2506                    <span class="bkf-header__submenu-card-text">Outdoor & Garage</span>
2507                  
2508                  
2509                    <span class="bkf-header__submenu-card-img">
2510                      <img src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=200" alt="Outdoor &amp; Garage" width="100" height="80" loading="lazy">
2511                    </span>
2512                  
2513                </a>
2514              
2515            
2516          
2517            
2518              
2519              
2520              
2521              
2522            
2523          
2524            
2525              
2526              
2527              
2528              
2529            
2530          
2531            
2532              
2533              
2534              
2535              
2536            
2537          
2538            
2539              
2540              
2541              
2542              
2543            
2544          
2545            
2546              
2547              
2548              
2549              
2550            
2551          
2552            
2553          
2554            
2555              
2556              
2557              
2558              
2559            
2560          
2561            
2562              
2563              
2564              
2565              
2566            
2567          
2568            
2569              
2570              
2571              
2572              
2573            
2574          
2575            
2576              
2577              
2578              
2579              
2580            
2581          
2582            
2583              
2584              
2585              
2586              
2587            
2588          
2589            
2590          
2591            
2592              
2593              
2594              
2595              
2596            
2597          
2598            
2599              
2600              
2601              
2602              
2603            
2604          
2605            
2606              
2607              
2608              
2609              
2610            
2611          
2612            
2613              
2614              
2615              
2616              
2617            
2618          
2619            
2620              
2621              
2622              
2623              
2624            
2625          
2626            
2627          
2628        </div>
2629      </div>
2630    
2631
2632      <div class="bkf-header__submenu-buttons bkf-header__submenu-buttons--tabbed">
2633
2634
2635
2636
2637  
2638
2639  
2640
2641  
2642
2643  
2644
2645  
2646
2647  
2648
2649  
2650
2651  
2652
2653  
2654
2655  
2656
2657  
2658
2659  
2660
2661  
2662    
2663    
2664  
2665
2666  
2667
2668  
2669
2670  
2671
2672  
2673
2674  
2675
2676  
2677    
2678    
2679  
2680
2681  
2682
2683  
2684
2685  
2686
2687  
2688
2689  
2690
2691  
2692    
2693    
2694      
2695      
2696      <a
2697        href="/collections/all"
2698        class="bkf-btn-secondary bkf-btn--navy-pill bkf-header__submenu-btn bkf-header__submenu-btn"
2699        
2700      >Shop All</a>
2701    
2702  
2703
2704
2705</div>
2706    
2707  </div>
2708
2709
2710                </div>
2711              </div>
2712            </div>
2713          
2714        
2715          
2716          
2717            
2718          
2719            
2720          
2721            
2722              
2723              
2724              
2725            
2726          
2727            
2728              
2729              
2730              
2731            
2732          
2733            
2734              
2735              
2736              
2737            
2738          
2739            
2740              
2741              
2742              
2743            
2744          
2745            
2746              
2747              
2748              
2749            
2750          
2751            
2752              
2753              
2754              
2755            
2756          
2757            
2758              
2759              
2760              
2761            
2762          
2763            
2764              
2765              
2766              
2767            
2768          
2769            
2770              
2771              
2772              
2773            
2774          
2775            
2776              
2777              
2778              
2779            
2780          
2781            
2782              
2783              
2784              
2785                
2786                
2787          
2788            <div class="bkf-header__nav-item bkf-header__nav-item--has-submenu" data-bkf-submenu>
2789              <a
2790                href="#"
2791                class="bkf-header__nav-link"
2792                
2793                aria-expanded="false"
2794                aria-haspopup="true"
2795                aria-controls="bkf-submenu-sections--28046235271202__bkf_header-2"
2796                id="bkf-submenu-trigger-sections--28046235271202__bkf_header-2"
2797              >
2798                how to clean
2799              </a>
2800              <div
2801                class="bkf-header__submenu"
2802                id="bkf-submenu-sections--28046235271202__bkf_header-2"
2803                aria-labelledby="bkf-submenu-trigger-sections--28046235271202__bkf_header-2"
2804              >
2805                <div class="bkf-header__submenu-inner">
2806                  
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816  
2817  <div class="bkf-header__submenu-flat">
2818    
2819
2820
2821
2822  
2823
2824  
2825
2826  
2827    
2828    
2829  
2830
2831  
2832    
2833    
2834  
2835
2836  
2837    
2838    
2839  
2840
2841  
2842    
2843    
2844  
2845
2846  
2847    
2848    
2849  
2850
2851  
2852    
2853    
2854  
2855
2856  
2857    
2858    
2859  
2860
2861  
2862    
2863    
2864  
2865
2866  
2867    
2868    
2869  
2870
2871  
2872    
2873    
2874  
2875
2876  
2877
2878  
2879    
2880    
2881      
2882        <a
2883          href="/pages/how-to-clean/kitchen"
2884          class="bkf-header__submenu-link"
2885          
2886        >
2887          
2888            <span class="bkf-header__submenu-link-text">KITCHEN</span>
2889          
2890          
2891            <span class="bkf-header__submenu-link-img">
2892              <img
2893                src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=200"
2894                alt="KITCHEN"
2895                width="100"
2896                height="80"
2897                loading="lazy"
2898              >
2899            </span>
2900          
2901        </a>
2902      
2903    
2904  
2905
2906  
2907    
2908    
2909      
2910        <a
2911          href="/pages/how-to-clean/bathroom"
2912          class="bkf-header__submenu-link"
2913          
2914        >
2915          
2916            <span class="bkf-header__submenu-link-text">BATHROOM</span>
2917          
2918          
2919            <span class="bkf-header__submenu-link-img">
2920              <img
2921                src="//barkeepersfriend.com/cdn/shop/files/bathroom-thumb_f42c4ae6-9935-444e-b5ed-8d78137d6a3b.jpg?v=1778192490&width=200"
2922                alt="BATHROOM"
2923                width="100"
2924                height="80"
2925                loading="lazy"
2926              >
2927            </span>
2928          
2929        </a>
2930      
2931    
2932  
2933
2934  
2935    
2936    
2937      
2938        <a
2939          href="/pages/how-to-clean/restoration"
2940          class="bkf-header__submenu-link"
2941          
2942        >
2943          
2944            <span class="bkf-header__submenu-link-text">RESTORATION</span>
2945          
2946          
2947            <span class="bkf-header__submenu-link-img">
2948              <img
2949                src="//barkeepersfriend.com/cdn/shop/files/Mask_group_ce26d0e1-f038-4f8c-916c-d70f164d0f2c.png?v=1782244640&width=200"
2950                alt="RESTORATION"
2951                width="100"
2952                height="80"
2953                loading="lazy"
2954              >
2955            </span>
2956          
2957        </a>
2958      
2959    
2960  
2961
2962  
2963    
2964    
2965      
2966        <a
2967          href="/pages/how-to-clean/outdoor-and-garage"
2968          class="bkf-header__submenu-link"
2969          
2970        >
2971          
2972            <span class="bkf-header__submenu-link-text">OUTDOOR & GARAGE</span>
2973          
2974          
2975            <span class="bkf-header__submenu-link-img">
2976              <img
2977                src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=200"
2978                alt="OUTDOOR &amp; GARAGE"
2979                width="100"
2980                height="80"
2981                loading="lazy"
2982              >
2983            </span>
2984          
2985        </a>
2986      
2987    
2988  
2989
2990  
2991    
2992    
2993      
2994        <a
2995          href="/pages/before-after"
2996          class="bkf-header__submenu-link"
2997          
2998        >
2999          
3000            <span class="bkf-header__submenu-link-text">Before & After</span>
3001          
3002          
3003            <span class="bkf-header__submenu-link-img">
3004              <img
3005                src="//barkeepersfriend.com/cdn/shop/files/before-after.webp?v=1775611727&width=200"
3006                alt="Before &amp; After"
3007                width="100"
3008                height="80"
3009                loading="lazy"
3010              >
3011            </span>
3012          
3013        </a>
3014      
3015    
3016  
3017
3018  
3019
3020  
3021    
3022    
3023  
3024
3025  
3026    
3027    
3028  
3029
3030  
3031    
3032    
3033  
3034
3035  
3036    
3037    
3038  
3039
3040  
3041    
3042    
3043  
3044
3045  
3046
3047
3048
3049      <div class="bkf-header__submenu-buttons">
3050
3051
3052
3053
3054  
3055
3056  
3057
3058  
3059
3060  
3061
3062  
3063
3064  
3065
3066  
3067
3068  
3069
3070  
3071
3072  
3073
3074  
3075
3076  
3077
3078  
3079    
3080    
3081      
3082      
3083      <a
3084        href="/collections/all"
3085        class="bkf-btn-secondary bkf-btn--navy-pill bkf-header__submenu-btn bkf-header__submenu-btn"
3086        
3087      >Shop All</a>
3088    
3089  
3090
3091  
3092
3093  
3094
3095  
3096
3097  
3098
3099  
3100
3101  
3102    
3103    
3104  
3105
3106  
3107
3108  
3109
3110  
3111
3112  
3113
3114  
3115
3116  
3117    
3118    
3119  
3120
3121
3122</div>
3123    
3124  </div>
3125
3126
3127                </div>
3128              </div>
3129            </div>
3130          
3131        
3132          
3133          
3134            
3135          
3136            
3137          
3138            
3139              
3140              
3141              
3142            
3143          
3144            
3145              
3146              
3147              
3148            
3149          
3150            
3151              
3152              
3153              
3154            
3155          
3156            
3157              
3158              
3159              
3160            
3161          
3162            
3163              
3164              
3165              
3166            
3167          
3168            
3169              
3170              
3171              
3172            
3173          
3174            
3175              
3176              
3177              
3178            
3179          
3180            
3181              
3182              
3183              
3184            
3185          
3186            
3187              
3188              
3189              
3190            
3191          
3192            
3193              
3194              
3195              
3196            
3197          
3198            
3199              
3200              
3201              
3202            
3203          
3204            
3205              
3206              
3207              
3208            
3209          
3210            
3211              
3212              
3213              
3214            
3215          
3216            
3217              
3218              
3219              
3220            
3221          
3222            
3223              
3224              
3225              
3226            
3227          
3228            
3229              
3230              
3231              
3232            
3233          
3234            
3235              
3236              
3237              
3238                
3239                
3240          
3241            <div class="bkf-header__nav-item bkf-header__nav-item--has-submenu" data-bkf-submenu>
3242              <a
3243                href="/pages/about"
3244                class="bkf-header__nav-link"
3245                
3246                aria-expanded="false"
3247                aria-haspopup="true"
3248                aria-controls="bkf-submenu-sections--28046235271202__bkf_header-3"
3249                id="bkf-submenu-trigger-sections--28046235271202__bkf_header-3"
3250              >
3251                about us
3252              </a>
3253              <div
3254                class="bkf-header__submenu"
3255                id="bkf-submenu-sections--28046235271202__bkf_header-3"
3256                aria-labelledby="bkf-submenu-trigger-sections--28046235271202__bkf_header-3"
3257              >
3258                <div class="bkf-header__submenu-inner">
3259                  
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269  
3270  <div class="bkf-header__submenu-flat">
3271    
3272
3273
3274
3275  
3276
3277  
3278
3279  
3280    
3281    
3282  
3283
3284  
3285    
3286    
3287  
3288
3289  
3290    
3291    
3292  
3293
3294  
3295    
3296    
3297  
3298
3299  
3300    
3301    
3302  
3303
3304  
3305    
3306    
3307  
3308
3309  
3310    
3311    
3312  
3313
3314  
3315    
3316    
3317  
3318
3319  
3320    
3321    
3322  
3323
3324  
3325    
3326    
3327  
3328
3329  
3330
3331  
3332    
3333    
3334  
3335
3336  
3337    
3338    
3339  
3340
3341  
3342    
3343    
3344  
3345
3346  
3347    
3348    
3349  
3350
3351  
3352    
3353    
3354  
3355
3356  
3357
3358  
3359    
3360    
3361      
3362        <a
3363          href="/pages/about"
3364          class="bkf-header__submenu-link"
3365          
3366        >
3367          
3368            <span class="bkf-header__submenu-link-text">Our Story</span>
3369          
3370          
3371        </a>
3372      
3373    
3374  
3375
3376  
3377    
3378    
3379      
3380        <a
3381          href="/pages/faq"
3382          class="bkf-header__submenu-link"
3383          
3384        >
3385          
3386            <span class="bkf-header__submenu-link-text">FAQs</span>
3387          
3388          
3389        </a>
3390      
3391    
3392  
3393
3394  
3395    
3396    
3397      
3398        <a
3399          href="/pages/sustainability"
3400          class="bkf-header__submenu-link"
3401          
3402        >
3403          
3404            <span class="bkf-header__submenu-link-text">Environmental Stewardship</span>
3405          
3406          
3407        </a>
3408      
3409    
3410  
3411
3412  
3413    
3414    
3415      
3416        <a
3417          href="/pages/press-endorsements"
3418          class="bkf-header__submenu-link"
3419          
3420        >
3421          
3422            <span class="bkf-header__submenu-link-text">Press</span>
3423          
3424          
3425        </a>
3426      
3427    
3428  
3429
3430  
3431    
3432    
3433      
3434        <a
3435          href="/blogs/bar-keepers-blog"
3436          class="bkf-header__submenu-link"
3437          
3438        >
3439          
3440            <span class="bkf-header__submenu-link-text">Blog</span>
3441          
3442          
3443        </a>
3444      
3445    
3446  
3447
3448  
3449
3450
3451
3452      <div class="bkf-header__submenu-buttons">
3453
3454
3455
3456
3457  
3458
3459  
3460
3461  
3462
3463  
3464
3465  
3466
3467  
3468
3469  
3470
3471  
3472
3473  
3474
3475  
3476
3477  
3478
3479  
3480
3481  
3482    
3483    
3484  
3485
3486  
3487
3488  
3489
3490  
3491
3492  
3493
3494  
3495
3496  
3497    
3498    
3499      
3500      
3501      <a
3502        href="/collections/all"
3503        class="bkf-btn-secondary bkf-btn--navy-pill bkf-header__submenu-btn bkf-header__submenu-btn"
3504        
3505      >Shop All</a>
3506    
3507  
3508
3509  
3510
3511  
3512
3513  
3514
3515  
3516
3517  
3518
3519  
3520    
3521    
3522  
3523
3524
3525</div>
3526    
3527  </div>
3528
3529
3530                </div>
3531              </div>
3532            </div>
3533          
3534        
3535      
3536      </nav>
3537    </div>
3538
3539    <div class="bkf-header__actions">
3540      
3541        <form
3542          action="/search"
3543          method="get"
3544          class="bkf-header__search"
3545          role="search"
3546          data-bkf-predictive="desktop"
3547          data-listbox-id="bkf-predictive-listbox-desk-sections--28046235271202__bkf_header"
3548        >
3549          <input type="hidden" name="options[prefix]" value="last">
3550          <input type="hidden" name="type" value="product,page,article">
3551          <label for="bkf-header-search-sections--28046235271202__bkf_header" class="bkf-header__sr-only">Search</label>
3552          <div class="bkf-header__search-field">
3553            <input
3554              type="search"
3555              id="bkf-header-search-sections--28046235271202__bkf_header"
3556              name="q"
3557              placeholder="Search"
3558              class="bkf-header__search-input"
3559              aria-label="Search"
3560              role="combobox"
3561              aria-autocomplete="list"
3562              aria-controls="bkf-predictive-listbox-desk-sections--28046235271202__bkf_header"
3563              aria-expanded="false"
3564              autocomplete="off"
3565              autocorrect="off"
3566              autocapitalize="off"
3567              spellcheck="false"
3568              data-bkf-predictive-input
3569            >
3570            <button
3571              type="button"
3572              class="bkf-header__search-clear"
3573              data-bkf-predictive-reset
3574              hidden
3575              aria-label="Clear"
3576            >
3577              ×
3578            </button>
3579          </div>
3580          <div
3581            class="bkf-header__predictive-dropdown"
3582            data-bkf-predictive-results
3583            id="bkf-predictive-panel-desk-sections--28046235271202__bkf_header"
3584            hidden
3585          ></div>
3586          <span class="bkf-header__sr-only" role="status" aria-live="polite" data-bkf-predictive-live></span>
3587        </form>
3588      
3589      
3590        <a href="/pages/where-to-buy" class="bkf-header__cta">
3591          Find in store
3592        </a>
3593      
3594    </div>
3595
3596    <div class="bkf-header__mobile-actions">
3597      
3598        <div class="bkf-header__mobile-search" data-bkf-mobile-search-form>
3599  <button
3600    type="button"
3601    class="bkf-header__mobile-search-toggle"
3602    aria-expanded="false"
3603    aria-controls="bkf-mobile-search-overlay-sections--28046235271202__bkf_header-header"
3604    data-bkf-mobile-search-toggle
3605    aria-label="Search"
3606  >
3607    <span class="bkf-header__mobile-search-icon" aria-hidden="true">
3608      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
3609        <circle cx="11" cy="11" r="8"/>
3610        <line x1="21" y1="21" x2="16.65" y2="16.65"/>
3611      </svg>
3612    </span>
3613  </button>
3614  <div
3615    id="bkf-mobile-search-overlay-sections--28046235271202__bkf_header-header"
3616    class="bkf-header__mobile-search-overlay"
3617    data-bkf-mobile-search-overlay
3618    role="dialog"
3619    aria-modal="true"
3620    aria-hidden="true"
3621    aria-labelledby="bkf-mobile-search-heading-sections--28046235271202__bkf_header-header"
3622  >
3623    <button
3624      type="button"
3625      class="bkf-header__mobile-search-backdrop"
3626      tabindex="-1"
3627      aria-hidden="true"
3628      data-bkf-mobile-search-backdrop
3629    ></button>
3630    <form
3631      action="/search"
3632      method="get"
3633      class="bkf-header__mobile-search-panel-form"
3634      role="search"
3635      data-bkf-predictive="mobile"
3636      data-listbox-id="bkf-predictive-listbox-mob-sections--28046235271202__bkf_header-header"
3637    >
3638      <input type="hidden" name="options[prefix]" value="last">
3639      <input type="hidden" name="type" value="product,page,article">
3640      <h2 id="bkf-mobile-search-heading-sections--28046235271202__bkf_header-header" class="bkf-header__sr-only">
3641        Search
3642      </h2>
3643      <div class="bkf-header__mobile-search-top">
3644        <button
3645          type="button"
3646          class="bkf-header__mobile-search-close"
3647          data-bkf-mobile-search-close
3648          aria-label="Close"
3649        >
3650          <span class="bkf-header__mobile-search-close-icon" aria-hidden="true">
3651            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
3652              <line x1="18" y1="6" x2="6" y2="18"/>
3653              <line x1="6" y1="6" x2="18" y2="18"/>
3654            </svg>
3655          </span>
3656        </button>
3657        <input
3658          type="search"
3659          id="bkf-mobile-search-sections--28046235271202__bkf_header-header"
3660          name="q"
3661          placeholder="Search"
3662          class="bkf-header__mobile-search-input"
3663          enterkeyhint="search"
3664          autocomplete="off"
3665          autocorrect="off"
3666          autocapitalize="off"
3667          spellcheck="false"
3668          tabindex="-1"
3669          aria-label="Search"
3670          role="combobox"
3671          aria-autocomplete="list"
3672          aria-controls="bkf-predictive-listbox-mob-sections--28046235271202__bkf_header-header"
3673          aria-expanded="false"
3674          data-bkf-predictive-input
3675        >
3676        <button
3677          type="button"
3678          class="bkf-header__mobile-search-clear"
3679          data-bkf-predictive-reset
3680          hidden
3681          aria-label="Clear"
3682        >
3683          ×
3684        </button>
3685      </div>
3686      <div
3687        class="bkf-header__mobile-predictive-dropdown"
3688        data-bkf-predictive-results
3689        id="bkf-predictive-panel-mob-sections--28046235271202__bkf_header-header"
3690        hidden
3691      ></div>
3692      <span class="bkf-header__sr-only" role="status" aria-live="polite" data-bkf-predictive-live></span>
3693    </form>
3694  </div>
3695</div>
3696
3697      
3698      <button
3699        type="button"
3700        class="bkf-header__mobile-toggle"
3701        aria-label="Menu"
3702        aria-expanded="false"
3703        aria-controls="bkf-mobile-menu-sections--28046235271202__bkf_header"
3704        data-bkf-mobile-menu
3705      >
3706        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
3707      </button>
3708    </div>
3709  </div>
3710
3711  <div
3712    class="bkf-header__mobile-menu"
3713    id="bkf-mobile-menu-sections--28046235271202__bkf_header"
3714    role="dialog"
3715    aria-modal="true"
3716    aria-hidden="true"
3717    aria-label="Menu"
3718  >
3719    <div class="bkf-header__mobile-menu-topbar">
3720      <div class="bkf-header__mobile-menu-logo">
3721        
3722          <a
3723            href="/"
3724            class="bkf-header__mobile-menu-logo-link"
3725          >
3726            <img src="//barkeepersfriend.com/cdn/shop/files/logo.svg?v=1773255973&amp;width=140" alt="Bar Keeper&#39;s Friend" srcset="//barkeepersfriend.com/cdn/shop/files/logo.svg?v=1773255973&amp;width=140 140w" width="140" height="142" loading="lazy" class="bkf-header__mobile-menu-logo-img">
3727          </a>
3728        
3729      </div>
3730      <div class="bkf-header__mobile-menu-actions">
3731        <button
3732          type="button"
3733          class="bkf-header__mobile-menu-close"
3734          aria-label="Close"
3735          data-bkf-mobile-menu-close
3736        >
3737          <div class="bkf-header__mobile-menu-close-icon">
3738            <div class="bkf-header__mobile-menu-close-line"></div>
3739            <div class="bkf-header__mobile-menu-close-line"></div>
3740          </div>
3741        </button>
3742      </div>
3743    </div>
3744
3745    <div class="bkf-header__mobile-menu-inner">
3746      
3747        
3748          
3749          
3750          
3751          
3752          
3753
3754          
3755          
3756          
3757
3758          
3759            
3760              <div class="bkf-header__mobile-menu-item-group bkf-header__mobile-menu-item-group--tabbed" data-bkf-mobile-parent-label="shop products">
3761                
3762                  
3763                  
3764                  <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu data-expanded data-bkf-mobile-default-open>
3765                    <button
3766                      type="button"
3767                      class="bkf-header__mobile-menu-trigger bkf-header__mobile-menu-trigger--active"
3768                      aria-expanded="true"
3769                      aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-1"
3770                      id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-1"
3771                      data-bkf-mobile-submenu-trigger
3772                    >
3773                      Shop by Surface
3774                      <svg class="bkf-header__mobile-menu-chevron" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
3775                      <svg class="bkf-header__mobile-menu-close-icon-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
3776                    </button>
3777                    <div
3778                      class="bkf-header__mobile-menu-submenu"
3779                      id="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-1"
3780                      aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-1"
3781                      aria-hidden="false"
3782                      
3783                    >
3784                      <div class="bkf-header__mobile-menu-submenu-inner">
3785                        
3786                        
3787                          
3788                        
3789                          
3790                        
3791                          
3792                            
3793                            
3794                            
3795                              <a href="/collections/stainless-steel" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3796                                <span class="bkf-header__mobile-menu-link-text">Stainless Steel</span>
3797                                
3798                                  <span class="bkf-header__mobile-menu-link-img">
3799                                    <img src="//barkeepersfriend.com/cdn/shop/files/Mask_group_4.png?v=1775064673&width=110" alt="Stainless Steel" width="110" height="86" loading="lazy">
3800                                  </span>
3801                                
3802                              </a>
3803                            
3804                          
3805                        
3806                          
3807                            
3808                            
3809                            
3810                          
3811                        
3812                          
3813                            
3814                            
3815                            
3816                          
3817                        
3818                          
3819                            
3820                            
3821                            
3822                          
3823                        
3824                          
3825                            
3826                            
3827                            
3828                          
3829                        
3830                          
3831                            
3832                            
3833                            
3834                              <a href="/collections/copper-brass" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3835                                <span class="bkf-header__mobile-menu-link-text">Copper & Brass</span>
3836                                
3837                                  <span class="bkf-header__mobile-menu-link-img">
3838                                    <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_3.png?v=1773788898&width=110" alt="Copper &amp; Brass" width="110" height="86" loading="lazy">
3839                                  </span>
3840                                
3841                              </a>
3842                            
3843                          
3844                        
3845                          
3846                            
3847                            
3848                            
3849                              <a href="/collections/ceramic" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3850                                <span class="bkf-header__mobile-menu-link-text">Ceramic</span>
3851                                
3852                                  <span class="bkf-header__mobile-menu-link-img">
3853                                    <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_2-1.png?v=1773788898&width=110" alt="Ceramic" width="110" height="86" loading="lazy">
3854                                  </span>
3855                                
3856                              </a>
3857                            
3858                          
3859                        
3860                          
3861                            
3862                            
3863                            
3864                              <a href="/collections/porcelain" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3865                                <span class="bkf-header__mobile-menu-link-text">Porcelain</span>
3866                                
3867                                  <span class="bkf-header__mobile-menu-link-img">
3868                                    <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_3-1.png?v=1773788898&width=110" alt="Porcelain" width="110" height="86" loading="lazy">
3869                                  </span>
3870                                
3871                              </a>
3872                            
3873                          
3874                        
3875                          
3876                            
3877                            
3878                            
3879                              <a href="/collections/tile" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3880                                <span class="bkf-header__mobile-menu-link-text">Tile</span>
3881                                
3882                                  <span class="bkf-header__mobile-menu-link-img">
3883                                    <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_3-2.png?v=1773788899&width=110" alt="Tile" width="110" height="86" loading="lazy">
3884                                  </span>
3885                                
3886                              </a>
3887                            
3888                          
3889                        
3890                          
3891                            
3892                            
3893                            
3894                              <a href="/collections/glass-fiberglass" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3895                                <span class="bkf-header__mobile-menu-link-text">Glass & Fiberglass</span>
3896                                
3897                                  <span class="bkf-header__mobile-menu-link-img">
3898                                    <img src="//barkeepersfriend.com/cdn/shop/files/BKF-Product-Image-CeramicTiles_4.png?v=1773788898&width=110" alt="Glass &amp; Fiberglass" width="110" height="86" loading="lazy">
3899                                  </span>
3900                                
3901                              </a>
3902                            
3903                          
3904                        
3905                          
3906                        
3907                          
3908                            
3909                            
3910                            
3911                          
3912                        
3913                          
3914                            
3915                            
3916                            
3917                          
3918                        
3919                          
3920                            
3921                            
3922                            
3923                          
3924                        
3925                          
3926                            
3927                            
3928                            
3929                          
3930                        
3931                          
3932                            
3933                            
3934                            
3935                          
3936                        
3937                          
3938                        
3939                          
3940                            
3941                            
3942                            
3943                          
3944                        
3945                          
3946                            
3947                            
3948                            
3949                          
3950                        
3951                          
3952                            
3953                            
3954                            
3955                          
3956                        
3957                          
3958                            
3959                            
3960                            
3961                          
3962                        
3963                          
3964                            
3965                            
3966                            
3967                          
3968                        
3969                          
3970                        
3971                        
3972                        
3973                        
3974                          <a href="/collections/all" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3975                            <span class="bkf-header__mobile-menu-link-text">Shop All</span>
3976                          </a>
3977                        
3978                      </div>
3979                    </div>
3980                  </div>
3981                
3982                  
3983                  
3984                  <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu>
3985                    <button
3986                      type="button"
3987                      class="bkf-header__mobile-menu-trigger"
3988                      aria-expanded="false"
3989                      aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-2"
3990                      id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-2"
3991                      data-bkf-mobile-submenu-trigger
3992                    >
3993                      Shop by Rooms
3994                      <svg class="bkf-header__mobile-menu-chevron" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
3995                      <svg class="bkf-header__mobile-menu-close-icon-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
3996                    </button>
3997                    <div
3998                      class="bkf-header__mobile-menu-submenu"
3999                      id="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-2"
4000                      aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-2"
4001                      aria-hidden="true"
4002                      inert
4003                    >
4004                      <div class="bkf-header__mobile-menu-submenu-inner">
4005                        
4006                        
4007                          
4008                        
4009                          
4010                        
4011                          
4012                            
4013                            
4014                            
4015                          
4016                        
4017                          
4018                            
4019                            
4020                            
4021                              <a href="/collections/kitchen" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4022                                <span class="bkf-header__mobile-menu-link-text">Kitchen</span>
4023                                
4024                                  <span class="bkf-header__mobile-menu-link-img">
4025                                    <img src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=110" alt="Kitchen" width="110" height="86" loading="lazy">
4026                                  </span>
4027                                
4028                              </a>
4029                            
4030                          
4031                        
4032                          
4033                            
4034                            
4035                            
4036                              <a href="/collections/bathroom" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4037                                <span class="bkf-header__mobile-menu-link-text">Bathroom</span>
4038                                
4039                                  <span class="bkf-header__mobile-menu-link-img">
4040                                    <img src="//barkeepersfriend.com/cdn/shop/files/bathroom-thumb_f42c4ae6-9935-444e-b5ed-8d78137d6a3b.jpg?v=1778192490&width=110" alt="Bathroom" width="110" height="86" loading="lazy">
4041                                  </span>
4042                                
4043                              </a>
4044                            
4045                          
4046                        
4047                          
4048                            
4049                            
4050                            
4051                              <a href="/collections/restoration" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4052                                <span class="bkf-header__mobile-menu-link-text">Restoration</span>
4053                                
4054                                  <span class="bkf-header__mobile-menu-link-img">
4055                                    <img src="//barkeepersfriend.com/cdn/shop/files/Mask_group_ce26d0e1-f038-4f8c-916c-d70f164d0f2c.png?v=1782244640&width=110" alt="Restoration" width="110" height="86" loading="lazy">
4056                                  </span>
4057                                
4058                              </a>
4059                            
4060                          
4061                        
4062                          
4063                            
4064                            
4065                            
4066                              <a href="/collections/outdoor-garage" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4067                                <span class="bkf-header__mobile-menu-link-text">Outdoor & Garage</span>
4068                                
4069                                  <span class="bkf-header__mobile-menu-link-img">
4070                                    <img src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=110" alt="Outdoor &amp; Garage" width="110" height="86" loading="lazy">
4071                                  </span>
4072                                
4073                              </a>
4074                            
4075                          
4076                        
4077                          
4078                            
4079                            
4080                            
4081                          
4082                        
4083                          
4084                            
4085                            
4086                            
4087                          
4088                        
4089                          
4090                            
4091                            
4092                            
4093                          
4094                        
4095                          
4096                            
4097                            
4098                            
4099                          
4100                        
4101                          
4102                            
4103                            
4104                            
4105                          
4106                        
4107                          
4108                        
4109                          
4110                            
4111                            
4112                            
4113                          
4114                        
4115                          
4116                            
4117                            
4118                            
4119                          
4120                        
4121                          
4122                            
4123                            
4124                            
4125                          
4126                        
4127                          
4128                            
4129                            
4130                            
4131                          
4132                        
4133                          
4134                            
4135                            
4136                            
4137                          
4138                        
4139                          
4140                        
4141                          
4142                            
4143                            
4144                            
4145                          
4146                        
4147                          
4148                            
4149                            
4150                            
4151                          
4152                        
4153                          
4154                            
4155                            
4156                            
4157                          
4158                        
4159                          
4160                            
4161                            
4162                            
4163                          
4164                        
4165                          
4166                            
4167                            
4168                            
4169                          
4170                        
4171                          
4172                        
4173                        
4174                        
4175                        
4176                          <a href="/collections/all" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4177                            <span class="bkf-header__mobile-menu-link-text">Shop All</span>
4178                          </a>
4179                        
4180                      </div>
4181                    </div>
4182                  </div>
4183                
4184              </div>
4185            
4186          
4187        
4188          
4189          
4190          
4191          
4192          
4193
4194          
4195          
4196          
4197
4198          
4199            
4200              <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu>
4201                <button
4202                  type="button"
4203                  class="bkf-header__mobile-menu-trigger"
4204                  aria-expanded="false"
4205                  aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-2"
4206                  id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-2"
4207                  data-bkf-mobile-submenu-trigger
4208                >
4209                  how to clean
4210                  <svg class="bkf-header__mobile-menu-chevron" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
4211                  <svg class="bkf-header__mobile-menu-close-icon-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
4212                </button>
4213                <div
4214                  class="bkf-header__mobile-menu-submenu"
4215                  id="bkf-mobile-submenu-sections--28046235271202__bkf_header-2"
4216                  aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-2"
4217                  aria-hidden="true"
4218                  inert
4219                >
4220                  <div class="bkf-header__mobile-menu-submenu-inner">
4221                    
4222                      
4223                    
4224                      
4225                    
4226                      
4227                        
4228                        
4229                      
4230                    
4231                      
4232                        
4233                        
4234                      
4235                    
4236                      
4237                        
4238                        
4239                      
4240                    
4241                      
4242                        
4243                        
4244                      
4245                    
4246                      
4247                        
4248                        
4249                      
4250                    
4251                      
4252                        
4253                        
4254                      
4255                    
4256                      
4257                        
4258                        
4259                      
4260                    
4261                      
4262                        
4263                        
4264                      
4265                    
4266                      
4267                        
4268                        
4269                      
4270                    
4271                      
4272                        
4273                        
4274                      
4275                    
4276                      
4277                    
4278                      
4279                        
4280                        
4281                          <a href="/pages/how-to-clean/kitchen" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4282                            <span class="bkf-header__mobile-menu-link-text">KITCHEN</span>
4283                            
4284                              <span class="bkf-header__mobile-menu-link-img">
4285                                <img src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=110" alt="KITCHEN" width="110" height="86" loading="lazy">
4286                              </span>
4287                            
4288                          </a>
4289                        
4290                      
4291                    
4292                      
4293                        
4294                        
4295                          <a href="/pages/how-to-clean/bathroom" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4296                            <span class="bkf-header__mobile-menu-link-text">BATHROOM</span>
4297                            
4298                              <span class="bkf-header__mobile-menu-link-img">
4299                                <img src="//barkeepersfriend.com/cdn/shop/files/bathroom-thumb_f42c4ae6-9935-444e-b5ed-8d78137d6a3b.jpg?v=1778192490&width=110" alt="BATHROOM" width="110" height="86" loading="lazy">
4300                              </span>
4301                            
4302                          </a>
4303                        
4304                      
4305                    
4306                      
4307                        
4308                        
4309                          <a href="/pages/how-to-clean/restoration" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4310                            <span class="bkf-header__mobile-menu-link-text">RESTORATION</span>
4311                            
4312                              <span class="bkf-header__mobile-menu-link-img">
4313                                <img src="//barkeepersfriend.com/cdn/shop/files/Mask_group_ce26d0e1-f038-4f8c-916c-d70f164d0f2c.png?v=1782244640&width=110" alt="RESTORATION" width="110" height="86" loading="lazy">
4314                              </span>
4315                            
4316                          </a>
4317                        
4318                      
4319                    
4320                      
4321                        
4322                        
4323                          <a href="/pages/how-to-clean/outdoor-and-garage" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4324                            <span class="bkf-header__mobile-menu-link-text">OUTDOOR & GARAGE</span>
4325                            
4326                              <span class="bkf-header__mobile-menu-link-img">
4327                                <img src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=110" alt="OUTDOOR &amp; GARAGE" width="110" height="86" loading="lazy">
4328                              </span>
4329                            
4330                          </a>
4331                        
4332                      
4333                    
4334                      
4335                        
4336                        
4337                          <a href="/pages/before-after" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4338                            <span class="bkf-header__mobile-menu-link-text">Before & After</span>
4339                            
4340                              <span class="bkf-header__mobile-menu-link-img">
4341                                <img src="//barkeepersfriend.com/cdn/shop/files/before-after.webp?v=1775611727&width=110" alt="Before &amp; After" width="110" height="86" loading="lazy">
4342                              </span>
4343                            
4344                          </a>
4345                        
4346                      
4347                    
4348                      
4349                    
4350                      
4351                        
4352                        
4353                      
4354                    
4355                      
4356                        
4357                        
4358                      
4359                    
4360                      
4361                        
4362                        
4363                      
4364                    
4365                      
4366                        
4367                        
4368                      
4369                    
4370                      
4371                        
4372                        
4373                      
4374                    
4375                      
4376                    
4377                  </div>
4378                </div>
4379              </div>
4380            
4381          
4382        
4383          
4384          
4385          
4386          
4387          
4388
4389          
4390          
4391          
4392
4393          
4394            
4395              <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu>
4396                <button
4397                  type="button"
4398                  class="bkf-header__mobile-menu-trigger"
4399                  aria-expanded="false"
4400                  aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-3"
4401                  id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-3"
4402                  data-bkf-mobile-submenu-trigger
4403                >
4404                  about us
4405                  <svg class="bkf-header__mobile-menu-chevron" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
4406                  <svg class="bkf-header__mobile-menu-close-icon-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
4407                </button>
4408                <div
4409                  class="bkf-header__mobile-menu-submenu"
4410                  id="bkf-mobile-submenu-sections--28046235271202__bkf_header-3"
4411                  aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-3"
4412                  aria-hidden="true"
4413                  inert
4414                >
4415                  <div class="bkf-header__mobile-menu-submenu-inner">
4416                    
4417                      
4418                    
4419                      
4420                    
4421                      
4422                        
4423                        
4424                      
4425                    
4426                      
4427                        
4428                        
4429                      
4430                    
4431                      
4432                        
4433                        
4434                      
4435                    
4436                      
4437                        
4438                        
4439                      
4440                    
4441                      
4442                        
4443                        
4444                      
4445                    
4446                      
4447                        
4448                        
4449                      
4450                    
4451                      
4452                        
4453                        
4454                      
4455                    
4456                      
4457                        
4458                        
4459                      
4460                    
4461                      
4462                        
4463                        
4464                      
4465                    
4466                      
4467                        
4468                        
4469                      
4470                    
4471                      
4472                    
4473                      
4474                        
4475                        
4476                      
4477                    
4478                      
4479                        
4480                        
4481                      
4482                    
4483                      
4484                        
4485                        
4486                      
4487                    
4488                      
4489                        
4490                        
4491                      
4492                    
4493                      
4494                        
4495                        
4496                      
4497                    
4498                      
4499                    
4500                      
4501                        
4502                        
4503                          <a href="/pages/about" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4504                            <span class="bkf-header__mobile-menu-link-text">Our Story</span>
4505                            
4506                          </a>
4507                        
4508                      
4509                    
4510                      
4511                        
4512                        
4513                          <a href="/pages/faq" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4514                            <span class="bkf-header__mobile-menu-link-text">FAQs</span>
4515                            
4516                          </a>
4517                        
4518                      
4519                    
4520                      
4521                        
4522                        
4523                          <a href="/pages/sustainability" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4524                            <span class="bkf-header__mobile-menu-link-text">Environmental Stewardship</span>
4525                            
4526                          </a>
4527                        
4528                      
4529                    
4530                      
4531                        
4532                        
4533                          <a href="/pages/press-endorsements" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4534                            <span class="bkf-header__mobile-menu-link-text">Press</span>
4535                            
4536                          </a>
4537                        
4538                      
4539                    
4540                      
4541                        
4542                        
4543                          <a href="/blogs/bar-keepers-blog" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4544                            <span class="bkf-header__mobile-menu-link-text">Blog</span>
4545                            
4546                          </a>
4547                        
4548                      
4549                    
4550                      
4551                    
4552                  </div>
4553                </div>
4554              </div>
4555            
4556          
4557        
4558      
4559    </div>
4560  </div>
4561</header>
4562
4563
4564
4565<script>
4566  (function() {
4567    const header = document.querySelector('[data-bkf-header][data-section-id="sections--28046235271202__bkf_header"]');
4568    if (!header || header.dataset.bkfHeaderInitialized === 'true') return;
4569    header.dataset.bkfHeaderInitialized = 'true';
4570
4571    let previousBodyOverflow = '';
4572
4573    function closeAllSubmenus() {
4574      header.querySelectorAll('[data-bkf-submenu][data-submenu-open]').forEach(function(item) {
4575        item.removeAttribute('data-submenu-open');
4576        const trigger = item.querySelector('[aria-haspopup="true"]');
4577        if (trigger) trigger.setAttribute('aria-expanded', 'false');
4578      });
4579    }
4580
4581    header.querySelectorAll('[data-bkf-submenu-tabs]').forEach(function(container) {
4582      const tablist = container.querySelector('.bkf-header__submenu-tablist');
4583      const tabs = container.querySelectorAll('[data-bkf-submenu-tab]');
4584      const panels = container.querySelectorAll('.bkf-header__submenu-panel');
4585
4586      function activateTab(index) {
4587        tabs.forEach(function(t, i) {
4588          const isActive = i === index;
4589          t.classList.toggle('bkf-header__submenu-tab--active', isActive);
4590          t.setAttribute('aria-selected', isActive ? 'true' : 'false');
4591          t.setAttribute('tabindex', isActive ? '0' : '-1');
4592          if (panels[i]) panels[i].toggleAttribute('hidden', !isActive);
4593        });
4594      }
4595
4596      tabs.forEach(function(tab, i) {
4597        tab.addEventListener('click', function() { activateTab(i); });
4598      });
4599
4600      if (tablist) {
4601        tablist.addEventListener('keydown', function(e) {
4602          const idx = Array.from(tabs).indexOf(document.activeElement);
4603          if (idx === -1) return;
4604          let next = idx;
4605          if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
4606            e.preventDefault();
4607            next = idx < tabs.length - 1 ? idx + 1 : 0;
4608          } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
4609            e.preventDefault();
4610            next = idx > 0 ? idx - 1 : tabs.length - 1;
4611          } else if (e.key === 'Home') {
4612            e.preventDefault();
4613            next = 0;
4614          } else if (e.key === 'End') {
4615            e.preventDefault();
4616            next = tabs.length - 1;
4617          } else return;
4618          activateTab(next);
4619          tabs[next].focus();
4620        });
4621      }
4622    });
4623
4624    header.querySelectorAll('[data-bkf-submenu]').forEach(function(item) {
4625      const trigger = item.querySelector('[aria-haspopup="true"]');
4626      const submenu = item.querySelector('.bkf-header__submenu');
4627      if (!trigger || !submenu) return;
4628
4629      let hideTimer = null;
4630
4631      function showSubmenu() {
4632        clearTimeout(hideTimer);
4633        closeAllSubmenus();
4634        item.setAttribute('data-submenu-open', '');
4635        trigger.setAttribute('aria-expanded', 'true');
4636      }
4637
4638      function hideSubmenu() {
4639        clearTimeout(hideTimer);
4640        item.removeAttribute('data-submenu-open');
4641        trigger.setAttribute('aria-expanded', 'false');
4642      }
4643
4644      function scheduleHide() {
4645        hideTimer = setTimeout(function() {
4646          hideSubmenu();
4647        }, 150);
4648      }
4649
4650      function cancelHide() {
4651        clearTimeout(hideTimer);
4652      }
4653
4654      item.addEventListener('mouseenter', showSubmenu);
4655      item.addEventListener('mouseleave', function(e) {
4656        if (submenu.contains(e.relatedTarget)) return;
4657        scheduleHide();
4658      });
4659      submenu.addEventListener('mouseenter', cancelHide);
4660      submenu.addEventListener('mouseleave', function(e) {
4661        if (item.contains(e.relatedTarget)) return;
4662        scheduleHide();
4663      });
4664
4665      trigger.addEventListener('click', function(e) {
4666        const isOpen = item.hasAttribute('data-submenu-open');
4667        closeAllSubmenus();
4668        if (!isOpen) {
4669          e.preventDefault();
4670          showSubmenu();
4671        }
4672      });
4673
4674      [trigger, submenu].forEach(function(element) {
4675        element.addEventListener('keydown', function(e) {
4676          if (e.key !== 'Escape') return;
4677          e.preventDefault();
4678          hideSubmenu();
4679          trigger.focus();
4680        });
4681      });
4682    });
4683
4684    /* Mobile menu */
4685    const mobileToggle = header.querySelector('[data-bkf-mobile-menu]');
4686    const mobileMenu = header.querySelector('.bkf-header__mobile-menu');
4687    const mobileClose = header.querySelector('[data-bkf-mobile-menu-close]');
4688    const FOCUSABLE =
4689      'a[href], button:not([disabled]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
4690
4691    function closeMobileSubmenus(exceptItem) {
4692      header.querySelectorAll('[data-bkf-mobile-submenu][data-expanded]').forEach(function(openItem) {
4693        if (openItem === exceptItem) return;
4694        const openButton = openItem.querySelector('[data-bkf-mobile-submenu-trigger]');
4695        const openPanel = openItem.querySelector('.bkf-header__mobile-menu-submenu');
4696        openItem.removeAttribute('data-expanded');
4697        if (openButton) {
4698          openButton.setAttribute('aria-expanded', 'false');
4699          openButton.classList.remove('bkf-header__mobile-menu-trigger--active');
4700        }
4701        if (openPanel) {
4702          openPanel.setAttribute('aria-hidden', 'true');
4703          openPanel.setAttribute('inert', '');
4704        }
4705      });
4706    }
4707
4708    function openDefaultMobileSubmenu() {
4709      const defaultItem = header.querySelector('[data-bkf-mobile-default-open]');
4710      if (!defaultItem) return;
4711      const defaultButton = defaultItem.querySelector('[data-bkf-mobile-submenu-trigger]');
4712      const defaultPanel = defaultItem.querySelector('.bkf-header__mobile-menu-submenu');
4713      closeMobileSubmenus(defaultItem);
4714      defaultItem.setAttribute('data-expanded', '');
4715      if (defaultButton) {
4716        defaultButton.setAttribute('aria-expanded', 'true');
4717        defaultButton.classList.add('bkf-header__mobile-menu-trigger--active');
4718      }
4719      if (defaultPanel) {
4720        defaultPanel.setAttribute('aria-hidden', 'false');
4721        defaultPanel.removeAttribute('inert');
4722      }
4723    }
4724
4725    function resetMobileSearchFields() {
4726      const hadOpenSearch = Boolean(header.querySelector('[data-bkf-mobile-search-form].bkf-header__mobile-search--open'));
4727      header.dispatchEvent(new CustomEvent('bkf-predictive-close'));
4728      header.querySelectorAll('[data-bkf-mobile-search-form]').forEach(function(form) {
4729        form.classList.remove('bkf-header__mobile-search--open');
4730        const toggleBtn = form.querySelector('[data-bkf-mobile-search-toggle]');
4731        const inputEl = form.querySelector('input[type="search"]');
4732        const overlay = form.querySelector('[data-bkf-mobile-search-overlay]');
4733        if (toggleBtn) toggleBtn.setAttribute('aria-expanded', 'false');
4734        if (inputEl) {
4735          inputEl.setAttribute('tabindex', '-1');
4736          inputEl.blur();
4737        }
4738        if (overlay) overlay.setAttribute('aria-hidden', 'true');
4739      });
4740      if (hadOpenSearch && (!mobileMenu || mobileMenu.getAttribute('aria-hidden') !== 'false')) {
4741        document.body.style.overflow = previousBodyOverflow;
4742      }
4743    }
4744
4745    function closeMobileMenu() {
4746      if (!mobileMenu || mobileMenu.getAttribute('aria-hidden') !== 'false') return;
4747      resetMobileSearchFields();
4748      closeMobileSubmenus();
4749      mobileMenu.setAttribute('aria-hidden', 'true');
4750      if (mobileToggle) mobileToggle.setAttribute('aria-expanded', 'false');
4751      document.body.style.overflow = previousBodyOverflow;
4752      if (mobileToggle) mobileToggle.focus();
4753    }
4754
4755    function openMobileMenu() {
4756      previousBodyOverflow = document.body.style.overflow;
4757      mobileMenu.setAttribute('aria-hidden', 'false');
4758      if (mobileToggle) mobileToggle.setAttribute('aria-expanded', 'true');
4759      document.body.style.overflow = 'hidden';
4760      openDefaultMobileSubmenu();
4761      const first = mobileMenu.querySelector(FOCUSABLE);
4762      if (first) first.focus();
4763    }
4764
4765    function handleEscape(e) {
4766      if (e.key !== 'Escape') return;
4767      const openSearchForm = header.querySelector('[data-bkf-mobile-search-form].bkf-header__mobile-search--open');
4768      if (openSearchForm) {
4769        e.preventDefault();
4770        resetMobileSearchFields();
4771        const t = openSearchForm.querySelector('[data-bkf-mobile-search-toggle]');
4772        if (t) t.focus();
4773        return;
4774      }
4775      if (mobileMenu && mobileMenu.getAttribute('aria-hidden') === 'false') {
4776        e.preventDefault();
4777        closeMobileMenu();
4778      }
4779    }
4780
4781    function handleMobileMenuFocusTrap(e) {
4782      if (e.key !== 'Tab' || mobileMenu.getAttribute('aria-hidden') !== 'false') return;
4783      const focusables = Array.from(mobileMenu.querySelectorAll(FOCUSABLE));
4784      if (focusables.length === 0) return;
4785      const first = focusables[0];
4786      const last = focusables[focusables.length - 1];
4787      if (e.shiftKey) {
4788        if (document.activeElement === first) {
4789          e.preventDefault();
4790          last.focus();
4791        }
4792      } else {
4793        if (document.activeElement === last) {
4794          e.preventDefault();
4795          first.focus();
4796        }
4797      }
4798    }
4799
4800    function handleResize() {
4801      if (window.matchMedia('(min-width: 1024px)').matches) {
4802        resetMobileSearchFields();
4803        closeMobileMenu();
4804      }
4805    }
4806
4807    if (mobileToggle && mobileMenu) {
4808      mobileToggle.addEventListener('click', function() {
4809        const isOpen = mobileMenu.getAttribute('aria-hidden') === 'false';
4810        if (isOpen) closeMobileMenu();
4811        else openMobileMenu();
4812      });
4813
4814      if (mobileClose) {
4815        mobileClose.addEventListener('click', closeMobileMenu);
4816      }
4817
4818      document.addEventListener('keydown', handleEscape);
4819      mobileMenu.addEventListener('keydown', handleMobileMenuFocusTrap);
4820
4821      window.addEventListener('resize', handleResize);
4822
4823      header.querySelectorAll('[data-bkf-mobile-search-form]').forEach(function(form) {
4824        const toggleBtn = form.querySelector('[data-bkf-mobile-search-toggle]');
4825        const inputEl = form.querySelector('input[type="search"]');
4826        const overlay = form.querySelector('[data-bkf-mobile-search-overlay]');
4827        const backdrop = form.querySelector('[data-bkf-mobile-search-backdrop]');
4828        const closeBtn = form.querySelector('[data-bkf-mobile-search-close]');
4829        if (!toggleBtn || !inputEl) return;
4830
4831        function closeSearch() {
4832          resetMobileSearchFields();
4833        }
4834
4835        function openSearch() {
4836          resetMobileSearchFields();
4837          if (!mobileMenu || mobileMenu.getAttribute('aria-hidden') !== 'false') {
4838            previousBodyOverflow = document.body.style.overflow;
4839            document.body.style.overflow = 'hidden';
4840          }
4841          form.classList.add('bkf-header__mobile-search--open');
4842          toggleBtn.setAttribute('aria-expanded', 'true');
4843          inputEl.removeAttribute('tabindex');
4844          if (overlay) overlay.setAttribute('aria-hidden', 'false');
4845          inputEl.focus();
4846        }
4847
4848        toggleBtn.addEventListener('click', function(e) {
4849          e.preventDefault();
4850          if (form.classList.contains('bkf-header__mobile-search--open')) {
4851            closeSearch();
4852          } else {
4853            openSearch();
4854          }
4855        });
4856
4857        if (backdrop) {
4858          backdrop.addEventListener('click', function() {
4859            closeSearch();
4860            toggleBtn.focus();
4861          });
4862        }
4863        if (closeBtn) {
4864          closeBtn.addEventListener('click', function() {
4865            closeSearch();
4866            toggleBtn.focus();
4867          });
4868        }
4869      });
4870    }
4871
4872    header.querySelectorAll('[data-bkf-mobile-submenu-trigger]').forEach(function(btn
4872) {
4873      const item = btn.closest('[data-bkf-mobile-submenu]');
4874      const panel = item && item.querySelector('.bkf-header__mobile-menu-submenu');
4875      if (!item || !panel) return;
4876
4877      if (item.hasAttribute('data-expanded')) {
4878        btn.classList.add('bkf-header__mobile-menu-trigger--active');
4879      }
4880
4881      btn.addEventListener('click', function() {
4882        const isExpanded = item.hasAttribute('data-expanded');
4883        if (isExpanded) {
4884          item.removeAttribute('data-expanded');
4885          btn.setAttribute('aria-expanded', 'false');
4886          btn.classList.remove('bkf-header__mobile-menu-trigger--active');
4887          panel.setAttribute('aria-hidden', 'true');
4888          panel.setAttribute('inert', '');
4889        } else {
4890          closeMobileSubmenus(item);
4891          item.setAttribute('data-expanded', '');
4892          btn.setAttribute('aria-expanded', 'true');
4893          btn.classList.add('bkf-header__mobile-menu-trigger--active');
4894          panel.setAttribute('aria-hidden', 'false');
4895          panel.removeAttribute('inert');
4896        }
4897      });
4898    });
4899  })();
4900</script>
4900
4901
4902<script type="module">
4903  import { initBkfPredictiveSearch } from '//barkeepersfriend.com/cdn/shop/t/11/assets/bkf-predictive-search.js?v=122149488684315791401788191370';
4904
4905  const headerEl = document.querySelector('[data-bkf-header][data-section-id="sections--28046235271202__bkf_header"]');
4906  if (headerEl) {
4907    const i18n = {
4908      queries: "Search suggestions",
4909      products: "Products",
4910      collections: "Collections",
4911      pages: "Pages",
4912      articles: "Blog posts",
4913      viewAll: "View all",
4914      resultsCountTpl: "__COUNT__ search results found for \u0026quot;__QUERY__\u0026quot;",
4915      noResultsTpl: "No results found for \u0026quot;__QUERY__\u0026quot;",
4916    };
4917    headerEl.querySelectorAll('[data-bkf-predictive]').forEach(function (root) {
4918      if (root instanceof HTMLElement) initBkfPredictiveSearch(root, i18n);
4919    });
4920  }
4921</script>
4921
4922
4923
4924</div>
4925<!-- END sections: header-group -->
4926    </div>
4927
4928    
4928<script>
4929      // Inline header height and menu style calculations to prevent layout shift
4930      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
4931      (function setHeaderHeighCustomProperties() {
4932        /*
4933         * Header calculation functions for maintaining CSS variables
4934         * Supports header-component (Dawn) and .bkf-header (BKF custom header)
4935         */
4936        const headerGroup = document.querySelector('#header-group');
4937        if (!headerGroup) return;
4938
4939        const header = document.querySelector('header-component') || document.querySelector('.bkf-header');
4940        const hasHeaderSection = headerGroup?.querySelector('.header-section');
4941        const hasBkfHeader = headerGroup?.querySelector('.bkf-header');
4942
4943        if (!header) return;
4944
4945        const headerTopRow = header.querySelector?.('.header__row--top');
4946        const headerHeight = header.offsetHeight;
4947
4948        // Calculate the total height of the header group (sum of all section wrapper heights)
4949        let headerGroupHeight = 0;
4950        const children = headerGroup.children;
4951        for (let i = 0; i < children.length; i++) {
4952          const element = children[i];
4953          if (!(element instanceof HTMLElement)) continue;
4954          headerGroupHeight += element.offsetHeight;
4955        }
4956
4957        // Check for transparent header special case (header-component only)
4958        if (header.hasAttribute?.('transparent') && header.parentElement?.nextElementSibling) {
4959          headerGroupHeight += headerHeight;
4960        }
4961
4962        // Set CSS variables
4963        document.body.style.setProperty('--header-height', `${headerHeight}px`);
4964        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
4965
4966        if (headerTopRow) {
4967          window.requestAnimationFrame(function () {
4968            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
4969          });
4970        }
4971
4972        /**
4973         * Updates CSS custom properties for transparent header offset calculation
4974         * Only applies to header-component with transparent attribute
4975         */
4976        if (!hasHeaderSection || !header?.hasAttribute?.('transparent') || hasBkfHeader) {
4977          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
4978          return;
4979        }
4980
4981        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
4982        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
4983        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
4984      })();
4985
4986      (function setHeaderMenuStyle() {
4987        const headerComponent = document.querySelector('#header-component');
4988        if (headerComponent) {
4989          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
4990          const overflowList = headerComponent?.querySelector('overflow-list');
4991          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
4992          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
4993        }
4994      })();
4995    </script>
4995
4996
4997    <main
4998      id="MainContent"
4999      class="content-for-layout"
5000      role="main"
5001      data-page-transition-enabled="false"
5002      data-product-transition="false"
5003      data-template="index"
5004    >
5005      <div id="shopify-section-template--28046240383010__custom_liquid_TGcWdB" class="shopify-section">
5006
5007<div class="section-background color-scheme-1"></div>
5008<div
5009  class="section section--page-width spacing-style color-scheme-1"
5010  style="--padding-block-start: 0px; --padding-block-end:0px; 
5011--padding-inline-start:0px; --padding-inline-end:0px; 
5012"
5013>
5014  <h1 class="visually-hidden">Bar Keepers Friend® – Household Cleaning Supplies for Stain & Surface Care</h1>
5015</div>
5016
5017
5018</div><section id="shopify-section-template--28046240383010__bkf_hero" class="shopify-section section-wrapper">
5019
5020
5021
5022
5023  
5024    <link rel="preload" fetchpriority="high" as="image" href="//barkeepersfriend.com/cdn/shop/files/hero-video-image_b55bfc64-4024-49e1-be8f-d1454d79a3d1.png?v=1775152424&width=1800" media="(min-width: 768px)">
5025  
5026  
5027    <link rel="preload" fetchpriority="high" as="image" href="//barkeepersfriend.com/cdn/shop/files/hero-video-image_b55bfc64-4024-49e1-be8f-d1454d79a3d1.png?v=1775152424&width=960" media="(max-width: 767px)">
5028  
5029
5030
5031<section class="relative min-h-[560px] md:h-[630px] flex flex-col md:flex-row md:items-center justify-end md:justify-center overflow-hidden font-sans bkf-hero-section py-12 pb-14 md:py-0" id="bkf-hero-template--28046240383010__bkf_hero" style="--bkf-hero-px-m: 44px; --bkf-hero-px-d: 68px;" aria-label="Hero">
5032  <div class="absolute inset-0 w-full h-full z-0">
5033    
5034      
5035      
5036      <div class="bkf-hero__video-slot bkf-hero__video-slot--desktop absolute inset-0 w-full h-full" data-bkf-hero-video-target="desktop">
5037        <video-background-component class="video-background video-background--cover" aria-hidden="true">
5038          <video
5039            autoplay
5040            loop
5041            playsinline
5042            muted
5043            preload="none"
5044            aria-hidden="true"
5045            poster="//barkeepersfriend.com/cdn/shop/files/hero-video-image_b55bfc64-4024-49e1-be8f-d1454d79a3d1.png?v=1775152424&width=1800"
5046            ref="videoElement"
5047          >
5048            
5049              <source
5050                data-bkf-hero-video-source="//barkeepersfriend.com/cdn/shop/videos/c/vp/16d723a43a324bdba0c2cbae86788888/16d723a43a324bdba0c2cbae86788888.m3u8?v=0"
5051                type="application/x-mpegURL"
5052                ref="videoSources[]"
5053              >
5054            
5055              <source
5056                data-bkf-hero-video-source="//barkeepersfriend.com/cdn/shop/videos/c/vp/16d723a43a324bdba0c2cbae86788888/16d723a43a324bdba0c2cbae86788888.HD-1080p-7.2Mbps-85092350.mp4?v=0"
5057                type="video/mp4"
5058                ref="videoSources[]"
5059              >
5060            
5061          </video>
5062        </video-background-component>
5063      </div>
5064      <div class="bkf-hero__video-slot bkf-hero__video-slot--mobile absolute inset-0 w-full h-full" data-bkf-hero-video-target="mobile">
5065        <video-background-component class="video-background video-background--cover" aria-hidden="true">
5066          <video
5067            autoplay
5068            loop
5069            playsinline
5070            muted
5071            preload="none"
5072            aria-hidden="true"
5073            poster="//barkeepersfriend.com/cdn/shop/files/hero-video-image_b55bfc64-4024-49e1-be8f-d1454d79a3d1.png?v=1775152424&width=960"
5074            ref="videoElement"
5075          >
5076            
5077              <source
5078                data-bkf-hero-video-source="//barkeepersfriend.com/cdn/shop/videos/c/vp/6132fb6f538d4ab7bfdb1ecf489a1da3/6132fb6f538d4ab7bfdb1ecf489a1da3.m3u8?v=0"
5079                type="application/x-mpegURL"
5080                ref="videoSources[]"
5081              >
5082            
5083              <source
5084                data-bkf-hero-video-source="//barkeepersfriend.com/cdn/shop/videos/c/vp/6132fb6f538d4ab7bfdb1ecf489a1da3/6132fb6f538d4ab7bfdb1ecf489a1da3.HD-1080p-7.2Mbps-85092823.mp4?v=0"
5085                type="video/mp4"
5086                ref="videoSources[]"
5087              >
5088            
5089          </video>
5090        </video-background-component>
5091      </div>
5092    
5093  </div>
5094
5095  
5096
5097  
5098    <div
5099      class="bkf-hero__video-controls absolute bottom-5 right-5 z-[3] flex items-center gap-2 md:bottom-8 md:right-8"
5100      role="group"
5101      aria-label="Video controls"
5102    >
5103      <button
5104        type="button"
5105        class="bkf-hero__video-btn flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border-0 bg-black/45 text-white shadow-md backdrop-blur-sm transition hover:bg-black/60 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
5106        data-bkf-hero-video-mute
5107        aria-pressed="true"
5108        aria-label="Unmute video"
5109      >
5110        <svg
5111          class="bkf-hero__video-icon"
5112          data-bkf-hero-video-mute-icon-muted
5113          viewBox="0 0 24 24"
5114          fill="currentColor"
5115          aria-hidden="true"
5116          focusable="false"
5117        >
5118          <path
5119            d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z"
5120          ></path>
5121        </svg>
5122        <svg
5123          class="bkf-hero__video-icon bkf-hero__video-icon--suppressed"
5124          data-bkf-hero-video-mute-icon-unmuted
5125          viewBox="0 0 24 24"
5126          fill="currentColor"
5127          aria-hidden="true"
5128          focusable="false"
5129        >
5130          <path
5131            d="M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM18.584 5.106a.75.75 0 0 1 1.06 0c3.808 3.807 3.808 9.98 0 13.788a.75.75 0 0 1-1.06-1.06 8.25 8.25 0 0 0 0-11.668.75.75 0 0 1 0-1.06Z"
5132          ></path>
5133          <path
5134            d="M15.932 7.757a.75.75 0 0 1 1.061 0 6 6 0 0 1 0 8.486.75.75 0 0 1-1.06-1.061 4.5 4.5 0 0 0 0-6.364.75.75 0 0 1 0-1.06Z"
5135          ></path>
5136        </svg>
5137      </button>
5138      <button
5139        type="button"
5140        class="bkf-hero__video-btn flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border-0 bg-black/45 text-white shadow-md backdrop-blur-sm transition hover:bg-black/60 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
5141        data-bkf-hero-video-pause
5142        aria-pressed="false"
5143        aria-label="Pause video"
5144      >
5145        <svg
5146          class="bkf-hero__video-icon"
5147          data-bkf-hero-video-pause-icon
5148          viewBox="0 0 24 24"
5149          fill="currentColor"
5150          aria-hidden="true"
5151          focusable="false"
5152        >
5153          <path
5154            fill-rule="evenodd"
5155            d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z"
5156            clip-rule="evenodd"
5157          ></path>
5158        </svg>
5159        <svg
5160          class="bkf-hero__video-icon bkf-hero__video-icon--suppressed"
5161          data-bkf-hero-video-play-icon
5162          viewBox="0 0 24 24"
5163          fill="currentColor"
5164          aria-hidden="true"
5165          focusable="false"
5166        >
5167          <path
5168            fill-rule="evenodd"
5169            d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z"
5170            clip-rule="evenodd"
5171          ></path>
5172        </svg>
5173      </button>
5174    </div>
5175  
5176
5177  <div class="relative max-w-[var(--bkf-max-width)] mx-auto w-full z-[2] flex flex-col items-center md:items-stretch md:block">
5178    <div class="max-w-xl text-white text-center md:text-left flex flex-col items-center md:items-start">
5179      
5180        
5181      
5182      
5183      
5184    </div>
5185
5186    
5187  </div>
5188</section>
5189
5190<style>
5191  /* Dual video: keep slot swapping explicit instead of relying on utility display classes. */
5192  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__video-slot--desktop {
5193    display: none;
5194  }
5195  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__video-slot--mobile {
5196    display: block;
5197  }
5198  @media (min-width: 768px) {
5199    #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__video-slot--desktop {
5200      display: block;
5201    }
5202    #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__video-slot--mobile {
5203      display: none;
5204    }
5205  }
5206  #bkf-hero-template--28046240383010__bkf_hero {
5207    padding-left: var(--bkf-hero-px-m);
5208    padding-right: var(--bkf-hero-px-m);
5209  }
5210  @media (min-width: 768px) {
5211    #bkf-hero-template--28046240383010__bkf_hero {
5212      padding-left: var(--bkf-hero-px-d);
5213      padding-right: var(--bkf-hero-px-d);
5214    }
5215  }
5216  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero-heading-img { max-height: 270px; }
5217  @media (min-width: 768px) {
5218    #bkf-hero-template--28046240383010__bkf_hero .bkf-hero-heading-img { max-height: var(--hero-heading-size); }
5219  }
5220  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__video-glow {
5221    box-shadow: var(--bkf-shadow-glow-ring);
5222  }
5223  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__video-icon {
5224    width: 1.125rem;
5225    height: 1.125rem;
5226    display: block;
5227    flex-shrink: 0;
5228  }
5229  /* `display: block` above would beat UA [hidden]; use a class so SVG toggle state is reliable */
5230  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__video-icon.bkf-hero__video-icon--suppressed {
5231    display: none !important;
5232  }
5233  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__placeholder-play-icon {
5234    width: 1.875rem;
5235    height: 1.875rem;
5236    display: block;
5237    flex-shrink: 0;
5238  }
5239  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__heading {
5240    color: var(--bkf-white);
5241    
5242  }
5243  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__paragraph {
5244    color: var(--bkf-white);
5245    
5246  }
5247  #bkf-hero-template--28046240383010__bkf_hero .bkf-hero__script-word {
5248    font-size: var(--font-h1--size);
5249    /* Required with webfonts + gradient text in WebKit */
5250    background-image: var(--bkf-gradient-gold);
5251    -webkit-background-clip: text;
5252    -webkit-text-fill-color: transparent;
5253  }
5254  /* Wider pill than global marketing default (15px inline) */
5255  #bkf-hero-template--28046240383010__bkf_hero .bkf-btn-primary {
5256    padding-inline: 1.5rem;
5257  }
5258  @media (min-width: 768px) {
5259    #bkf-hero-template--28046240383010__bkf_hero .bkf-btn-primary {
5260      padding-inline: 2rem;
5261    }
5262  }
5263</style>
5264
5265
5266  
5266<script>
5267    (function () {
5268      var root = document.getElementById('bkf-hero-template--28046240383010__bkf_hero');
5269      if (!root) return;
5270      var desktopSlot = root.querySelector('[data-bkf-hero-video-target="desktop"] video');
5271      var mobileSlot = root.querySelector('[data-bkf-hero-video-target="mobile"] video');
5272      var singleVideo = desktopSlot && mobileSlot ? null : root.querySelector('video-background-component video');
5273      var mq = window.matchMedia('(min-width: 768px)');
5274      var reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
5275      var muteBtn = root.querySelector('[data-bkf-hero-video-mute]');
5276      var muteIconMuted = root.querySelector('[data-bkf-hero-video-mute-icon-muted]');
5277      var muteIconUnmuted = root.querySelector('[data-bkf-hero-video-mute-icon-unmuted]');
5278      var pauseBtn = root.querySelector('[data-bkf-hero-video-pause]');
5279      var pauseIcon = root.querySelector('[data-bkf-hero-video-pause-icon]');
5280      var playIcon = root.querySelector('[data-bkf-hero-video-play-icon]');
5281      var hasActivated = false;
5282      if (!muteBtn || !muteIconMuted || !muteIconUnmuted || !pauseBtn || !pauseIcon || !playIcon) return;
5283
5284      function getActiveVideo() {
5285        if (desktopSlot && mobileSlot) {
5286          return mq.matches ? desktopSlot : mobileSlot;
5287        }
5288        return singleVideo;
5289      }
5290
5291      function getInactiveVideo() {
5292        if (desktopSlot && mobileSlot) {
5293          return mq.matches ? mobileSlot : desktopSlot;
5294        }
5295        return null;
5296      }
5297
5298      function hydrateVideo(video) {
5299        if (!video || video.dataset.bkfHeroHydrated === 'true') return;
5300        var sources = video.querySelectorAll('source[data-bkf-hero-video-source]');
5301        var didHydrate = false;
5302        for (var i = 0; i < sources.length; i += 1) {
5303          var source = sources[i];
5304          var sourceUrl = source.getAttribute('data-bkf-hero-video-source');
5305          if (sourceUrl && !source.getAttribute('src')) {
5306            source.setAttribute('src', sourceUrl);
5307            didHydrate = true;
5308          }
5309        }
5310        if (didHydrate) {
5311          video.load();
5312        }
5313        video.dataset.bkfHeroHydrated = 'true';
5314      }
5315
5316      /** Autoplays muted; sound only after the user uses the mute/unmute control (browser autoplay policies). */
5317      function playHeroAutoplay(video) {
5318        if (!video) return Promise.resolve();
5319        if (reducedMotionQuery.matches) {
5320          return Promise.resolve();
5321        }
5322        video.muted = true;
5323        return video.play().catch(function () {
5324          return Promise.resolve();
5325        });
5326      }
5327
5328      function ensureCurrentVideoLoaded() {
5329        var active = getActiveVideo();
5330        var inactive = getInactiveVideo();
5331        if (!active) return Promise.resolve(null);
5332        hasActivated = true;
5333        hydrateVideo(active);
5334        if (inactive) {
5335          inactive.pause();
5336        }
5337        return Promise.resolve(active);
5338      }
5339
5340      function activateCurrentVideo() {
5341        if (hasActivated) return Promise.resolve(getActiveVideo());
5342        return ensureCurrentVideoLoaded().then(function (active) {
5343          if (!active) return active;
5344          return playHeroAutoplay(active).then(function () {
5345            syncMute();
5346            syncPlay();
5347            return active;
5348          });
5349        });
5350      }
5351
5352      function queueVideoActivation() {
5353        if ('IntersectionObserver' in window) {
5354          var observer = new IntersectionObserver(function (entries) {
5355            for (var i = 0; i < entries.length; i += 1) {
5356              if (!entries[i].isIntersecting) continue;
5357              observer.disconnect();
5358              if (hasActivated) {
5359                syncMute();
5360                syncPlay();
5361                return;
5362              }
5363              activateCurrentVideo();
5364              return;
5365            }
5366          }, { rootMargin: '200px 0px' });
5367          observer.observe(root);
5368          return;
5369        }
5370
5371        var fallback = function () {
5372          if (hasActivated) {
5373            syncMute();
5374            syncPlay();
5375            return;
5376          }
5377          if ('requestIdleCallback' in window) {
5378            window.requestIdleCallback(function () {
5379              activateCurrentVideo();
5380            }, { timeout: 1200 });
5381            return;
5382          }
5383          window.setTimeout(function () {
5384            activateCurrentVideo();
5385          }, 250);
5386        };
5387
5388        if (document.readyState === 'complete') {
5389          fallback();
5390          return;
5391        }
5392
5393        window.addEventListener('load', fallback, { once: true });
5394      }
5395
5396      function syncMute() {
5397        var video = getActiveVideo();
5398        if (!video) return;
5399        var muted = video.muted;
5400        muteBtn.setAttribute('aria-pressed', muted ? 'true' : 'false');
5401        muteBtn.setAttribute('aria-label', muted ? 'Unmute video' : 'Mute video');
5402        muteIconMuted.classList.toggle('bkf-hero__video-icon--suppressed', !muted);
5403        muteIconUnmuted.classList.toggle('bkf-hero__video-icon--suppressed', muted);
5404      }
5405
5406      function syncPlay() {
5407        var video = getActiveVideo();
5408        if (!video) return;
5409        var paused = video.paused;
5410        pauseBtn.setAttribute('aria-pressed', paused ? 'true' : 'false');
5411        pauseBtn.setAttribute('aria-label', paused ? 'Play video' : 'Pause video');
5412        pauseIcon.classList.toggle('bkf-hero__video-icon--suppressed', paused);
5413        playIcon.classList.toggle('bkf-hero__video-icon--suppressed', !paused);
5414      }
5415
5416      function bindVideo(v) {
5417        if (!v) return;
5418        v.addEventListener('volumechange', syncMute);
5419        v.addEventListener('play', syncPlay);
5420        v.addEventListener('pause', syncPlay);
5421      }
5422
5423      if (desktopSlot) {
5424        desktopSlot.muted = true;
5425        bindVideo(desktopSlot);
5426      }
5427      if (mobileSlot) {
5428        mobileSlot.muted = true;
5429        bindVideo(mobileSlot);
5430      }
5431      if (singleVideo) {
5432        singleVideo.muted = true;
5433        bindVideo(singleVideo);
5434      }
5435
5436      if (!getActiveVideo()) return;
5437      syncMute();
5438      syncPlay();
5439      queueVideoActivation();
5440
5441      if (desktopSlot && mobileSlot) {
5442        var handleBreakpointChange = function () {
5443          var active = getActiveVideo();
5444          var inactive = getInactiveVideo();
5445          if (!active) return;
5446
5447          var savedMuted = inactive ? inactive.muted : active.muted;
5448          var shouldResume = inactive ? !inactive.paused : false;
5449
5450          active.muted = savedMuted;
5451          desktopSlot.muted = savedMuted;
5452          mobileSlot.muted = savedMuted;
5453
5454          if (!hasActivated) {
5455            syncMute();
5456            syncPlay();
5457            return;
5458          }
5459
5460          hydrateVideo(active);
5461          if (inactive) {
5462            inactive.pause();
5463          }
5464
5465          if (!shouldResume) {
5466            active.pause();
5467            syncMute();
5468            syncPlay();
5469            return;
5470          }
5471
5472          active.play().catch(function () {
5473            active.muted = true;
5474            desktopSlot.muted = true;
5475            mobileSlot.muted = true;
5476            return active.play().catch(function () {
5477              return Promise.resolve();
5478            });
5479          }).then(function () {
5480            syncMute();
5481            syncPlay();
5482          });
5483        };
5484        if (typeof mq.addEventListener === 'function') {
5485          mq.addEventListener('change', handleBreakpointChange);
5486        } else if (typeof mq.addListener === 'function') {
5487          mq.addListener(handleBreakpointChange);
5488        }
5489      }
5490
5491      muteBtn.addEventListener('click', function (e) {
5492        e.preventDefault();
5493        e.stopPropagation();
5494        ensureCurrentVideoLoaded().then(function (video) {
5495          if (!video) return;
5496          video.muted = !video.muted;
5497          if (desktopSlot && mobileSlot) {
5498            desktopSlot.muted = video.muted;
5499            mobileSlot.muted = video.muted;
5500          }
5501          syncMute();
5502        });
5503      });
5504
5505      pauseBtn.addEventListener('click', function () {
5506        ensureCurrentVideoLoaded().then(function (video) {
5507          if (!video) return;
5508          if (video.paused) {
5509            video.play().then(function () {
5510              syncPlay();
5511            }).catch(function () {
5512              syncPlay();
5513            });
5514          } else {
5515            video.pause();
5516            if (typeof queueMicrotask === 'function') {
5517              queueMicrotask(syncPlay);
5518            } else {
5519              setTimeout(syncPlay, 0);
5520            }
5521          }
5522        });
5523      });
5524    })();
5525  </script>
5525
5526
5527
5528
5529</section><section id="shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc" class="shopify-section section-wrapper">
5530<div
5531  class="bkf-collection-product-carousel flex flex-col items-center pt-3 pb-8 md:pt-5 md:pb-10 font-sans"
5532  data-bkf-collection-carousel
5533  data-section-id="template--28046240383010__bkf_collection_product_carousel_Bb4gbc"
5534>
5535  
5535<script type="application/json" class="bkf-collection-carousel__config">
5536    {
5537      "sectionId": "template--28046240383010__bkf_collection_product_carousel_Bb4gbc",
5538      "products": [
5539        
5540
5541          
5542            
5543            
5544            
5545            
5546            
5547            
5548            
5549            {
5550              "id": 8333743882274,
5551              "title": "Cleanser",
5552              "url": "\/products\/cleanser",
5553              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_8666d97e-d468-44d3-8fe1-3d373f850cff.png?v=1777925551\u0026width=300",
5554              "reviewText": "11,012 REVIEWS",
5555              "ratingX10": 45,
5556              "ratingLabel": "4.5 out of 5 stars, 11,012 REVIEWS"
5557            }
5558          
5559            
5560            ,
5561            
5562            
5563            
5564            
5565            
5566            {
5567              "id": 8352394149922,
5568              "title": "Soft Cleanser",
5569              "url": "\/products\/soft-cleanser",
5570              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_478ed1c5-a34a-40e7-ae04-c1f2050d66c3.png?v=1777925818\u0026width=300",
5571              "reviewText": "6,606 REVIEWS",
5572              "ratingX10": 45,
5573              "ratingLabel": "4.5 out of 5 stars, 6,606 REVIEWS"
5574            }
5575          
5576            
5577            ,
5578            
5579            
5580            
5581            
5582            
5583            {
5584              "id": 8352883965986,
5585              "title": "Superior Multi-Purpose Cleaner",
5586              "url": "\/products\/superior-multi-purpose-cleaner",
5587              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/Multipurpose_Front.png?v=1789925867\u0026width=300",
5588              "reviewText": "247 REVIEWS",
5589              "ratingX10": 45,
5590              "ratingLabel": "4.5 out of 5 stars, 247 REVIEWS"
5591            }
5592          
5593            
5594            ,
5595            
5596            
5597            
5598            
5599            
5600            {
5601              "id": 8352391331874,
5602              "title": "Cookware Cleanser \u0026 Polish",
5603              "url": "\/products\/cookware-cleaner-and-polish",
5604              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_00e2a985-20c6-456e-adb1-99fbbe70f2fc.png?v=1777924940\u0026width=300",
5605              "reviewText": "543 REVIEWS",
5606              "ratingX10": 45,
5607              "ratingLabel": "4.5 out of 5 stars, 543 REVIEWS"
5608            }
5609          
5610            
5611            ,
5612            
5613            
5614            
5615            
5616            
5617            {
5618              "id": 8354439954466,
5619              "title": "Coffee Maker Cleaner",
5620              "url": "\/products\/coffee-maker-cleaner",
5621              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_980c0e95-1d7a-4a03-97c0-8aa0077aaebd.png?v=1777924340\u0026width=300",
5622              "reviewText": "364 REVIEWS",
5623              "ratingX10": 45,
5624              "ratingLabel": "4.5 out of 5 stars, 364 REVIEWS"
5625            }
5626          
5627            
5628            ,
5629            
5630            
5631            
5632            
5633            
5634            {
5635              "id": 8352892256290,
5636              "title": "Stainless Steel Cleaner \u0026 Polish",
5637              "url": "\/products\/stainless-steel-cleaner-polish",
5638              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_09c8c5ec-4e79-4beb-98a3-18e9eab70676.png?v=1777925986\u0026width=300",
5639              "reviewText": "750 REVIEWS",
5640              "ratingX10": 45,
5641              "ratingLabel": "4.5 out of 5 stars, 750 REVIEWS"
5642            }
5643          
5644            
5645            ,
5646            
5647            
5648            
5649            
5650            
5651            {
5652              "id": 8354440151074,
5653              "title": "Coffee Maker Descaler",
5654              "url": "\/products\/coffee-maker-descaler",
5655              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_4a9ddd10-0dcd-4d3d-a420-b4935244e6f0.png?v=1777924509\u0026width=300",
5656              "reviewText": "530 REVIEWS",
5657              "ratingX10": 45,
5658              "ratingLabel": "4.5 out of 5 stars, 530 REVIEWS"
5659            }
5660          
5661            
5662            ,
5663            
5664            
5665            
5666            
5667            
5668            {
5669              "id": 8354441003042,
5670              "title": "Toilet Bowl Cleaner",
5671              "url": "\/products\/toilet-bowl-cleaner",
5672              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_template_a374355a-6567-447a-ab7a-6fc24944d068.png?v=1777926091\u0026width=300",
5673              "reviewText": "364 REVIEWS",
5674              "ratingX10": 45,
5675              "ratingLabel": "4.5 out of 5 stars, 364 REVIEWS"
5676            }
5677          
5678            
5679            ,
5680            
5681            
5682            
5683            
5684            
5685            {
5686              "id": 8354439036962,
5687              "title": "EZ-Flush",
5688              "url": "\/products\/ez-flush",
5689              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_e7dc9442-c7f6-40cc-8e1d-3401d5e3b6ba.png?v=1777925038\u0026width=300",
5690              "reviewText": "310 REVIEWS",
5691              "ratingX10": 40,
5692              "ratingLabel": "4 out of 5 stars, 310 REVIEWS"
5693            }
5694          
5695            
5696            ,
5697            
5698            
5699            
5700            
5701            
5702            {
5703              "id": 8354438152226,
5704              "title": "Granite \u0026 Stone Cleaner \u0026 Polish",
5705              "url": "\/products\/granite-stone-cleaner-polish",
5706              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_template_89f1bc7b-8f2f-4d48-b76d-046a5528a7e8.png?v=1777925134\u0026width=300",
5707              "reviewText": "938 REVIEWS",
5708              "ratingX10": 45,
5709              "ratingLabel": "4.5 out of 5 stars, 938 REVIEWS"
5710            }
5711          
5712            
5713            ,
5714            
5715            
5716            
5717            
5718            
5719            {
5720              "id": 8352415481890,
5721              "title": "Cooktop Cleaner",
5722              "url": "\/products\/cooktop-cleaner",
5723              "image": "\/\/barkeepersfriend.com\/cdn\/shop\/files\/product_ed43f628-7778-45cb-a950-64b2b8255ceb.png?v=1777924606\u0026width=300",
5724              "reviewText": "543 REVIEWS",
5725              "ratingX10": 45,
5726              "ratingLabel": "4.5 out of 5 stars, 543 REVIEWS"
5727            }
5728          
5729        
5730      ]
5731    }
5732  </script>
5732
5733  <div class="w-full max-w-7xl mx-auto px-0 md:px-4 relative flex flex-col items-center">
5734    <div
5735      class="relative w-full flex items-center justify-center mb-1 md:mb-2 overflow-hidden md:overflow-visible min-h-[var(--bkf-col-carousel-min-h)]"
5736    >
5737      <button
5738        type="button"
5739        id="prevBtn-template--28046240383010__bkf_collection_product_carousel_Bb4gbc"
5740        class="absolute left-1 md:left-8 z-40 px-4 py-2 md:px-6 md:py-4 text-bkf-blue hover:scale-110 active:scale-95 transition-transform focus:outline-none cursor-pointer"
5741        aria-label="Previous product"
5742      >
5743        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="w-10 h-10 md:w-12 md:h-12" aria-hidden="true">
5744          <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
5745        </svg>
5746      </button>
5747
5748      <div
5749        id="track-template--28046240383010__bkf_collection_product_carousel_Bb4gbc"
5750        class="relative w-full min-h-[var(--bkf-col-carousel-min-h)] max-w-[1280px] mx-auto overflow-visible bkf-col-carousel__track no-select"
5751        role="region"
5752        aria-roledescription="Carousel"
5753        aria-label="Featured products"
5754      ></div>
5755
5756      <button
5757        type="button"
5758        id="nextBtn-template--28046240383010__bkf_collection_product_carousel_Bb4gbc"
5759        class="absolute right-1 md:right-8 z-40 px-4 py-2 md:px-6 md:py-4 text-bkf-blue hover:scale-110 active:scale-95 transition-transform focus:outline-none cursor-pointer"
5760        aria-label="Next product"
5761      >
5762        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="w-10 h-10 md:w-12 md:h-12" aria-hidden="true">
5763          <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
5764        </svg>
5765      </button>
5766    </div>
5767
5768    <div class="flex flex-col items-center justify-center text-center z-50 px-4">
5769      <p
5770        id="productTitle-template--28046240383010__bkf_collection_product_carousel_Bb4gbc"
5771        class="bkf-carousel-product-title text-bkf-blue mb-2 md:mb-3 bkf-col-carousel__fade-text max-w-[min(100%,42rem)] mx-auto"
5772      >
5773        
5774          Cleanser
5775        
5776      </p>
5777
5778      
5779      
5780      
5781      
5782      
5783      
5784      
5785      
5786
5787<div
5788  
5789    data-bkf-col-carousel-reviews
5790  
5791  
5792    id="reviewContainer-"
5793  
5794  
5795    class="flex items-center gap-4 mb-5 md:mb-6 bkf-col-carousel__fade-text"
5796  
5797  
5798    role="img"
5799    aria-label="4.5 out of 5 stars, 11,012 REVIEWS"
5800  
5801>
5802  <div
5803    class="bkf-col-carousel__stars flex text-bkf-gold gap-1 md:gap-[2px] overflow-x-clip"
5804    aria-hidden="true"
5805    data-bkf-rating-stars
5806  >
5807    
5808
5809
5810<svg class="w-8 h-8 md:w-7 md:h-7" viewBox="0 0 37.9304 36.0742" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
5811      <path d="M18.9652 0L23.4423 13.7792L37.9304 13.7792L26.2093 22.2951L30.6863 36.0742L18.9652 27.5583L7.24407 36.0742L11.7211 22.2951L0 13.7792L14.4881 13.7792L18.9652 0Z" fill="currentColor"/>
5812    </svg><svg class="w-8 h-8 md:w-7 md:h-7" viewBox="0 0 37.9304 36.0742" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
5813      <path d="M18.9652 0L23.4423 13.7792L37.9304 13.7792L26.2093 22.2951L30.6863 36.0742L18.9652 27.5583L7.24407 36.0742L11.7211 22.2951L0 13.7792L14.4881 13.7792L18.9652 0Z" fill="currentColor"/>
5814    </svg><svg class="w-8 h-8 md:w-7 md:h-7" viewBox="0 0 37.9304 36.0742" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
5815      <path d="M18.9652 0L23.4423 13.7792L37.9304 13.7792L26.2093 22.2951L30.6863 36.0742L18.9652 27.5583L7.24407 36.0742L11.7211 22.2951L0 13.7792L14.4881 13.7792L18.9652 0Z" fill="currentColor"/>
5816    </svg><svg class="w-8 h-8 md:w-7 md:h-7" viewBox="0 0 37.9304 36.0742" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
5817      <path d="M18.9652 0L23.4423 13.7792L37.9304 13.7792L26.2093 22.2951L30.6863 36.0742L18.9652 27.5583L7.24407 36.0742L11.7211 22.2951L0 13.7792L14.4881 13.7792L18.9652 0Z" fill="currentColor"/>
5818    </svg>
5819      <svg class="w-8 h-8 md:w-7 md:h-7" viewBox="0 0 37.9304 36.0742" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
5820        <defs>
5821          <clipPath id="bkf-col-rating--compact-5">
5822            <rect x="0" y="0" width="18.9652" height="36.0742"/>
5823          </clipPath>
5824        </defs>
5825        <path d="M18.9652 0L23.4423 13.7792L37.9304 13.7792L26.2093 22.2951L30.6863 36.0742L18.9652 27.5583L7.24407 36.0742L11.7211 22.2951L0 13.7792L14.4881 13.7792L18.9652 0Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
5826        <path d="M18.9652 0L23.4423 13.7792L37.9304 13.7792L26.2093 22.2951L30.6863 36.0742L18.9652 27.5583L7.24407 36.0742L11.7211 22.2951L0 13.7792L14.4881 13.7792L18.9652 0Z" fill="currentColor" clip-path="url(#bkf-col-rating--compact-5)"/>
5827      </svg>
5828    
5829
5830  </div>
5831  
5832    <span class="bkf-col-carousel__review-text bkf-text-paragraph text-bkf-blue mt-1 bkf-col-carousel__review-label">
5833      11,012 REVIEWS
5834    </span>
5835  
5836</div>
5837
5838
5839      <a
5840        id="shopNowBtn-template--28046240383010__bkf_collection_product_carousel_Bb4gbc"
5841        href="/products/cleanser"
5842        class="bkf-btn-secondary bkf-col-carousel__cta bkf-col-carousel__cta--shadow rounded-[40px] md:rounded-full transition-all duration-300 transform hover:-translate-y-1 w-[280px] md:w-auto inline-flex items-center justify-center text-center"
5843        
5844      >
5845        Shop Now
5846      </a>
5847    </div>
5848  </div>
5849</div>
5850
5851<style>
5852  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc {
5853    background-color: #ffffff;
5854    overflow-x: hidden;
5855    /* Image box × center scale (1.15 mob / 1.35 desk) so the ring is not clipped */
5856    --bkf-col-carousel-min-h: 260px;
5857  }
5858  @media screen and (min-width: 768px) {
5859    #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc {
5860      --bkf-col-carousel-min-h: 350px;
5861    }
5862  }
5863  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__item {
5864    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
5865    will-change: transform, left, opacity;
5866  }
5867  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__fade-text {
5868    transition: opacity 0.3s ease-in-out;
5869  }
5870  /** Figma 538:781 — product name: Guardian XCond, 48px desktop, lh 1.1 (see --bkf-carousel-product-title-*) */
5871  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-carousel-product-title {
5872    font-size: var(--bkf-carousel-product-title-mobile);
5873    line-height: var(--bkf-carousel-product-title-line-height);
5874    font-weight: 800;
5875  }
5876  @media screen and (min-width: 768px) {
5877    #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-carousel-product-title {
5878      font-size: 3rem;
5879    }
5880  }
5881  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__track.no-select {
5882    -webkit-user-select: none;
5883    user-select: none;
5884  }
5885  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__slide-image {
5886    width: 100%;
5887    height: 220px;
5888    object-fit: contain;
5889  }
5890  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__placeholder {
5891    width: 100%;
5892    height: 220px;
5893    max-height: 220px;
5894    background-color: var(--bkf-faqbg);
5895    border-radius: 8px;
5896    padding: 2rem;
5897  }
5898  @media screen and (min-width: 768px) {
5899    #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__slide-image {
5900      height: 366px;
5901    }
5902    #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__placeholder {
5903      height: 366px;
5904      max-height: 366px;
5905    }
5906  }
5907  #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__cta--shadow {
5908    box-shadow: var(--bkf-col-carousel-cta-shadow);
5909  }
5910  @media (prefers-reduced-motion: reduce) {
5911    #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__item,
5912    #shopify-section-template--28046240383010__bkf_collection_product_carousel_Bb4gbc .bkf-col-carousel__fade-text {
5913      transition-duration: 0.01ms !important;
5914    }
5915  }
5916</style>
5917
5918<script src="//barkeepersfriend.com/cdn/shop/t/11/assets/bkf-collection-product-carousel.js?v=78573385046447142891788191370" defer></script>
5918
5919
5920
5921</section><section id="shopify-section-template--28046240383010__bkf_how_to_clean" class="shopify-section section-wrapper"><section class="bkf-how-to-clean overflow-hidden font-sans py-12 pb-14 md:pt-16 md:pb-20 px-3 md:px-10" id="bkf-how-to-clean-template--28046240383010__bkf_how_to_clean" style="background-color: var(--bkf-gold); border-top: 4px solid var(--bkf-blue-muted-10);">
5922  <div class="bkf-how-to-clean__inner max-w-[var(--bkf-max-width)] mx-auto">
5923    
5924    <div class="bkf-how-to-clean__grid flex flex-col lg:flex-row gap-8 lg:gap-10 xl:gap-14 items-center">
5925      <div class="bkf-how-to-clean__header lg:flex-[0_0_33.333%] lg:min-w-0 flex flex-col gap-9 text-left lg:text-left">
5926        <h2 class="bkf-how-to-clean__heading">
5927          <span class="block">HOW</span>
5928          <span class="block">TO CLEAN</span>
5929        </h2>
5930        <div class="bkf-how-to-clean__body bkf-text-paragraph text-bkf-blue-navy max-w-md">
5931          <p>Bar Keeper's Friend delivers a professional-level clean for surfaces that matter most in your home. Find the right approach for every room.</p>
5932        </div>
5933      </div>
5934      <div class="lg:flex-1 lg:min-w-0 w-full">
5935        <div class="bkf-how-to-clean__cards">
5936          
5937            
5938              <a href="/pages/how-to-clean/kitchen" class="bkf-how-to-clean__card group bg-bkf-white rounded-sm shadow-sm" >
5939                <div class="bkf-how-to-clean__card-img-wrap bg-bkf-lightbg overflow-hidden">
5940                  
5941                    
5942                    <img src="//barkeepersfriend.com/cdn/shop/files/Rectangle_193.png?v=1775686445&amp;width=600" alt="KITCHEN" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_193.png?v=1775686445&amp;width=170 170w, //barkeepersfriend.com/cdn/shop/files/Rectangle_193.png?v=1775686445&amp;width=340 340w, //barkeepersfriend.com/cdn/shop/files/Rectangle_193.png?v=1775686445&amp;width=600 600w" width="600" height="721" loading="lazy" sizes="(max-width: 1023px) 170px, (max-width: 1279px) 25vw, 600px" class="bkf-how-to-clean__card-img">
5943                  
5944                </div>
5945                <div class="bkf-how-to-clean__card-label px-3 sm:px-4 text-center flex items-center justify-center bg-cover bg-center font-bold" style="background: var(--bkf-gradient-gold); background-size: cover; background-position: center;">
5946                  <p class="text-center text-bkf-blue m-0" style="font-family: var(--bkf-heading-display-font-family) !important; font-size: 24px;">KITCHEN</p>
5947                </div>
5948              </a>
5949            
5950          
5951            
5952              <a href="/pages/how-to-clean/bathroom" class="bkf-how-to-clean__card group bg-bkf-white rounded-sm shadow-sm" >
5953                <div class="bkf-how-to-clean__card-img-wrap bg-bkf-lightbg overflow-hidden">
5954                  
5955                    
5956                    <img src="//barkeepersfriend.com/cdn/shop/files/bathroom-hp.jpg?v=1778192683&amp;width=600" alt="BATHROOM" srcset="//barkeepersfriend.com/cdn/shop/files/bathroom-hp.jpg?v=1778192683&amp;width=170 170w, //barkeepersfriend.com/cdn/shop/files/bathroom-hp.jpg?v=1778192683&amp;width=340 340w, //barkeepersfriend.com/cdn/shop/files/bathroom-hp.jpg?v=1778192683&amp;width=600 600w" width="600" height="721" loading="lazy" sizes="(max-width: 1023px) 170px, (max-width: 1279px) 25vw, 600px" class="bkf-how-to-clean__card-img">
5957                  
5958                </div>
5959                <div class="bkf-how-to-clean__card-label px-3 sm:px-4 text-center flex items-center justify-center bg-cover bg-center font-bold" style="background: var(--bkf-gradient-gold); background-size: cover; background-position: center;">
5960                  <p class="text-center text-bkf-blue m-0" style="font-family: var(--bkf-heading-display-font-family) !important; font-size: 24px;">BATHROOM</p>
5961                </div>
5962              </a>
5963            
5964          
5965            
5966              <a href="/pages/how-to-clean/outdoor-and-garage" class="bkf-how-to-clean__card group bg-bkf-white rounded-sm shadow-sm" >
5967                <div class="bkf-how-to-clean__card-img-wrap bg-bkf-lightbg overflow-hidden">
5968                  
5969                    
5970                    <img src="//barkeepersfriend.com/cdn/shop/files/Rectangle_195_aa1f0fcd-5d16-4163-9649-9c63d700d50a.jpg?v=1774977922&amp;width=600" alt="OUTDOOR &amp; GARAGE" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_195_aa1f0fcd-5d16-4163-9649-9c63d700d50a.jpg?v=1774977922&amp;width=170 170w, //barkeepersfriend.com/cdn/shop/files/Rectangle_195_aa1f0fcd-5d16-4163-9649-9c63d700d50a.jpg?v=1774977922&amp;width=340 340w, //barkeepersfriend.com/cdn/shop/files/Rectangle_195_aa1f0fcd-5d16-4163-9649-9c63d700d50a.jpg?v=1774977922&amp;width=600 600w" width="600" height="721" loading="lazy" sizes="(max-width: 1023px) 170px, (max-width: 1279px) 25vw, 600px" class="bkf-how-to-clean__card-img">
5971                  
5972                </div>
5973                <div class="bkf-how-to-clean__card-label px-3 sm:px-4 text-center flex items-center justify-center bg-cover bg-center font-bold" style="background: var(--bkf-gradient-gold); background-size: cover; background-position: center;">
5974                  <p class="text-center text-bkf-blue m-0" style="font-family: var(--bkf-heading-display-font-family) !important; font-size: 24px;">OUTDOOR & GARAGE</p>
5975                </div>
5976              </a>
5977            
5978          
5979            
5980              <a href="/pages/how-to-clean/restoration" class="bkf-how-to-clean__card group bg-bkf-white rounded-sm shadow-sm" >
5981                <div class="bkf-how-to-clean__card-img-wrap bg-bkf-lightbg overflow-hidden">
5982                  
5983                    
5984                    <img src="//barkeepersfriend.com/cdn/shop/files/Rectangle_196_785e63a0-63b1-4cab-8c51-c31bce1a4d0b.jpg?v=1774974069&amp;width=600" alt="RESTORATION" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_196_785e63a0-63b1-4cab-8c51-c31bce1a4d0b.jpg?v=1774974069&amp;width=170 170w, //barkeepersfriend.com/cdn/shop/files/Rectangle_196_785e63a0-63b1-4cab-8c51-c31bce1a4d0b.jpg?v=1774974069&amp;width=340 340w, //barkeepersfriend.com/cdn/shop/files/Rectangle_196_785e63a0-63b1-4cab-8c51-c31bce1a4d0b.jpg?v=1774974069&amp;width=600 600w" width="600" height="721" loading="lazy" sizes="(max-width: 1023px) 170px, (max-width: 1279px) 25vw, 600px" class="bkf-how-to-clean__card-img">
5985                  
5986                </div>
5987                <div class="bkf-how-to-clean__card-label px-3 sm:px-4 text-center flex items-center justify-center bg-cover bg-center font-bold" style="background: var(--bkf-gradient-gold); background-size: cover; background-position: center;">
5988                  <p class="text-center text-bkf-blue m-0" style="font-family: var(--bkf-heading-display-font-family) !important; font-size: 24px;">RESTORATION</p>
5989                </div>
5990              </a>
5991            
5992          
5993        </div>
5994      </div>
5995    </div>
5996  </div>
5997</section>
5998
5999<style>
6000  /* Heading — Figma 538:783: Guardian XCond Bold, Secondary Navy (#001E60), 100px desktop; mobile frame 70px */
6001  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__heading,
6002  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__heading > span.block {
6003    color: var(--bkf-blue-navy);
6004    font-family: var(--bkf-heading-display-font-family);
6005    font-style: normal;
6006    font-weight: var(--bkf-heading-display-font-weight);
6007    letter-spacing: var(--bkf-heading-display-letter-spacing);
6008    text-transform: var(--bkf-heading-display-text-transform);
6009    line-height: 1;
6010    font-size: 70px;
6011  }
6012  @media (min-width: 1024px) {
6013    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__heading,
6014    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__heading > span.block {
6015      font-size: 80px;
6016    }
6017  }
6018
6019  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__cards {
6020    display: grid;
6021    grid-template-columns: repeat(2, minmax(0, 170px));
6022    gap: 20px;
6023    justify-content: center;
6024    align-items: stretch;
6025  }
6026
6027  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card {
6028    display: flex;
6029    flex-direction: column;
6030    width: 100%;
6031    min-height: 100%;
6032    overflow: hidden;
6033  }
6034
6035  /* Keep every card image area identical and crop to fill. */
6036  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-img-wrap {
6037    aspect-ratio: 170 / 266;
6038    flex: 1 1 auto;
6039    min-height: 0;
6040    line-height: 0;
6041  }
6042
6043  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-img {
6044    display: block;
6045    width: 100%;
6046    height: 100%;
6047    object-fit: cover;
6048    object-position: center;
6049    vertical-align: middle;
6050  }
6051
6052  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-img-wrap svg.bkf-how-to-clean__card-img {
6053    width: 100%;
6054    height: 100%;
6055    object-fit: cover;
6056  }
6057
6058  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-label {
6059    min-height: 84px;
6060  }
6061
6062  #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__body p {
6063    margin: 0;
6064    color: var(--bkf-blue-navy);
6065  }
6066
6067  /* Mobile: Figma 393×1191 – centered heading 70px, body 18px/296px, 2×2 cards 170px, 17px pad, 20px gap */
6068  @media (max-width: 1023px) {
6069    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__grid {
6070      display: flex;
6071      flex-direction: column;
6072      align-items: center;
6073      text-align: center;
6074    }
6075    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__header {
6076      align-items: center;
6077      text-align: center;
6078      width: 100%;
6079      max-width: 296px;
6080    }
6081    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__body {
6082      max-width: 296px;
6083      margin-left: auto;
6084      margin-right: auto;
6085    }
6086    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__inner {
6087      padding-top: 2.5rem;
6088      padding-bottom: 2.5rem;
6089    }
6090    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__cards {
6091      margin-top: 1.5rem;
6092      max-width: 360px;
6093      margin-left: auto;
6094      margin-right: auto;
6095    }
6096    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-label {
6097      min-height: 112px;
6098    }
6099  }
6100
6101  /* Md (768px–1023px): wider card grid and smaller labels so they don’t overlap */
6102  @media (min-width: 768px) and (max-width: 1023px) {
6103    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__cards {
6104      grid-template-columns: repeat(4, 1fr);
6105      max-width: 800px;
6106      gap: 16px;
6107    }
6108    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-img-wrap {
6109      aspect-ratio: auto;
6110      height: 200px;
6111    }
6112    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-label {
6113      min-height: 80px;
6114    }
6115  }
6116
6117  @media (min-width: 1024px) {
6118    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__cards {
6119      grid-template-columns: repeat(4, minmax(0, 1fr));
6120      gap: 12px;
6121    }
6122    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-img-wrap {
6123      aspect-ratio: 1 / 1.45;
6124    }
6125    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__card-label {
6126      min-height: 92px;
6127    }
6128  }
6129  @media (max-width: 639px) {
6130    #bkf-how-to-clean-template--28046240383010__bkf_how_to_clean .bkf-how-to-clean__inner {
6131      padding-top: 2rem;
6132      padding-bottom: 2rem;
6133      padding-left: 17px;
6134      padding-right: 17px;
6135    }
6136  }
6137</style>
6138
6139
6140</section><section id="shopify-section-template--28046240383010__bkf_story" class="shopify-section section-wrapper">
6141<section
6142  class="bkf-story font-sans bg-bkf-white"
6143  id="bkf-story-template--28046240383010__bkf_story"
6144  style="--bkf-story-media-max: 680px; --bkf-story-body-size: 24px; --bkf-story-pt-m: 0px; --bkf-story-pb-m: 56px; --bkf-story-pt-d: 64px; --bkf-story-pb-d: 80px; --bkf-story-px-m: 24px; --bkf-story-px-d: 40px;"
6145  
6146    aria-label="IT ALL BEGAN WITH RHUBARB"
6147  
6148>
6149  <div class="max-w-[var(--bkf-max-width)] mx-auto">
6150    <div class="bkf-story__row flex flex-col lg:items-center lg:flex-row lg:justify-between gap-10 lg:gap-12 xl:gap-16">
6151      
6152      <div class="bkf-story__content flex flex-col order-2 lg:order-1 lg:flex-[1_1_auto] lg:min-w-0 w-full max-w-[600px] md:max-w-full lg:max-w-[600px] mx-auto lg:mx-0 bkf-story__content--tablet">
6153        
6154          <div class="bkf-story__heading-image mb-0 mx-auto lg:mx-0">
6155            
6156
6157
6158
6159
6160  
6161
6162  
6163
6164  
6165
6166  <img src="//barkeepersfriend.com/cdn/shop/files/rhubarb-heading.png?v=1773704491&amp;width=800" alt="Text reading &quot;IT ALL BEGAN WITH Rhubarb&quot; with two yellow diamond shapes on either side." srcset="//barkeepersfriend.com/cdn/shop/files/rhubarb-heading.png?v=1773704491&amp;width=400 400w, //barkeepersfriend.com/cdn/shop/files/rhubarb-heading.png?v=1773704491&amp;width=800 800w" width="800" height="628" loading="lazy" sizes="(max-width: 639px) 280px, (max-width: 1023px) 380px, 800px" class="w-auto max-w-[280px] sm:max-w-[380px] mx-auto lg:mx-0" decoding="async">
6167
6168  
6169
6170  
6171
6172
6173          </div>
6174        
6175
6176        
6177          <div class="bkf-story__body bkf-text-paragraph text-bkf-blue mt-8 md:mt-10 text-center lg:text-left mx-auto lg:mx-0 w-full max-w-full">
6178            <div class="bkf-story__paragraph"><p>In 1882, chemist George William Hoffman discovered that rhubarb's oxalic acid could make tarnished cookware sparkle. He turned it into a cleaning powder for tavern brass rails. The results spoke for themselves, and we called it "Bar Keeper's Friend." Over 140 years later, we're still proudly made in Indianapolis. Our packaging has evolved, but our formula hasn't. Because when something works, you keep it.</p></div>
6179          </div>
6180        
6181
6182        
6183          <div class="mt-8 md:mt-10 flex justify-center lg:justify-start mx-auto lg:mx-0 w-full max-w-full">
6184            
6185
6186
6187  
6188    <a
6189      
6190      href="/pages/about"
6191      
6192        class="bkf-btn-primary bkf-story__cta"
6193      
6194      
6195      
6196      
6197    >
6198      LEARN OUR HISTORY
6199      
6200    </a>
6201  
6202
6203
6204          </div>
6205        
6206      </div>
6207
6208      
6209      <div
6210        class="bkf-story__media order-1 lg:order-2 flex-shrink-0 w-full mx-auto lg:mx-0 bkf-story__media--tablet "
6211        style="max-width: min(var(--bkf-story-media-max), 100%);"
6212      >
6213        
6214          
6215          <div class="bkf-story__image-wrap relative w-full mx-auto lg:mx-0 overflow-hidden">
6216            
6217              <picture>
6218                <source
6219                  media="(max-width: 1023px)"
6220                  srcset="//barkeepersfriend.com/cdn/shop/files/Mask_group_15a88310-0576-4517-a2e4-57647ee837e0.png?v=1774974427&width=600 600w, //barkeepersfriend.com/cdn/shop/files/Mask_group_15a88310-0576-4517-a2e4-57647ee837e0.png?v=1774974427&width=800 800w, //barkeepersfriend.com/cdn/shop/files/Mask_group_15a88310-0576-4517-a2e4-57647ee837e0.png?v=1774974427&width=1200 1200w"
6221                  sizes="(max-width: 1023px) 85vw, min(var(--bkf-story-media-max), 100vw)"
6222                >
6223                <img src="//barkeepersfriend.com/cdn/shop/files/Vector22.png?v=1782244103&amp;width=1600" alt="Bar Keeper&#39;s Friend Cleanser" srcset="//barkeepersfriend.com/cdn/shop/files/Vector22.png?v=1782244103&amp;width=680 680w, //barkeepersfriend.com/cdn/shop/files/Vector22.png?v=1782244103&amp;width=1360 1360w, //barkeepersfriend.com/cdn/shop/files/Vector22.png?v=1782244103&amp;width=1600 1600w" width="1600" height="1997" loading="lazy" sizes="(max-width: 1023px) 85vw, min(var(--bkf-story-media-max), 100vw)" class="bkf-story__image w-full h-auto" decoding="async">
6224              </picture>
6225            
6226          </div>
6227        
6228      </div>
6229    </div>
6230  </div>
6231</section>
6232
6233<style>
6234  #bkf-story-template--28046240383010__bkf_story {
6235    padding-top: var(--bkf-story-pt-m);
6236    padding-bottom: var(--bkf-story-pb-m);
6237    padding-left: var(--bkf-story-px-m);
6238    padding-right: var(--bkf-story-px-m);
6239  }
6240  @media (min-width: 768px) {
6241    #bkf-story-template--28046240383010__bkf_story {
6242      padding-bottom: var(--bkf-story-pb-d);
6243      padding-left: var(--bkf-story-px-d);
6244      padding-right: var(--bkf-story-px-d);
6245    }
6246  }
6247  @media (min-width: 1024px) {
6248    #bkf-story-template--28046240383010__bkf_story {
6249      padding-top: var(--bkf-story-pt-d);
6250    }
6251  }
6252
6253  #bkf-story-template--28046240383010__bkf_story .bkf-story__line1 {
6254    font-family: var(--bkf-heading-display-font-family);
6255    font-weight: var(--bkf-heading-display-font-weight);
6256    font-size: clamp(2.5rem, 6.5vw, 3.75rem);
6257    line-height: 1.05;
6258    letter-spacing: var(--bkf-heading-display-letter-spacing);
6259  }
6260
6261  #bkf-story-template--28046240383010__bkf_story .bkf-story__line2 {
6262    font-family: var(--bkf-heading-display-font-family);
6263    font-weight: var(--bkf-heading-display-font-weight);
6264    font-size: clamp(3.25rem, 9vw, 5.625rem);
6265    line-height: 1.75;
6266    letter-spacing: -0.009em;
6267    text-transform: uppercase;
6268  }
6269
6270  #bkf-story-template--28046240383010__bkf_story .bkf-story__script-word {
6271    font-size: clamp(4.5rem, 14vw, 9.25rem);
6272    line-height: 1.75;
6273    letter-spacing: -0.03em;
6274    text-transform: none;
6275  }
6276
6277  #bkf-story-template--28046240383010__bkf_story .bkf-story__body {
6278    font-size: var(--bkf-story-body-size, var(--font-paragraph--size));
6279    line-height: 1.25;
6280  }
6281
6282  #bkf-story-template--28046240383010__bkf_story .bkf-story__paragraph p {
6283    margin: 0 0 0.5em;
6284  }
6285  #bkf-story-template--28046240383010__bkf_story .bkf-story__paragraph p:last-child {
6286    margin-bottom: 0;
6287  }
6288  #bkf-story-template--28046240383010__bkf_story .bkf-story__paragraph a {
6289    text-decoration: underline;
6290    font-weight: 700;
6291    color: inherit;
6292  }
6293  #bkf-story-template--28046240383010__bkf_story .bkf-story__body.text-bkf-blue .bkf-story__paragraph a:hover {
6294    color: var(--bkf-blue-navy);
6295  }
6296  #bkf-story-template--28046240383010__bkf_story .bkf-story__body.text-bkf-blue-navy .bkf-story__paragraph a:hover {
6297    color: var(--bkf-blue);
6298  }
6299
6300  #bkf-story-template--28046240383010__bkf_story .bkf-story__media .bkf-story__image {
6301    border-radius: 0;
6302  }
6303
6304  #bkf-story-template--28046240383010__bkf_story .bkf-story__media--illustration .bkf-story__image {
6305    object-fit: contain;
6306  }
6307
6308  #bkf-story-template--28046240383010__bkf_story .bkf-story__placeholder-svg svg {
6309    width: 100%;
6310    height: auto;
6311    display: block;
6312  }
6313
6314  /* Bottom alignment: pin right-column media to the bottom of the section box (lg+).
6315     Offset by section bottom padding so the image clears the padded content row and sits on the section’s outer bottom edge. */
6316  @media (min-width: 1024px) {
6317    #bkf-story-template--28046240383010__bkf_story.bkf-story--media-bottom {
6318      overflow: visible;
6319    }
6320    #bkf-story-template--28046240383010__bkf_story.bkf-story--media-bottom .bkf-story__content {
6321      position: relative;
6322      z-index: 1;
6323    }
6324    #bkf-story-template--28046240383010__bkf_story.bkf-story--media-bottom .bkf-story__media {
6325      position: absolute;
6326      bottom: calc(-1 * var(--bkf-story-pb-d));
6327      right: 0;
6328      left: auto;
6329      align-self: auto;
6330    }
6331  }
6332
6333  @media (min-width: 1024px) and (max-width: 1279px) {
6334    #bkf-story-template--28046240383010__bkf_story:not(.bkf-story--media-bottom) .bkf-story__content--tablet {
6335      max-width: 40%;
6336      flex: 1 1 40%;
6337    }
6338    #bkf-story-template--28046240383010__bkf_story:not(.bkf-story--media-bottom) .bkf-story__media--tablet {
6339      width: 58%;
6340      max-width: 58%;
6341      flex: 0 0 58%;
6342    }
6343    #bkf-story-template--28046240383010__bkf_story:not(.bkf-story--media-bottom) .bkf-story__media--tablet .bkf-story__image-wrap {
6344      max-width: 100%;
6345    }
6346    #bkf-story-template--28046240383010__bkf_story.bkf-story--media-bottom .bkf-story__content--tablet {
6347      max-width: 40%;
6348      flex: 1 1 40%;
6349    }
6350  }
6351
6352</style>
6353
6354
6355</section>
6355<section id="shopify-section-template--28046240383010__bkf_how_we_care" class="shopify-section section-wrapper">
6356
6357<section
6358  class="bkf-how-we-care bg-bkf-blue text-bkf-white font-sans py-12 pb-14 md:pt-16 md:pb-20 px-6 md:px-10"
6359  id="bkf-how-we-care-template--28046240383010__bkf_how_we_care"
6360  aria-labelledby="bkf-how-we-care-heading-template--28046240383010__bkf_how_we_care"
6361>
6362  <div>
6363    <div class="bkf-how-we-care__intro">
6364      <div class="bkf-how-we-care__heading-wrap max-w-[1125px] mx-auto sm:text-center">
6365        <h2
6366          id="bkf-how-we-care-heading-template--28046240383010__bkf_how_we_care"
6367          class="bkf-how-we-care__heading text-bkf-white"
6368        >
6369          HOW WE CARE
6370        </h2>
6371      </div>
6372
6373      
6374        <div class="bkf-how-we-care__copy bkf-text-paragraph text-left mt-5 md:mt-6 w-full max-w-[900px] xl:max-w-[1125px] mx-auto">
6375          <p>For 144 years, we've known this: it's not about cleaning more, it's about caring better. Refresh daily, revive weekly, restore when only a deep clean will do. Results you can see and feel.</p>
6376        </div>
6377      
6378    </div>
6379
6380  </div>
6381
6382  <div class="bkf-how-we-care__cards-wrapper max-w-[var(--bkf-max-width)] mx-auto w-full mt-12 md:mt-14 xl:mt-[60px]" role="region" aria-label="How we care options">
6383    <div class="bkf-how-we-care__cards flex flex-col md:flex-row !gap-8 md:!gap-8">
6384      
6385        
6386          
6387
6388          <article class="bkf-how-we-care__card w-full md:flex-1" >
6389            <div class="bkf-how-we-care__card-face bkf-how-we-care__card-face--restore">
6390              
6391                
6392                <img src="//barkeepersfriend.com/cdn/shop/files/Rectangle_207.jpg?v=1774979112&amp;width=900" alt="RESTORE" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_207.jpg?v=1774979112&amp;width=450 450w, //barkeepersfriend.com/cdn/shop/files/Rectangle_207.jpg?v=1774979112&amp;width=700 700w, //barkeepersfriend.com/cdn/shop/files/Rectangle_207.jpg?v=1774979112&amp;width=900 900w" width="900" height="907" loading="lazy" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 1279px) calc((100vw - 96px) / 2), 350px" class="bkf-how-we-care__media-image" style="width: 100%; height: 100%; object-fit: cover; object-position: center;" decoding="async">
6393              
6394            </div>
6395
6396            <div class="mt-5 md:mt-6">
6397              
6398                <h3 class="text-bkf-white text-4xl font-bold">
6399                  RESTORE
6400                </h3>
6401              
6402
6403              
6404                <p class="bkf-how-we-care__script -mt-8">
6405                  
6406<span
6407    class="bkf-script-heading font-script text-bkf-gold"
6408    
6409      style="line-height: var(--font-h1--line-height);letter-spacing: var(--font-h1--letter-spacing);font-style: var(--font-accent--style);font-weight: var(--font-accent--weight);"
6410    
6411  >Monthly</span>
6412                </p>
6413              
6414
6415              
6416                <p class="bkf-text-paragraph mt-4 md:mt-3 max-w-[349px]">
6417                  A deep clean done right, for the surfaces worth keeping.
6418                </p>
6419              
6420            </div>
6421          </article>
6422        
6423      
6424        
6425          
6426
6427          <article class="bkf-how-we-care__card w-full md:flex-1" >
6428            <div class="bkf-how-we-care__card-face bkf-how-we-care__card-face--revive">
6429              
6430                
6431                <img src="//barkeepersfriend.com/cdn/shop/files/Rectangle_208.jpg?v=1774979155&amp;width=900" alt="REVIVE" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_208.jpg?v=1774979155&amp;width=450 450w, //barkeepersfriend.com/cdn/shop/files/Rectangle_208.jpg?v=1774979155&amp;width=700 700w, //barkeepersfriend.com/cdn/shop/files/Rectangle_208.jpg?v=1774979155&amp;width=900 900w" width="900" height="903" loading="lazy" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 1279px) calc((100vw - 96px) / 2), 350px" class="bkf-how-we-care__media-image" style="width: 100%; height: 100%; object-fit: cover; object-position: center;" decoding="async">
6432              
6433            </div>
6434
6435            <div class="mt-5 md:mt-6">
6436              
6437                <h3 class="text-bkf-white text-4xl font-bold">
6438                  REVIVE
6439                </h3>
6440              
6441
6442              
6443                <p class="bkf-how-we-care__script -mt-8">
6444                  
6445<span
6446    class="bkf-script-heading font-script text-bkf-gold"
6447    
6448      style="line-height: var(--font-h1--line-height);letter-spacing: var(--font-h1--letter-spacing);font-style: var(--font-accent--style);font-weight: var(--font-accent--weight);"
6449    
6450  >Weekly</span>
6451                </p>
6452              
6453
6454              
6455                <p class="bkf-text-paragraph mt-4 md:mt-3 max-w-[349px]">
6456                  The weekly clean that keeps what you love looking loved.
6457                </p>
6458              
6459            </div>
6460          </article>
6461        
6462      
6463        
6464          
6465
6466          <article class="bkf-how-we-care__card w-full md:flex-1" >
6467            <div class="bkf-how-we-care__card-face bkf-how-we-care__card-face--refresh">
6468              
6469                
6470                <img src="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Update.png?v=1789926540&amp;width=900" alt="REFRESH" srcset="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Update.png?v=1789926540&amp;width=450 450w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Update.png?v=1789926540&amp;width=700 700w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Update.png?v=1789926540&amp;width=900 900w" width="900" height="897" loading="lazy" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 1279px) calc((100vw - 96px) / 2), 350px" class="bkf-how-we-care__media-image" style="width: 100%; height: 100%; object-fit: cover; object-position: center;" decoding="async">
6471              
6472            </div>
6473
6474            <div class="mt-5 md:mt-6">
6475              
6476                <h3 class="text-bkf-white text-4xl font-bold">
6477                  REFRESH
6478                </h3>
6479              
6480
6481              
6482                <p class="bkf-how-we-care__script -mt-8">
6483                  
6484<span
6485    class="bkf-script-heading font-script text-bkf-gold"
6486    
6487      style="line-height: var(--font-h1--line-height);letter-spacing: var(--font-h1--letter-spacing);font-style: var(--font-accent--style);font-weight: var(--font-accent--weight);"
6488    
6489  >Daily</span>
6490                </p>
6491              
6492
6493              
6494                <p class="bkf-text-paragraph mt-4 md:mt-3 max-w-[349px]">
6495                  For the everyday messes on the surfaces that do the most.
6496                </p>
6497              
6498            </div>
6499          </article>
6500        
6501      
6502    </div>
6503  </div>
6504</section>
6505
6506<style>
6507  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__copy p,
6508  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__copy a,
6509  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__copy strong {
6510    color: inherit;
6511  }
6512
6513  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__heading {
6514    font-size: 56px;
6515    font-weight: 800;
6516    line-height: 1;
6517  }
6518
6519  @media (min-width: 768px) {
6520    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__heading {
6521      font-size: 70px;
6522    }
6523  }
6524
6525  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__copy p {
6526    margin: 0;
6527  }
6528
6529  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__copy a {
6530    text-decoration: underline;
6531  }
6532
6533  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__media-image {
6534    display: block;
6535    width: 100%;
6536    height: 100%;
6537    object-fit: cover;
6538    object-position: center;
6539    position: absolute;
6540    inset: 0;
6541  }
6542
6543  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__placeholder-svg {
6544    width: 100%;
6545    height: 100%;
6546    display: flex;
6547    align-items: center;
6548    justify-content: center;
6549    color: var(--bkf-blue-muted-45);
6550  }
6551
6552  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card {
6553    min-width: 0;
6554  }
6555
6556  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card-face {
6557    display: flex;
6558    width: 100%;
6559    aspect-ratio: 1 / 1;
6560    overflow: hidden;
6561    padding: 0;
6562    position: relative;
6563    align-items: center;
6564    justify-content: center;
6565    flex-shrink: 0;
6566  }
6567
6568  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card-face > span {
6569    display: block;
6570    width: 100%;
6571    height: 100%;
6572  }
6573
6574  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card h3,
6575  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card .font-script {
6576    white-space: nowrap;
6577  }
6578
6579  #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__script {
6580    font-size: 3.8rem;
6581  }
6582
6583  @media (min-width: 768px) and (max-width: 1279px) {
6584    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__heading-wrap {
6585      max-width: 760px;
6586    }
6587  }
6588
6589  @media (max-width: 767px) {
6590    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__heading-wrap {
6591      max-width: 90%;
6592    }
6593
6594    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__copy {
6595      margin-top: 30px;
6596      letter-spacing: var(--font-paragraph--letter-spacing);
6597    }
6598
6599    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__cards-wrapper {
6600      margin-top: 50px;
6601      margin-inline: -24px;
6602      width: calc(100% + 48px);
6603      padding-inline: var(--bkf-section-px-mob);
6604      overflow-x: auto;
6605      overflow-y: hidden;
6606      -webkit-overflow-scrolling: touch;
6607      scroll-snap-type: x mandatory;
6608      scrollbar-width: none;
6609    }
6610
6611    @media (prefers-reduced-motion: reduce) {
6612      #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__cards-wrapper {
6613        scroll-snap-type: none;
6614      }
6615    }
6616
6617    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__cards-wrapper::-webkit-scrollbar {
6618      display: none;
6619    }
6620
6621    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__cards {
6622      margin-top: 0;
6623      gap: 20px;
6624      flex-direction: row;
6625      flex-wrap: nowrap;
6626      width: max-content;
6627    }
6628
6629    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card {
6630      scroll-snap-align: center;
6631      scroll-snap-stop: always;
6632      flex: 0 0 auto;
6633      width: 300px;
6634    }
6635
6636    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card-face {
6637      width: 300px;
6638      height: 300px;
6639      border-radius: var(--bkf-radius-md);
6640      overflow: hidden;
6641      display: flex;
6642      align-items: center;
6643      justify-content: center;
6644      flex-shrink: 0;
6645    }
6646
6647    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card-face--restore {
6648      background: var(--bkf-white);
6649      box-shadow: var(--bkf-shadow-lg);
6650    }
6651
6652    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card-face--revive {
6653      background: var(--bkf-gold);
6654      box-shadow: var(--bkf-shadow-lg);
6655    }
6656
6657    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card-face--refresh {
6658      background: var(--bkf-blue-deep, var(--bkf-blue));
6659      box-shadow: var(--bkf-shadow-lg);
6660    }
6661
6662    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__media-image {
6663      width: 100%;
6664      height: 100%;
6665      object-fit: cover;
6666      object-position: center;
6667      display: block;
6668    }
6669
6670    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card > div:last-child {
6671      margin-top: 32px;
6672    }
6673
6674    #bkf-how-we-care-template--28046240383010__bkf_how_we_care .bkf-how-we-care__card p:last-child {
6675      max-width: 301px;
6676      margin-top: 0px;
6677      letter-spacing: var(--font-paragraph--letter-spacing);
6678    }
6679  }
6680</style>
6681
6682
6683</section><section id="shopify-section-template--28046240383010__bkf_testimonials" class="shopify-section section-wrapper">
6684
6685<section
6686  class="bkf-testimonials font-sans"
6687  id="bkf-testimonials-template--28046240383010__bkf_testimonials"
6688  aria-labelledby="bkf-testimonials-heading-template--28046240383010__bkf_testimonials"
6689>
6690  <div class="bkf-testimonials__inner">
6691
6692    <div class="bkf-testimonials__header">
6693      <h2 id="bkf-testimonials-heading-template--28046240383010__bkf_testimonials" class="bkf-testimonials__title">
6694        
6695          
6696
6697
6698
6699
6700  
6701
6702  
6703
6704  
6705
6706  <img src="//barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&amp;width=1200" alt="Bar Keepers Friend Reviews" srcset="//barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&amp;width=400 400w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&amp;width=600 600w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&amp;width=800 800w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&amp;width=1000 1000w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&amp;width=1200 1200w" width="1200" height="461" loading="eager" sizes="(max-width: 767px) 90vw, 500px" class="bkf-testimonials__title-img" decoding="async">
6707
6708  
6709
6710  
6711
6712
6713        
6714      </h2>
6715
6716      
6717
6718<div
6719  
6720  
6721  
6722    class="bkf-testimonials__rating"
6723  
6724  
6725>
6726  <div
6727    class="bkf-testimonials__stars overflow-x-clip"
6728    aria-hidden="true"
6729    data-bkf-rating-stars
6730  >
6731    
6732
6733
6734<svg class="bkf-testimonials__star" viewBox="0 0 18 17" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
6735      <path d="M8.79574 0L10.8722 6.39081H17.5919L12.1556 10.3406L14.2321 16.7314L8.79574 12.7816L3.3594 16.7314L5.4359 10.3406L-0.000452995 6.39081H6.71924L8.79574 0Z" fill="currentColor"/>
6736    </svg><svg class="bkf-testimonials__star" viewBox="0 0 18 17" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
6737      <path d="M8.79574 0L10.8722 6.39081H17.5919L12.1556 10.3406L14.2321 16.7314L8.79574 12.7816L3.3594 16.7314L5.4359 10.3406L-0.000452995 6.39081H6.71924L8.79574 0Z" fill="currentColor"/>
6738    </svg><svg class="bkf-testimonials__star" viewBox="0 0 18 17" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
6739      <path d="M8.79574 0L10.8722 6.39081H17.5919L12.1556 10.3406L14.2321 16.7314L8.79574 12.7816L3.3594 16.7314L5.4359 10.3406L-0.000452995 6.39081H6.71924L8.79574 0Z" fill="currentColor"/>
6740    </svg><svg class="bkf-testimonials__star" viewBox="0 0 18 17" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
6741      <path d="M8.79574 0L10.8722 6.39081H17.5919L12.1556 10.3406L14.2321 16.7314L8.79574 12.7816L3.3594 16.7314L5.4359 10.3406L-0.000452995 6.39081H6.71924L8.79574 0Z" fill="currentColor"/>
6742    </svg>
6743      <svg class="bkf-testimonials__star" viewBox="0 0 18 17" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
6744        <defs>
6745          <clipPath id="bkf-half-clip--5">
6746            <rect x="0" y="0" width="9" height="17"/>
6747          </clipPath>
6748        </defs>
6749        <path d="M8.79574 0L10.8722 6.39081H17.5919L12.1556 10.3406L14.2321 16.7314L8.79574 12.7816L3.3594 16.7314L5.4359 10.3406L-0.000452995 6.39081H6.71924L8.79574 0Z" fill="none" stroke="currentColor" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"/>
6750        <path d="M8.79574 0L10.8722 6.39081H17.5919L12.1556 10.3406L14.2321 16.7314L8.79574 12.7816L3.3594 16.7314L5.4359 10.3406L-0.000452995 6.39081H6.71924L8.79574 0Z" fill="currentColor" clip-path="url(#bkf-half-clip--5)"/>
6751      </svg>
6752    
6753
6754  </div>
6755  
6756</div>
6757
6758    </div>
6759
6760    <div class="bkf-testimonials__cards-wrapper" role="region" aria-label="Customer testimonials">
6761      <div class="bkf-testimonials__cards"><article class="bkf-testimonials__card bkf-testimonials__card--article" >
6762                  <div class="bkf-testimonials__card-inner"><img src="//barkeepersfriend.com/cdn/shop/files/All_Clad_Card.png?v=1775604878&amp;width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/All_Clad_Card.png?v=1775604878&amp;width=400 400w, //barkeepersfriend.com/cdn/shop/files/All_Clad_Card.png?v=1775604878&amp;width=600 600w" width="600" height="1067" loading="lazy" sizes="(max-width: 767px) 260px, (max-width: 1279px) 22vw, 270px" class="bkf-testimonials__card-bg" decoding="async">
6763<div class="bkf-testimonials__card-footer bkf-testimonials__card-footer--linked">
6764                      <div class="bkf-testimonials__card-footer-content"><blockquote class="bkf-testimonials__quote bkf-testimonials__quote--static bkf-text-paragraph"><p>We recommend cleaning your <strong>All-Clad</strong> with a product called Bar Keeper’s Friend.</p></blockquote><a
6765                              href="https://www.all-clad.com/care-use"
6766                              class="bkf-testimonials__link bkf-text-paragraph"
6767                              target="_blank"
6768                              rel="noopener noreferrer"
6769                              aria-label="READ MORE
6770about All-Clad&#39;s recommendation for Bar Keepers Friend"
6771                            >
6772                              READ MORE
6773<span class="visually-hidden"> about All-Clad&#39;s recommendation for Bar Keepers Friend</span></a></div>
6774                    </div>
6775                  </div>
6776                </article><article class="bkf-testimonials__card bkf-testimonials__card--article" >
6777                  <div class="bkf-testimonials__card-inner"><img src="//barkeepersfriend.com/cdn/shop/files/Le_Creuset_Card.png?v=1775604878&amp;width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/Le_Creuset_Card.png?v=1775604878&amp;width=400 400w, //barkeepersfriend.com/cdn/shop/files/Le_Creuset_Card.png?v=1775604878&amp;width=600 600w" width="600" height="1067" loading="lazy" sizes="(max-width: 767px) 260px, (max-width: 1279px) 22vw, 270px" class="bkf-testimonials__card-bg" decoding="async">
6778<div class="bkf-testimonials__card-footer bkf-testimonials__card-footer--linked">
6779                      <div class="bkf-testimonials__card-footer-content"><blockquote class="bkf-testimonials__quote bkf-testimonials__quote--static bkf-text-paragraph"><p>Bar Keeper’s Friend… is also a great option for keeping your cookware looking like new.</p></blockquote><a
6780                              href="https://www.lecreuset.com/blog/how-to-care-for-and-clean-enameled-cast-iron.html"
6781                              class="bkf-testimonials__link bkf-text-paragraph"
6782                              target="_blank"
6783                              rel="noopener noreferrer"
6784                              aria-label="READ MORE
6785about Le Creuset&#39;s tip for cleaning enameled cast iron with Bar Keepers Friend"
6786                            >
6787                              READ MORE
6788<span class="visually-hidden"> about Le Creuset&#39;s tip for cleaning enameled cast iron with Bar Keepers Friend</span></a></div>
6789                    </div>
6790                  </div>
6791                </article><article class="bkf-testimonials__card bkf-testimonials__card--article" >
6792                  <div class="bkf-testimonials__card-inner"><img src="//barkeepersfriend.com/cdn/shop/files/The_Today_Show_Card.png?v=1775604878&amp;width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/The_Today_Show_Card.png?v=1775604878&amp;width=400 400w, //barkeepersfriend.com/cdn/shop/files/The_Today_Show_Card.png?v=1775604878&amp;width=600 600w" width="600" height="1067" loading="lazy" sizes="(max-width: 767px) 260px, (max-width: 1279px) 22vw, 270px" class="bkf-testimonials__card-bg" decoding="async">
6793<div class="bkf-testimonials__card-footer bkf-testimonials__card-footer--linked">
6794                      <div class="bkf-testimonials__card-footer-content"><blockquote class="bkf-testimonials__quote bkf-testimonials__quote--static bkf-text-paragraph"><p>Chefs, restaurant workers and more swear by this $3 cleaning powder — and so do I</p></blockquote><a
6795                              href="https://www.today.com/shop/bar-keepers-friend-review-rcna99833"
6796                              class="bkf-testimonials__link bkf-text-paragraph"
6797                              target="_blank"
6798                              rel="noopener noreferrer"
6799                              aria-label="READ MORE
6800about the Today Show review of Bar Keepers Friend"
6801                            >
6802                              READ MORE
6803<span class="visually-hidden"> about the Today Show review of Bar Keepers Friend</span></a></div>
6804                    </div>
6805                  </div>
6806                </article><article class="bkf-testimonials__card bkf-testimonials__card--article" >
6807                  <div class="bkf-testimonials__card-inner"><img src="//barkeepersfriend.com/cdn/shop/files/Kohler_Card.png?v=1775681347&amp;width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/Kohler_Card.png?v=1775681347&amp;width=400 400w, //barkeepersfriend.com/cdn/shop/files/Kohler_Card.png?v=1775681347&amp;width=600 600w" width="600" height="1067" loading="lazy" sizes="(max-width: 767px) 260px, (max-width: 1279px) 22vw, 270px" class="bkf-testimonials__card-bg" decoding="async">
6808<div class="bkf-testimonials__card-footer bkf-testimonials__card-footer--linked">
6809                      <div class="bkf-testimonials__card-footer-content"><blockquote class="bkf-testimonials__quote bkf-testimonials__quote--static bkf-text-paragraph"><p>Products to consider for rust removal…Bar Keeper’s Friend</p></blockquote><a
6810                              href="https://www.kohler.com/en/support/how-to-use-kohler-cleaning-products/how-to-clean-your-undertone-preserve-stainless-steel"
6811                              class="bkf-testimonials__link bkf-text-paragraph"
6812                              target="_blank"
6813                              rel="noopener noreferrer"
6814                              aria-label="READ MORE
6815about Kohler&#39;s recommendation of Bar Keepers Friend for rust removal"
6816                            >
6817                              READ MORE
6818<span class="visually-hidden"> about Kohler&#39;s recommendation of Bar Keepers Friend for rust removal</span></a></div>
6819                    </div>
6820                  </div>
6821                </article></div>
6822    </div>
6823
6824  </div>
6825</section>
6826
6827<style>
6828  /* ===== Base ===== */
6829  #bkf-testimonials-template--28046240383010__bkf_testimonials {
6830    background-color: var(--bkf-white);
6831    --bkf-testimonials-fade-height: 29px;
6832    --bkf-testimonials-expand-duration: 0.52s;
6833    --bkf-testimonials-expand-ease: cubic-bezier(0.22, 1, 0.36, 1);
6834    padding: var(--bkf-section-py-mob) var(--bkf-section-px-mob) var(--bkf-section-pb-mob);
6835  }
6836
6837  @media (min-width: 768px) {
6838    #bkf-testimonials-template--28046240383010__bkf_testimonials {
6839      padding: var(--bkf-section-py-desk) var(--bkf-section-px-desk) var(--bkf-section-pb-desk);
6840    }
6841  }
6842
6843  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__inner {
6844    max-width: 1185px;
6845    margin: 0 auto;
6846  }
6847
6848  /* ===== Header ===== */
6849  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__header {
6850    text-align: center;
6851  }
6852
6853  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__title {
6854    margin: 0;
6855  }
6856
6857  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__title-img {
6858    width: auto;
6859    max-width: min(100%, 500px);
6860    height: auto;
6861    display: block;
6862    margin-left: auto;
6863    margin-right: auto;
6864  }
6865
6866  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__title-line {
6867    display: block;
6868    line-height: 1;
6869  }
6870
6871  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__title-display {
6872    color: var(--bkf-blue);
6873    font-family: var(--font-h1--family);
6874    font-style: var(--font-h1--style);
6875    font-weight: var(--font-h1--weight);
6876    font-size: var(--font-h1--size);
6877    line-height: var(--font-h1--line-height);
6878    letter-spacing: var(--font-h1--letter-spacing);
6879    text-transform: var(--font-h1--case);
6880  }
6881
6882  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__script-wrap {
6883    display: inline-flex;
6884    flex-direction: column;
6885    align-items: center;
6886    vertical-align: baseline;
6887    margin-left: 1.5em;
6888  }
6889
6890  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__title-script {
6891    color: var(--bkf-gold);
6892    font-family: var(--bkf-font-script);
6893    font-style: var(--font-accent--style);
6894    font-weight: var(--font-accent--weight);
6895    font-size: 38px;
6896    line-height: var(--font-h1--line-height);
6897    letter-spacing: var(--font-h1--letter-spacing);
6898    text-transform: none;
6899    display: block;
6900  }
6901
6902  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__swoosh {
6903    width: 85%;
6904    height: auto;
6905    color: var(--bkf-gold);
6906    margin-top: -4px;
6907    display: block;
6908  }
6909
6910  /* ===== Rating ===== */
6911  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__rating {
6912    display: flex;
6913    align-items: center;
6914    justify-content: center;
6915    gap: 14px;
6916    margin-top: 20px;
6917  }
6918
6919  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__stars {
6920    display: flex;
6921    gap: 4px;
6922    color: var(--bkf-gold);
6923  }
6924
6925  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__star {
6926    width: 36px;
6927    height: 36px;
6928    flex-shrink: 0;
6929  }
6930
6931  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__review-count {
6932    color: var(--bkf-blue);
6933    font-family: var(--font-h4--family);
6934    font-style: var(--font-h4--style);
6935    font-weight: var(--font-h4--weight);
6936    font-size: var(--font-h4--size);
6937    line-height: var(--font-h4--line-height);
6938    letter-spacing: var(--font-h4--letter-spacing);
6939    text-transform: var(--font-h4--case);
6940    white-space: nowrap;
6941  }
6942
6943  /* ===== Cards Container ===== */
6944  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__cards-wrapper {
6945    margin-top: 50px;
6946  }
6947
6948  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__cards {
6949    display: flex;
6950    gap: 35px;
6951    justify-content: center;
6952  }
6953
6954  /* ===== Card Base ===== */
6955  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card {
6956    flex: 0 0 270px;
6957    width: 270px;
6958    height: 480px;
6959    overflow: hidden;
6960    margin: 0;
6961  }
6962
6963  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-inner {
6964    width: 100%;
6965    height: 100%;
6966    position: relative;
6967  }
6968
6969  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-inner--gold {
6970    background-color: var(--bkf-gold);
6971    padding: 50px 26px 30px;
6972    display: flex;
6973    flex-direction: column;
6974  }
6975
6976  /* ===== Article Card ===== */
6977  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-bg {
6978    position: absolute;
6979    inset: 0;
6980    width: 100%;
6981    height: 100%;
6982    object-fit: cover;
6983    object-position: top;
6984    display: block;
6985  }
6986
6987  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-bg--placeholder .bkf-testimonials__card-bg-svg {
6988    width: 100%;
6989    height: 100%;
6990    display: block;
6991    object-fit: cover;
6992  }
6993
6994  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__overlay {
6995    position: absolute;
6996    top: 20px;
6997    left: 50%;
6998    transform: translateX(-50%);
6999    color: var(--bkf-white);
7000    font-family: var(--font-h3--family);
7001    font-style: var(--font-h3--style);
7002    font-weight: var(--font-h3--weight);
7003    font-size: 2.2rem;
7004    line-height: var(--font-h3--line-height);
7005    letter-spacing: var(--font-h3--letter-spacing);
7006    text-transform: var(--font-h3--case);
7007    text-shadow: var(--bkf-text-shadow-soft);
7008    letter-spacing: -0.02em;
7009    white-space: nowrap;
7010    z-index: 2;
7011  }
7012
7013  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer {
7014    position: absolute;
7015    bottom: 0;
7016    left: 0;
7017    right: 0;
7018    z-index: 1;
7019    isolation: isolate;
7020    transition: height var(--bkf-testimonials-expand-duration) var(--bkf-testimonials-expand-ease);
7021    overflow: visible;
7022  }
7023
7024  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer--linked {
7025    height: 50%;
7026    overflow: visible;
7027  }
7028
7029  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer--animating {
7030    will-change: height;
7031  }
7032
7033  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer::before {
7034    content: '';
7035    position: absolute;
7036    inset: 0;
7037    background-color: var(--bkf-gold);
7038    z-index: 0;
7039  }
7040
7041  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer::after {
7042    content: '';
7043    position: absolute;
7044    bottom: 100%;
7045    left: 0;
7046    right: 0;
7047    height: var(--bkf-testimonials-fade-height);
7048    /* Keep the fade tied to the footer instead of a separate node with color-mix. */
7049    background: var(--bkf-gradient-testimonials-fade);
7050    pointer-events: none;
7051    transition: opacity calc(var(--bkf-testimonials-expand-duration) * 0.55) var(--bkf-testimonials-expand-ease);
7052    z-index: 0;
7053  }
7054
7055  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer-content {
7056    position: relative;
7057    z-index: 1;
7058    /* Figma: 29px inset; ~14px below READ MORE in 182px-tall gold block */
7059    padding: 29px 29px 14px;
7060    display: flex;
7061    flex-direction: column;
7062    align-items: flex-start;
7063    text-align: left;
7064  }
7065
7066  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer--linked .bkf-testimonials__card-footer-content {
7067    min-height: 100%;
7068    max-height: 100%;
7069    overflow: auto;
7070    justify-content: space-between;
7071  }
7072
7073  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack {
7074    position: relative;
7075    flex: 1 1 auto;
7076    min-height: 0;
7077  }
7078
7079  /* Richtext is <p>…</p>; decorative quotes must live inline on the paragraph, not prepended to HTML (avoids a lone quote line above the block). */
7080  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack .bkf-testimonials__quote p:first-child::before {
7081    content: '"';
7082  }
7083
7084  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack .bkf-testimonials__quote p:last-child::after {
7085    content: '"';
7086  }
7087
7088  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer--linked .bkf-testimonials__quote p:first-child::before {
7089    content: '"';
7090  }
7091
7092  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer--linked .bkf-testimonials__quote p:last-child::after {
7093    content: '"';
7094  }
7095
7096  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--text .bkf-testimonials__quote p:first-child::before {
7097    content: '"';
7098  }
7099
7100  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--text .bkf-testimonials__quote p:last-child::after {
7101    content: '"';
7102  }
7103
7104  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack .bkf-testimonials__quote {
7105    margin: 0;
7106    transition:
7107      opacity calc(var(--bkf-testimonials-expand-duration) * 0.65) var(--bkf-testimonials-expand-ease),
7108      transform calc(var(--bkf-testimonials-expand-duration) * 0.65) var(--bkf-testimonials-expand-ease),
7109      visibility 0s linear calc(var(--bkf-testimonials-expand-duration) * 0.65);
7110  }
7111
7112  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack .bkf-testimonials__quote--collapsed {
7113    position: relative;
7114    z-index: 1;
7115    opacity: 1;
7116    visibility: visible;
7117    transform: translateY(0);
7118  }
7119
7120  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack .bkf-testimonials__quote--expanded {
7121    position: absolute;
7122    left: 0;
7123    right: 0;
7124    top: 0;
7125    z-index: 0;
7126    opacity: 0;
7127    visibility: hidden;
7128    pointer-events: none;
7129    transform: translateY(6px);
7130  }
7131
7132  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--expanded .bkf-testimonials__quote-stack .bkf-testimonials__quote--collapsed {
7133    position: absolute;
7134    left: 0;
7135    right: 0;
7136    top: 0;
7137    opacity: 0;
7138    visibility: hidden;
7139    pointer-events: none;
7140    transform: translateY(-4px);
7141  }
7142
7143  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--expanded .bkf-testimonials__quote-stack .bkf-testimonials__quote--expanded {
7144    position: relative;
7145    flex: 1 1 auto;
7146    min-height: 0;
7147    opacity: 1;
7148    visibility: visible;
7149    pointer-events: auto;
7150    transform: translateY(0);
7151    transition-delay: 0s, 0s, 0s;
7152  }
7153
7154  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--article.bkf-testimonials__card--expanded .bkf-testimonials__card-footer {
7155    bottom: 0;
7156    left: 0;
7157    right: 0;
7158    height: 100%;
7159    overflow: visible;
7160    z-index: 3;
7161  }
7162
7163  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--article.bkf-testimonials__card--expanded .bkf-testimonials__card-footer-content {
7164    min-height: 100%;
7165    max-height: 100%;
7166    overflow: auto;
7167    justify-content: space-between;
7168  }
7169
7170  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--expanded .bkf-testimonials__card-footer::after {
7171    opacity: 1;
7172    pointer-events: none;
7173  }
7174
7175  @media (prefers-reduced-motion: reduce) {
7176    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer {
7177      transition: none;
7178    }
7179    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer--animating {
7180      will-change: auto;
7181    }
7182    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack .bkf-testimonials__quote {
7183      transition: none;
7184    }
7185    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote-stack .bkf-testimonials__quote--expanded {
7186      transform: none;
7187    }
7188    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--expanded .bkf-testimonials__quote-stack .bkf-testimonials__quote--collapsed {
7189      transform: none;
7190    }
7191  }
7192
7193  /* ===== Image Card ===== */
7194  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--image {
7195    padding: 0;
7196  }
7197
7198  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-img {
7199    width: 100%;
7200    height: 100%;
7201    object-fit: cover;
7202    display: block;
7203  }
7204
7205  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__placeholder {
7206    display: flex;
7207    align-items: center;
7208    justify-content: center;
7209    width: 100%;
7210    height: 100%;
7211    background-color: var(--bkf-cardbg);
7212  }
7213
7214  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__placeholder svg {
7215    width: 60%;
7216    height: auto;
7217    opacity: 0.3;
7218  }
7219
7220  /* ===== Quote & Text Styles (Figma: Guardian 20/1.25/-0.4px; link 16px bold) ===== */
7221  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote {
7222    margin: 0;
7223    color: var(--bkf-blue-navy);
7224  }
7225
7226  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__quote p {
7227    margin: 0;
7228  }
7229
7230  /* Article footer + solid gold text cards — match dev handoff typography */
7231  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer .bkf-testimonials__quote,
7232  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--text .bkf-testimonials__quote {
7233    font-family: var(--font-paragraph--family);
7234    font-style: var(--font-paragraph--style);
7235    font-weight: var(--font-paragraph--weight);
7236    font-size: 20px;
7237    line-height: 1.25;
7238    letter-spacing: -0.02em;
7239    text-transform: none;
7240  }
7241
7242  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer .bkf-testimonials__quote p,
7243  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card--text .bkf-testimonials__quote p {
7244    font-size: inherit;
7245    line-height: inherit;
7246    letter-spacing: inherit;
7247  }
7248
7249  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__attribution {
7250    margin-top: 20px;
7251    color: var(--bkf-blue-navy);
7252    font-family: var(--font-paragraph--family);
7253    font-style: var(--font-paragraph--style);
7254    font-weight: var(--font-subheading--weight);
7255    font-size: var(--font-paragraph--size);
7256    line-height: var(--font-paragraph--line-height);
7257    letter-spacing: var(--font-paragraph--letter-spacing);
7258  }
7259
7260  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__link {
7261    display: inline-block;
7262    margin-top: 18px;
7263    padding: 0;
7264    border: none;
7265    background: none;
7266    cursor: pointer;
7267    color: var(--bkf-blue-navy);
7268    font-family: var(--font-paragraph--family);
7269    font-style: normal;
7270    font-weight: 700;
7271    font-size: 16px;
7272    line-height: 1.25;
7273    letter-spacing: 0;
7274    text-decoration: underline;
7275    text-decoration-thickness: 0.14em;
7276    text-underline-offset: 3px;
7277    flex-shrink: 0;
7278    text-align: left;
7279  }
7280
7281  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__link:hover,
7282  #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__link:focus-visible {
7283    color: var(--bkf-blue);
7284  }
7285
7286  /* ===== Tablet (768px – 1279px) ===== */
7287  @media (min-width: 768px) and (max-width: 1279px) {
7288    #bkf-testimonials-template--28046240383010__bkf_testimonials {
7289      padding: var(--bkf-section-py-desk) var(--bkf-section-px-desk) var(--bkf-section-pb-desk);
7290    }
7291
7292    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__star {
7293      width: 28px;
7294      height: 28px;
7295    }
7296
7297    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__cards {
7298      gap: 16px;
7299    }
7300
7301    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card {
7302      flex: 1 1 0;
7303      width: auto;
7304      min-width: 0;
7305      height: 420px;
7306    }
7307
7308    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-inner--gold {
7309      padding: 36px 20px 24px;
7310    }
7311
7312    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer {
7313      --bkf-testimonials-fade-height: 26px;
7314    }
7315
7316    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer-content {
7317      padding: 20px 20px 12px;
7318    }
7319
7320  }
7321
7322  /* ===== Mobile (< 768px) ===== */
7323  @media (max-width: 767px) {
7324    #bkf-testimonials-template--28046240383010__bkf_testimonials {
7325      padding: var(--bkf-section-py-mob) var(--bkf-section-px-mob) var(--bkf-section-pb-mob);
7326    }
7327
7328    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__header {
7329      padding: 0;
7330    }
7331
7332    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__star {
7333      width: 24px;
7334      height: 24px;
7335    }
7336
7337    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__cards-wrapper {
7338      margin-top: 36px;
7339      margin-inline: -24px;
7340      width: calc(100% + 48px);
7341      padding-inline: var(--bkf-section-px-mob);
7342      overflow-x: auto;
7343      overflow-y: hidden;
7344      -webkit-overflow-scrolling: touch;
7345      scroll-snap-type: x mandatory;
7346      scrollbar-width: none;
7347    }
7348
7349    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__cards-wrapper::-webkit-scrollbar {
7350      display: none;
7351    }
7352
7353    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__cards {
7354      width: max-content;
7355      gap: 16px;
7356      justify-content: flex-start;
7357    }
7358
7359    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card {
7360      scroll-snap-align: center;
7361      scroll-snap-stop: always;
7362      flex: 0 0 260px;
7363      width: 260px;
7364      height: 440px;
7365    }
7366
7367    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-inner--gold {
7368      padding: 36px 22px 24px;
7369    }
7370
7371    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer {
7372      --bkf-testimonials-fade-height: 24px;
7373    }
7374
7375    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__card-footer-content {
7376      padding: 22px 22px 12px;
7377    }
7378  }
7379
7380  @media (prefers-reduced-motion: reduce) {
7381    #bkf-testimonials-template--28046240383010__bkf_testimonials .bkf-testimonials__cards-wrapper {
7382      scroll-snap-type: none;
7383    }
7384  }
7385</style>
7386
7387<script>
7388  (function () {
7389    const section = document.getElementById('bkf-testimonials-template--28046240383010__bkf_testimonials');
7390    if (!section) return;
7391    const linkLabelDelayMs = 300;
7392    section.addEventListener('click', function (e) {
7393      const link = e.target.closest('.bkf-testimonials__link');
7394      if (!link || link.tagName !== 'BUTTON') return;
7395      const card = link.closest('.bkf-testimonials__card--article');
7396      if (!card) return;
7397      const footer = card.querySelector('.bkf-testimonials__card-footer');
7398      if (!footer) return;
7399      const collapsedQuote = card.querySelector('.bkf-testimonials__quote--collapsed');
7400      const expandedQuote = card.querySelector('.bkf-testimonials__quote--expanded');
7401      const isExpanded = card.classList.contains('bkf-testimonials__card--expanded');
7402      const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
7403      if (isExpanded) {
7404        if (reduceMotion) {
7405          card.classList.remove('bkf-testimonials__card--expanded');
7406          footer.style.height = '';
7407          footer.classList.remove('bkf-testimonials__card-footer--animating');
7408          if (collapsedQuote) collapsedQuote.removeAttribute('aria-hidden');
7409          if (expandedQuote) expandedQuote.setAttribute('aria-hidden', 'true');
7410        } else {
7411          footer.classList.add('bkf-testimonials__card-footer--animating');
7412          const currentH = footer.offsetHeight;
7413          card.classList.remove('bkf-testimonials__card--expanded');
7414          if (collapsedQuote) collapsedQuote.removeAttribute('aria-hidden');
7415          if (expandedQuote) expandedQuote.setAttribute('aria-hidden', 'true');
7416          footer.style.height = '';
7417          const targetH = footer.offsetHeight;
7418          footer.style.height = currentH + 'px';
7419          requestAnimationFrame(function () {
7420            requestAnimationFrame(function () {
7421              footer.style.height = targetH + 'px';
7422            });
7423          });
7424        }
7425        link.setAttribute('aria-expanded', 'false');
7426        if (link.dataset.collapsedAriaLabel) {
7427          link.setAttribute('aria-label', link.dataset.collapsedAriaLabel);
7428        }
7429        link.textContent = link.dataset.collapsedText;
7430      } else {
7431        if (reduceMotion) {
7432          card.classList.add('bkf-testimonials__card--expanded');
7433          if (collapsedQuote) collapsedQuote.setAttribute('aria-hidden', 'true');
7434          if (expandedQuote) expandedQuote.removeAttribute('aria-hidden');
7435          link.setAttribute('aria-expanded', 'true');
7436          if (link.dataset.expandedAriaLabel) {
7437            link.setAttribute('aria-label', link.dataset.expandedAriaLabel);
7438          }
7439          link.textContent = link.dataset.expandedText;
7440        } else {
7441          footer.classList.add('bkf-testimonials__card-footer--animating');
7442          const startH = footer.offsetHeight;
7443          footer.style.height = startH + 'px';
7444          card.classList.add('bkf-testimonials__card--expanded');
7445          if (collapsedQuote) collapsedQuote.setAttribute('aria-hidden', 'true');
7446          if (expandedQuote) expandedQuote.removeAttribute('aria-hidden');
7447          requestAnimationFrame(function () {
7448            requestAnimationFrame(function () {
7449              footer.style.height = card.offsetHeight + 'px';
7450            });
7451          });
7452          link.setAttribute('aria-expanded', 'true');
7453          if (link.dataset.expandedAriaLabel) {
7454            link.setAttribute('aria-label', link.dataset.expandedAriaLabel);
7455          }
7456          setTimeout(function () {
7457            link.textContent = link.dataset.expandedText;
7458          }, linkLabelDelayMs);
7459        }
7460      }
7461    });
7462    section.addEventListener('transitionend', function (e) {
7463      if (!e.target.classList.contains('bkf-testimonials__card-footer')) return;
7464      if (e.propertyName !== 'height') return;
7465      e.target.style.height = '';
7466      e.target.classList.remove('bkf-testimonials__card-footer--animating');
7467    });
7468  })();
7469</script>
7469
7470
7471
7472</section><section id="shopify-section-template--28046240383010__bkf_retailers" class="shopify-section section-wrapper">
7473
7474<section
7475  class="bkf-retailers font-sans"
7476  id="bkf-retailers-template--28046240383010__bkf_retailers"
7477  aria-labelledby="bkf-retailers-heading-template--28046240383010__bkf_retailers"
7478>
7479  <div class="bkf-retailers__inner">
7480    <h2
7481      id="bkf-retailers-heading-template--28046240383010__bkf_retailers"
7482      class="bkf-retailers__heading font-bold text-bkf-blue"
7483    >
7484      AVAILABLE NATIONWIDE
7485    </h2>
7486
7487    <div class="bkf-retailers__marquee" aria-label="AVAILABLE NATIONWIDE — Retailer logos"><div class="bkf-retailers__track">
7488        <ul class="bkf-retailers__list" role="list">
7489          <li class="bkf-retailers__item"><a href="https://www.amazon.com/stores/BarKeepersFriend/page/79FD9E62-D0D3-4115-A587-3F31EB256250?lp_asin=B0CB7KZ3C5" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Amazon">
7490      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Amazon" srcset="//barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&amp;width=360 360w" width="360" height="112" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7491</span>
7492    </a></li>
7493
7494<li class="bkf-retailers__item"><a href="https://www.walmart.com/brand/barkeepersfriend/20034058" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Walmart">
7495      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Walmart" srcset="//barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&amp;width=360 360w" width="360" height="104" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7496</span>
7497    </a></li>
7498
7499<li class="bkf-retailers__item"><a href="https://www.target.com/s?searchTerm=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Target">
7500      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s  Friend Target" srcset="//barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&amp;width=360 360w" width="360" height="78" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7501</span>
7502    </a></li>
7503
7504<li class="bkf-retailers__item"><a href="https://www.homedepot.com/s/bar%20keepers%20friend?NCNI-5&searchAnalytics=bar%20keepers%20friend-_-type%20ahead" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Home Depot">
7505      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Home Depot" srcset="//barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&amp;width=360 360w" width="360" height="314" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7506</span>
7507    </a></li>
7508
7509<li class="bkf-retailers__item"><a href="https://www.lowes.com/search?searchTerm=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Lowe’s">
7510      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&amp;width=360" alt="Bar Keeper&#39;s Friend Lowe&#39;s" srcset="//barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&amp;width=360 360w" width="360" height="166" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7511</span>
7512    </a></li>
7513
7514<li class="bkf-retailers__item"><a href="https://www.publix.com/search?searchTerm=bar%20keepers%20friend&srt=products" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Publix">
7515      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&amp;width=360" alt="Bar Keeper&#39;s Friend Publix" srcset="//barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&amp;width=360 360w" width="360" height="77" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7516</span>
7517    </a></li>
7518
7519<li class="bkf-retailers__item"><a href="https://www.albertsons.com/shop/search-results.html?q=Bar%20Keepers%20Friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Albertsons">
7520      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Albertsons" srcset="//barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&amp;width=360 360w" width="360" height="67" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7521</span>
7522    </a></li>
7523
7524<li class="bkf-retailers__item"><a href="https://www.kroger.com/search?query=bar%20keepers%20friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Kroger">
7525      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Kroger" srcset="//barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&amp;width=360 360w" width="360" height="133" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7526</span>
7527    </a></li>
7528
7529<li class="bkf-retailers__item"><a href="https://www.menards.com/main/search.html?search=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Menards">
7530      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Menards" srcset="//barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&amp;width=360 360w" width="360" height="107" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7531</span>
7532    </a></li>
7533
7534<li class="bkf-retailers__item"><a href="https://www.canadiantire.ca/en/search-results.html?q=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Canadian Tire">
7535      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Canadian Tire" srcset="//barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&amp;width=360 360w" width="360" height="323" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7536</span>
7537    </a></li>
7538
7539<li class="bkf-retailers__item"><a href="https://www.instacart.com/store/brands/bar-keepers-friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Instacart">
7540      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Instacart" srcset="//barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&amp;width=360 360w" width="360" height="72" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7541</span>
7542    </a></li>
7543
7544<li class="bkf-retailers__item"><a href="https://www.uline.com/BL_542/Bar-Keepers-Friend?keywords=Bar+Keeper" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Uline">
7545      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Uline" srcset="//barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&amp;width=360 360w" width="360" height="132" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7546</span>
7547    </a></li>
7548
7549
7550        </ul>
7551        <ul class="bkf-retailers__list bkf-retailers__list--duplicate" role="list" aria-hidden="true">
7552          <li class="bkf-retailers__item"><a href="https://www.amazon.com/stores/BarKeepersFriend/page/79FD9E62-D0D3-4115-A587-3F31EB256250?lp_asin=B0CB7KZ3C5" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Amazon">
7553      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Amazon" srcset="//barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&amp;width=360 360w" width="360" height="112" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7554</span>
7555    </a></li>
7556
7557<li class="bkf-retailers__item"><a href="https://www.walmart.com/brand/barkeepersfriend/20034058" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Walmart">
7558      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Walmart" srcset="//barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&amp;width=360 360w" width="360" height="104" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7559</span>
7560    </a></li>
7561
7562<li class="bkf-retailers__item"><a href="https://www.target.com/s?searchTerm=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Target">
7563      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s  Friend Target" srcset="//barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&amp;width=360 360w" width="360" height="78" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7564</span>
7565    </a></li>
7566
7567<li class="bkf-retailers__item"><a href="https://www.homedepot.com/s/bar%20keepers%20friend?NCNI-5&searchAnalytics=bar%20keepers%20friend-_-type%20ahead" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Home Depot">
7568      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Home Depot" srcset="//barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&amp;width=360 360w" width="360" height="314" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7569</span>
7570    </a></li>
7571
7572<li class="bkf-retailers__item"><a href="https://www.lowes.com/search?searchTerm=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Lowe’s">
7573      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&amp;width=360" alt="Bar Keeper&#39;s Friend Lowe&#39;s" srcset="//barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&amp;width=360 360w" width="360" height="166" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7574</span>
7575    </a></li>
7576
7577<li class="bkf-retailers__item"><a href="https://www.publix.com/search?searchTerm=bar%20keepers%20friend&srt=products" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Publix">
7578      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&amp;width=360" alt="Bar Keeper&#39;s Friend Publix" srcset="//barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&amp;width=360 360w" width="360" height="77" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7579</span>
7580    </a></li>
7581
7582<li class="bkf-retailers__item"><a href="https://www.albertsons.com/shop/search-results.html?q=Bar%20Keepers%20Friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Albertsons">
7583      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Albertsons" srcset="//barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&amp;width=360 360w" width="360" height="67" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7584</span>
7585    </a></li>
7586
7587<li class="bkf-retailers__item"><a href="https://www.kroger.com/search?query=bar%20keepers%20friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Kroger">
7588      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Kroger" srcset="//barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&amp;width=360 360w" width="360" height="133" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7589</span>
7590    </a></li>
7591
7592<li class="bkf-retailers__item"><a href="https://www.menards.com/main/search.html?search=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Menards">
7593      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Menards" srcset="//barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&amp;width=360 360w" width="360" height="107" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7594</span>
7595    </a></li>
7596
7597<li class="bkf-retailers__item"><a href="https://www.canadiantire.ca/en/search-results.html?q=bar+keepers+friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Canadian Tire">
7598      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Canadian Tire" srcset="//barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&amp;width=360 360w" width="360" height="323" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7599</span>
7600    </a></li>
7601
7602<li class="bkf-retailers__item"><a href="https://www.instacart.com/store/brands/bar-keepers-friend" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Instacart">
7603      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Instacart" srcset="//barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&amp;width=360 360w" width="360" height="72" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7604</span>
7605    </a></li>
7606
7607<li class="bkf-retailers__item"><a href="https://www.uline.com/BL_542/Bar-Keepers-Friend?keywords=Bar+Keeper" class="bkf-retailers__link" target="_blank" rel="noopener noreferrer" aria-label="Uline">
7608      <span class="bkf-retailers__logo-inner"><img src="//barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&amp;width=360" alt="Bar Keeper&#39;s Friend Uline" srcset="//barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&amp;width=360 360w" width="360" height="132" loading="lazy" sizes="(max-width: 767px) 120px, 160px" class="bkf-retailers__logo" decoding="async">
7609</span>
7610    </a></li>
7611
7612
7613        </ul>
7614      </div>
7615    </div>
7616  </div>
7617</section>
7618
7619<style>
7620  /* ===== Base – full width edge to edge, no horizontal padding ===== */
7621  #bkf-retailers-template--28046240383010__bkf_retailers {
7622    --bkf-retailers-logo-w: 120px;
7623    --bkf-retailers-logo-h: 48px;
7624    background-color: var(--bkf-white);
7625    padding: var(--bkf-section-py-mob) 0 var(--bkf-section-pb-mob);
7626    padding-inline: 0;
7627    width: 100%;
7628  }
7629
7630  @media (min-width: 768px) {
7631    #bkf-retailers-template--28046240383010__bkf_retailers {
7632      --bkf-retailers-logo-w: 160px;
7633      --bkf-retailers-logo-h: 64px;
7634      padding: var(--bkf-section-py-desk) 0 var(--bkf-section-pb-desk);
7635    }
7636  }
7637
7638  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__inner {
7639    max-width: none;
7640    width: 100%;
7641    margin: 0;
7642    text-align: center;
7643  }
7644
7645  /* ===== Heading ===== */
7646  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__heading {
7647    margin: 0 0 32px;
7648  }
7649
7650  /* ===== Marquee container ===== */
7651  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__marquee {
7652    overflow: hidden;
7653  }
7654
7655  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__track {
7656    display: flex;
7657    width: max-content;
7658  }
7659
7660  @media (prefers-reduced-motion: no-preference) {
7661    #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__track {
7662      animation: bkf-retailers-marquee 80s linear infinite;
7663    }
7664  }
7665
7666  @keyframes bkf-retailers-marquee {
7667    to {
7668      transform: translate3d(-50%, 0, 0);
7669    }
7670  }
7671
7672  /* ===== Logo list ===== */
7673  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__list {
7674    display: flex;
7675    flex-wrap: nowrap;
7676    align-items: center;
7677    gap: clamp(24px, 4vw, 48px);
7678    list-style: none;
7679    margin: 0;
7680    padding: 0 clamp(24px, 4vw, 48px) 0 0;
7681  }
7682
7683  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__list:first-child {
7684    padding-left: 0;
7685  }
7686
7687  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__list--duplicate {
7688    padding-left: clamp(24px, 4vw, 48px);
7689  }
7690
7691  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__item {
7692    display: flex;
7693    align-items: center;
7694    flex: 0 0 auto;
7695    margin: 0;
7696    padding: 0;
7697  }
7698
7699  /* Uniform logo slot: inner flex layer centers varied aspect ratios vertically + horizontally */
7700  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__link,
7701  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__logo-wrap {
7702    display: flex;
7703    align-items: center;
7704    justify-content: center;
7705    box-sizing: border-box;
7706    width: var(--bkf-retailers-logo-w);
7707    height: var(--bkf-retailers-logo-h);
7708    min-width: var(--bkf-retailers-logo-w);
7709    min-height: var(--bkf-retailers-logo-h);
7710  }
7711
7712  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__logo-inner {
7713    display: flex;
7714    align-items: center;
7715    justify-content: center;
7716    width: 100%;
7717    height: 100%;
7718    min-height: 0;
7719  }
7720
7721  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__link {
7722    color: inherit;
7723    text-decoration: none;
7724    border-radius: var(--bkf-radius-sm);
7725    transition: opacity 0.2s ease;
7726  }
7727
7728  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__link:hover {
7729    opacity: 0.85;
7730  }
7731
7732  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__link:focus {
7733    outline: var(--bkf-focus-outline);
7734    outline-offset: var(--bkf-focus-offset);
7735  }
7736
7737  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__link:focus:not(:focus-visible) {
7738    outline: none;
7739  }
7740
7741  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__link:focus-visible {
7742    outline: var(--bkf-focus-outline);
7743    outline-offset: var(--bkf-focus-offset);
7744  }
7745
7746  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__logo {
7747    display: block;
7748    width: auto;
7749    height: auto;
7750    max-width: 140px;
7751    max-height: 100%;
7752    object-fit: contain;
7753    object-position: center;
7754    min-width: 100px;
7755  }
7756
7757  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__placeholder {
7758    display: flex;
7759    align-items: center;
7760    justify-content: center;
7761    width: 100%;
7762    height: 100%;
7763    min-height: 44px;
7764    background-color: var(--bkf-faqbg);
7765    border-radius: var(--bkf-radius-sm);
7766  }
7767
7768  #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__placeholder svg {
7769    width: 48px;
7770    height: 48px;
7771    opacity: 0.5;
7772  }
7773
7774  /* ===== Responsive: smaller gaps on mobile ===== */
7775  @media (max-width: 767px) {
7776    #bkf-retailers-template--28046240383010__bkf_retailers {
7777      padding: var(--bkf-section-py-mob) 0 var(--bkf-section-pb-mob);
7778    }
7779
7780    #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__heading {
7781      margin-bottom: 24px;
7782    }
7783
7784    #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__list {
7785      gap: 20px;
7786      padding-right: 20px;
7787    }
7788
7789    #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__list:first-child {
7790      padding-left: 0;
7791    }
7792
7793    #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__list--duplicate {
7794      padding-left: 20px;
7795    }
7796
7797  }
7798
7799  @media (prefers-reduced-motion: reduce) {
7800    #bkf-retailers-template--28046240383010__bkf_retailers .bkf-retailers__link {
7801      transition: none;
7802    }
7803  }
7804</style>
7805
7806
7807</section><section id="shopify-section-template--28046240383010__bkf_faq" class="shopify-section section-wrapper">
7808
7809<section
7810  class="bkf-faq font-sans"
7811  id="bkf-faq-template--28046240383010__bkf_faq"
7812  aria-labelledby="bkf-faq-heading-template--28046240383010__bkf_faq"
7813  data-bkf-faq-section
7814>
7815  <div class="bkf-faq__inner">
7816    <h2
7817      id="bkf-faq-heading-template--28046240383010__bkf_faq"
7818      class="bkf-faq__title bkf-faq__title--align-center"
7819    >
7820      FREQUENTLY ASKED QUESTIONS
7821    </h2>
7822
7823    <ul class="bkf-faq__list">
7824<li
7825  class="bkf-faq__item faq-item active"
7826  
7827>
7828  <div class="bkf-faq__divider" aria-hidden="true"></div>
7829
7830  <button
7831    type="button"
7832    id="bkf-faq-question-template--28046240383010__bkf_faq-faq_1"
7833    class="bkf-faq__trigger"
7834    aria-expanded="true"
7835    aria-controls="bkf-faq-answer-template--28046240383010__bkf_faq-faq_1"
7836    data-faq-trigger
7837  >
7838    <span class="bkf-faq__trigger-icon faq-icon-wrapper" aria-hidden="true">
7839      
7840      <img class="bkf-faq__sparkle bkf-faq__sparkle--plus ph-plus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="23" height="26" loading="lazy">
7841      <img class="bkf-faq__sparkle bkf-faq__sparkle--minus ph-minus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="37" height="42" loading="lazy">
7842      
7843    </span>
7844    <span class="bkf-faq__trigger-text font-bold">
7845      How is Bar Keeper&#39;s Friend different from other cleaners?
7846    </span>
7847  </button>
7848
7849  <div
7850    id="bkf-faq-answer-template--28046240383010__bkf_faq-faq_1"
7851    class="faq-answer-wrapper"
7852    role="region"
7853    aria-labelledby="bkf-faq-question-template--28046240383010__bkf_faq-faq_1"
7854    
7855      aria-hidden="true" data-faq-panel
7856    
7857  >
7858    <div class="faq-answer-inner">
7859      <div class="bkf-faq__answer bkf-text-paragraph">
7860        <p>Most household cleansers are alkaline and bleach-based. Bar Keeper's Friend is different, most of our formulas contain oxalic acidic, a naturally occurring ingredient found in leafy green vegetables like, rhubarb, which makes it significantly more effective at tackling rust, mineral deposits, and tough stains that bleach-based products simply can't touch. It's also bleach-free and contains no caustic ingredients, making it safer for the surfaces you use every day. In fact, most stainless steel manufacturers specifically recommend acidic cleansers over bleach-based ones.</p>
7861      </div>
7862    </div>
7863  </div>
7864</li>
7865
7866
7867<li
7868  class="bkf-faq__item faq-item"
7869  
7870>
7871  <div class="bkf-faq__divider" aria-hidden="true"></div>
7872
7873  <button
7874    type="button"
7875    id="bkf-faq-question-template--28046240383010__bkf_faq-faq_2"
7876    class="bkf-faq__trigger"
7877    aria-expanded="false"
7878    aria-controls="bkf-faq-answer-template--28046240383010__bkf_faq-faq_2"
7879    data-faq-trigger
7880  >
7881    <span class="bkf-faq__trigger-icon faq-icon-wrapper" aria-hidden="true">
7882      
7883      <img class="bkf-faq__sparkle bkf-faq__sparkle--plus ph-plus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="23" height="26" loading="lazy">
7884      <img class="bkf-faq__sparkle bkf-faq__sparkle--minus ph-minus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="37" height="42" loading="lazy">
7885      
7886    </span>
7887    <span class="bkf-faq__trigger-text font-bold">
7888      What surfaces can I use Bar Keeper&#39;s Friend on?
7889    </span>
7890  </button>
7891
7892  <div
7893    id="bkf-faq-answer-template--28046240383010__bkf_faq-faq_2"
7894    class="faq-answer-wrapper"
7895    role="region"
7896    aria-labelledby="bkf-faq-question-template--28046240383010__bkf_faq-faq_2"
7897    
7898      aria-hidden="true" data-faq-panel
7899    
7900  >
7901    <div class="faq-answer-inner">
7902      <div class="bkf-faq__answer bkf-text-paragraph">
7903        <p>A lot, actually. Stainless steel, cookware, porcelain, ceramic, glass, chrome, copper, brass, fiberglass, tile, grout, vinyl siding, and more. Whether you want to polish stainless steel, remove tarnish, or tackle a burnt cookware, there's a BKF product for it. Trusted by professional<br/>cleaners and brands like All-Clad, Scanpan, and Staub. Not sure where to start? Check out our recommended products by Room.</p>
7904      </div>
7905    </div>
7906  </div>
7907</li>
7908
7909
7910<li
7911  class="bkf-faq__item faq-item"
7912  
7913>
7914  <div class="bkf-faq__divider" aria-hidden="true"></div>
7915
7916  <button
7917    type="button"
7918    id="bkf-faq-question-template--28046240383010__bkf_faq-faq_3"
7919    class="bkf-faq__trigger"
7920    aria-expanded="false"
7921    aria-controls="bkf-faq-answer-template--28046240383010__bkf_faq-faq_3"
7922    data-faq-trigger
7923  >
7924    <span class="bkf-faq__trigger-icon faq-icon-wrapper" aria-hidden="true">
7925      
7926      <img class="bkf-faq__sparkle bkf-faq__sparkle--plus ph-plus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sp
7926arkle-icon.svg?v=1773793528" alt="" width="23" height="26" loading="lazy">
7927      <img class="bkf-faq__sparkle bkf-faq__sparkle--minus ph-minus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="37" height="42" loading="lazy">
7928      
7929    </span>
7930    <span class="bkf-faq__trigger-text font-bold">
7931      Is Bar Keeper&#39;s Friend safe to use around my family?
7932    </span>
7933  </button>
7934
7935  <div
7936    id="bkf-faq-answer-template--28046240383010__bkf_faq-faq_3"
7937    class="faq-answer-wrapper"
7938    role="region"
7939    aria-labelledby="bkf-faq-question-template--28046240383010__bkf_faq-faq_3"
7940    
7941      aria-hidden="true" data-faq-panel
7942    
7943  >
7944    <div class="faq-answer-inner">
7945      <div class="bkf-faq__answer bkf-text-paragraph">
7946        <p>Yes, when used as directed, our BKF Powder Cleanser is safe for food preparation and serving surfaces and carries an NSF registration, meaning it meets the standards used in professional commercial kitchens. BKF is bleach-free. We do recommend wearing gloves for prolonged use, especially when tackling the fun restoration projects. For more on how we make our products responsibly, visit our <a href="https://barkeepersfriend.com/pages/sustainability">Environmental Stewardship</a> page. </p>
7947      </div>
7948    </div>
7949  </div>
7950</li>
7951
7952
7953<li
7954  class="bkf-faq__item faq-item"
7955  
7956>
7957  <div class="bkf-faq__divider" aria-hidden="true"></div>
7958
7959  <button
7960    type="button"
7961    id="bkf-faq-question-template--28046240383010__bkf_faq-faq_item_TpTejm"
7962    class="bkf-faq__trigger"
7963    aria-expanded="false"
7964    aria-controls="bkf-faq-answer-template--28046240383010__bkf_faq-faq_item_TpTejm"
7965    data-faq-trigger
7966  >
7967    <span class="bkf-faq__trigger-icon faq-icon-wrapper" aria-hidden="true">
7968      
7969      <img class="bkf-faq__sparkle bkf-faq__sparkle--plus ph-plus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="23" height="26" loading="lazy">
7970      <img class="bkf-faq__sparkle bkf-faq__sparkle--minus ph-minus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="37" height="42" loading="lazy">
7971      
7972    </span>
7973    <span class="bkf-faq__trigger-text font-bold">
7974      How do I use Bar Keeper&#39;s Friend?
7975    </span>
7976  </button>
7977
7978  <div
7979    id="bkf-faq-answer-template--28046240383010__bkf_faq-faq_item_TpTejm"
7980    class="faq-answer-wrapper"
7981    role="region"
7982    aria-labelledby="bkf-faq-question-template--28046240383010__bkf_faq-faq_item_TpTejm"
7983    
7984      aria-hidden="true" data-faq-panel
7985    
7986  >
7987    <div class="faq-answer-inner">
7988      <div class="bkf-faq__answer bkf-text-paragraph">
7989        <p>It's simple: wet the surface, apply a small amount of BKF, scrub with a damp cloth or sponge, and rinse thoroughly. One important tip, don't leave it on for more than one minute, especially on metal surfaces. A little goes a long way! For tougher messes, our Powder Cleanser lets you control the strength by adjusting how much powder you mix with water. More powder = more power.</p>
7990      </div>
7991    </div>
7992  </div>
7993</li>
7994
7995
7996<li
7997  class="bkf-faq__item faq-item"
7998  
7999>
8000  <div class="bkf-faq__divider" aria-hidden="true"></div>
8001
8002  <button
8003    type="button"
8004    id="bkf-faq-question-template--28046240383010__bkf_faq-faq_item_H794m4"
8005    class="bkf-faq__trigger"
8006    aria-expanded="false"
8007    aria-controls="bkf-faq-answer-template--28046240383010__bkf_faq-faq_item_H794m4"
8008    data-faq-trigger
8009  >
8010    <span class="bkf-faq__trigger-icon faq-icon-wrapper" aria-hidden="true">
8011      
8012      <img class="bkf-faq__sparkle bkf-faq__sparkle--plus ph-plus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="23" height="26" loading="lazy">
8013      <img class="bkf-faq__sparkle bkf-faq__sparkle--minus ph-minus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="37" height="42" loading="lazy">
8014      
8015    </span>
8016    <span class="bkf-faq__trigger-text font-bold">
8017      Where can I buy Bar Keeper&#39;s Friend?
8018    </span>
8019  </button>
8020
8021  <div
8022    id="bkf-faq-answer-template--28046240383010__bkf_faq-faq_item_H794m4"
8023    class="faq-answer-wrapper"
8024    role="region"
8025    aria-labelledby="bkf-faq-question-template--28046240383010__bkf_faq-faq_item_H794m4"
8026    
8027      aria-hidden="true" data-faq-panel
8028    
8029  >
8030    <div class="faq-answer-inner">
8031      <div class="bkf-faq__answer bkf-text-paragraph">
8032        <p>
8032BKF is available at major retailers across North America, including Walmart, Target, Home Depot, and Amazon. Use our <a href="/pages/where-to-buy" target="_blank" title="Where to Buy">Store Locator</a> → to find the nearest retailer, or shop our <a href="https://www.amazon.com/stores/BarKeepersFriend/page/79FD9E62-D0D3-4115-A587-3F31EB256250?lp_asin=B0CB7KZ3C5" target="_blank" title="Amazon Storefront ">Amazon Storefront </a>today. International customers can find a distributor near them <a href="https://barkeepersfriend.com/pages/international-distributors" target="_blank">international distributors</a> →. </p>
8033      </div>
8034    </div>
8035  </div>
8036</li>
8037
8038
8039<li
8040  class="bkf-faq__item faq-item"
8041  
8042>
8043  <div class="bkf-faq__divider" aria-hidden="true"></div>
8044
8045  <button
8046    type="button"
8047    id="bkf-faq-question-template--28046240383010__bkf_faq-faq_item_4KVq9y"
8048    class="bkf-faq__trigger"
8049    aria-expanded="false"
8050    aria-controls="bkf-faq-answer-template--28046240383010__bkf_faq-faq_item_4KVq9y"
8051    data-faq-trigger
8052  >
8053    <span class="bkf-faq__trigger-icon faq-icon-wrapper" aria-hidden="true">
8054      
8055      <img class="bkf-faq__sparkle bkf-faq__sparkle--plus ph-plus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="23" height="26" loading="lazy">
8056      <img class="bkf-faq__sparkle bkf-faq__sparkle--minus ph-minus" src="https://cdn.shopify.com/s/files/1/0867/6959/8498/files/sparkle-icon.svg?v=1773793528" alt="" width="37" height="42" loading="lazy">
8057      
8058    </span>
8059    <span class="bkf-faq__trigger-text font-bold">
8060      Does Bar Keeper’s Friend make products other than the Powder and Soft Cleanser?
8061    </span>
8062  </button>
8063
8064  <div
8065    id="bkf-faq-answer-template--28046240383010__bkf_faq-faq_item_4KVq9y"
8066    class="faq-answer-wrapper"
8067    role="region"
8068    aria-labelledby="bkf-faq-question-template--28046240383010__bkf_faq-faq_item_4KVq9y"
8069    
8070      aria-hidden="true" data-faq-panel
8071    
8072  >
8073    <div class="faq-answer-inner">
8074      <div class="bkf-faq__answer bkf-text-paragraph">
8075        <p>Bar Keeper's Friend makes a full range of cleaning products for every job around the home. In addition to the classic Powder Cleanser and Soft Cleanser, you'll find:</p><p><br/><a href="/products/superior-multi-purpose-cleaner" title="Superior Multi-Purpose Cleaner">Multipurpose Spray</a> - a 2-in-1 spray and foam that works across kitchens, bathrooms, and more</p><p><br/><a href="/products/stainless-steel-cleaner-polish" title="Stainless Steel Cleaner & Polish">Stainless Steel Spray </a>- cleans, shines, and protects stainless steel appliances including refrigerators, ovens, stovetops, sinks, and range hoods</p><p><br/><a href="/products/granite-stone-cleaner-polish" title="Granite & Stone Cleaner & Polish">Granite & Stone Cleaner</a> - specially formulated to clean and polish granite, stone, and other delicate hard surfaces without scratching or dulling</p><p><br/>You can shop the full lineup on our <a href="/collections/all" title="All products">Shop All Products page</a>. Not sure which product is right for your job? You can filter by room or surface to find the perfect match.</p>
8076      </div>
8077    </div>
8078  </div>
8079</li>
8080
8081</ul><div class="bkf-faq__cta">
8082        
8083
8084
8085  
8086    <a
8087      
8088      href="/pages/faq"
8089      
8090        class="bkf-btn-primary bkf-faq__btn"
8091      
8092      
8093      
8094      
8095    >
8096      VIEW ALL FAQS
8097      
8098    </a>
8099  
8100
8101
8102      </div></div>
8103</section>
8104
8105<style>
8106  /* ===== Base ===== */
8107  #bkf-faq-template--28046240383010__bkf_faq {
8108    background-color: var(--bkf-faqbg);
8109    padding: var(--bkf-section-py-mob) var(--bkf-section-px-mob) var(--bkf-section-pb-mob);
8110  }
8111
8112  @media (min-width: 768px) {
8113    #bkf-faq-template--28046240383010__bkf_faq {
8114      padding: var(--bkf-section-py-desk) var(--bkf-section-px-desk) var(--bkf-section-pb-desk);
8115    }
8116  }
8117
8118  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__inner {
8119    max-width: 1000px;
8120    margin: 0 auto;
8121  }
8122
8123  /* ===== Title — Figma 538:832: Guardian XCond, Secondary Navy (#001E60), 60px desktop */
8124  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__title {
8125    margin: 0 0 48px;
8126    color: var(--bkf-blue);
8127    font-family: var(--bkf-heading-display-font-family);
8128    font-style: normal;
8129    font-weight: var(--bkf-heading-display-font-weight);
8130    letter-spacing: var(--bkf-heading-display-letter-spacing);
8131    text-transform: var(--bkf-heading-display-text-transform);
8132    line-height: var(--bkf-heading-display-line-height);
8133    font-size: 40px;
8134  }
8135
8136  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__title--align-center {
8137    text-align: center;
8138  }
8139
8140  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__title--align-left {
8141    text-align: left;
8142  }
8143
8144  @media (min-width: 768px) {
8145    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__title {
8146      font-size: 60px;
8147    }
8148  }
8149
8150  /* ===== FAQ List ===== */
8151  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__list {
8152    margin: 0;
8153    padding: 0;
8154    list-style: none;
8155    max-width: 770px;
8156    margin: 0 auto;
8157  }
8158
8159  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__item {
8160    margin: 0;
8161    padding: 0;
8162  }
8163
8164  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__divider {
8165    height: 1px;
8166    background-color: color-mix(in srgb, var(--bkf-blue-navy) 15%, transparent);
8167    margin: 0;
8168  }
8169
8170  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger {
8171    display: flex;
8172    align-items: center;
8173    gap: 20px;
8174    width: 100%;
8175    padding: 20px 0;
8176    margin: 0;
8177    border: none;
8178    background: none;
8179    cursor: pointer;
8180    color: var(--bkf-blue-navy);
8181    font-family: var(--font-subheading--family);
8182    font-style: var(--font-subheading--style);
8183    font-weight: var(--font-subheading--weight);
8184    font-size: var(--font-paragraph--size);
8185    line-height: var(--font-paragraph--line-height);
8186    letter-spacing: var(--font-paragraph--letter-spacing);
8187    text-transform: var(--font-paragraph--case);
8188    text-align: left;
8189    /* Override assets/bkf-design-system.css global `button { white-space: nowrap !important }` */
8190    white-space: normal !important;
8191  }
8192
8193  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger:hover {
8194    color: var(--bkf-blue);
8195  }
8196
8197  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger:focus-visible {
8198    outline: var(--bkf-focus-outline);
8199    outline-offset: var(--bkf-focus-offset);
8200    border-radius: var(--bkf-radius-sm);
8201  }
8202
8203  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger-icon {
8204    flex-shrink: 0;
8205    display: flex;
8206    align-items: center;
8207    justify-content: center;
8208    width: 37px;
8209    height: 42px;
8210    color: var(--bkf-blue-navy);
8211    font-size: 20px;
8212    position: relative;
8213  }
8214
8215  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__sparkle {
8216    object-fit: contain;
8217    transition: opacity 0.3s;
8218  }
8219
8220  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__sparkle--plus {
8221    width: 23px;
8222    height: 26px;
8223  }
8224
8225  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__sparkle--minus {
8226    width: 37px;
8227    height: 42px;
8228  }
8229
8230  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger-text {
8231    flex: 1;
8232    min-width: 0;
8233  }
8234
8235  #bkf-faq-template--28046240383010__bkf_faq .faq-answer-wrapper {
8236    display: grid;
8237    grid-template-rows: 0fr;
8238    transition: grid-template-rows 0.4s ease-in-out;
8239  }
8240
8241  #bkf-faq-template--28046240383010__bkf_faq .faq-item.active .faq-answer-wrapper {
8242    grid-template-rows: 1fr;
8243  }
8244
8245  #bkf-faq-template--28046240383010__bkf_faq .faq-answer-inner {
8246    overflow: hidden;
8247    transition: opacity 0.4s ease-in-out;
8248    opacity: 0;
8249  }
8250
8251  #bkf-faq-template--28046240383010__bkf_faq .faq-item.active .faq-answer-inner {
8252    opacity: 1;
8253  }
8254
8255  #bkf-faq-template--28046240383010__bkf_faq .faq-icon-wrapper {
8256    transition: all 0.3s ease;
8257  }
8258
8259  #bkf-faq-template--28046240383010__bkf_faq .faq-item .ph-minus {
8260    opacity: 0;
8261    position: absolute;
8262    transition: opacity 0.3s;
8263  }
8264
8265  #bkf-faq-template--28046240383010__bkf_faq .faq-item.active .ph-minus {
8266    opacity: 1;
8267    position: relative;
8268  }
8269
8270  #bkf-faq-template--28046240383010__bkf_faq .faq-item .ph-plus {
8271    opacity: 1;
8272    transition: opacity 0.3s;
8273  }
8274
8275  #bkf-faq-template--28046240383010__bkf_faq .faq-item.active .ph-plus {
8276    opacity: 0;
8277    position: absolute;
8278  }
8279
8280  /* Override global faq-icon-wrapper: no background/rotation per Figma */
8281  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger-icon {
8282    background: none;
8283    transform: none;
8284  }
8285
8286  #bkf-faq-template--28046240383010__bkf_faq .faq-item.active .bkf-faq__trigger-icon {
8287    background: none;
8288    transform: none;
8289    color: var(--bkf-blue-navy);
8290  }
8291
8292  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer {
8293    color: var(--bkf-blue-navy);
8294    padding: 0 0 20px 44px;
8295    max-width: 800px;
8296  }
8297
8298  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer a {
8299    color: var(--bkf-blue-navy);
8300    font-weight: var(--font-subheading--weight);
8301    text-decoration: underline;
8302    text-underline-offset: 3px;
8303  }
8304
8305  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer a:hover,
8306  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer a:focus-visible {
8307    color: var(--bkf-blue);
8308  }
8309
8310  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer p {
8311    margin: 0 0 0.5em;
8312  }
8313
8314  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer p:last-child {
8315    margin-bottom: 0;
8316  }
8317
8318  /* ===== CTA — Figma 538:840: 276×58 min, navy, pill r40; padding 11px / 15px ===== */
8319  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__cta {
8320    text-align: center;
8321    margin-top: 24px;
8322  }
8323
8324  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__btn {
8325    box-sizing: border-box;
8326    display: inline-flex;
8327    align-items: center;
8328    justify-content: center;
8329    width: 276px;
8330    height: var(--bkf-marketing-button-min-height);
8331    min-height: var(--bkf-marketing-button-min-height);
8332    padding: 0 var(--bkf-marketing-button-padding-inline);
8333    margin: 0;
8334    border: none;
8335    border-radius: 40px;
8336    color: var(--bkf-white);
8337    background-color: var(--bkf-blue-navy);
8338    box-shadow: none;
8339    font-family: var(--bkf-marketing-button-font-family);
8340    font-style: var(--bkf-marketing-button-font-style);
8341    font-weight: var(--bkf-marketing-button-font-weight);
8342    font-size: var(--bkf-marketing-button-font-size);
8343    line-height: var(--bkf-marketing-button-line-height);
8344    letter-spacing: var(--bkf-marketing-button-letter-spacing);
8345    text-transform: var(--bkf-marketing-button-text-transform);
8346    transition: color var(--animation-speed) var(--animation-easing),
8347      background-color var(--animation-speed) var(--animation-easing);
8348  }
8349
8350  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__btn:hover {
8351    color: var(--bkf-white);
8352    background-color: var(--bkf-blue-navy-hover, var(--bkf-blue));
8353    box-shadow: none;
8354  }
8355
8356  #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__btn--disabled {
8357    opacity: 0.7;
8358    cursor: not-allowed;
8359  }
8360
8361  /* ===== Responsive: Tablet ===== */
8362  @media (min-width: 768px) and (max-width: 1279px) {
8363    #bkf-faq-template--28046240383010__bkf_faq {
8364      padding: var(--bkf-section-py-desk) var(--bkf-section-px-desk) var(--bkf-section-pb-desk);
8365    }
8366
8367    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__title {
8368      margin-bottom: 40px;
8369    }
8370
8371    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer {
8372      padding-left: 44px;
8373    }
8374  }
8375
8376  /* ===== Responsive: Mobile ===== */
8377  @media (max-width: 767px) {
8378    #bkf-faq-template--28046240383010__bkf_faq {
8379      padding: var(--bkf-section-py-mob) var(--bkf-section-px-mob) var(--bkf-section-pb-mob);
8380    }
8381
8382    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__inner {
8383      max-width: 100%;
8384    }
8385
8386    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__title {
8387      margin-bottom: 32px;
8388    }
8389
8390    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger {
8391      padding: 16px 0;
8392    }
8393
8394    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__answer {
8395      padding: 0 0 16px 0;
8396    }
8397
8398    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__cta {
8399      margin-top: 20px;
8400    }
8401
8402    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__btn {
8403      width: 100%;
8404      max-width: 276px;
8405    }
8406  }
8407
8408  @media (prefers-reduced-motion: reduce) {
8409    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__trigger,
8410    #bkf-faq-template--28046240383010__bkf_faq .bkf-faq__btn {
8411      transition: none;
8412    }
8413    #bkf-faq-template--28046240383010__bkf_faq .faq-answer-wrapper {
8414      transition: none;
8415    }
8416    #bkf-faq-template--28046240383010__bkf_faq .faq-answer-inner {
8417      transition: none;
8418    }
8419  }
8420</style>
8421
8422<script>
8423  (function () {
8424    if (window.__bkfFaqScriptRequested) return;
8425    window.__bkfFaqScriptRequested = true;
8426
8427    var script = document.createElement('script');
8428    script.src = "\/\/barkeepersfriend.com\/cdn\/shop\/t\/11\/assets\/bkf-faq.js?v=150816847699006688341788191370";
8429    script.defer = true;
8430    document.head.appendChild(script);
8431  })();
8432</script>
8432
8433
8434
8435</section><div id="shopify-section-template--28046240383010__custom_liquid_eprUD7" class="shopify-section">
8436
8437<div class="section-background color-scheme-1"></div>
8438<div
8439  class="section section--page-width spacing-style color-scheme-1"
8440  style="--padding-block-start: 0px; --padding-block-end:0px; 
8441--padding-inline-start:0px; --padding-inline-end:0px; 
8442"
8443>
8444  
8444<script type="application/ld+json">
8445{
8446  "@context": "https://schema.org",
8447  "@type": "FAQPage",
8448  "mainEntity": [{
8449    "@type": "Question",
8450    "name": "How is Bar Keeper's Friend different from other cleaners?",
8451    "acceptedAnswer": {
8452      "@type": "Answer",
8453      "text": "Most household cleansers are alkaline and bleach-based. Bar Keeper's Friend is different, most of our formulas contain oxalic acidic, a naturally occurring ingredient found in leafy green vegetables like, rhubarb, which makes it significantly more effective at tackling rust, mineral deposits, and tough stains that bleach-based products simply can't touch. It's also bleach-free and contains no caustic ingredients, making it safer for the surfaces you use every day. In fact, most stainless steel manufacturers specifically recommend acidic cleansers over bleach-based ones."
8454    }
8455  },{
8456    "@type": "Question",
8457    "name": "What surfaces can I use Bar Keeper's Friend on?",
8458    "acceptedAnswer": {
8459      "@type": "Answer",
8460      "text": "A lot, actually. BKF works on stainless steel, cookware, porcelain, ceramic, glass, chrome, copper, brass, fiberglass, tile, grout, vinyl siding, and more surface areas found in the kitchen, bathroom, garage, and outdoors. Not sure if BKF is right for your surface? Check out our recommended products by Room."
8461    }
8462  },{
8463    "@type": "Question",
8464    "name": "Is Bar Keeper's Friend safe to use around my family?",
8465    "acceptedAnswer": {
8466      "@type": "Answer",
8467      "text": "Yes, when used as directed, our BKF Powder Cleanser is safe for food preparation and serving surfaces and carries an NSF registration, meaning it meets the standards used in professional commercial kitchens. BKF is bleach-free. We do recommend wearing gloves for prolonged use, especially when tackling the fun restorative projects."
8468    }
8469  },{
8470    "@type": "Question",
8471    "name": "How do I use Bar Keeper's Friend?",
8472    "acceptedAnswer": {
8473      "@type": "Answer",
8474      "text": "It's simple: wet the surface, apply a small amount of BKF, scrub with a damp cloth or sponge, and rinse thoroughly. One important tip, don't leave it on for more than one minute, especially on metal surfaces. A little goes a long way! For tougher messes, our Powder Cleanser lets you control the strength by adjusting how much powder you mix with water. More powder = more power."
8475    }
8476  },{
8477    "@type": "Question",
8478    "name": "Where can I buy Bar Keeper's Friend?",
8479    "acceptedAnswer": {
8480      "@type": "Answer",
8481      "text": "BKF is available at major retailers across North America, including Walmart, Target, Home Depot, and Amazon. Use our Store Locator → to find the nearest retailer, or shop our Amazon Storefront today. International customers can find a distributor near them international distributors →"
8482    }
8483  }]
8484}
8485</script>
8485
8486</div>
8487
8488
8489</div>
8490    </main>
8491
8492    <footer>
8493      <!-- BEGIN sections: footer-group -->
8494<div id="shopify-section-sections--28046235140130__bkf_footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
8495
8496  
8497    
8498
8499
8500
8501<div
8502  class="bkf-newsletter font-sans px-6 md:px-10 bg-bkf-white relative bkf-footer__newsletter"
8503  id="bkf-newsletter-newsletter_footer"
8504  aria-labelledby="bkf-newsletter-heading-newsletter_footer"
8505  style="padding-top: 64px; padding-bottom: 80px;"
8506  
8507>
8508  <div class="absolute inset-0 opacity-50 pointer-events-none" aria-hidden="true"></div>
8509
8510  <div class="bkf-newsletter__inner max-w-xl mx-auto text-center relative z-10">
8511    
8512      <div class="bkf-newsletter__image mb-4">
8513        
8514
8515
8516
8517
8518  
8519    <h2 id="bkf-newsletter-heading-newsletter_footer" class="visually-hidden">
8520      JOIN THE
8521    </h2>
8522  
8523
8524  
8525
8526  
8527
8528  <img src="//barkeepersfriend.com/cdn/shop/files/join_the_keepers.png?v=1773785629&amp;width=350" alt="JOIN THE Keepers" width="350" height="73" loading="lazy" sizes="(max-width: 767px) 100vw, " class="bkf-newsletter__heading-img" decoding="async">
8529
8530  
8531
8532  
8533
8534
8535      </div>
8536    
8537
8538    
8539      <p class="bkf-newsletter__subtitle bkf-text-paragraph text-bkf-blue mt-2">
8540        Get expert tips to take care of what matters.
8541      </p>
8542    
8543
8544    
8545      <div class="bkf-newsletter__form-shell">
8546        <form
8547          class="bkf-newsletter__form"
8548          data-form-loading-mode="manual"
8549          data-bkf-newsletter-form
8550          data-klaviyo-list-id="SSukW6"
8551          data-klaviyo-signup-source="homepage"
8552          data-success-message="Thanks for signing up."
8553          data-existing-message="This email is already subscribed."
8554          data-error-message="Something went wrong. Please try again."
8555          data-success-redirect-url="https://barkeepersfriend.com/pages/thank-you?form=newsletter"
8556        >
8557          <div class="bkf-newsletter__field-grid">
8558            <div class="bkf-newsletter__field">
8559              <label class="visually-hidden" for="bkf-newsletter-first-name-newsletter_footer">First name</label>
8560              <input
8561                id="bkf-newsletter-first-name-newsletter_footer"
8562                class="bkf-newsletter__input"
8563                type="text"
8564                name="$first_name"
8565                placeholder="First Name"
8566                autocomplete="given-name"
8567                required
8568              >
8569            </div>
8570
8571            <div class="bkf-newsletter__field">
8572              <label class="visually-hidden" for="bkf-newsletter-email-newsletter_footer">Email address</label>
8573              <input
8574                id="bkf-newsletter-email-newsletter_footer"
8575                class="bkf-newsletter__input"
8576                type="email"
8577                name="email"
8578                placeholder="Email Address"
8579                autocomplete="email"
8580                required
8581              >
8582            </div>
8583
8584            <div class="bkf-newsletter__field">
8585              <label class="visually-hidden" for="bkf-newsletter-region-newsletter_footer">State</label>
8586              <select
8587                id="bkf-newsletter-region-newsletter_footer"
8588                class="bkf-newsletter__input bkf-newsletter__select"
8589                name="$region"
8590                required
8591              >
8592                <option value="">Select a State</option>
8593                <option value="Alabama">Alabama</option>
8594                <option value="Alaska">Alaska</option>
8595                <option value="Arizona">Arizona</option>
8596                <option value="Arkansas">Arkansas</option>
8597                <option value="California">California</option>
8598                <option value="Colorado">Colorado</option>
8599                <option value="Connecticut">Connecticut</option>
8600                <option value="Delaware">Delaware</option>
8601                <option value="District of Columbia">District of Columbia</option>
8602                <option value="Florida">Florida</option>
8603                <option value="Georgia">Georgia</option>
8604                <option value="Hawaii">Hawaii</option>
8605                <option value="Idaho">Idaho</option>
8606                <option value="Illinois">Illinois</option>
8607                <option value="Indiana">Indiana</option>
8608                <option value="Iowa">Iowa</option>
8609                <option value="Kansas">Kansas</option>
8610                <option value="Kentucky">Kentucky</option>
8611                <option value="Louisiana">Louisiana</option>
8612                <option value="Maine">Maine</option>
8613                <option value="Maryland">Maryland</option>
8614                <option value="Massachusetts">Massachusetts</option>
8615                <option value="Michigan">Michigan</option>
8616                <option value="Minnesota">Minnesota</option>
8617                <option value="Mississippi">Mississippi</option>
8618                <option value="Missouri">Missouri</option>
8619                <option value="Montana">Montana</option>
8620                <option value="Nebraska">Nebraska</option>
8621                <option value="Nevada">Nevada</option>
8622                <option value="New Hampshire">New Hampshire</option>
8623                <option value="New Jersey">New Jersey</option>
8624                <option value="New Mexico">New Mexico</option>
8625                <option value="New York">New York</option>
8626                <option value="North Carolina">North Carolina</option>
8627                <option value="North Dakota">North Dakota</option>
8628                <option value="Ohio">Ohio</option>
8629                <option value="Oklahoma">Oklahoma</option>
8630                <option value="Oregon">Oregon</option>
8631                <option value="Pennsylvania">Pennsylvania</option>
8632                <option value="Rhode Island">Rhode Island</option>
8633                <option value="South Carolina">South Carolina</option>
8634                <option value="South Dakota">South Dakota</option>
8635                <option value="Tennessee">Tennessee</option>
8636                <option value="Texas">Texas</option>
8637                <option value="Utah">Utah</option>
8638                <option value="Vermont">Vermont</option>
8639                <option value="Virginia">Virginia</option>
8640                <option value="Washington">Washington</option>
8641                <option value="West Virginia">West Virginia</option>
8642                <option value="Wisconsin">Wisconsin</option>
8643                <option value="Wyoming">Wyoming</option>
8644              </select>
8645            </div>
8646          </div>
8647
8648          <button type="submit" class="bkf-btn-primary bkf-newsletter__submit">
8649            Sign Up
8650          </button>
8651
8652          <p
8653            id="bkf-newsletter-status-newsletter_footer"
8654            class="bkf-newsletter__form-status bkf-text-paragraph"
8655            aria-live="polite"
8656            hidden
8657          ></p>
8658        </form>
8659      </div>
8660    
8661  </div>
8662</div>
8663
8664<style>
8665  #bkf-newsletter-newsletter_footer .bkf-newsletter__heading-img {
8666    width: auto;
8667    max-width: min(100%, 350px);
8668    height: auto;
8669    display: block;
8670    margin-left: auto;
8671    margin-right: auto;
8672  }
8673
8674  #bkf-newsletter-newsletter_footer .bkf-newsletter__title-line {
8675    font-family: var(--font-h2--family);
8676    font-style: var(--font-h2--style);
8677    font-weight: var(--font-h2--weight);
8678    font-size: var(--font-h2--size);
8679    line-height: var(--font-h2--line-height);
8680    letter-spacing: var(--font-h2--letter-spacing);
8681    text-transform: var(--font-h2--case);
8682  }
8683
8684  #bkf-newsletter-newsletter_footer .bkf-newsletter__title-script {
8685    font-size: var(--font-h1--size);
8686    line-height: var(--font-h1--line-height);
8687    letter-spacing: var(--font-h1--letter-spacing);
8688  }
8689
8690  #bkf-newsletter-newsletter_footer .bkf-newsletter__form-shell {
8691    margin-top: 2rem;
8692  }
8693
8694  #bkf-newsletter-newsletter_footer .bkf-newsletter__form {
8695    max-width: 46rem;
8696    margin: 0 auto;
8697  }
8698
8699  #bkf-newsletter-newsletter_footer .bkf-newsletter__field-grid {
8700    display: grid;
8701    grid-template-columns: minmax(0, 1fr);
8702    gap: 0.875rem;
8703    text-align: left;
8704  }
8705
8706  #bkf-newsletter-newsletter_footer .bkf-newsletter__field {
8707    min-width: 0;
8708  }
8709
8710  #bkf-newsletter-newsletter_footer .bkf-newsletter__input {
8711    width: 100%;
8712    min-height: 3.75rem;
8713    padding: 1rem 1.125rem;
8714    border: 1px solid color-mix(in srgb, var(--bkf-blue) 12%, white);
8715    border-radius: 0;
8716    background: rgba(255, 255, 255, 0.96);
8717    color: var(--bkf-blue);
8718    font-family: var(--bkf-font-sans);
8719    font-size: 1rem;
8720    line-height: 1.3;
8721  }
8722
8723  #bkf-newsletter-newsletter_footer .bkf-newsletter__input::placeholder {
8724    color: color-mix(in srgb, var(--bkf-blue) 78%, white);
8725  }
8726
8727  #bkf-newsletter-newsletter_footer .bkf-newsletter__input:focus-visible {
8728    outline: 2px solid var(--bkf-gold);
8729    outline-offset: 2px;
8730  }
8731
8732  #bkf-newsletter-newsletter_footer .bkf-newsletter__select {
8733    appearance: none;
8734    background-image:
8735      linear-gradient(45deg, transparent 50%, var(--bkf-blue) 50%),
8736      linear-gradient(135deg, var(--bkf-blue) 50%, transparent 50%);
8737    background-position:
8738      calc(100% - 1.25rem) calc(50% - 0.1875rem),
8739      calc(100% - 0.875rem) calc(50% - 0.1875rem);
8740    background-size: 0.375rem 0.375rem, 0.375rem 0.375rem;
8741    background-repeat: no-repeat;
8742    padding-right: 2.75rem;
8743  }
8744
8745  #bkf-newsletter-newsletter_footer .bkf-newsletter__submit {
8746    min-width: clamp(14rem, 34vw, 18rem);
8747    margin-top: 2rem;
8748    color: var(--bkf-blue-navy);
8749    background-color: var(--bkf-gold);
8750    background-image: none;
8751    box-shadow: none;
8752  }
8753
8754  #bkf-newsletter-newsletter_footer .bkf-newsletter__submit:hover {
8755    color: var(--bkf-blue-navy);
8756    background-color: var(--bkf-gold-hover);
8757    background-image: none;
8758    box-shadow: none;
8759  }
8760
8761  #bkf-newsletter-newsletter_footer .bkf-newsletter__submit[disabled] {
8762    opacity: 0.7;
8763    cursor: wait;
8764  }
8765
8766  #bkf-newsletter-newsletter_footer .bkf-newsletter__form-status {
8767    margin-top: 1rem;
8768    color: var(--bkf-blue);
8769  }
8770
8771  #bkf-newsletter-newsletter_footer .bkf-newsletter__form-status[data-state='success'] {
8772    color: var(--bkf-blue);
8773  }
8774
8775  #bkf-newsletter-newsletter_footer .bkf-newsletter__form-status[data-state='error'] {
8776    color: #b42318;
8777  }
8778
8779  @media screen and (max-width: 767px) {
8780    #bkf-newsletter-newsletter_footer .bkf-newsletter__submit {
8781      width: 100%;
8782    }
8783  }
8784</style>
8785
8786
8787
8788  
8789
8790<footer
8791  class="bkf-footer font-sans color-scheme-1 bkf-footer--gold"
8792  id="bkf-footer-sections--28046235140130__bkf_footer"
8793  role="contentinfo"
8794  aria-label="Footer"
8795>
8796  <div class="bkf-footer__inner">
8797    <nav class="bkf-footer__nav" aria-label="Footer navigation">
8798      <div class="bkf-footer__grid">
8799        
8800        <div class="bkf-footer__column">
8801          <h2 class="bkf-footer__heading">OUR PRODUCTS</h2>
8802          <ul class="bkf-footer__links" role="list">
8803            
8804            
8805              
8806                <li>
8807                  <a href="/collections/all" class="bkf-footer__link">
8808                    Shop All
8809                  </a>
8810                </li>
8811              
8812                <li>
8813                  <a href="/pages/where-to-buy" class="bkf-footer__link">
8814                    Where to Buy
8815                  </a>
8816                </li>
8817              
8818                <li>
8819                  <a href="/pages/bar-keepers-friend-reseller-policy" class="bkf-footer__link">
8820                    Reseller Policy
8821                  </a>
8822                </li>
8823              
8824                <li>
8825                  <a href="/pages/international-distributors" class="bkf-footer__link">
8826                    International Distributors
8827                  </a>
8828                </li>
8829              
8830                <li>
8831                  <a href="/pages/institutional-sales" class="bkf-footer__link">
8832                    Institutional
8833                  </a>
8834                </li>
8835              
8836            
8837          </ul>
8838          <div class="bkf-footer__social" aria-label="Social media links">
8839            
8840              <a href="https://www.instagram.com/barkeepersfriend/?hl=en" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
8841                <img class="bkf-footer__social-icon" src="//barkeepersfriend.com/cdn/shop/t/11/assets/insta.svg?v=100842916358415629131788191370" alt="" width="24" height="24" loading="lazy" decoding="async">
8842              </a>
8843            
8844            
8845              <a href="https://www.linkedin.com/company/bar-keepers-friend/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
8846                <img class="bkf-footer__social-icon" src="//barkeepersfriend.com/cdn/shop/t/11/assets/linkedin.svg?v=5014790349441920551788191370" alt="" width="24" height="24" loading="lazy" decoding="async">
8847              </a>
8848            
8849            
8850              <a href="https://www.facebook.com/barkeepersfriend/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
8851                <img class="bkf-footer__social-icon" src="//barkeepersfriend.com/cdn/shop/t/11/assets/facebook.svg?v=90210098075466490331788191370" alt="" width="24" height="24" loading="lazy" decoding="async">
8852              </a>
8853            
8854            
8855              <a href="https://www.tiktok.com/@barkeepersfriend" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="TikTok">
8856                <img class="bkf-footer__social-icon" src="//barkeepersfriend.com/cdn/shop/t/11/assets/tiktok.svg?v=28478317716930905641788191370" alt="" width="24" height="24" loading="lazy" decoding="async">
8857              </a>
8858            
8859            
8860              <a href="https://www.pinterest.com/bkfcleanser/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="Pinterest">
8861                <img class="bkf-footer__social-icon" src="//barkeepersfriend.com/cdn/shop/t/11/assets/pinterest.svg?v=101110219766418301341788191370" alt="" width="24" height="24" loading="lazy" decoding="async">
8862              </a>
8863            
8864            
8865              <a href="https://www.youtube.com/user/TryBKF/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="YouTube">
8866                <img class="bkf-footer__social-icon" src="//barkeepersfriend.com/cdn/shop/t/11/assets/youtube.svg?v=124890680208063480601788191370" alt="" width="24" height="24" loading="lazy" decoding="async">
8867              </a>
8868            
8869          </div>
8870        </div>
8871
8872        
8873        <div class="bkf-footer__column">
8874          <h2 class="bkf-footer__heading">HOW TO CLEAN</h2>
8875          <ul class="bkf-footer__links" role="list">
8876            
8877            
8878              
8879                <li>
8880                  <a href="/pages/how-to-clean/kitchen" class="bkf-footer__link">Kitchen</a>
8881                </li>
8882              
8883                <li>
8884                  <a href="/pages/how-to-clean/bathroom" class="bkf-footer__link">Bathroom</a>
8885                </li>
8886              
8887                <li>
8888                  <a href="/pages/how-to-clean/outdoor-and-garage" class="bkf-footer__link">Garage &amp; Outdoors</a>
8889                </li>
8890              
8891                <li>
8892                  <a href="/pages/how-to-clean/restoration" class="bkf-footer__link">Restoration</a>
8893                </li>
8894              
8895                <li>
8896                  <a href="/pages/before-after" class="bkf-footer__link">Before &amp; Afters</a>
8897                </li>
8898              
8899            
8900          </ul>
8901        </div>
8902
8903        
8904        <div class="bkf-footer__column">
8905          <h2 class="bkf-footer__heading">ABOUT US</h2>
8906          <ul class="bkf-footer__links" role="list">
8907            
8908            
8909              
8910                <li>
8911                  <a href="/pages/about" class="bkf-footer__link">Our Story</a>
8912                </li>
8913              
8914                <li>
8915                  <a href="/pages/faq" class="bkf-footer__link">FAQs</a>
8916                </li>
8917              
8918                <li>
8919                  <a href="/pages/sustainability" class="bkf-footer__link">Environmental Stewardship</a>
8920                </li>
8921              
8922                <li>
8923                  <a href="/pages/press-endorsements" class="bkf-footer__link">Press</a>
8924                </li>
8925              
8926                <li>
8927                  <a href="/blogs/bar-keepers-blog" class="bkf-footer__link">Bar Keeper&#39;s Blog</a>
8928                </li>
8929              
8930            
8931          </ul>
8932        </div>
8933
8934        
8935        <div class="bkf-footer__column bkf-footer__column--contact">
8936          <h2 class="bkf-footer__heading">CONTACT</h2>
8937          <ul class="bkf-footer__links" role="list">
8938            
8939            
8940              
8941                <li>
8942                  <a href="/pages/collaboration-request" class="bkf-footer__link">Collaboration Requests</a>
8943                </li>
8944              
8945                <li>
8946                  <a href="/pages/institutional-sales" class="bkf-footer__link">Wholesale Requests</a>
8947                </li>
8948              
8949                <li>
8950                  <a href="/pages/careers" class="bkf-footer__link">Careers</a>
8951                </li>
8952              
8953            
8954          </ul>
8955          
8956            <a
8957              href="/pages/contact"
8958              class="bkf-btn-secondary bkf-btn--navy-pill bkf-footer__cta"
8959            >
8960              Contact us
8961            </a>
8962          
8963          
8964            
8965            <form method="post" action="/localization" id="bkf-footer-localization-sections--28046235140130__bkf_footer" accept-charset="UTF-8" class="bkf-footer__localization" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
8966              <label for="bkf-footer-lang-sections--28046235140130__bkf_footer" class="visually-hidden">Language</label>
8967              <div class="bkf-footer__locale-wrap">
8968                <select
8969                  id="bkf-footer-lang-sections--28046235140130__bkf_footer"
8970                  name="language_code"
8971                  class="bkf-footer__locale-select"
8972                  aria-label="Language"
8973                  onchange="this.form.submit()"
8974                >
8975                  
8976                    <option value="en" selected>
8977                      English
8978                    </option>
8979                  
8980                </select>
8981                <span class="bkf-footer__locale-chevron" aria-hidden="true">
8982                  <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M1 1l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
8983                </span>
8984              </div>
8985            </form>
8986          
8987        </div>
8988      </div>
8989    </nav>
8990
8991    
8992    <div class="bkf-footer__legal">
8993      <div class="bkf-footer__legal-links">
8994          <a href="/pages/privacy-policy" class="bkf-footer__legal-link">Privacy Policy</a>
8995          <a href="/pages/terms-of-use" class="bkf-footer__legal-link">Terms of Use</a>
8996          <a href="/pages/cookie-policy" class="bkf-footer__legal-link">Cookie Policy</a>
8997          <a href="/pages/privacy-policy#my-privacy-choices" class="bkf-footer__legal-link">My Privacy Choices</a>
8998      </div>
8999      <div class="bkf-footer__legal-center">
9000        
9001          <p class="bkf-footer__legal-text">*All-Clad®, Le Creuset®, Viking®, Kohler®, and other trademarks are the property of their respective owners. Their mention here does not imply a formal partnership or endorsement of Bar Keeper’s Friend by these brands.</p>
9002        
9003      </div>
9004    </div>
9005  </div>
9006</footer>
9007
9008<style>
9009  /* Figma footer: Primary/BKF Gold + Secondary/Navy; column titles Guardian XCond 30px; links 20px / lh 2 */
9010  #bkf-footer-sections--28046235140130__bkf_footer.bkf-footer--gold {
9011    background-color: var(--bkf-gold);
9012    color: var(--bkf-blue-navy);
9013    padding: var(--bkf-section-py-mob) var(--bkf-section-px-mob) var(--bkf-section-pb-mob);
9014  }
9015
9016  @media (min-width: 768px) {
9017    #bkf-footer-sections--28046235140130__bkf_footer.bkf-footer--gold {
9018      padding: var(--bkf-section-py-desk) var(--bkf-section-px-desk) var(--bkf-section-pb-desk);
9019    }
9020  }
9021
9022  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__inner {
9023    max-width: var(--bkf-max-width);
9024    margin: 0 auto;
9025  }
9026
9027  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__newsletter {
9028    margin: 0;
9029  }
9030
9031  /* Grid — four columns desktop, two mobile */
9032  /* Grid — four columns desktop, two mobile */
9033  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__grid {
9034    display: grid;
9035    grid-template-columns: 1fr 1fr;
9036    gap: 40px 24px;
9037    gap: 40px 24px;
9038    margin-bottom: 48px;
9039    text-align: center;
9040  }
9041
9042  @media (min-width: 750px) {
9043    #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__grid {
9044      grid-template-columns: repeat(4, minmax(0, 1fr));
9045      gap: 32px 24px;
9046      align-items: start;
9047      grid-template-columns: repeat(4, minmax(0, 1fr));
9048      gap: 32px 24px;
9049      align-items: start;
9050    }
9051  }
9052
9053  /* Column titles — Figma: Guardian Sans XCond Bold 30px, uppercase */
9054  /* Column titles — Figma: Guardian Sans XCond Bold 30px, uppercase */
9055  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__heading {
9056    margin: 0 0 16px;
9057    font-family: var(--bkf-heading-display-font-family);
9058    font-style: normal;
9059    font-weight: var(--bkf-heading-display-font-weight);
9060    font-size: 1.875rem;
9061    line-height: 1;
9062    letter-spacing: var(--bkf-heading-display-letter-spacing);
9063    text-transform: var(--bkf-heading-display-text-transform);
9064    color: var(--bkf-blue-navy);
9065    margin: 0 0 16px;
9066    font-family: var(--bkf-heading-display-font-family);
9067    font-style: normal;
9068    font-weight: var(--bkf-heading-display-font-weight);
9069    font-size: 1.875rem;
9070    line-height: 1;
9071    letter-spacing: var(--bkf-heading-display-letter-spacing);
9072    text-transform: var(--bkf-heading-display-text-transform);
9073    color: var(--bkf-blue-navy);
9074  }
9075
9076  /* Links — Guardian Text 20px, line-height 1em with preserved spacing */
9077  /* Links — Guardian Text 20px, line-height 1em with preserved spacing */
9078  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__links {
9079    list-style: none;
9080    margin: 0;
9081    padding: 0;
9082  }
9083
9084  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__links li {
9085    margin: 0;
9086    padding: 0;
9087    margin: 0;
9088    padding: 0;
9089  }
9090
9091  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__link {
9092    font-family: var(--bkf-font-sans);
9093    font-style: normal;
9094    font-weight: 400;
9095    font-size: 1.25rem;
9096    line-height: 1.2em;
9097    font-family: var(--bkf-font-sans);
9098    font-style: normal;
9099    font-weight: 400;
9100    font-size: 1.25rem;
9101    line-height: 1.2em;
9102    letter-spacing: var(--font-paragraph--letter-spacing);
9103    text-transform: none;
9104    color: var(--bkf-blue-navy);
9105    text-transform: none;
9106    color: var(--bkf-blue-navy);
9107    display: inline-block;
9108    padding-block: 0.625rem;
9109    text-decoration: none;
9110    transition: opacity 0.2s;
9111    transition: opacity 0.2s;
9112  }
9113
9114  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__link:hover {
9115    opacity: 0.85;
9116  }
9117
9118  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__link:focus-visible {
9119    outline: 2px solid var(--bkf-blue-navy);
9120    outline: 2px solid var(--bkf-blue-navy);
9121    outline-offset: 2px;
9122  }
9123
9124  /* Social — Figma: 3×2 grid under column 1 */
9125  /* Social — Figma: 3×2 grid under column 1 */
9126  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social {
9127    display: grid;
9128    grid-template-columns: repeat(3, 40px);
9129    grid-template-rows: repeat(2, 40px);
9130    grid-template-columns: repeat(3, 40px);
9131    grid-template-rows: repeat(2, 40px);
9132    gap: 8px;
9133    margin-top: 28px;
9134    margin-top: 28px;
9135    justify-content: center;
9136    margin-left: auto;
9137    margin-right: auto;
9138  }
9139
9140  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-link {
9141    display: flex;
9142    align-items: center;
9143    justify-content: center;
9144    width: 40px;
9145    height: 40px;
9146    color: var(--bkf-blue-navy);
9147    color: var(--bkf-blue-navy);
9148    border-radius: 50%;
9149    transition: transform 0.2s;
9150    transition: transform 0.2s;
9151  }
9152
9153  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-link:hover {
9154    transform: translateY(-2px);
9155  }
9156
9157  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-link:focus-visible {
9158    outline: 2px solid var(--bkf-blue-navy);
9159    outline: 2px solid var(--bkf-blue-navy);
9160    outline-offset: 2px;
9161  }
9162
9163  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-icon {
9164    width: 24px;
9165    height: 24px;
9166    object-fit: contain;
9167    display: block;
9168  }
9169
9170  /* Contact column */
9171  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__column--contact {
9172    display: flex;
9173    flex-direction: column;
9174    align-items: center;
9175  }
9176
9177  /* CTA — global `.bkf-btn--navy-pill` (Figma 538:828); spacing only */
9178  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__cta {
9179    margin-top: 24px;
9180    align-self: center;
9181  }
9182
9183  /* Language — white field, navy label + chevron */
9184  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__localization {
9185    margin-top: 16px;
9186  }
9187
9188  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-wrap {
9189    position: relative;
9190    display: inline-block;
9191  }
9192
9193  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-select {
9194    appearance: none;
9195    background-color: var(--bkf-white);
9196    color: var(--bkf-blue-navy);
9197    font-family: var(--bkf-font-sans);
9198    font-style: normal;
9199    font-weight: 700;
9200    font-size: 0.75rem;
9201    line-height: 1.5;
9202    background-color: var(--bkf-white);
9203    color: var(--bkf-blue-navy);
9204    font-family: var(--bkf-font-sans);
9205    font-style: normal;
9206    font-weight: 700;
9207    font-size: 0.75rem;
9208    line-height: 1.5;
9209    letter-spacing: var(--font-paragraph--letter-spacing);
9210    padding: 7px 36px 7px 12px;
9211    min-height: 21px;
9212    border: none;
9213    padding: 7px 36px 7px 12px;
9214    min-height: 21px;
9215    border: none;
9216    border-radius: var(--bkf-radius-sm);
9217    cursor: pointer;
9218    min-width: 167px;
9219    min-width: 167px;
9220  }
9221
9222  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-select:hover {
9223    background-color: var(--bkf-white-muted-98);
9224    background-color: var(--bkf-white-muted-98);
9225  }
9226
9227  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-select:focus-visible {
9228    outline: 2px solid var(--bkf-blue-navy);
9229    outline: 2px solid var(--bkf-blue-navy);
9230    outline-offset: 2px;
9231  }
9232
9233  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-chevron {
9234    position: absolute;
9235    right: 12px;
9236    top: 50%;
9237    transform: translateY(-50%);
9238    pointer-events: none;
9239    color: var(--bkf-blue-navy);
9240    color: var(--bkf-blue-navy);
9241    display: flex;
9242    align-items: center;
9243  }
9244
9245  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-static {
9246    margin-top: 16px;
9247    font-family: var(--bkf-font-sans);
9248    font-family: var(--bkf-font-sans);
9249    font-size: var(--font-paragraph--size);
9250    line-height: var(--font-paragraph--line-height);
9251    color: var(--bkf-blue-navy);
9252    color: var(--bkf-blue-navy);
9253  }
9254
9255  /* Legal row: links left; disclaimer + credit stacked, flush right */
9256  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal {
9257    border-top: 1px solid var(--bkf-navy-muted-12);
9258    padding-top: 24px;
9259    display: flex;
9260    flex-direction: column;
9261    gap: 20px;
9262    align-items: stretch;
9263    text-align: left;
9264  }
9265
9266  @media (min-width: 900px) {
9267    #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal {
9268      display: grid;
9269      grid-template-columns: minmax(0, 1fr) auto;
9270      gap: 16px 32px;
9271      align-items: start;
9272      text-align: left;
9273    }
9274
9275    #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-links {
9276      justify-self: start;
9277    }
9278  }
9279
9280  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-center {
9281    display: flex;
9282    flex-direction: column;
9283    align-items: flex-end;
9284    gap: 12px;
9285    width: 100%;
9286    max-width: 597px;
9287    margin-left: auto;
9288    text-align: right;
9289  }
9290
9291  @media (min-width: 900px) {
9292    #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-center {
9293      justify-self: end;
9294      width: min(597px, 100%);
9295    }
9296  }
9297
9298  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-links {
9299    display: flex;
9300    flex-wrap: wrap;
9301    gap: 24px;
9302    justify-content: center;
9303  }
9304
9305  @media (min-width: 900px) {
9306    #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-links {
9307      justify-content: flex-start;
9308    }
9309  }
9310
9311  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-link {
9312    font-family: var(--bkf-font-sans);
9313    font-size: 0.875rem;
9314    line-height: 1em;
9315    font-weight: 400;
9316    color: var(--bkf-blue-navy);
9317    font-family: var(--bkf-font-sans);
9318    font-size: 0.875rem;
9319    line-height: 1em;
9320    font-weight: 400;
9321    color: var(--bkf-blue-navy);
9322    display: inline-block;
9323    padding-block: 0.4375rem;
9324    text-decoration: none;
9325    transition: opacity 0.2s;
9326  }
9327
9328  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-link:hover {
9329    opacity: 0.85;
9330  }
9331
9332  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-link:focus-visible {
9333    outline: 2px solid var(--bkf-blue-navy);
9334    outline: 2px solid var(--bkf-blue-navy);
9335    outline-offset: 2px;
9336  }
9337
9338  #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-text {
9339    margin: 0;
9340    font-family: var(--bkf-font-sans);
9341    font-size: 0.75rem;
9342    line-height: 1.25;
9343    font-weight: 400;
9344    color: var(--bkf-blue-navy);
9345    max-width: 597px;
9346    width: 100%;
9347    text-align: right;
9348  }
9349
9350</style>
9351
9352
9353</div>
9354<!-- END sections: footer-group -->
9355    </footer>
9356
9357    
9357<script
9358  src="//barkeepersfriend.com/cdn/shop/t/11/assets/dialog.js?v=150888536568694194021788191370"
9359  type="module"
9360></script>
9360
9361
9362<script
9363  src="//barkeepersfriend.com/cdn/shop/t/11/assets/predictive-search.js?v=142702829841823274771788191370"
9364  type="module"
9365  fetchpriority="low"
9366></script>
9366
9367
9368<dialog-component
9369  id="search-modal"
9370  class="search-modal"
9371  
9372>
9373  <dialog
9374    ref="dialog"
9375    on:click="/closeDialogOnClickOutside"
9376    on:keydown="/closeDialogOnEscapePress"
9377    class="search-modal__content dialog-modal"
9378    scroll-lock
9379    aria-labelledby="search-modal-heading"
9380  >
9381    <h2
9382      id="search-modal-heading"
9383      class="visually-hidden"
9384    >
9385      Search
9386    </h2>
9387    <predictive-search-component
9388      class="predictive-search color-scheme-1"
9389      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
9390      data-section-id="predictive-search"
9391      data-testid="search-component--modal"
9392      role="search"
9393      aria-label="Search"
9394    >
9395      <form
9396        action="/search"
9397        method="get"
9398        role="search"
9399        class="predictive-search-form"
9400        ref="form"
9401        on:keydown="/onSearchKeyDown"
9402      >
9403        <div
9404          class="predictive-search-form__header"
9405        >
9406          <div class="predictive-search-form__header-inner">
9407            <label
9408              for="cmdk-input"
9409              class="visually-hidden"
9410            >Search</label>
9411            <input
9412              class="search-input"
9413              id="cmdk-input"
9414              type="search"
9415              name="q"
9416              role="combobox"
9417              aria-expanded="false"
9418              aria-owns="predictive-search-results"
9419              aria-controls="predictive-search-results"
9420              aria-haspopup="listbox"
9421              aria-autocomplete="list"
9422              autocomplete="off"
9423              placeholder="Search"
9424              ref="searchInput"
9425              on:input="/search"
9426              on:keydown="/onSearchKeyDown"
9427            >
9428            <input
9429              name="options[prefix]"
9430              type="hidden"
9431              value="last"
9432            >
9433            <input
9434              name="type"
9435              type="hidden"
9436              value="product,page,article"
9437            >
9438            <span class="svg-wrapper predictive-search__icon">
9439              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
9440
9441            </span>
9442            <button
9443              type="button"
9444              class="button-unstyled predictive-search__reset-button"
9445              ref="resetButton"
9446              hidden
9447              on:click="/resetSearch"
9448            >
9449              Clear
9450            </button>
9451          </div>
9452          <button
9453            type="button"
9454            class="button predictive-search__close-modal-button"
9455            aria-label="Close dialog"
9456            on:click="dialog-component/closeDialog"
9457            ref="closeModalButton"
9458          >
9459            <span class="svg-wrapper">
9460              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9461  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9462  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9463</svg>
9464
9465            </span>
9466          </button>
9467        </div>
9468
9469        <div class="predictive-search-form__content-wrapper">
9470          <div
9471            class="predictive-search-form__content"
9472            tabindex="-1"
9473            ref="predictiveSearchResults"
9474            on:click="/handleModalClick"
9475          >
9476            
9477
9478<div
9479  id="predictive-search-results"
9480  class="predictive-search-dropdown"
9481  role="listbox"
9482  aria-expanded="true"
9483  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
9484>
9485  
9486    <div class="predictive-search-results__inner">
9487      
9488      
9489        
9490        
9491        
9492          <div
9493  id="predictive-search-products"
9494  class="predictive-search-results__products"
9495  
9496    data-testid="products-list-default--modal"
9497  
9498>
9499  
9500    <h4 class="predictive-search-results__title">
9501      Products
9502    </h4>
9503    <ul
9504      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
9505      role="listbox"
9506      aria-label="Products"
9507    >
9508      
9509      
9510        <li
9511          class="predictive-search-results__card predictive-search-results__card--product"
9512          ref="resultsItems[]"
9513        >
9514          
9515<div
9516  class="resource-card"
9517  data-resource-type="product"
9518>
9519  <a
9520    class="resource-card__link"
9521    href="/products/cleanser"
9522  >
9523    <span class="visually-hidden">
9524      Cleanser
9525    </span>
9526  </a>
9527  <div
9528    class="resource-card__media"
9529    style="--resource-card-aspect-ratio: 4 / 5;"
9530    
9531  >
9532      
9533      
9534
9535        <img src="//barkeepersfriend.com/cdn/shop/files/product_8666d97e-d468-44d3-8fe1-3d373f850cff.png?v=1777925551&amp;width=500" alt="Bar Keeper&#39;s Friend cleanser for cleaning aluminum, cookware, and tile surfaces." srcset="//barkeepersfriend.com/cdn/shop/files/product_8666d97e-d468-44d3-8fe1-3d373f850cff.png?v=1777925551&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_8666d97e-d468-44d3-8fe1-3d373f850cff.png?v=1777925551&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
9536
9537          <img src="//barkeepersfriend.com/cdn/shop/files/product-4.png?v=1777925619&amp;width=500" alt="Multi-surface cleaner for kitchen, bathroom, and outdoor surfaces" srcset="//barkeepersfriend.com/cdn/shop/files/product-4.png?v=1777925619&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/product-4.png?v=1777925619&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="30659876290594" style="object-position: 50.0% 50.0%;">
9538</div>
9539
9540  <div class="resource-card__content">
9541    <p class="resource-card__title paragraph">Cleanser</p>
9542
9543    
9544      <p class="resource-card__subtext paragraph">Our 1882 powder cleanser handles the daily wipe-down, the week...</p>
9545    
9546  </div>
9547</div>
9548
9549        </li>
9550      
9551        <li
9552          class="predictive-search-results__card predictive-search-results__card--product"
9553          ref="resultsItems[]"
9554        >
9555          
9556<div
9557  class="resource-card"
9558  data-resource-type="product"
9559>
9560  <a
9561    class="resource-card__link"
9562    href="/products/soft-cleanser"
9563  >
9564    <span class="visually-hidden">
9565      Soft Cleanser
9566    </span>
9567  </a>
9568  <div
9569    class="resource-card__media"
9570    style="--resource-card-aspect-ratio: 4 / 5;"
9571    
9572  >
9573      
9574      
9575
9576        <img src="//barkeepersfriend.com/cdn/shop/files/product_478ed1c5-a34a-40e7-ae04-c1f2050d66c3.png?v=1777925818&amp;width=500" alt="Bar Keeper&#39;s Friend soft cleanser for stainless steel, cookware, tile, and grout cleaning" srcset="//barkeepersfriend.com/cdn/shop/files/product_478ed1c5-a34a-40e7-ae04-c1f2050d66c3.png?v=1777925818&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_478ed1c5-a34a-40e7-ae04-c1f2050d66c3.png?v=1777925818&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
9577
9578          <img src="//barkeepersfriend.com/cdn/shop/files/product-1_ee718423-a19e-4caf-be62-dab3f67a8dfe.png?v=1777925818&amp;width=500" alt="Safety warnings label on Bar Keeper&#39;s Friend ready to use soft cleanser product" srcset="//barkeepersfriend.com/cdn/shop/files/product-1_ee718423-a19e-4caf-be62-dab3f67a8dfe.png?v=1777925818&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/product-1_ee718423-a19e-4caf-be62-dab3f67a8dfe.png?v=1777925818&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="30659897229346" style="object-position: 50.0% 50.0%;">
9579</div>
9580
9581  <div class="resource-card__content">
9582    <p class="resource-card__title paragraph">Soft Cleanser</p>
9583
9584    
9585      <p class="resource-card__subtext paragraph">Our classic formula in liquid form, this soft cleanser clings ...</p>
9586    
9587  </div>
9588</div>
9589
9590        </li>
9591      
9592        <li
9593          class="predictive-search-results__card predictive-search-results__card--product"
9594          ref="resultsItems[]"
9595        >
9596          
9597<div
9598  class="resource-card"
9599  data-resource-type="product"
9600>
9601  <a
9602    class="resource-card__link"
9603    href="/products/superior-multi-purpose-cleaner"
9604  >
9605    <span class="visually-hidden">
9606      Superior Multi-Purpose Cleaner
9607    </span>
9608  </a>
9609  <div
9610    class="resource-card__media"
9611    style="--resource-card-aspect-ratio: 4 / 5;"
9612    
9613  >
9614      
9615      
9616
9617        <img src="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Front.png?v=1789925867&amp;width=500" alt="Bar Keeper&#39;s Friend Superior Multi-Purpose Cleaner with 2-in-1 spray and foam" srcset="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Front.png?v=1789925867&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Front.png?v=1789925867&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
9618
9619          <img src="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Back.png?v=1789925904&amp;width=500" alt="Detailed usage instructions and safety warnings for multi-purpose cleaner" srcset="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Back.png?v=1789925904&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Back.png?v=1789925904&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="46072929517602" style="object-position: 50.0% 50.0%;">
9620</div>
9621
9622  <div class="resource-card__content">
9623    <p class="resource-card__title paragraph">Superior Multi-Purpose Cleaner</p>
9624
9625    
9626      <p class="resource-card__subtext paragraph">Formulated with the same active cleaning ingredients as our Po...</p>
9627    
9628  </div>
9629</div>
9630
9631        </li>
9632      
9633        <li
9634          class="predictive-search-results__card predictive-search-results__card--product"
9635          ref="resultsItems[]"
9636        >
9637          
9638<div
9639  class="resource-card"
9640  data-resource-type="product"
9641>
9642  <a
9643    class="resource-card__link"
9644    href="/products/granite-stone-cleaner-polish"
9645  >
9646    <span class="visually-hidden">
9647      Granite & Stone Cleaner & Polish
9648    </span>
9649  </a>
9650  <div
9651    class="resource-card__media"
9652    style="--resource-card-aspect-ratio: 4 / 5;"
9653    
9654  >
9655      
9656      
9657
9658        <img src="//barkeepersfriend.com/cdn/shop/files/product_template_89f1bc7b-8f2f-4d48-b76d-046a5528a7e8.png?v=1777925134&amp;width=500" alt="Bar Keeper&#39;s Friend granite and stone cleaner and polish for natural stone surfaces" srcset="//barkeepersfriend.com/cdn/shop/files/product_template_89f1bc7b-8f2f-4d48-b76d-046a5528a7e8.png?v=1777925134&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_template_89f1bc7b-8f2f-4d48-b76d-046a5528a7e8.png?v=1777925134&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
9659
9660          <img src="//barkeepersfriend.com/cdn/shop/files/product_template-1_337c59a4-e29e-48e2-a3df-5b22b7ddaae6.png?v=1777925136&amp;width=500" alt="Best granite and stone cleaner" srcset="//barkeepersfriend.com/cdn/shop/files/product_template-1_337c59a4-e29e-48e2-a3df-5b22b7ddaae6.png?v=1777925136&amp;width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_template-1_337c59a4-e29e-48e2-a3df-5b22b7ddaae6.png?v=1777925136&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="30659824091170" style="object-position: 50.0% 50.0%;">
9661</div>
9662
9663  <div class="resource-card__content">
9664    <p class="resource-card__title paragraph">Granite & Stone Cleaner & Polish</p>
9665
9666    
9667      <p class="resource-card__subtext paragraph">Natural stone requires precise care. This granite cleaner and ...</p>
9668    
9669  </div>
9670</div>
9671
9672        </li>
9673      
9674    </ul>
9675  
9676</div>
9677
9678
9679
9680        
9681      
9682    </div>
9683  
9684</div>
9685
9686          </div>
9687
9688          <div class="predictive-search-form__footer">
9689            <button
9690              class="button predictive-search__search-button"
9691              ref="viewAllButton"
9692            >
9693              View all
9694            </button>
9695          </div>
9696        </div>
9697      </form>
9698    </predictive-search-component>
9699  </dialog>
9700</dialog-component>
9701
9702
9703
9704
9705    
9706
9707    
9708
9709    
9710
9711
9712  <!-- BKF: Scroll reveal and header shadow -->
9713  
9713<script>
9714    document.addEventListener('DOMContentLoaded', function() {
9715      var observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };
9716      var observer = new IntersectionObserver(function(entries) {
9717        entries.forEach(function(entry) {
9718          if (entry.isIntersecting) entry.target.classList.add('active');
9719        });
9720      }, observerOptions);
9721      document.querySelectorAll('.reveal').forEach(function(el) { observer.observe(el); });
9722      var header = document.getElementById('mainHeader');
9723      if (header) {
9724        var ticking = false;
9725        var syncHeaderShadow = function() {
9726          header.classList.toggle('shadow-md', window.scrollY > 50);
9727          ticking = false;
9728        };
9729        syncHeaderShadow();
9730        window.addEventListener('scroll', function() {
9731          if (ticking) return;
9732          ticking = true;
9733          window.requestAnimationFrame(syncHeaderShadow);
9734        }, { passive: true });
9735      }
9736    });
9737  </script>
9737
9738
9739
9740      <!-- Meta Pixel Lead Events -->
9741      
9741<script>
9742        // Daily Sink Sanitizer
9743        window.addEventListener('klaviyo-form-UGK4Gf', function(e) {
9744          if (e.detail.type === 'submit') {
9745            console.log("Submit UGK4Gf")
9746            fbq('track', 'Lead');
9747          }
9748        });
9749
9750        // Daily Sink Refresh
9751        window.addEventListener('klaviyo-form-QPZLfZ', function(e) {
9752          if (e.detail.type === 'submit') {
9753            console.log("Submit QPZLfZ")
9754            fbq('track', 'Lead');
9755          }
9756        });
9757      </script>
9757
9758  <style>  </style>
9759<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9759
9760</body>
9761</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.