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'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 & Products to Restore Shine | Bar Keeper's Friend" 60> 61<meta 62 property="og:type" 63 content="website" 64> 65<meta 66 property="og:description" 67 content="Bar Keeper'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 & Products to Restore Shine | Bar Keeper's Friend" 90> 91<meta 92 name="twitter:description" 93 content="Bar Keeper'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 & Products to Restore Shine | Bar Keeper'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'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&width=164" alt="Bar Keeper's Friend" srcset="//barkeepersfriend.com/cdn/shop/files/logo.svg?v=1773255973&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 & 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 & 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 & 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 & 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 & 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&width=140" alt="Bar Keeper's Friend" srcset="//barkeepersfriend.com/cdn/shop/files/logo.svg?v=1773255973&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 & 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 & 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 & 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 & 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 & 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&width=600" alt="KITCHEN" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_193.png?v=1775686445&width=170 170w, //barkeepersfriend.com/cdn/shop/files/Rectangle_193.png?v=1775686445&width=340 340w, //barkeepersfriend.com/cdn/shop/files/Rectangle_193.png?v=1775686445&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&width=600" alt="BATHROOM" srcset="//barkeepersfriend.com/cdn/shop/files/bathroom-hp.jpg?v=1778192683&width=170 170w, //barkeepersfriend.com/cdn/shop/files/bathroom-hp.jpg?v=1778192683&width=340 340w, //barkeepersfriend.com/cdn/shop/files/bathroom-hp.jpg?v=1778192683&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&width=600" alt="OUTDOOR & GARAGE" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_195_aa1f0fcd-5d16-4163-9649-9c63d700d50a.jpg?v=1774977922&width=170 170w, //barkeepersfriend.com/cdn/shop/files/Rectangle_195_aa1f0fcd-5d16-4163-9649-9c63d700d50a.jpg?v=1774977922&width=340 340w, //barkeepersfriend.com/cdn/shop/files/Rectangle_195_aa1f0fcd-5d16-4163-9649-9c63d700d50a.jpg?v=1774977922&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&width=600" alt="RESTORATION" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_196_785e63a0-63b1-4cab-8c51-c31bce1a4d0b.jpg?v=1774974069&width=170 170w, //barkeepersfriend.com/cdn/shop/files/Rectangle_196_785e63a0-63b1-4cab-8c51-c31bce1a4d0b.jpg?v=1774974069&width=340 340w, //barkeepersfriend.com/cdn/shop/files/Rectangle_196_785e63a0-63b1-4cab-8c51-c31bce1a4d0b.jpg?v=1774974069&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&width=800" alt="Text reading "IT ALL BEGAN WITH Rhubarb" with two yellow diamond shapes on either side." srcset="//barkeepersfriend.com/cdn/shop/files/rhubarb-heading.png?v=1773704491&width=400 400w, //barkeepersfriend.com/cdn/shop/files/rhubarb-heading.png?v=1773704491&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&width=1600" alt="Bar Keeper's Friend Cleanser" srcset="//barkeepersfriend.com/cdn/shop/files/Vector22.png?v=1782244103&width=680 680w, //barkeepersfriend.com/cdn/shop/files/Vector22.png?v=1782244103&width=1360 1360w, //barkeepersfriend.com/cdn/shop/files/Vector22.png?v=1782244103&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&width=900" alt="RESTORE" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_207.jpg?v=1774979112&width=450 450w, //barkeepersfriend.com/cdn/shop/files/Rectangle_207.jpg?v=1774979112&width=700 700w, //barkeepersfriend.com/cdn/shop/files/Rectangle_207.jpg?v=1774979112&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&width=900" alt="REVIVE" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_208.jpg?v=1774979155&width=450 450w, //barkeepersfriend.com/cdn/shop/files/Rectangle_208.jpg?v=1774979155&width=700 700w, //barkeepersfriend.com/cdn/shop/files/Rectangle_208.jpg?v=1774979155&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&width=900" alt="REFRESH" srcset="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Update.png?v=1789926540&width=450 450w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Update.png?v=1789926540&width=700 700w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Update.png?v=1789926540&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&width=1200" alt="Bar Keepers Friend Reviews" srcset="//barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&width=400 400w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&width=600 600w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&width=800 800w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&width=1000 1000w, //barkeepersfriend.com/cdn/shop/files/stories-heading.png?v=1774455869&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&width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/All_Clad_Card.png?v=1775604878&width=400 400w, //barkeepersfriend.com/cdn/shop/files/All_Clad_Card.png?v=1775604878&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's recommendation for Bar Keepers Friend" 6771 > 6772 READ MORE 6773<span class="visually-hidden"> about All-Clad'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&width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/Le_Creuset_Card.png?v=1775604878&width=400 400w, //barkeepersfriend.com/cdn/shop/files/Le_Creuset_Card.png?v=1775604878&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's tip for cleaning enameled cast iron with Bar Keepers Friend" 6786 > 6787 READ MORE 6788<span class="visually-hidden"> about Le Creuset'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&width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/The_Today_Show_Card.png?v=1775604878&width=400 400w, //barkeepersfriend.com/cdn/shop/files/The_Today_Show_Card.png?v=1775604878&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&width=600" alt="Testimonial" srcset="//barkeepersfriend.com/cdn/shop/files/Kohler_Card.png?v=1775681347&width=400 400w, //barkeepersfriend.com/cdn/shop/files/Kohler_Card.png?v=1775681347&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's recommendation of Bar Keepers Friend for rust removal" 6816 > 6817 READ MORE 6818<span class="visually-hidden"> about Kohler'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&width=360" alt="Bar Keeper's Friend Amazon" srcset="//barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Walmart" srcset="//barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Target" srcset="//barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Home Depot" srcset="//barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Lowe's" srcset="//barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&width=240 240w, //barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&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&width=360" alt="Bar Keeper's Friend Publix" srcset="//barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&width=240 240w, //barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&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&width=360" alt="Bar Keeper's Friend Albertsons" srcset="//barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Kroger" srcset="//barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Menards" srcset="//barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Canadian Tire" srcset="//barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Instacart" srcset="//barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Uline" srcset="//barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Amazon" srcset="//barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/amazon_9cd42cad-dcbd-4a17-a8c3-6fe374ab80bb.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Walmart" srcset="//barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/walmart.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Target" srcset="//barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/target.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Home Depot" srcset="//barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/home-depot.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Lowe's" srcset="//barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&width=240 240w, //barkeepersfriend.com/cdn/shop/files/lowes.svg?v=1774906462&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&width=360" alt="Bar Keeper's Friend Publix" srcset="//barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&width=240 240w, //barkeepersfriend.com/cdn/shop/files/publix-seeklogo.png?v=1774906361&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&width=360" alt="Bar Keeper's Friend Albertsons" srcset="//barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/albertsons_473edc4c-9a11-4a9b-a81b-f77f9845aec0.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Kroger" srcset="//barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/kroger.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Menards" srcset="//barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/Menards.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Canadian Tire" srcset="//barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/ct.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Instacart" srcset="//barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/instacart.png?v=1774906034&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&width=360" alt="Bar Keeper's Friend Uline" srcset="//barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&width=240 240w, //barkeepersfriend.com/cdn/shop/files/uline-logo.png?v=1774906034&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'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'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'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'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'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&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 & 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 & 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'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&width=500" alt="Bar Keeper'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&width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_8666d97e-d468-44d3-8fe1-3d373f850cff.png?v=1777925551&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&width=500" alt="Multi-surface cleaner for kitchen, bathroom, and outdoor surfaces" srcset="//barkeepersfriend.com/cdn/shop/files/product-4.png?v=1777925619&width=240 240w, //barkeepersfriend.com/cdn/shop/files/product-4.png?v=1777925619&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&width=500" alt="Bar Keeper'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&width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_478ed1c5-a34a-40e7-ae04-c1f2050d66c3.png?v=1777925818&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&width=500" alt="Safety warnings label on Bar Keeper's Friend ready to use soft cleanser product" srcset="//barkeepersfriend.com/cdn/shop/files/product-1_ee718423-a19e-4caf-be62-dab3f67a8dfe.png?v=1777925818&width=240 240w, //barkeepersfriend.com/cdn/shop/files/product-1_ee718423-a19e-4caf-be62-dab3f67a8dfe.png?v=1777925818&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&width=500" alt="Bar Keeper's Friend Superior Multi-Purpose Cleaner with 2-in-1 spray and foam" srcset="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Front.png?v=1789925867&width=240 240w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Front.png?v=1789925867&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&width=500" alt="Detailed usage instructions and safety warnings for multi-purpose cleaner" srcset="//barkeepersfriend.com/cdn/shop/files/Multipurpose_Back.png?v=1789925904&width=240 240w, //barkeepersfriend.com/cdn/shop/files/Multipurpose_Back.png?v=1789925904&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&width=500" alt="Bar Keeper'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&width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_template_89f1bc7b-8f2f-4d48-b76d-046a5528a7e8.png?v=1777925134&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&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&width=240 240w, //barkeepersfriend.com/cdn/shop/files/product_template-1_337c59a4-e29e-48e2-a3df-5b22b7ddaae6.png?v=1777925136&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.