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/pages/contact" 56> 57<meta 58 property="og:title" 59 content="Contact Us" 60> 61<meta 62 property="og:type" 63 content="website" 64> 65<meta 66 property="og:description" 67 content="Get in touch with Bar Keeperâs Friend for product questions, support, and general inquiries." 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="Contact Us" 90> 91<meta 92 name="twitter:description" 93 content="Get in touch with Bar Keeperâs Friend for product questions, support, and general inquiries." 94> 95 96<title> 97 Contact Us 98 – Bar Keeper's Friend</title> 99 100<link 101 rel="canonical" 102 href="https://barkeepersfriend.com/pages/contact" 103> 104 105 106 <meta 107 name="description" 108 content="Get in touch with Bar Keeperâs Friend for product questions, support, and general inquiries." 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 126 127
128<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 128
128
129<script type="importmap"> 130 { 131 "imports": { 132 "@theme/overflow-list": "//barkeepersfriend.com/cdn/shop/t/11/assets/overflow-list.js?v=46858356770684902511788191370", 133 "@theme/product-title": "//barkeepersfriend.com/cdn/shop/t/11/assets/product-title-truncation.js?v=81744426891537421781788191370", 134 "@theme/component": "//barkeepersfriend.com/cdn/shop/t/11/assets/component.js?v=184240237101443119871788191370", 135 "@theme/dialog": "//barkeepersfriend.com/cdn/shop/t/11/assets/dialog.js?v=150888536568694194021788191370", 136 "@theme/events": "//barkeepersfriend.com/cdn/shop/t/11/assets/events.js?v=1118589085892804011788191370", 137 "@theme/focus": "//barkeepersfriend.com/cdn/shop/t/11/assets/focus.js?v=60436577539430446401788191370", 138 "@theme/morph": "//barkeepersfriend.com/cdn/shop/t/11/assets/morph.js?v=102085577784545683451788191370", 139 "@theme/paginated-list": "//barkeepersfriend.com/cdn/shop/t/11/assets/paginated-list.js?v=95298315036233333871788191370", 140 "@theme/performance": "//barkeepersfriend.com/cdn/shop/t/11/assets/performance.js?v=171015751390534793081788191370", 141 "@theme/product-form": "//barkeepersfriend.com/cdn/shop/t/11/assets/product-form.js?v=66234160202353565781788191370", 142 "@theme/recently-viewed-products": "//barkeepersfriend.com/cdn/shop/t/11/assets/recently-viewed-products.js?v=94729125001750262651788191370", 143 "@theme/scrolling": "//barkeepersfriend.com/cdn/shop/t/11/assets/scrolling.js?v=162288454571026455011788191370", 144 "@theme/section-renderer": "//barkeepersfriend.com/cdn/shop/t/11/assets/section-renderer.js?v=152586934315572818121788191370", 145 "@theme/section-hydration": "//barkeepersfriend.com/cdn/shop/t/11/assets/section-hydration.js?v=108434990705342316311788191370", 146 "@theme/money-formatting": "//barkeepersfriend.com/cdn/shop/t/11/assets/money-formatting.js?v=182191346160333327151788191370", 147 "@theme/utilities": "//barkeepersfriend.com/cdn/shop/t/11/assets/utilities.js?v=28506172887375975941788191370", 148 "@theme/variant-picker": "//barkeepersfriend.com/cdn/shop/t/11/assets/variant-picker.js?v=177886063604495755331788191370", 149 "@theme/media-gallery": "//barkeepersfriend.com/cdn/shop/t/11/assets/media-gallery.js?v=14624021005636302161788191370", 150 "@theme/quick-add": "//barkeepersfriend.com/cdn/shop/t/11/assets/quick-add.js?v=8173316780029216301788191370", 151 "@theme/paginated-list-aspect-ratio": "//barkeepersfriend.com/cdn/shop/t/11/assets/paginated-list-aspect-ratio.js?v=25254270272143792451788191370", 152 "@theme/popover-polyfill": "//barkeepersfriend.com/cdn/shop/t/11/assets/popover-polyfill.js?v=119029313658895111201788191370", 153 "@theme/component-quantity-selector": "//barkeepersfriend.com/cdn/shop/t/11/assets/component-quantity-selector.js?v=67906657287482036641788191370", 154 "@theme/comparison-slider": "//barkeepersfriend.com/cdn/shop/t/11/assets/comparison-slider.js?v=106705562947035711941788191370", 155 "@theme/sticky-add-to-cart": "//barkeepersfriend.com/cdn/shop/t/11/assets/sticky-add-to-cart.js?v=48956925339276737091788191370", 156 "@theme/fly-to-cart": "//barkeepersfriend.com/cdn/shop/t/11/assets/fly-to-cart.js?v=48483246440248933081788191370" 157 } 158 } 159</script>
159 160
161<script 162 src="//barkeepersfriend.com/cdn/shop/t/11/assets/form-submission-loading.js?v=57678200847219865231788191370" 163 defer 164></script>
vendor: 1 bytes, line 164
164
165<script 166 src="//barkeepersfriend.com/cdn/shop/t/11/assets/view-transitions.js?v=7106414069516106341788191370" 167 async 168 169></script>
169 170 171<link 172 rel="modulepreload" 173 href="//barkeepersfriend.com/cdn/shop/t/11/assets/utilities.js?v=28506172887375975941788191370" 174 fetchpriority="low" 175> 176<link 177 rel="modulepreload" 178 href="//barkeepersfriend.com/cdn/shop/t/11/assets/component.js?v=184240237101443119871788191370" 179 fetchpriority="low" 180> 181<link 182 rel="modulepreload" 183 href="//barkeepersfriend.com/cdn/shop/t/11/assets/section-renderer.js?v=152586934315572818121788191370" 184 fetchpriority="low" 185> 186<link 187 rel="modulepreload" 188 href="//barkeepersfriend.com/cdn/shop/t/11/assets/section-hydration.js?v=108434990705342316311788191370" 189 fetchpriority="low" 190> 191<link 192 rel="modulepreload" 193 href="//barkeepersfriend.com/cdn/shop/t/11/assets/morph.js?v=102085577784545683451788191370" 194 fetchpriority="low" 195> 196 197 198 199<link 200 rel="modulepreload" 201 href="//barkeepersfriend.com/cdn/shop/t/11/assets/focus.js?v=60436577539430446401788191370" 202 fetchpriority="low" 203> 204<link 205 rel="modulepreload" 206 href="//barkeepersfriend.com/cdn/shop/t/11/assets/recently-viewed-products.js?v=94729125001750262651788191370" 207 fetchpriority="low" 208> 209<link 210 rel="modulepreload" 211 href="//barkeepersfriend.com/cdn/shop/t/11/assets/scrolling.js?v=162288454571026455011788191370" 212 fetchpriority="low" 213> 214<link 215 rel="modulepreload" 216 href="//barkeepersfriend.com/cdn/shop/t/11/assets/events.js?v=1118589085892804011788191370" 217 fetchpriority="low" 218>
219<script 220 src="//barkeepersfriend.com/cdn/shop/t/11/assets/popover-polyfill.js?v=119029313658895111201788191370" 221 type="module" 222 fetchpriority="low" 223></script>
vendor: 1 bytes, line 223
223
224<script 225 src="//barkeepersfriend.com/cdn/shop/t/11/assets/overflow-list.js?v=46858356770684902511788191370" 226 type="module" 227 fetchpriority="low" 228></script>
228 229 230 231
232<script 233 src="//barkeepersfriend.com/cdn/shop/t/11/assets/dialog.js?v=150888536568694194021788191370" 234 type="module" 235 fetchpriority="low" 236></script>
vendor: 1 bytes, line 236
236
237<script 238 src="//barkeepersfriend.com/cdn/shop/t/11/assets/variant-picker.js?v=177886063604495755331788191370" 239 type="module" 240 fetchpriority="low" 241></script>
vendor: 1 bytes, line 241
241
242<script 243 src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-card.js?v=28695665944407642501788191370" 244 type="module" 245 fetchpriority="low" 246></script>
246 247
248<script 249 src="//barkeepersfriend.com/cdn/shop/t/11/assets/accordion-custom.js?v=97588419883090888471788191370" 250 type="module" 251 fetchpriority="low" 252></script>
vendor: 1 bytes, line 252
252
253<script 254 src="//barkeepersfriend.com/cdn/shop/t/11/assets/media.js?v=37825095869491791421788191370" 255 type="module" 256 fetchpriority="low" 257></script>
vendor: 1 bytes, line 257
257
258<script 259 src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-price.js?v=164492227269745550161788191370" 260 type="module" 261 fetchpriority="low" 262></script>
vendor: 1 bytes, line 262
262
263<script 264 src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-sku.js?v=121804655373531320511788191370" 265 type="module" 266 fetchpriority="low" 267></script>
vendor: 1 bytes, line 267
267
268<script 269 src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-title-truncation.js?v=81744426891537421781788191370" 270 type="module" 271 fetchpriority="low" 272></script>
vendor: 1 bytes, line 272
272
273<script 274 src="//barkeepersfriend.com/cdn/shop/t/11/assets/product-inventory.js?v=81520546963552472391788191370" 275 type="module" 276 fetchpriority="low" 277></script>
vendor: 1 bytes, line 277
277
278<script 279 src="//barkeepersfriend.com/cdn/shop/t/11/assets/show-more.js?v=94563802205717136101788191370" 280 type="module" 281 fetchpriority="low" 282></script>
vendor: 1 bytes, line 282
282
283<script 284 src="//barkeepersfriend.com/cdn/shop/t/11/assets/slideshow.js?v=17868446697736367161788191370" 285 type="module" 286 fetchpriority="low" 287></script>
vendor: 1 bytes, line 287
287
288<script 289 src="//barkeepersfriend.com/cdn/shop/t/11/assets/layered-slideshow.js?v=30135417790894624731788191370" 290 type="module" 291 fetchpriority="low" 292></script>
vendor: 1 bytes, line 292
292
293<script 294 src="//barkeepersfriend.com/cdn/shop/t/11/assets/anchored-popover.js?v=95953304814728754461788191370" 295 type="module" 296 fetchpriority="low" 297></script>
vendor: 1 bytes, line 297
297
298<script 299 src="//barkeepersfriend.com/cdn/shop/t/11/assets/floating-panel.js?v=151277338116891310371788191370" 300 type="module" 301 fetchpriority="low" 302></script>
vendor: 1 bytes, line 302
302
303<script 304 src="//barkeepersfriend.com/cdn/shop/t/11/assets/video-background.js?v=45597507973586445031788191370" 305 type="module" 306 fetchpriority="low" 307></script>
307 308
309<script 310 src="//barkeepersfriend.com/cdn/shop/t/11/assets/media-gallery.js?v=14624021005636302161788191370" 311 type="module" 312 fetchpriority="low" 313></script>
vendor: 1 bytes, line 313
313
314<script 315 src="//barkeepersfriend.com/cdn/shop/t/11/assets/rte-formatter.js?v=40306132146590816021788191370" 316 type="module" 317 fetchpriority="low" 318></script>
318 319 320 321 322 323 324
325<script 326 src="//barkeepersfriend.com/cdn/shop/t/11/assets/auto-close-details.js?v=58350291535404441581788191370" 327 defer="defer" 328></script>
328 329
330<script> 331 const Theme = { 332 translations: { 333 placeholder_image: `Placeholder image`, 334 335 }, 336 routes: { 337 338 predictive_search_url: '/search/suggest', 339 search_url: '/search', 340 }, 341 template: { 342 name: 'page.contact', 343 }, 344 }; 345</script>
345 346<style data-shopify> 347@font-face { 348 font-family: "Work Sans"; 349 font-weight: 400; 350 font-style: normal; 351 font-display: swap; 352 src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n4.b7973b3d07d0ace13de1b1bea9c45759cdbe12cf.woff2") format("woff2"), 353 url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n4.cf5ceb1e6d373a9505e637c1aff0a71d0959556d.woff") format("woff"); 354} 355@font-face { 356 font-family: "Work Sans"; 357 font-weight: 700; 358 font-style: normal; 359 font-display: swap; 360 src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"), 361 url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff"); 362} 363@font-face { 364 font-family: "Work Sans"; 365 font-weight: 400; 366 font-style: italic; 367 font-display: swap; 368 src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i4.16ff51e3e71fc1d09ff97b9ff9ccacbeeb384ec4.woff2") format("woff2"), 369 url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i4.ed4a1418cba5b7f04f79e4d5c8a5f1a6bd34f23b.woff") format("woff"); 370} 371@font-face { 372 font-family: "Work Sans"; 373 font-weight: 700; 374 font-style: italic; 375 font-display: swap; 376 src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"), 377 url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff"); 378} 379@font-face { 380 font-family: "Work Sans"; 381 font-weight: 500; 382 font-style: normal; 383 font-display: swap; 384 src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"), 385 url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff"); 386} 387@font-face { 388 font-family: "Work Sans"; 389 font-weight: 500; 390 font-style: italic; 391 font-display: swap; 392 src: url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i5.0097f7572bdd2a30d202a52c1764d831015aa312.woff2") format("woff2"), 393 url("//barkeepersfriend.com/cdn/fonts/work_sans/worksans_i5.a4fa6fa0f90748be4cee382c79d6624ea9963ef1.woff") format("woff"); 394} 395 396 397 :root { 398 /* Page Layout */ 399 --sidebar-width: 25rem; 400 --narrow-content-width: 36rem; 401 --normal-content-width: 42rem; 402 --wide-content-width: 46rem; 403 --narrow-page-width: 90rem; 404 --normal-page-width: 120rem; 405 --wide-page-width: 150rem; 406 407 /* Section Heights */ 408 --section-height-small: 15rem; 409 --section-height-medium: 25rem; 410 --section-height-large: 35rem; 411 412 @media screen and (min-width: 40em) { 413 --section-height-small: 40svh; 414 --section-height-medium: 55svh; 415 --section-height-large: 70svh; 416 } 417 418 @media screen and (min-width: 60em) { 419 --section-height-small: 50svh; 420 --section-height-medium: 65svh; 421 --section-height-large: 80svh; 422 } 423 424 /* Letter spacing */ 425 --letter-spacing-sm: 0.06em; 426 --letter-spacing-md: 0.13em; 427 428 /* Font families */ 429 --font-body--family: "Work Sans", sans-serif; 430 --font-body--style: normal; 431 --font-body--weight: 400; 432 --font-subheading--family: "Work Sans", sans-serif; 433 --font-subheading--style: normal; 434 --font-subheading--weight: 500; 435 --font-heading--family: "Work Sans", sans-serif; 436 --font-heading--style: normal; 437 --font-heading--weight: 700; 438 --font-accent--family: "Work Sans", sans-serif; 439 --font-accent--style: normal; 440 --font-accent--weight: 400; 441 442 /* Margin sizes */ 443 --font-heading--spacing: 0.25em; 444 --font-h1--spacing: var(--font-heading--spacing); 445 --font-h2--spacing: var(--font-heading--spacing); 446 --font-h3--spacing: var(--font-heading--spacing); 447 --font-h4--spacing: var(--font-heading--spacing); 448 --font-h5--spacing: var(--font-heading--spacing); 449 --font-h6--spacing: var(--font-heading--spacing); 450 --font-paragraph--spacing: 0.5em; 451 452 /* Heading colors */ 453 --font-h1--color: var(--color-foreground-heading); 454 --font-h2--color: var(--color-foreground-heading); 455 --font-h3--color: var(--color-foreground-heading); 456 --font-h4--color: var(--color-foreground-heading); 457 --font-h5--color: var(--color-foreground-heading); 458 --font-h6--color: var(--color-foreground-heading); 459 460 /** Z-Index / Layering */ 461 --layer-section-background: -2; 462 --layer-lowest: -1; 463 --layer-base: 0; 464 --layer-flat: 1; 465 --layer-raised: 2; 466 --layer-heightened: 4; 467 --layer-sticky: 8; 468 --layer-window-overlay: 10; 469 --layer-header-menu: 12; 470 --layer-overlay: 16; 471 --layer-menu-drawer: 18; 472 --layer-temporary: 20; 473 474 /* Max-width / Measure */ 475 --max-width--body-normal: 32.5em; 476 --max-width--body-narrow: 22.75em; 477 478 --max-width--heading-normal: 32.5em; 479 --max-width--heading-narrow: 19.5em; 480 481 --max-width--display-normal: 13em; 482 --max-width--display-narrow: 9.75em; 483 --max-width--display-tight: 3.25em; 484 485 /* Letter-spacing / Tracking */ 486 --letter-spacing--display-tight: -0.03em; 487 --letter-spacing--display-normal: 0em; 488 --letter-spacing--display-loose: 0.03em; 489 490 --letter-spacing--heading-tight: -0.03em; 491 --letter-spacing--heading-normal: 0em; 492 --letter-spacing--heading-loose: 0.03em; 493 494 --letter-spacing--body-tight: -0.03em; 495 --letter-spacing--body-normal: 0em; 496 --letter-spacing--body-loose: 0.03em; 497 498 /* Line height / Leading */ 499 --line-height: 1; 500 501 --line-height--display-tight: 1; 502 --line-height--display-normal: 1.1; 503 --line-height--display-loose: 1.2; 504 505 --line-height--heading-tight: 1.15; 506 --line-height--heading-normal: 1.25; 507 --line-height--heading-loose: 1.35; 508 509 --line-height--body-tight: 1.2; 510 --line-height--body-normal: 1.4; 511 --line-height--body-loose: 1.6; 512 513 /* Typography presets */ 514 --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); 515 516 /* Hardcoded font sizes */ 517 --font-size--3xs: 0.625rem; 518 --font-size--2xs: 0.75rem; 519 --font-size--xs: 0.8125rem; 520 --font-size--sm: 0.875rem; 521 --font-size--md: 1rem; 522 --font-size--lg: 1.125rem; 523 --font-size--xl: 1.25rem; 524 --font-size--2xl: 1.5rem; 525 --font-size--3xl: 2rem; 526 --font-size--4xl: 2.5rem; 527 --font-size--5xl: 3rem; 528 --font-size--6xl: 3.5rem; 529 530 /* Menu font sizes */ 531 --menu-font-sm--size: 0.875rem; 532 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 533 --menu-font-md--size: 1rem; 534 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 535 --menu-font-lg--size: 1.125rem; 536 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 537 --menu-font-xl--size: 1.25rem; 538 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 539 --menu-font-2xl--size: 1.75rem; 540 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 541 542 /* Colors */ 543 --color-error: #8B0000; 544 --color-success: #006400; 545 --color-white: #FFFFFF; 546 --color-white-rgb: 255 255 255; 547 --color-black: #000000; 548 --color-instock: #3ED660; 549 --color-lowstock: #EE9441; 550 --color-outofstock: #C8C8C8; 551 552 /* Opacity */ 553 --opacity-5: 0.05; 554 --opacity-8: 0.08; 555 --opacity-10: 0.1; 556 --opacity-15: 0.15; 557 --opacity-20: 0.2;
558 --opacity-25: 0.25; 559 --opacity-30: 0.3; 560 --opacity-40: 0.4; 561 --opacity-50: 0.5; 562 --opacity-60: 0.6; 563 --opacity-70: 0.7; 564 --opacity-80: 0.8; 565 --opacity-85: 0.85; 566 --opacity-90: 0.9; 567 --opacity-subdued-text: var(--opacity-70); 568 569 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 570 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 571 572 /* Spacing */ 573 --margin-3xs: 0.125rem; 574 --margin-2xs: 0.3rem; 575 --margin-xs: 0.5rem; 576 --margin-sm: 0.7rem; 577 --margin-md: 0.8rem; 578 --margin-lg: 1rem; 579 --margin-xl: 1.25rem; 580 --margin-2xl: 1.5rem; 581 --margin-3xl: 1.75rem; 582 --margin-4xl: 2rem; 583 --margin-5xl: 3rem; 584 --margin-6xl: 5rem; 585 586 --scroll-margin: 50px; 587 588 --padding-3xs: 0.125rem; 589 --padding-2xs: 0.25rem; 590 --padding-xs: 0.5rem; 591 --padding-sm: 0.7rem; 592 --padding-md: 0.8rem; 593 --padding-lg: 1rem; 594 --padding-xl: 1.25rem; 595 --padding-2xl: 1.5rem; 596 --padding-3xl: 1.75rem; 597 --padding-4xl: 2rem; 598 --padding-5xl: 3rem; 599 --padding-6xl: 4rem; 600 601 --gap-3xs: 0.125rem; 602 --gap-2xs: 0.3rem; 603 --gap-xs: 0.5rem; 604 --gap-sm: 0.7rem; 605 --gap-md: 0.9rem; 606 --gap-lg: 1rem; 607 --gap-xl: 1.25rem; 608 --gap-2xl: 2rem; 609 --gap-3xl: 3rem; 610 611 --spacing-scale-sm: 0.6; 612 --spacing-scale-md: 0.7; 613 --spacing-scale-default: 1.0; 614 615 /* Checkout buttons gap */ 616 --checkout-button-gap: 10px; 617 618 /* Borders */ 619 --style-border-width: 1px; 620 --style-border-radius-xs: 0.2rem; 621 --style-border-radius-sm: 0.6rem; 622 --style-border-radius-md: 0.8rem; 623 --style-border-radius-50: 50%; 624 --style-border-radius-lg: 1rem; 625 --style-border-radius-pills: 40px; 626 --style-border-radius-inputs: 8px; 627 --style-border-radius-buttons-primary: 40px; 628 --style-border-radius-buttons-secondary: 40px; 629 --style-border-width-primary: 0px; 630 --style-border-width-secondary: 1px; 631 --style-border-width-inputs: 1px; 632 --style-border-radius-popover: 8px; 633 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 634 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 635 --style-border-swatch-opacity: 10%; 636 --style-border-swatch-width: 1px; 637 --style-border-swatch-style: solid; 638 639 /* Animation */ 640 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 641 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 642 --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); 643 --animation-speed-fast: 0.0625s; 644 --animation-speed: 0.125s; 645 --animation-speed-slow: 0.2s; 646 --animation-speed-medium: 0.15s; 647 --animation-easing: ease-in-out; 648 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 649 --drawer-animation-speed: 0.2s; 650 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 651 --animation-values: var(--animation-speed) var(--animation-easing); 652 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 653 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 654 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 655 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 656 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 657 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 658 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 659 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 660 /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/ 661 --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%); 662 --spring-d300-b0-duration: 0.4980s; 663 --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%); 664 --spring-d280-b0-duration: 0.4648s; 665 --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%); 666 --spring-d260-b0-duration: 0.4316s; 667 --spring-d220-b0-easing: linear( 668 0, 669 0.0093 1.37%, 670 0.0696 4.12%, 671 0.4667 15.09%, 672 0.6322 20.58%, 673 0.6986 23.32%, 674 0.7793 27.44%, 675 0.8219 30.18%, 676 0.8721, 677 0.9089 38.42%, 678 0.9427, 679 0.9644, 680 0.978 54.88%, 681 0.9881 61.74%, 682 0.9944 69.97%, 683 0.998 80.95%, 684 0.9996 98.78% 685 ); 686 --spring-d220-b0-duration: 0.3818s; 687 --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%); 688 --spring-d180-b0-duration: 0.2988s; 689 690 /* View transitions */ 691 /* View transition old */ 692 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 693 694 /* View transition new */ 695 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 696 697 /* Focus */ 698 --focus-outline-width: 0.09375rem; 699 --focus-outline-offset: 0.2em; 700 701 /* Badges */ 702 --badge-blob-padding-block: 1px; 703 --badge-blob-padding-inline: 12px 8px; 704 --badge-rectangle-padding-block: 1px; 705 --badge-rectangle-padding-inline: 6px; 706 @media screen and (min-width: 750px) { 707 --badge-blob-padding-block: 4px; 708 --badge-blob-padding-inline: 16px 12px; 709 --badge-rectangle-padding-block: 4px; 710 --badge-rectangle-padding-inline: 10px; 711 } 712 713 /* Icons */ 714 --icon-size-2xs: 0.6rem; 715 --icon-size-xs: 0.85rem; 716 --icon-size-sm: 1.25rem; 717 --icon-size-md: 1.375rem; 718 --icon-size-lg: 1.5rem; 719 --icon-stroke-width: 1.5px; 720 721 /* Input */ 722 --input-email-min-width: 200px; 723 --input-search-max-width: 650px; 724 --input-padding-y: 0.8rem; 725 --input-padding-x: 0.8rem; 726 --input-padding: var(--input-padding-y) var(--input-padding-x); 727 --input-box-shadow-width: var(--style-border-width-inputs); 728 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 729 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 730 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 731 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 732 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
733 --input-textarea-min-height: 55px; 734 735 /* Checkbox */ 736 --checkbox-size: 22px; 737 --checkbox-border-radius: 7px; 738 --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); 739 --checkbox-label-padding: 8px; 740 741 @media screen and (min-width: 750px) { 742 --checkbox-size: 16px; 743 --checkbox-border-radius: 5px; 744 --checkbox-label-padding: 6px; 745 } 746 747 /* Button size */ 748 --button-size-sm: 30px; 749 --button-size-md: 36px; 750 --button-size: var(--minimum-touch-target); 751 --button-padding-inline: 24px; 752 --button-padding-block: 16px; 753 754 /* Button font-family */ 755 --button-font-family-primary: var(--font-body--family); 756 --button-font-family-secondary: var(--font-body--family); 757 758 /* Button text case */ 759 --button-text-case: ; 760 --button-text-case-primary: uppercase; 761 --button-text-case-secondary: uppercase; 762 763 /* Button font weight & style (Theme â Buttons) */ 764 --button-font-weight-primary: 700; 765 --button-font-style-primary: var(--font-paragraph--style); 766 --button-font-weight-secondary: 700; 767 --button-font-style-secondary: normal; 768 769 /* Borders */ 770 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 771 --border-width-sm: 1px; 772 --border-width-md: 2px; 773 --border-width-lg: 5px; 774 --border-radius-sm: 0.25rem; 775 776 /* Drawers */ 777 --drawer-inline-padding: 25px; 778 --drawer-menu-inline-padding: 2.5rem; 779 --drawer-header-block-padding: 20px; 780 --drawer-content-block-padding: 10px; 781 --drawer-header-desktop-top: 0rem; 782 --drawer-padding: calc(var(--padding-sm) + 7px); 783 --drawer-height: 100dvh; 784 --drawer-width: 95vw; 785 --drawer-max-width: 500px; 786 787 /* Variant Picker Swatches */ 788 --variant-picker-swatch-width-unitless: 34; 789 --variant-picker-swatch-height-unitless: 34; 790 --variant-picker-swatch-width: 34px; 791 --variant-picker-swatch-height: 34px; 792 --variant-picker-swatch-radius: 32px; 793 --variant-picker-border-width: 1px; 794 --variant-picker-border-style: solid; 795 --variant-picker-border-opacity: 10%; 796 797 /* Variant Picker Buttons */ 798 --variant-picker-button-radius: 14px; 799 --variant-picker-button-border-width: 1px; 800 801 /* Slideshow */ 802 --slideshow-controls-size: 3.5rem; 803 --slideshow-controls-icon: 2rem; 804 --peek-next-slide-size: 3rem; 805 806 /* Utilities */ 807 --backdrop-opacity: 0.15; 808 --backdrop-color-rgb: var(--color-shadow-rgb); 809 --minimum-touch-target: 44px; 810 --disabled-opacity: 0.5; 811 --skeleton-opacity: 0.025; 812 813 /* Shapes */ 814 --shape--circle: circle(50% at center); 815 --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%); 816 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 817 --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
817% 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%); 818 819 /* Buy buttons */ 820 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 821 822 /* Card image width and height variables */ 823 --card-width-small: 10rem; 824 825 --height-small: 10rem; 826 --height-medium: 11.5rem; 827 --height-large: 13rem; 828 --height-full: 100vh; 829 830 @media screen and (min-width: 750px) { 831 --height-small: 17.5rem; 832 --height-medium: 21.25rem; 833 --height-large: 25rem; 834 } 835 836 /* Modal */ 837 --modal-max-height: 65dvh; 838 --quick-add-modal-height: min(38.5rem, 96vh); 839 --quick-add-modal-width: min(54rem, 96vw); 840 --quick-add-modal-gallery-width: 24rem; 841 842 /* Card styles for search */ 843 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 844 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 845 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 846 847 /* Cart */ 848 --cart-primary-font-family: var(--font-body--family); 849 --cart-primary-font-style: var(--font-body--style); 850 --cart-primary-font-weight: var(--font-body--weight); 851 --cart-secondary-font-family: var(--font-subheading--family); 852 --cart-secondary-font-style: var(--font-subheading--style); 853 --cart-secondary-font-weight: var(--font-subheading--weight); 854 } 855</style> 856<style data-shopify> 857 858 859 :root, 860 861 862 863 .color-scheme-1 { 864 --color-background: rgb(255 255 255 / 1.0); 865 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 866 --color-background-rgb: 255 255 255; 867 --opacity-5-15: 0.05; 868 --opacity-10-25: 0.1; 869 --opacity-35-55: 0.35; 870 --opacity-40-60: 0.4; 871 --opacity-30-60: 0.3; 872 --color-foreground: rgb(0 30 96 / 0.81); 873 --color-foreground-rgb: 0 30 96; 874 --color-foreground-heading: rgb(0 30 96 / 1.0); 875 --color-foreground-heading-rgb: 0 30 96; 876 --color-primary: rgb(0 38 168 / 1.0); 877 --color-primary-rgb: 0 38 168; 878 --color-primary-hover: rgb(0 21 71 / 1.0); 879 --color-primary-hover-rgb: 0 21 71; 880 --color-border: rgb(201 209 225 / 1.0); 881 --color-border-rgb: 201 209 225; 882 --color-shadow: rgb(0 0 0 / 1.0); 883 --color-shadow-rgb: 0 0 0; 884 --color-primary-button-text: rgb(0 30 96 / 1.0); 885 --color-primary-button-background: rgb(232 200 105 / 1.0); 886 --color-primary-button-border: rgb(232 200 105 / 1.0); 887 --color-primary-button-hover-text: rgb(0 30 96 / 1.0); 888 --color-primary-button-hover-background: rgb(212 174 82 / 1.0); 889 --color-primary-button-hover-border: rgb(212 174 82 / 1.0); 890 --color-secondary-button-text: rgb(0 30 96 / 1.0); 891 --color-secondary-button-background: rgb(232 200 105 / 1.0); 892 --color-secondary-button-border: rgb(232 200 105 / 1.0); 893 --color-secondary-button-hover-text: rgb(0 30 96 / 1.0); 894 --color-secondary-button-hover-background: rgb(212 174 82 / 1.0); 895 --color-secondary-button-hover-border: rgb(212 174 82 / 1.0); 896 --color-input-background: rgb(255 255 255 / 1.0); 897 --color-input-text: rgb(0 30 96 / 1.0); 898 --color-input-text-rgb: 0 30 96; 899 --color-input-border: rgb(201 209 225 / 1.0); 900 --color-input-hover-background: rgb(240 247 244 / 1.0); 901 --color-variant-background: rgb(255 255 255 / 1.0); 902 --color-variant-border: rgb(201 209 225 / 1.0); 903 --color-variant-text: rgb(0 30 96 / 1.0); 904 --color-variant-text-rgb: 0 30 96; 905 --color-variant-hover-background: rgb(236 236 241 / 1.0); 906 --color-variant-hover-text: rgb(0 30 96 / 1.0); 907 --color-variant-hover-border: rgb(167 169 180 / 1.0); 908 --color-selected-variant-background: rgb(0 30 96 / 1.0); 909 --color-selected-variant-border: rgb(0 30 96 / 1.0); 910 --color-selected-variant-text: rgb(255 255 255 / 1.0); 911 --color-selected-variant-hover-background: rgb(0 21 71 / 1.0); 912 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 913 --color-selected-variant-hover-border: rgb(0 21 71 / 1.0); 914 915 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 916 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 917 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 918 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 919 --font-h1--color: var(--color-foreground-heading); 920 --font-h2--color: var(--color-foreground-heading); 921 --font-h3--color: var(--color-foreground-heading); 922 --font-h4--color: var(--color-foreground-heading); 923 --font-h5--color: var(--color-foreground-heading); 924 --font-h6--color: var(--color-foreground-heading); 925 926 /* Shadows */ 927 928 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 929 930 931 --shadow-blur: 20px; 932 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 933 934 } 935 936 937 938 939 .color-scheme-2 {
940 --color-background: rgb(240 247 244 / 1.0); 941 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 942 --color-background-rgb: 240 247 244; 943 --opacity-5-15: 0.05; 944 --opacity-10-25: 0.1; 945 --opacity-35-55: 0.35; 946 --opacity-40-60: 0.4; 947 --opacity-30-60: 0.3; 948 --color-foreground: rgb(0 30 96 / 0.81); 949 --color-foreground-rgb: 0 30 96; 950 --color-foreground-heading: rgb(0 30 96 / 1.0); 951 --color-foreground-heading-rgb: 0 30 96; 952 --color-primary: rgb(0 38 168 / 1.0); 953 --color-primary-rgb: 0 38 168; 954 --color-primary-hover: rgb(0 21 71 / 1.0); 955 --color-primary-hover-rgb: 0 21 71; 956 --color-border: rgb(201 209 225 / 1.0); 957 --color-border-rgb: 201 209 225; 958 --color-shadow: rgb(0 0 0 / 1.0); 959 --color-shadow-rgb: 0 0 0; 960 --color-primary-button-text: rgb(0 30 96 / 1.0); 961 --color-primary-button-background: rgb(232 200 105 / 1.0); 962 --color-primary-button-border: rgb(232 200 105 / 1.0); 963 --color-primary-button-hover-text: rgb(0 30 96 / 1.0); 964 --color-primary-button-hover-background: rgb(212 174 82 / 1.0); 965 --color-primary-button-hover-border: rgb(212 174 82 / 1.0); 966 --color-secondary-button-text: rgb(0 30 96 / 1.0); 967 --color-secondary-button-background: rgb(0 0 0 / 0.0); 968 --color-secondary-button-border: rgb(0 38 168 / 1.0); 969 --color-secondary-button-hover-text: rgb(0 30 96 / 1.0); 970 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 971 --color-secondary-button-hover-border: rgb(0 30 96 / 1.0); 972 --color-input-background: rgb(255 255 255 / 1.0); 973 --color-input-text: rgb(0 30 96 / 1.0); 974 --color-input-text-rgb: 0 30 96; 975 --color-input-border: rgb(201 209 225 / 1.0); 976 --color-input-hover-background: rgb(236 236 241 / 1.0); 977 --color-variant-background: rgb(255 255 255 / 1.0); 978 --color-variant-border: rgb(201 209 225 / 1.0); 979 --color-variant-text: rgb(0 30 96 / 1.0); 980 --color-variant-text-rgb: 0 30 96; 981 --color-variant-hover-background: rgb(236 236 241 / 1.0); 982 --color-variant-hover-text: rgb(0 30 96 / 1.0); 983 --color-variant-hover-border: rgb(167 169 180 / 1.0); 984 --color-selected-variant-background: rgb(0 30 96 / 1.0); 985 --color-selected-variant-border: rgb(0 30 96 / 1.0); 986 --color-selected-variant-text: rgb(255 255 255 / 1.0); 987 --color-selected-variant-hover-background: rgb(0 21 71 / 1.0); 988 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 989 --color-selected-variant-hover-border: rgb(0 21 71 / 1.0); 990 991 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 992 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 993 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 994 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 995 --font-h1--color: var(--color-foreground-heading); 996 --font-h2--color: var(--color-foreground-heading); 997 --font-h3--color: var(--color-foreground-heading); 998 --font-h4--color: var(--color-foreground-heading); 999 --font-h5--color: var(--color-foreground-heading); 1000 --font-h6--color: var(--color-foreground-heading); 1001 1002 /* Shadows */ 1003 1004 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1005 1006 1007 --shadow-blur: 20px; 1008 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1009 1010 } 1011 1012 1013 1014 1015 .color-scheme-3 { 1016 --color-background: rgb(236 236 241 / 1.0); 1017 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1018 --color-background-rgb: 236 236 241; 1019 --opacity-5-15: 0.05; 1020 --opacity-10-25: 0.1; 1021 --opacity-35-55: 0.35; 1022 --opacity-40-60: 0.4; 1023 --opacity-30-60: 0.3; 1024 --color-foreground: rgb(0 30 96 / 0.81); 1025 --color-foreground-rgb: 0 30 96; 1026 --color-foreground-heading: rgb(0 30 96 / 1.0); 1027 --color-foreground-heading-rgb: 0 30 96; 1028 --color-primary: rgb(0 38 168 / 1.0); 1029 --color-primary-rgb: 0 38 168; 1030 --color-primary-hover: rgb(0 21 71 / 1.0); 1031 --color-primary-hover-rgb: 0 21 71; 1032 --color-border: rgb(201 209 225 / 1.0); 1033 --color-border-rgb: 201 209 225; 1034 --color-shadow: rgb(0 0 0 / 1.0); 1035 --color-shadow-rgb: 0 0 0; 1036 --color-primary-button-text: rgb(0 30 96 / 1.0); 1037 --color-primary-button-background: rgb(232 200 105 / 1.0); 1038 --color-primary-button-border: rgb(232 200 105 / 1.0); 1039 --color-primary-button-hover-text: rgb(0 30 96 / 1.0); 1040 --color-primary-button-hover-background: rgb(212 174 82 / 1.0); 1041 --color-primary-button-hover-border: rgb(212 174 82 / 1.0); 1042 --color-secondary-button-text: rgb(0 30 96 / 1.0); 1043 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1044 --color-secondary-button-border: rgb(0 38 168 / 1.0); 1045 --color-secondary-button-hover-text: rgb(0 30 96 / 1.0); 1046 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1047 --color-secondary-button-hover-border: rgb(0 30 96 / 1.0); 1048 --color-input-background: rgb(255 255 255 / 1.0); 1049 --color-input-text: rgb(0 30 96 / 1.0); 1050 --color-input-text-rgb: 0 30 96; 1051 --color-input-border: rgb(201 209 225 / 1.0); 1052 --color-input-hover-background: rgb(240 247 244 / 1.0); 1053 --color-variant-background: rgb(255 255 255 / 1.0); 1054 --color-variant-border: rgb(201 209 225 / 1.0); 1055 --color-variant-text: rgb(0 30 96 / 1.0); 1056 --color-variant-text-rgb: 0 30 96; 1057 --color-variant-hover-background: rgb(240 247 244 / 1.0); 1058 --color-variant-hover-text: rgb(0 30 96 / 1.0); 1059 --color-variant-hover-border: rgb(167 169 180 / 1.0); 1060 --color-selected-variant-background: rgb(0 30 96 / 1.0); 1061 --color-selected-variant-border: rgb(0 30 96 / 1.0); 1062 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1063 --color-selected-variant-hover-background: rgb(0 21 71 / 1.0); 1064 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1065 --color-selected-variant-hover-border: rgb(0 21 71 / 1.0); 1066 1067 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1068 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1069 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1070 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1071 --font-h1--color: var(--color-foreground-heading); 1072 --font-h2--color: var(--color-foreground-heading); 1073 --font-h3--color: var(--color-foreground-heading); 1074 --font-h4--color: var(--color-foreground-heading); 1075 --font-h5--color: var(--color-foreground-heading); 1076 --font-h6--color: var(--color-foreground-heading); 1077 1078 /* Shadows */ 1079 1080 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1081 1082 1083 --shadow-blur: 20px; 1084 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1085 1086 } 1087 1088 1089 1090 1091 .color-scheme-4 { 1092 --color-background: rgb(225 237 245 / 1.0); 1093 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1094 --color-background-rgb: 225 237 245; 1095 --opacity-5-15: 0.05; 1096 --opacity-10-25: 0.1; 1097 --opacity-35-55: 0.35; 1098 --opacity-40-60: 0.4; 1099 --opacity-30-60: 0.3; 1100 --color-foreground: rgb(0 30 96 / 0.81); 1101 --color-foreground-rgb: 0 30 96; 1102 --color-foreground-heading: rgb(0 30 96 / 1.0); 1103 --color-foreground-heading-rgb: 0 30 96; 1104 --color-primary: rgb(0 38 168 / 1.0); 1105 --color-primary-rgb: 0 38 168; 1106 --color-primary-hover: rgb(0 21 71 / 1.0); 1107 --color-primary-hover-rgb: 0 21 71; 1108 --color-border: rgb(167 184 212 / 1.0); 1109 --color-border-rgb: 167 184 212; 1110 --color-shadow: rgb(0 0 0 / 1.0); 1111 --color-shadow-rgb: 0 0 0; 1112 --color-primary-button-text: rgb(0 30 96 / 1.0); 1113 --color-primary-button-background: rgb(232 200 105 / 1.0); 1114 --color-primary-button-border: rgb(232 200 105 / 1.0); 1115 --color-primary-button-hover-text: rgb(0 30 96 / 1.0); 1116 --color-primary-button-hover-background: rgb(212 174 82 / 1.0); 1117 --color-primary-button-hover-border: rgb(212 174 82 / 1.0); 1118 --color-secondary-button-text: rgb(0 30 96 / 1.0); 1119 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1120 --color-secondary-button-border: rgb(0 38 168 / 1.0); 1121 --color-secondary-button-hover-text: rgb(0 30 96 / 1.0); 1122 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1123 --color-secondary-button-hover-border: rgb(0 30 96 / 1.0); 1124 --color-input-background: rgb(255 255 255 / 1.0); 1125 --color-input-text: rgb(0 30 96 / 1.0); 1126 --color-input-text-rgb: 0 30 96; 1127 --color-input-border: rgb(201 209 225 / 1.0); 1128 --color-input-hover-background: rgb(240 247 244 / 1.0); 1129 --color-variant-background: rgb(255 255 255 / 1.0); 1130 --color-variant-border: rgb(201 209 225 / 1.0); 1131 --color-variant-text: rgb(0 30 96 / 1.0); 1132 --color-variant-text-rgb: 0 30 96; 1133 --color-variant-hover-background: rgb(236 236 241 / 1.0); 1134 --color-variant-hover-text: rgb(0 30 96 / 1.0); 1135 --color-variant-hover-border: rgb(167 169 180 / 1.0); 1136 --color-selected-variant-background: rgb(0 30 96 / 1.0); 1137 --color-selected-variant-border: rgb(0 30 96 / 1.0); 1138 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1139 --color-selected-variant-hover-background: rgb(0 21 71 / 1.0); 1140 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1141 --color-selected-variant-hover-border: rgb(0 21 71 / 1.0); 1142 1143 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1144 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1145 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1146 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1147 --font-h1--color: var(--color-foreground-heading); 1148 --font-h2--color: var(--color-foreground-heading); 1149 --font-h3--color: var(--color-foreground-heading); 1150 --font-h4--color: var(--color-foreground-heading); 1151 --font-h5--color: var(--color-foreground-heading); 1152 --font-h6--color: var(--color-foreground-heading); 1153 1154 /* Shadows */ 1155 1156 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1157 1158 1159 --shadow-blur: 20px; 1160 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1161 1162 } 1163 1164 1165 1166 1167 .color-scheme-5 { 1168 --color-background: rgb(51 51 51 / 1.0); 1169 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1170 --color-background-rgb: 51 51 51; 1171 --opacity-5-15: 0.15; 1172 --opacity-10-25: 0.25; 1173 --opacity-35-55: 0.55; 1174 --opacity-40-60: 0.6; 1175 --opacity-30-60: 0.6; 1176 --color-foreground: rgb(255 255 255 / 1.0); 1177 --color-foreground-rgb: 255 255 255; 1178 --color-foreground-heading: rgb(255 255 255 / 1.0); 1179 --color-foreground-heading-rgb: 255 255 255; 1180 --color-primary: rgb(255 255 255 / 1.0); 1181 --color-primary-rgb: 255 255 255; 1182 --color-primary-hover: rgb(255 255 255 / 0.69); 1183 --color-primary-hover-rgb: 255 255 255; 1184 --color-border: rgb(255 255 255 / 0.69); 1185 --color-border-rgb: 255 255 255; 1186 --color-shadow: rgb(0 0 0 / 1.0); 1187 --color-shadow-rgb: 0 0 0; 1188 --color-primary-button-text: rgb(0 0 0 / 1.0); 1189 --color-primary-button-background: rgb(255 255 255 / 1.0); 1190 --color-primary-button-border: rgb(255 255 255 / 1.0); 1191 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1192 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1193 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1194 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1195 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1196 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1197 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1198 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1199 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1200 --color-input-background: rgb(51 51 51 / 1.0); 1201 --color-input-text: rgb(255 255 255 / 0.93); 1202 --color-input-text-rgb: 255 255 255; 1203 --color-input-border: rgb(255 255 255 / 0.69); 1204 --color-input-hover-background: rgb(255 255 255 / 0.04); 1205 --color-variant-background: rgb(255 255 255 / 1.0); 1206 --color-variant-border: rgb(230 230 230 / 1.0); 1207 --color-variant-text: rgb(0 0 0 / 1.0); 1208 --color-variant-text-rgb: 0 0 0; 1209 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1210 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1211 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1212 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1213 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1214 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1215 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1216 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1217 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1218 1219 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1220 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1221 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1222 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1223 --font-h1--color: var(--color-foreground-heading); 1224 --font-h2--color: var(--color-foreground-heading); 1225 --font-h3--color: var(--color-foreground-heading); 1226 --font-h4--color: var(--color-foreground-heading); 1227 --font-h5--color: var(--color-foreground-heading); 1228 --font-h6--color: var(--color-foreground-heading); 1229 1230 /* Shadows */ 1231 1232 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1233 1234 1235 --shadow-blur: 20px; 1236 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1237 1238 } 1239 1240 1241 1242 1243 .color-scheme-6 { 1244 --color-background: rgb(0 0 0 / 0.0); 1245 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1246 --color-background-rgb: 0 0 0; 1247 --opacity-5-15: 0.15; 1248 --opacity-10-25: 0.25; 1249 --opacity-35-55: 0.55; 1250 --opacity-40-60: 0.6; 1251 --opacity-30-60: 0.6; 1252 --color-foreground: rgb(255 255 255 / 1.0); 1253 --color-foreground-rgb: 255 255 255; 1254 --color-foreground-heading: rgb(255 255 255 / 1.0); 1255 --color-foreground-heading-rgb: 255 255 255; 1256 --color-primary: rgb(255 255 255 / 1.0); 1257 --color-primary-rgb: 255 255 255; 1258 --color-primary-hover: rgb(255 255 255 / 0.69); 1259 --color-primary-hover-rgb: 255 255 255; 1260 --color-border: rgb(230 230 230 / 1.0); 1261 --color-border-rgb: 230 230 230; 1262 --color-shadow: rgb(0 0 0 / 1.0); 1263 --color-shadow-rgb: 0 0 0; 1264 --color-primary-button-text: rgb(0 0 0 / 1.0); 1265 --color-primary-button-background: rgb(255 255 255 / 1.0); 1266 --color-primary-button-border: rgb(255 255 255 / 1.0); 1267 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1268 --color-primary-button-hover
1268-background: rgb(0 0 0 / 1.0); 1269 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1270 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1271 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1272 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1273 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1274 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1275 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1276 --color-input-background: rgb(255 255 255 / 1.0); 1277 --color-input-text: rgb(0 0 0 / 0.53); 1278 --color-input-text-rgb: 0 0 0; 1279 --color-input-border: rgb(0 0 0 / 0.13); 1280 --color-input-hover-background: rgb(250 250 250 / 1.0); 1281 --color-variant-background: rgb(255 255 255 / 1.0); 1282 --color-variant-border: rgb(230 230 230 / 1.0); 1283 --color-variant-text: rgb(0 0 0 / 1.0); 1284 --color-variant-text-rgb: 0 0 0; 1285 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1286 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1287 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1288 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1289 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1290 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1291 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1292 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1293 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1294 1295 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1296 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1297 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1298 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1299 --font-h1--color: var(--color-foreground-heading); 1300 --font-h2--color: var(--color-foreground-heading); 1301 --font-h3--color: var(--color-foreground-heading); 1302 --font-h4--color: var(--color-foreground-heading); 1303 --font-h5--color: var(--color-foreground-heading); 1304 --font-h6--color: var(--color-foreground-heading); 1305 1306 /* Shadows */ 1307 1308 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1309 1310 1311 --shadow-blur: 20px; 1312 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1313 1314 } 1315 1316 1317 1318 1319 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1320 --color-background: rgb(0 0 0 / 0.0); 1321 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1322 --color-background-rgb: 0 0 0; 1323 --opacity-5-15: 0.15; 1324 --opacity-10-25: 0.25; 1325 --opacity-35-55: 0.55; 1326 --opacity-40-60: 0.6; 1327 --opacity-30-60: 0.6; 1328 --color-foreground: rgb(0 0 0 / 1.0); 1329 --color-foreground-rgb: 0 0 0; 1330 --color-foreground-heading: rgb(0 0 0 / 1.0); 1331 --color-foreground-heading-rgb: 0 0 0; 1332 --color-primary: rgb(0 0 0 / 1.0); 1333 --color-primary-rgb: 0 0 0; 1334 --color-primary-hover: rgb(0 0 0 / 0.53); 1335 --color-primary-hover-rgb: 0 0 0; 1336 --color-border: rgb(230 230 230 / 1.0); 1337 --color-border-rgb: 230 230 230; 1338 --color-shadow: rgb(0 0 0 / 1.0); 1339 --color-shadow-rgb: 0 0 0; 1340 --color-primary-button-text: rgb(255 255 255 / 1.0); 1341 --color-primary-button-background: rgb(0 0 0 / 1.0); 1342 --color-primary-button-border: rgb(0 0 0 / 1.0); 1343 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1344 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1345 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1346 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1347 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1348 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1349 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1350 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1351 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1352 --color-input-background: rgb(255 255 255 / 1.0); 1353 --color-input-text: rgb(0 0 0 / 0.53); 1354 --color-input-text-rgb: 0 0 0; 1355 --color-input-border: rgb(0 0 0 / 0.13); 1356 --color-input-hover-background: rgb(250 250 250 / 1.0); 1357 --color-variant-background: rgb(255 255 255 / 1.0); 1358 --color-variant-border: rgb(230 230 230 / 1.0); 1359 --color-variant-text: rgb(0 0 0 / 1.0); 1360 --color-variant-text-rgb: 0 0 0; 1361 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1362 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1363 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1364 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1365 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1366 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1367 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1368 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1369 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1370 1371 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1372 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1373 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1374 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1375 --font-h1--color: var(--color-foreground-heading); 1376 --font-h2--color: var(--color-foreground-heading); 1377 --font-h3--color: var(--color-foreground-heading); 1378 --font-h4--color: var(--color-foreground-heading); 1379 --font-h5--color: var(--color-foreground-heading); 1380 --font-h6--color: var(--color-foreground-heading); 1381 1382 /* Shadows */ 1383 1384 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1385 1386 1387 --shadow-blur: 20px; 1388 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1389 1390 } 1391 1392 1393 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 { 1394 color: var(--color-foreground); 1395 background-color: var(--color-background); 1396 } 1397</style> 1398 1399 1400<style data-shopify> 1401 :root { 1402 /* Sans & display: Guardian when âUse BKF Guardian fontsâ is on (assets/fonts.css); else Theme â Typography. Accent/script is always Keeper Script. */ 1403 1404 --bkf-font-sans: 'Guardian Sans Text Web', sans-serif; 1405 --bkf-font-display: 'Guardian Sans XCond Web', sans-serif; 1406 1407 --bkf-font-script: 'Keeper Script', cursive; 1408 --font-accent--family: 'Keeper Script', cursive; 1409 --font-accent--style: normal; 1410 --font-accent--weight: 400; 1411 --bkf-font-paragraph-size: var(--font-paragraph--size); 1412 --bkf-font-paragraph-line-height: var(--font-paragraph--line-height); 1413 1414 --bkf-blue: rgb(0 38 168); 1415 --bkf-blue-navy: rgb(0 30 96); 1416 --bkf-gold: rgb(232 200 105); 1417 --bkf-gold-hover: rgb(212 174 82); 1418 --bkf-gold-light: color-mix(in srgb, rgb(232 200 105) 45%, #ffffff); 1419 --bkf-white: rgb(255 255 255); 1420 --bkf-cardbg: rgb(236 236 241); 1421 --bkf-darkgray: rgb(201 209 225); 1422 1423 1424 --bkf-lightbg: rgb(240 247 244); 1425 1426 1427 --bkf-faqbg: rgb(236 236 241); 1428 1429 1430 --bkf-blue-deep: rgb(7 36 182); 1431 1432 1433 --bkf-blue-navy-hover: color-mix(in srgb, rgb(0 30 96) 85%, #000000); 1434 --bkf-gradient-gold: linear-gradient( 1435 84deg, 1436 var(--bkf-gold) 0%, 1437 var(--bkf-gold-light) 50%, 1438 var(--bkf-gold) 100% 1439 ); 1440 --bkf-gradient-fade-white-mid: color-mix(in srgb, var(--bkf-white) 92%, transparent); 1441 /* Scheme 1 primary/secondary button colors â .bkf-btn-* (see file comment) */ 1442 --bkf-primary-button-text: rgb(0 30 96 / 1.0); 1443 --bkf-primary-button-background: rgb(232 200 105 / 1.0); 1444 --bkf-primary-button-border: rgb(232 200 105 / 1.0); 1445 --bkf-primary-button-hover-text: rgb(0 30 96 / 1.0); 1446 --bkf-primary-button-hover-background: rgb(212 174 82 / 1.0); 1447 --bkf-primary-button-hover-border: rgb(212 174 82 / 1.0); 1448 --bkf-secondary-button-text: rgb(0 30 96 / 1.0); 1449 --bkf-secondary-button-background: rgb(232 200 105 / 1.0); 1450 --bkf-secondary-button-border: rgb(232 200 105 / 1.0); 1451 --bkf-secondary-button-hover-text: rgb(0 30 96 / 1.0); 1452 --bkf-secondary-button-hover-background: rgb(212 174 82 / 1.0); 1453 --bkf-secondary-button-hover-border: rgb(212 174 82 / 1.0); 1454 1455 --bkf-max-width: 1440px; 1456 --bkf-radius-sm: 8px; 1457 --bkf-radius-md: 8px; 1458 --bkf-radius-pill: 40px; 1459 /* Focus: --bkf-focus-outline* in assets/bkf-design-system.css (uses --style-border-width-primary after theme-styles-variables) */ 1460 1461 /* Dawn base.css uses --font-h1-color; theme presets use --font-h1--color */ 1462 --font-h1-color: var(--font-h1--color); 1463 --font-h2-color: var(--font-h2--color); 1464 --font-h3-color: var(--font-h3--color); 1465 --font-h4-color: var(--font-h4--color); 1466 --font-h5-color: var(--font-h5--color); 1467 --font-h6-color: var(--font-h6--color); 1468 } 1469</style> 1470 1471 1472 1473 1474 1475 <!-- Font preloads: snippets/fonts.liquid (all pages) --> 1476 1477 <!-- BKF: Global styles (colors/radii/typography from Theme settings via bkf-theme-bridge + bkf-design-system.css) --> 1478 <style> 1479 .rhubarb-mask { 1480 border-radius: 41% 59% 46% 54% / 46% 41% 59% 54%; 1481 } 1482 #header-group { 1483 display: flex !important; 1484 flex-direction: column; 1485 position: relative !important; 1486 z-index: 9999 !important; 1487 } 1488 main.content-for-layout { 1489 position: relative; 1490 z-index: 0; 1491 } 1492 #mainHeader { 1493 transition: background-color 0.3s ease, box-shadow 0.3s ease; 1494 } 1495 .slider-img { 1496 transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); 1497 } 1498 .slider-text { 1499 transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 1500 } 1501 .reveal { 1502 opacity: 0; 1503 transform: translateY(30px); 1504 transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); 1505 } 1506 .reveal.active { opacity: 1; transform: translateY(0); } 1507 .delay-100 { transition-delay: 100ms; } 1508 .delay-200 { transition-delay: 200ms; } 1509 .delay-300 { transition-delay: 300ms; } 1510 .delay-400 { transition-delay: 400ms; }
1511 @keyframes float { 1512 0% { transform: translateY(0px); } 1513 50% { transform: translateY(-10px); } 1514 100% { transform: translateY(0px); } 1515 } 1516 .animate-float { 1517 animation: float 5s ease-in-out infinite; 1518 } 1519 .blend-multiply { mix-blend-mode: multiply; } 1520 /* .bkf-btn-primary / .bkf-btn-secondary: Theme â Buttons (assets/bkf-design-system.css) */ 1521 1522 .bkf-destini-modal[hidden] { 1523 display: none; 1524 } 1525 .bkf-destini-modal { 1526 position: fixed; 1527 inset: 0; 1528 z-index: 10000; 1529 display: grid; 1530 place-items: center; 1531 padding: 5vh 1.5rem 1.5rem; 1532 } 1533 .bkf-destini-modal__backdrop { 1534 position: absolute; 1535 inset: 0; 1536 background: rgb(0 0 0 / 0.55); 1537 } 1538 .bkf-destini-modal__dialog { 1539 position: relative; 1540 z-index: 1; 1541 width: min(100%, 37.5rem); 1542 max-height: 90vh; 1543 overflow: auto; 1544 background: #fff; 1545 border-radius: 1.5rem; 1546 box-shadow: 0 20px 50px rgb(0 0 0 / 0.2); 1547 } 1548 .bkf-destini-modal__close { 1549 position: absolute; 1550 top: 0.75rem; 1551 right: 0.75rem; 1552 z-index: 2; 1553 width: 2.75rem; 1554 height: 2.75rem; 1555 border: 0; 1556 border-radius: 999px; 1557 background: rgb(0 30 96 / 0.08); 1558 color: var(--bkf-blue); 1559 font-size: 2rem; 1560 line-height: 1; 1561 cursor: pointer; 1562 } 1563 .bkf-destini-modal__close:hover, 1564 .bkf-destini-modal__close:focus-visible { 1565 background: rgb(0 30 96 / 0.14); 1566 } 1567 #destinidiv { 1568 background: #fff; 1569 width: 100%; 1570 min-height: 20rem; 1571 overflow-y: auto; 1572 padding-top: 3.5rem; 1573 } 1574 html.bkf-destini-modal-open, 1575 body.bkf-destini-modal-open { 1576 overflow: hidden; 1577 height: 100%; 1578 } 1579 </style> 1580 1581 1582 1583
1583<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1583<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/86769598498/digital_wallets/dialog"> 1584<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1584<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 1584
1584
1585<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 1585
1585
1586<script>var Shopify = Shopify || {}; 1587Shopify.shop = "ebdbarkeepersfriend.myshopify.com"; 1588Shopify.locale = "en"; 1589Shopify.currency = {"active":"USD","rate":"1.0"}; 1590Shopify.country = "US"; 1591Shopify.theme = {"name":"BKF\/main Stainless Steel change","id":190055055394,"schema_name":"Horizon","schema_version":"3.4.0","theme_store_id":null,"role":"main"}; 1592Shopify.theme.handle = "null"; 1593Shopify.theme.style = {"id":null,"handle":null}; 1594Shopify.cdnHost = "barkeepersfriend.com/cdn"; 1595Shopify.routes = Shopify.routes || {}; 1596Shopify.routes.root = "/"; 1597Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1598Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1599Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1600Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1600
1600
1601<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1601
1601
1602<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 1602
1602
1603<script> 1604 window.Shopify = window.Shopify || {}; 1605 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1606 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1607 window.Shopify.SignInWithShop.eligible = true; 1608</script>
vendor: 1 bytes, line 1608
1608
1609<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1609
1609
1610<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 1610
1610
1611<script type="module"> 1612 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1613 1614 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1615 1616</script>
vendor: 1 bytes, line 1616
1616
1617<script> 1618 window.Shopify = window.Shopify || {}; 1619 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1620 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"]}; 1621</script>
vendor: 1 bytes, line 1621
1621
1622<script>(function() { 1623 var isLoaded = false; 1624 function asyncLoad() { 1625 if (isLoaded) return; 1626 isLoaded = true; 1627 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"]; 1628 for (var i = 0; i < urls.length; i++) { 1629 var s = document.createElement('script'); 1630 s.type = 'text/javascript'; 1631 s.async = true; 1632 s.src = urls[i]; 1633 var x = document.getElementsByTagName('script')[0]; 1634 x.parentNode.insertBefore(s, x); 1635 } 1636 }; 1637 if(window.attachEvent) { 1638 window.attachEvent('onload', asyncLoad); 1639 } else { 1640 window.addEventListener('load', asyncLoad, false); 1641 } 1642})();</script>
vendor: 1 bytes, line 1642
1642
1643<script id="__st">var __st={"a":86769598498,"offset":-14400,"reqid":"a5e34c5e-3053-4585-9085-349004b1cf00-1790923315","pageurl":"barkeepersfriend.com\/pages\/contact","s":"pages-163957669922","u":"f8ad308d99e8","p":"page","rtyp":"page","rid":163957669922};</script>
vendor: 1 bytes, line 1643
1643
1644<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1644
1644
1645<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 1645
1645
1646<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 1646
1646
1647<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>
1647<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 1647
1647
1648<script> 1649 window.Shopify = window.Shopify || {}; 1650 window.Shopify.MCP = window.Shopify.MCP || {}; 1651 window.Shopify.MCP.enabled = true; 1652 window.Shopify.MCP.shop = "ebdbarkeepersfriend.myshopify.com"; 1653 window.Shopify.MCP.mcpEndpoint = "https:\/\/barkeepersfriend.com\/api\/mcp"; 1654 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"]}}]; 1655</script>
vendor: 1 bytes, line 1655
1655
1656<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=");})(); 1657</script>
vendor: 1 bytes, line 1657
1657
1658<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)}}; 1659</script>
vendor: 1 bytes, line 1659
1659
1660<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1661 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); 1662</script>
vendor: 1 bytes, line 1662
1662
1663<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})}})); 1664</script>
1664 1665<link rel="stylesheet" media="screen" href="//barkeepersfriend.com/cdn/shop/t/11/compiled_assets/styles.css?v=19853772222086214011788468110">
1666<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 1666
1666
1667<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1667 1668 <!-- BEGIN app block: shopify://apps/pandectes-gdpr/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a --> 1669 1670 1671 1672
1672<script> 1673 if (!window.pandectesRulesSettings) { 1674 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":[]}}}; 1675 const rulesScript = document.createElement('script'); 1676 1677 rulesScript.src = "https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-rules-latest.js"; 1678 1679 const firstChild = document.head.firstChild; 1680 document.head.insertBefore(rulesScript, firstChild); 1681 } 1682 </script>
1682 1683 1684 1685
1685<script defer src='https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-core-latest.js'></script>
1685 1686 1687
1687<script> 1688 (() => { 1689 const isLivePreview = locateLivePreviewParam(); 1690 let previewUrl = 'https://app.pandect.es/js/pandectes-live-site-preview.js'; 1691 1692 1693 function locateLivePreviewParam(paramName = 'pandectesLivePreview') { 1694 const fromUrl = new URLSearchParams(window.location.search).get(paramName); 1695 if (fromUrl) { 1696 try { 1697 sessionStorage.setItem(paramName, fromUrl); 1698 } catch { 1699 // storage disabled 1700 } 1701 return fromUrl; 1702 } 1703 return sessionStorage.getItem(paramName); 1704 } 1705 1706 /** Injects the preview helper script when live preview is active (URL or sessionStorage). */ 1707 function appendLivePreviewScriptIfNeeded(previewModeScriptUrl) { 1708 if (!isLivePreview) return; 1709 if (document.head.querySelector('script[data-pandectes-live-preview]')) return; 1710 const script = document.createElement('script'); 1711 script.src = previewModeScriptUrl; 1712 script.async = true; 1713 script.setAttribute('data-pandectes-live-preview', ''); 1714 document.head.appendChild(script); 1715 } 1716 1717 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
1717se 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
1717onsent 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_
1717shop_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}
1717,{"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}]}; 1718 if (isLivePreview) { 1719 if (!window.pandectesBannerSettings.store) { 1720 window.pandectesBannerSettings.store = {}; 1721 } 1722 window.pandectesBannerSettings.store.plan = 'enterprise'; 1723 } 1724 1725 function whenBodyReady(callback) { 1726 window.addEventListener('DOMContentLoaded', callback); 1727 } 1728 1729 1730 whenBodyReady(function(){ 1731 const element = document.createElement('pandectes-cmp'); 1732 element.appData = window.pandectesBannerSettings; 1733 document.body.appendChild(element); 1734 appendLivePreviewScriptIfNeeded(previewUrl); 1735 }); 1736 1737 })() 1738 </script>
1738 1739 1740 1741 1742 1743 1744 1745<!-- 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 -->
1745<script type="text/javascript"> 1746 1747 if (typeof window.formbuilder_customer != "object") { 1748 window.formbuilder_customer = {} 1749 } 1750 1751 1752 1753 window.hulkFormBuilder = { 1754 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
1754003cp\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
1754003cp\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
1754MIT","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
1754003cp\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
1754003cp\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
1754003cp\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}}, 1755 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}}, 1756 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
1756d_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"}}}, 1757 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"]}}, 1758 shop: null, 1759 shop_id: null, 1760 plan_features: null, 1761 validateDoubleQuotes: false, 1762 assets: { 1763 searchableDropdown: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/searchable-dropdown.js", 1764 extraFunctions: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/extra-functions.js", 1765 extraStyles: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/extra-styles.css", 1766 bootstrapStyles: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/theme-app-extension-bootstrap.css", 1767 }, 1768 translations: { 1769 htmlTagNotAllowed: "HTML Tags are not allowed", 1770 sqlQueryNotAllowed: "SQL Queries are not allowed", 1771 doubleQuoteNotAllowed: "Double quotes are not allowed", 1772 1773 maxTextFieldsReached: "You have added the maximum number of text fields.", 1774 1775 1776 1777 zerobounceApiErrorMsg: "We couldn\u0026#39;t verify your email due to a technical issue. Please try again later.", 1778 } 1779 1780 } 1781 1782 1783 1784 window.FbThemeAppExtSettingsHash = {} 1785 1786</script>
1786<!-- END app snippet --><!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799
1799<script async src="https://static.klaviyo.com/onsite/js/XNKBrN/klaviyo.js?company_id=XNKBrN"></script>
1799 1800
1800<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>
1800 1801 1802 1803 1804 1805 1806 1807
1807<script> 1808 window.klaviyoReviewsProductDesignMode = false 1809 </script>
1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819<!-- END app block -->
1819<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>
1819 1820<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1821<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: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1821
1821
1822<script> 1823 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1824</script>
vendor: 1 bytes, line 1824
1824
1825<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}
1825).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"]}
1825,"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":"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}]}],"purchasingCompany":null},},"https://barkeepersfriend.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"190055055394","themePublished":"true","eventMetadataId":"e6146e3e-5224-4bad-9a7b-0700450040d0","pageType":"page","resourceId":"163957669922","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>
1825<script> 1826 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1827 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1828 window.ShopifyAnalytics.meta.currency = 'USD'; 1829 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":163957669922,"requestId":"a5e34c5e-3053-4585-9085-349004b1cf00-1790923315"}}; 1830 for (var attr in meta) { 1831 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1832 } 1833</script>
vendor: 1 bytes, line 1833
1833
1834<script class="analytics"> 1835 (function () { 1836 var customDocumentWrite = function(content) { 1837 var jquery = null; 1838 1839 if (window.jQuery) { 1840 jquery = window.jQuery; 1841 } else if (window.Checkout && window.Checkout.$) { 1842 jquery = window.Checkout.$; 1843 } 1844 1845 if (jquery) { 1846 jquery('body').append(content); 1847 } 1848 }; 1849 1850 var hasLoggedConversion = function(token) { 1851 if (token) { 1852 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1853 } 1854 return false; 1855 } 1856 1857 var setCookieIfConversion = function(token) { 1858 if (token) { 1859 var twoMonthsFromNow = new Date(Date.now()); 1860 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1861 1862 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1863 } 1864 } 1865 1866 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1867 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1868 if (trekkie.integrations) { 1869 return; 1870 } 1871 trekkie.methods = [ 1872 'identify', 1873 'page', 1874 'ready', 1875 'track', 1876 'trackForm', 1877 'trackLink' 1878 ]; 1879 trekkie.factory = function(method) { 1880 return function() { 1881 var args = Array.prototype.slice.call(arguments); 1882 args.unshift(method); 1883 trekkie.push(args); 1884 if (method == 'track' || method == 'page') { 1885 var pageUrl; 1886 try { 1887 pageUrl = window.location.href; 1888 } catch (e) {} 1889 var pageReferrer; 1890 try { 1891 pageReferrer = document.referrer; 1892 } catch (e) {} 1893 try { 1894 if (window.__TREKKIE_SHIM_QUEUE == null) { 1895 window.__TREKKIE_SHIM_QUEUE = []; 1896 } 1897 window.__TREKKIE_SHIM_QUEUE.push({ 1898 from: 'trekkie-stub', 1899 method: method, 1900 args: args.slice(1), 1901 pageContext: { 1902 url: pageUrl, 1903 referrer: pageReferrer 1904 } 1905 }); 1906 } catch (e) { 1907 // no-op 1908 } 1909 } 1910 return trekkie; 1911 }; 1912 }; 1913 for (var i = 0; i < trekkie.methods.length; i++) { 1914 var key = trekkie.methods[i]; 1915 trekkie[key] = trekkie.factory(key); 1916 } 1917 trekkie.load = function(config) { 1918 trekkie.config = config || {}; 1919 trekkie.config.initialDocumentCookie = document.cookie; 1920 var first = document.getElementsByTagName('script')[0]; 1921var script = document.createElement('script'); 1922script.type = 'text/javascript'; 1923script.onerror = function(e) { 1924 var scriptFallback = document.createElement('script'); 1925 scriptFallback.type = 'text/javascript'; 1926 scriptFallback.onerror = function(error) { 1927 var Monorail = { 1928 produce: function produce(monorailDomain, schemaId, payload) { 1929 var currentMs = new Date().getTime(); 1930 var event = { 1931 schema_id: schemaId, 1932 payload: payload, 1933 metadata: { 1934 event_created_at_ms: currentMs, 1935 event_sent_at_ms: currentMs 1936 } 1937 }; 1938 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1939 }, 1940 sendRequest: function sendRequest(endpointUrl, payload) { 1941 // Try the sendBeacon API 1942 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1943 var blobData = new window.Blob([payload], { 1944 type: 'text/plain' 1945 }); 1946 1947 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1948 return true; 1949 } // sendBeacon was not successful 1950 1951 } // XHR beacon 1952 1953 var xhr = new XMLHttpRequest(); 1954 1955 try { 1956 xhr.open('POST', endpointUrl); 1957 xhr.setRequestHeader('Content-Type', 'text/plain'); 1958 xhr.send(payload); 1959 } catch (e) { 1960 console.log(e); 1961 } 1962 1963 return false; 1964 }, 1965 isIos12: function isIos12() { 1966 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1967 } 1968 }; 1969 Monorail.produce('monorail-edge.shopifysvc.com', 1970 'trekkie_storefront_load_errors/1.1', 1971 {shop_id: 86769598498, 1972 theme_id: 190055055394, 1973 app_name: "storefront", 1974 context_url: window.location.href, 1975 source_url: "//barkeepersfriend.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1976 1977 }; 1978 scriptFallback.async = true; 1979 scriptFallback.src = '//barkeepersfriend.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1980 first.parentNode.insertBefore(scriptFallback, first); 1981}; 1982script.async = true; 1983script.src = '//barkeepersfriend.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1984first.parentNode.insertBefore(script, first); 1985 1986 }; 1987 trekkie.load( 1988 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":86769598498,"isMerchantRequest":null,"themeId":190055055394,"themeCityHash":"3171528277614865342","contentLanguage":"en","currency":"USD","eventMetadataId":"e6146e3e-5224-4bad-9a7b-0700450040d0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1989 ); 1990 1991 var loaded = false;
1992 trekkie.ready(function() { 1993 if (loaded) return; 1994 loaded = true; 1995 1996 window.ShopifyAnalytics.lib = window.trekkie; 1997 1998 var originalDocumentWrite = document.write; 1999 document.write = customDocumentWrite; 2000 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2001 document.write = originalDocumentWrite; 2002 2003 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2004 var token = match? match[1]: undefined; 2005 if (!hasLoggedConversion(token)) { 2006 setCookieIfConversion(token); 2007 2008 } 2009 }); 2010 2011 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":163957669922,"requestId":"a5e34c5e-3053-4585-9085-349004b1cf00-1790923315","shopifyEmitted":true}); 2012 2013 var eventsListenerScript = document.createElement('script'); 2014 eventsListenerScript.async = true; 2015 eventsListenerScript.src = "//barkeepersfriend.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2016 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2017})();</script>
vendor: 1 bytes, line 2017
2017
2018<script 2019 defer 2020 src="https://barkeepersfriend.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 2021 data-application="storefront-renderer" 2022 data-shop-id="86769598498" 2023 data-render-region="gcp-us-central1" 2024 data-page-type="page" 2025 data-theme-instance-id="190055055394" 2026 data-theme-name="Horizon" 2027 data-theme-version="3.4.0" 2028 data-monorail-region="shop_domain" 2029 data-resource-timing-sampling-rate="10" 2030 data-shs="true" 2031 data-shs-beacon="true" 2032 data-shs-export-with-fetch="true" 2033 data-shs-logs-sample-rate="1" 2034 data-shs-beacon-endpoint="https://barkeepersfriend.com/api/collect" 2035></script>
2035 2036<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822480915000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790925115000"><meta name="new-cookie-storage-activated" content="t"> 2037</head> 2038 2039 <body class="page-width-normal card-hover-effect-none"> 2040 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 2040-2041
2040 2041 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2041GTM-NHN88RHR
vendor: 87 bytes, lines 2041-2042
2041" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2042
2042<!-- End Google Tag Manager (noscript) --> 2043 <a 2044 class="skip-to-content-link button-secondary" 2045 href="#MainContent" 2046> 2047 Skip to content 2048</a> 2049 2050 2051 2052 2053 2054 2055 2056 <div id="header-group"> 2057 <!-- BEGIN sections: header-group --> 2058<div id="shopify-section-sections--28046235271202__bkf_header" class="shopify-section shopify-section-group-header-group section-wrapper"> 2059 2060 2061<header 2062 class="bkf-header" 2063 id="mainHeader-sections--28046235271202__bkf_header" 2064 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;" 2065 data-bkf-header 2066 data-section-id="sections--28046235271202__bkf_header" 2067> 2068 <div class="bkf-header__inner"> 2069 <div class="bkf-header__start"> 2070 <div class="bkf-header__brand"> 2071 <a href="/" class="bkf-header__logo"> 2072 2073 <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"> 2074 2075 </a> 2076 </div> 2077 2078 <nav class="bkf-header__nav" aria-label="Primary"> 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 <div class="bkf-header__nav-item bkf-header__nav-item--has-submenu" data-bkf-submenu> 2095 <a 2096 href="/collections/all" 2097 class="bkf-header__nav-link" 2098 2099 aria-expanded="false" 2100 aria-haspopup="true" 2101 aria-controls="bkf-submenu-sections--28046235271202__bkf_header-1" 2102 id="bkf-submenu-trigger-sections--28046235271202__bkf_header-1" 2103 > 2104 shop products 2105 </a> 2106 <div 2107 class="bkf-header__submenu" 2108 id="bkf-submenu-sections--28046235271202__bkf_header-1" 2109 aria-labelledby="bkf-submenu-trigger-sections--28046235271202__bkf_header-1" 2110 > 2111 <div class="bkf-header__submenu-inner"> 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 <div class="bkf-header__submenu-tabs" data-bkf-submenu-tabs> 2124 <div class="bkf-header__submenu-tablist" role="tablist"> 2125 2126 <button 2127 type="button" 2128 class="bkf-header__submenu-tab bkf-header__submenu-tab--active" 2129 role="tab" 2130 aria-selected="true" 2131 tabindex="0" 2132 aria-controls="bkf-submenu-panel-sections--28046235271202__bkf_header-1-0" 2133 id="bkf-submenu-tab-sections--28046235271202__bkf_header-1-0" 2134 data-bkf-submenu-tab 2135 > 2136 Shop by Surface 2137 </button> 2138 2139 <button 2140 type="button" 2141 class="bkf-header__submenu-tab " 2142 role="tab" 2143 aria-selected="false" 2144 tabindex="-1" 2145 aria-controls="bkf-submenu-panel-sections--28046235271202__bkf_header-1-1" 2146 id="bkf-submenu-tab-sections--28046235271202__bkf_header-1-1" 2147 data-bkf-submenu-tab 2148 > 2149 Shop by Rooms 2150 </button> 2151 2152 </div> 2153 2154 2155 <div 2156 class="bkf-header__submenu-panel bkf-header__submenu-panel--active" 2157 id="bkf-submenu-panel-sections--28046235271202__bkf_header-1-0" 2158 role="tabpanel" 2159 aria-labelledby="bkf-submenu-tab-sections--28046235271202__bkf_header-1-0" 2160 2161 >
2162 <div class="bkf-header__submenu-grid"> 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 <a 2174 href="/collections/stainless-steel" 2175 class="bkf-header__submenu-card" 2176 2177 > 2178 2179 <span class="bkf-header__submenu-card-text">Stainless Steel</span> 2180 2181 2182 <span class="bkf-header__submenu-card-img"> 2183 <img src="//barkeepersfriend.com/cdn/shop/files/Mask_group_4.png?v=1775064673&width=200" alt="Stainless Steel" width="100" height="80" loading="lazy"> 2184 </span> 2185 2186 </a> 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 <a 2224 href="/collections/copper-brass" 2225 class="bkf-header__submenu-card" 2226 2227 > 2228 2229 <span class="bkf-header__submenu-card-text">Copper & Brass</span> 2230 2231 2232 <span class="bkf-header__submenu-card-img"> 2233 <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"> 2234 </span> 2235 2236 </a> 2237 2238 2239 2240 2241 2242 2243 2244 2245 <a 2246 href="/collections/ceramic" 2247 class="bkf-header__submenu-card" 2248 2249 > 2250 2251 <span class="bkf-header__submenu-card-text">Ceramic</span> 2252 2253 2254 <span class="bkf-header__submenu-card-img"> 2255 <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"> 2256 </span> 2257 2258 </a> 2259 2260 2261 2262 2263 2264 2265 2266 2267 <a 2268 href="/collections/porcelain" 2269 class="bkf-header__submenu-card" 2270 2271 > 2272 2273 <span class="bkf-header__submenu-card-text">Porcelain</span> 2274 2275 2276 <span class="bkf-header__submenu-card-img"> 2277 <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"> 2278 </span> 2279 2280 </a> 2281 2282 2283 2284 2285 2286 2287 2288 2289 <a 2290 href="/collections/tile" 2291 class="bkf-header__submenu-card" 2292 2293 > 2294 2295 <span class="bkf-header__submenu-card-text">Tile</span> 2296 2297 2298 <span class="bkf-header__submenu-card-img"> 2299 <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"> 2300 </span> 2301 2302 </a> 2303 2304 2305 2306 2307 2308 2309 2310 2311 <a 2312 href="/collections/glass-fiberglass" 2313 class="bkf-header__submenu-card" 2314 2315 > 2316
2317 <span class="bkf-header__submenu-card-text">Glass & Fiberglass</span> 2318 2319 2320 <span class="bkf-header__submenu-card-img"> 2321 <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"> 2322 </span> 2323 2324 </a> 2325 2326 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 </div> 2405 </div> 2406 2407 <div 2408 class="bkf-header__submenu-panel " 2409 id="bkf-submenu-panel-sections--28046235271202__bkf_header-1-1" 2410 role="tabpanel" 2411 aria-labelledby="bkf-submenu-tab-sections--28046235271202__bkf_header-1-1" 2412 hidden 2413 >
2414 <div class="bkf-header__submenu-grid"> 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 <a 2433 href="/collections/kitchen" 2434 class="bkf-header__submenu-card" 2435 2436 > 2437 2438 <span class="bkf-header__submenu-card-text">Kitchen</span> 2439 2440 2441 <span class="bkf-header__submenu-card-img"> 2442 <img src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=200" alt="Kitchen" width="100" height="80" loading="lazy"> 2443 </span> 2444 2445 </a> 2446 2447 2448 2449 2450 2451 2452 2453 2454 <a 2455 href="/collections/bathroom" 2456 class="bkf-header__submenu-card" 2457 2458 > 2459 2460 <span class="bkf-header__submenu-card-text">Bathroom</span> 2461 2462 2463 <span class="bkf-header__submenu-card-img"> 2464 <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"> 2465 </span> 2466 2467 </a> 2468 2469 2470 2471 2472 2473 2474 2475 2476 <a 2477 href="/collections/restoration" 2478 class="bkf-header__submenu-card" 2479 2480 > 2481 2482 <span class="bkf-header__submenu-card-text">Restoration</span> 2483 2484 2485 <span class="bkf-header__submenu-card-img"> 2486 <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"> 2487 </span> 2488 2489 </a> 2490 2491 2492 2493 2494 2495 2496 2497 2498 <a 2499 href="/collections/outdoor-garage" 2500 class="bkf-header__submenu-card" 2501 2502 > 2503 2504 <span class="bkf-header__submenu-card-text">Outdoor & Garage</span> 2505 2506 2507 <span class="bkf-header__submenu-card-img"> 2508 <img src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=200" alt="Outdoor & Garage" width="100" height="80" loading="lazy"> 2509 </span> 2510 2511 </a> 2512 2513 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 </div> 2627 </div> 2628 2629 2630 <div class="bkf-header__submenu-buttons bkf-header__submenu-buttons--tabbed"> 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 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 <a 2695 href="/collections/all" 2696 class="bkf-btn-secondary bkf-btn--navy-pill bkf-header__submenu-btn bkf-header__submenu-btn" 2697 2698 >Shop All</a> 2699 2700 2701 2702 2703</div> 2704 2705 </div> 2706 2707 2708 </div> 2709 </div> 2710 </div> 2711 2712 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 <div class="bkf-header__nav-item bkf-header__nav-item--has-submenu" data-bkf-submenu> 2787 <a 2788 href="#" 2789 class="bkf-header__nav-link" 2790 2791 aria-expanded="false" 2792 aria-haspopup="true" 2793 aria-controls="bkf-submenu-sections--28046235271202__bkf_header-2" 2794 id="bkf-submenu-trigger-sections--28046235271202__bkf_header-2" 2795 > 2796 how to clean 2797 </a> 2798 <div 2799 class="bkf-header__submenu" 2800 id="bkf-submenu-sections--28046235271202__bkf_header-2" 2801 aria-labelledby="bkf-submenu-trigger-sections--28046235271202__bkf_header-2" 2802 > 2803 <div class="bkf-header__submenu-inner"> 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 <div class="bkf-header__submenu-flat"> 2816 2817 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 <a 2881 href="/pages/how-to-clean/kitchen" 2882 class="bkf-header__submenu-link" 2883 2884 > 2885
2886 <span class="bkf-header__submenu-link-text">KITCHEN</span> 2887 2888 2889 <span class="bkf-header__submenu-link-img"> 2890 <img 2891 src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=200" 2892 alt="KITCHEN" 2893 width="100" 2894 height="80" 2895 loading="lazy" 2896 > 2897 </span> 2898 2899 </a> 2900 2901 2902 2903 2904 2905 2906 2907 2908 <a 2909 href="/pages/how-to-clean/bathroom" 2910 class="bkf-header__submenu-link" 2911 2912 > 2913 2914 <span class="bkf-header__submenu-link-text">BATHROOM</span> 2915 2916 2917 <span class="bkf-header__submenu-link-img"> 2918 <img 2919 src="//barkeepersfriend.com/cdn/shop/files/bathroom-thumb_f42c4ae6-9935-444e-b5ed-8d78137d6a3b.jpg?v=1778192490&width=200" 2920 alt="BATHROOM" 2921 width="100" 2922 height="80" 2923 loading="lazy" 2924 > 2925 </span> 2926 2927 </a> 2928 2929 2930 2931 2932 2933 2934 2935 2936 <a 2937 href="/pages/how-to-clean/restoration" 2938 class="bkf-header__submenu-link" 2939 2940 > 2941 2942 <span class="bkf-header__submenu-link-text">RESTORATION</span> 2943 2944 2945 <span class="bkf-header__submenu-link-img"> 2946 <img 2947 src="//barkeepersfriend.com/cdn/shop/files/Mask_group_ce26d0e1-f038-4f8c-916c-d70f164d0f2c.png?v=1782244640&width=200" 2948 alt="RESTORATION" 2949 width="100" 2950 height="80" 2951 loading="lazy" 2952 > 2953 </span> 2954 2955 </a> 2956 2957 2958 2959 2960 2961 2962 2963 2964 <a 2965 href="/pages/how-to-clean/outdoor-and-garage" 2966 class="bkf-header__submenu-link" 2967 2968 > 2969 2970 <span class="bkf-header__submenu-link-text">OUTDOOR & GARAGE</span> 2971 2972 2973 <span class="bkf-header__submenu-link-img"> 2974 <img 2975 src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=200" 2976 alt="OUTDOOR & GARAGE" 2977 width="100" 2978 height="80" 2979 loading="lazy" 2980 > 2981 </span> 2982 2983 </a> 2984 2985 2986 2987 2988 2989 2990 2991 2992 <a 2993 href="/pages/before-after" 2994 class="bkf-header__submenu-link" 2995 2996 > 2997 2998 <span class="bkf-header__submenu-link-text">Before & After</span> 2999 3000 3001 <span class="bkf-header__submenu-link-img"> 3002 <img 3003 src="//barkeepersfriend.com/cdn/shop/files/before-after.webp?v=1775611727&width=200" 3004 alt="Before & After" 3005 width="100" 3006 height="80" 3007 loading="lazy" 3008 > 3009 </span> 3010 3011 </a> 3012 3013 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 <div class="bkf-header__submenu-buttons"> 3048 3049 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 <a 3082 href="/collections/all" 3083 class="bkf-btn-secondary bkf-btn--navy-pill bkf-header__submenu-btn bkf-header__submenu-btn" 3084 3085 >Shop All</a> 3086 3087 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</div> 3121 3122 </div> 3123 3124 3125 </div> 3126 </div> 3127 </div> 3128 3129 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 <div class="bkf-header__nav-item bkf-header__nav-item--has-submenu" data-bkf-submenu> 3240 <a 3241 href="/pages/about" 3242 class="bkf-header__nav-link" 3243 3244 aria-expanded="false" 3245 aria-haspopup="true" 3246 aria-controls="bkf-submenu-sections--28046235271202__bkf_header-3" 3247 id="bkf-submenu-trigger-sections--28046235271202__bkf_header-3" 3248 > 3249 about us 3250 </a> 3251 <div 3252 class="bkf-header__submenu" 3253 id="bkf-submenu-sections--28046235271202__bkf_header-3" 3254 aria-labelledby="bkf-submenu-trigger-sections--28046235271202__bkf_header-3" 3255 > 3256 <div class="bkf-header__submenu-inner"> 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 <div class="bkf-header__submenu-flat"> 3269 3270 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 <a 3361 href="/pages/about" 3362 class="bkf-header__submenu-link" 3363 3364 > 3365
3366 <span class="bkf-header__submenu-link-text">Our Story</span> 3367 3368 3369 </a> 3370 3371 3372 3373 3374 3375 3376 3377 3378 <a 3379 href="/pages/faq" 3380 class="bkf-header__submenu-link" 3381 3382 > 3383 3384 <span class="bkf-header__submenu-link-text">FAQs</span> 3385 3386 3387 </a> 3388 3389 3390 3391 3392 3393 3394 3395 3396 <a 3397 href="/pages/sustainability" 3398 class="bkf-header__submenu-link" 3399 3400 > 3401 3402 <span class="bkf-header__submenu-link-text">Environmental Stewardship</span> 3403 3404 3405 </a> 3406 3407 3408 3409 3410 3411 3412 3413 3414 <a 3415 href="/pages/press-endorsements" 3416 class="bkf-header__submenu-link" 3417 3418 > 3419 3420 <span class="bkf-header__submenu-link-text">Press</span> 3421 3422 3423 </a> 3424 3425 3426 3427 3428 3429 3430 3431 3432 <a 3433 href="/blogs/bar-keepers-blog" 3434 class="bkf-header__submenu-link" 3435 3436 > 3437 3438 <span class="bkf-header__submenu-link-text">Blog</span> 3439 3440 3441 </a> 3442 3443 3444 3445 3446 3447 3448 3449 3450 <div class="bkf-header__submenu-buttons"> 3451 3452 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 <a 3500 href="/collections/all" 3501 class="bkf-btn-secondary bkf-btn--navy-pill bkf-header__submenu-btn bkf-header__submenu-btn" 3502 3503 >Shop All</a> 3504 3505 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523</div> 3524 3525 </div> 3526 3527 3528 </div> 3529 </div> 3530 </div> 3531 3532 3533 3534 </nav> 3535 </div> 3536 3537 <div class="bkf-header__actions"> 3538 3539 <form 3540 action="/search" 3541 method="get" 3542 class="bkf-header__search" 3543 role="search" 3544 data-bkf-predictive="desktop" 3545 data-listbox-id="bkf-predictive-listbox-desk-sections--28046235271202__bkf_header" 3546 > 3547 <input type="hidden" name="options[prefix]" value="last"> 3548 <input type="hidden" name="type" value="product,page,article"> 3549 <label for="bkf-header-search-sections--28046235271202__bkf_header" class="bkf-header__sr-only">Search</label> 3550 <div class="bkf-header__search-field"> 3551 <input 3552 type="search" 3553 id="bkf-header-search-sections--28046235271202__bkf_header" 3554 name="q" 3555 placeholder="Search" 3556 class="bkf-header__search-input" 3557 aria-label="Search" 3558 role="combobox" 3559 aria-autocomplete="list" 3560 aria-controls="bkf-predictive-listbox-desk-sections--28046235271202__bkf_header" 3561 aria-expanded="false" 3562 autocomplete="off" 3563 autocorrect="off" 3564 autocapitalize="off" 3565 spellcheck="false" 3566 data-bkf-predictive-input 3567 > 3568 <button 3569 type="button" 3570 class="bkf-header__search-clear" 3571 data-bkf-predictive-reset 3572 hidden 3573 aria-label="Clear" 3574 > 3575 Ã 3576 </button> 3577 </div> 3578 <div 3579 class="bkf-header__predictive-dropdown" 3580 data-bkf-predictive-results 3581 id="bkf-predictive-panel-desk-sections--28046235271202__bkf_header" 3582 hidden 3583 ></div> 3584 <span class="bkf-header__sr-only" role="status" aria-live="polite" data-bkf-predictive-live></span> 3585 </form> 3586 3587 3588 <a href="/pages/where-to-buy" class="bkf-header__cta"> 3589 Find in store 3590 </a> 3591 3592 </div> 3593 3594 <div class="bkf-header__mobile-actions"> 3595 3596 <div class="bkf-header__mobile-search" data-bkf-mobile-search-form> 3597 <button 3598 type="button" 3599 class="bkf-header__mobile-search-toggle" 3600 aria-expanded="false" 3601 aria-controls="bkf-mobile-search-overlay-sections--28046235271202__bkf_header-header" 3602 data-bkf-mobile-search-toggle 3603 aria-label="Search" 3604 > 3605 <span class="bkf-header__mobile-search-icon" aria-hidden="true"> 3606 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 3607 <circle cx="11" cy="11" r="8"/> 3608 <line x1="21" y1="21" x2="16.65" y2="16.65"/> 3609 </svg> 3610 </span> 3611 </button> 3612 <div 3613 id="bkf-mobile-search-overlay-sections--28046235271202__bkf_header-header" 3614 class="bkf-header__mobile-search-overlay" 3615 data-bkf-mobile-search-overlay 3616 role="dialog" 3617 aria-modal="true" 3618 aria-hidden="true" 3619 aria-labelledby="bkf-mobile-search-heading-sections--28046235271202__bkf_header-header" 3620 > 3621 <button 3622 type="button" 3623 class="bkf-header__mobile-search-backdrop" 3624 tabindex="-1" 3625 aria-hidden="true" 3626 data-bkf-mobile-search-backdrop 3627 ></button> 3628 <form 3629 action="/search" 3630 method="get" 3631 class="bkf-header__mobile-search-panel-form" 3632 role="search" 3633 data-bkf-predictive="mobile" 3634 data-listbox-id="bkf-predictive-listbox-mob-sections--28046235271202__bkf_header-header" 3635 > 3636 <input type="hidden" name="options[prefix]" value="last"> 3637 <input type="hidden" name="type" value="product,page,article"> 3638 <h2 id="bkf-mobile-search-heading-sections--28046235271202__bkf_header-header" class="bkf-header__sr-only"> 3639 Search 3640 </h2> 3641 <div class="bkf-header__mobile-search-top"> 3642 <button 3643 type="button" 3644 class="bkf-header__mobile-search-close" 3645 data-bkf-mobile-search-close 3646 aria-label="Close" 3647 >
3648 <span class="bkf-header__mobile-search-close-icon" aria-hidden="true"> 3649 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> 3650 <line x1="18" y1="6" x2="6" y2="18"/> 3651 <line x1="6" y1="6" x2="18" y2="18"/> 3652 </svg> 3653 </span> 3654 </button> 3655 <input 3656 type="search" 3657 id="bkf-mobile-search-sections--28046235271202__bkf_header-header" 3658 name="q" 3659 placeholder="Search" 3660 class="bkf-header__mobile-search-input" 3661 enterkeyhint="search" 3662 autocomplete="off" 3663 autocorrect="off" 3664 autocapitalize="off" 3665 spellcheck="false" 3666 tabindex="-1" 3667 aria-label="Search" 3668 role="combobox" 3669 aria-autocomplete="list" 3670 aria-controls="bkf-predictive-listbox-mob-sections--28046235271202__bkf_header-header" 3671 aria-expanded="false" 3672 data-bkf-predictive-input 3673 > 3674 <button 3675 type="button" 3676 class="bkf-header__mobile-search-clear" 3677 data-bkf-predictive-reset 3678 hidden 3679 aria-label="Clear" 3680 > 3681 Ã 3682 </button> 3683 </div> 3684 <div 3685 class="bkf-header__mobile-predictive-dropdown" 3686 data-bkf-predictive-results 3687 id="bkf-predictive-panel-mob-sections--28046235271202__bkf_header-header" 3688 hidden 3689 ></div> 3690 <span class="bkf-header__sr-only" role="status" aria-live="polite" data-bkf-predictive-live></span> 3691 </form> 3692 </div> 3693</div> 3694 3695 3696 <button 3697 type="button" 3698 class="bkf-header__mobile-toggle" 3699 aria-label="Menu" 3700 aria-expanded="false" 3701 aria-controls="bkf-mobile-menu-sections--28046235271202__bkf_header" 3702 data-bkf-mobile-menu 3703 > 3704 <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> 3705 </button> 3706 </div> 3707 </div> 3708 3709 <div 3710 class="bkf-header__mobile-menu" 3711 id="bkf-mobile-menu-sections--28046235271202__bkf_header" 3712 role="dialog" 3713 aria-modal="true" 3714 aria-hidden="true" 3715 aria-label="Menu" 3716 > 3717 <div class="bkf-header__mobile-menu-topbar"> 3718 <div class="bkf-header__mobile-menu-logo"> 3719 3720 <a 3721 href="/" 3722 class="bkf-header__mobile-menu-logo-link" 3723 > 3724 <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"> 3725 </a> 3726 3727 </div> 3728 <div class="bkf-header__mobile-menu-actions"> 3729 <button 3730 type="button" 3731 class="bkf-header__mobile-menu-close" 3732 aria-label="Close" 3733 data-bkf-mobile-menu-close 3734 > 3735 <div class="bkf-header__mobile-menu-close-icon"> 3736 <div class="bkf-header__mobile-menu-close-line"></div> 3737 <div class="bkf-header__mobile-menu-close-line"></div> 3738 </div> 3739 </button> 3740 </div> 3741 </div> 3742 3743 <div class="bkf-header__mobile-menu-inner"> 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 <div class="bkf-header__mobile-menu-item-group bkf-header__mobile-menu-item-group--tabbed" data-bkf-mobile-parent-label="shop products"> 3759 3760 3761 3762 <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu data-expanded data-bkf-mobile-default-open> 3763 <button 3764 type="button" 3765 class="bkf-header__mobile-menu-trigger bkf-header__mobile-menu-trigger--active" 3766 aria-expanded="true" 3767 aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-1" 3768 id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-1" 3769 data-bkf-mobile-submenu-trigger 3770 > 3771 Shop by Surface 3772 <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> 3773 <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> 3774 </button> 3775 <div 3776 class="bkf-header__mobile-menu-submenu" 3777 id="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-1" 3778 aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-1" 3779 aria-hidden="false" 3780 3781 > 3782 <div class="bkf-header__mobile-menu-submenu-inner"> 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 <a href="/collections/stainless-steel" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3794 <span class="bkf-header__mobile-menu-link-text">Stainless Steel</span> 3795 3796 <span class="bkf-header__mobile-menu-link-img"> 3797 <img src="//barkeepersfriend.com/cdn/shop/files/Mask_group_4.png?v=1775064673&width=110" alt="Stainless Steel" width="110" height="86" loading="lazy"> 3798 </span> 3799 3800 </a> 3801 3802 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 <a href="/collections/copper-brass" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 3833 <span class="bkf-header__mobile-menu-link-text">Copper & Brass</span> 3834 3835 <span class="bkf-header__mobile-menu-link-img"> 3836 <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"> 3837 </span> 3838 3839 </a> 3840 3841 3842 3843 3844 3845 3846 3847 <a href="/collections/ceramic" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 3848 <span class="bkf-header__mobile-menu-link-text">Ceramic</span> 3849 3850 <span class="bkf-header__mobile-menu-link-img"> 3851 <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"> 3852 </span> 3853 3854 </a> 3855 3856 3857 3858 3859 3860 3861 3862 <a href="/collections/porcelain" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 3863 <span class="bkf-header__mobile-menu-link-text">Porcelain</span> 3864 3865 <span class="bkf-header__mobile-menu-link-img"> 3866 <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"> 3867 </span> 3868 3869 </a> 3870 3871 3872 3873 3874 3875 3876 3877 <a href="/collections/tile" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
3878 <span class="bkf-header__mobile-menu-link-text">Tile</span> 3879 3880 <span class="bkf-header__mobile-menu-link-img"> 3881 <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"> 3882 </span> 3883 3884 </a> 3885 3886 3887 3888 3889 3890 3891 3892 <a href="/collections/glass-fiberglass" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 3893 <span class="bkf-header__mobile-menu-link-text">Glass & Fiberglass</span> 3894 3895 <span class="bkf-header__mobile-menu-link-img"> 3896 <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"> 3897 </span> 3898 3899 </a> 3900 3901 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 <a href="/collections/all" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 3973 <span class="bkf-header__mobile-menu-link-text">Shop All</span> 3974 </a> 3975 3976 </div> 3977 </div> 3978 </div> 3979 3980 3981 3982 <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu> 3983 <button 3984 type="button" 3985 class="bkf-header__mobile-menu-trigger" 3986 aria-expanded="false" 3987 aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-2" 3988 id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-2" 3989 data-bkf-mobile-submenu-trigger 3990 > 3991 Shop by Rooms 3992 <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> 3993 <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> 3994 </button> 3995 <div 3996 class="bkf-header__mobile-menu-submenu" 3997 id="bkf-mobile-submenu-sections--28046235271202__bkf_header-1-2" 3998 aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-1-2" 3999 aria-hidden="true" 4000 inert 4001 > 4002 <div class="bkf-header__mobile-menu-submenu-inner"> 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 <a href="/collections/kitchen" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4020 <span class="bkf-header__mobile-menu-link-text">Kitchen</span> 4021 4022 <span class="bkf-header__mobile-menu-link-img"> 4023 <img src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=110" alt="Kitchen" width="110" height="86" loading="lazy"> 4024 </span> 4025 4026 </a> 4027 4028 4029 4030 4031 4032 4033 4034 <a href="/collections/bathroom" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4035 <span class="bkf-header__mobile-menu-link-text">Bathroom</span> 4036 4037 <span class="bkf-header__mobile-menu-link-img"> 4038 <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"> 4039 </span> 4040 4041 </a> 4042 4043 4044 4045 4046 4047 4048 4049 <a href="/collections/restoration" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4050 <span class="bkf-header__mobile-menu-link-text">Restoration</span> 4051 4052 <span class="bkf-header__mobile-menu-link-img"> 4053 <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"> 4054 </span> 4055 4056 </a> 4057 4058 4059 4060 4061 4062 4063 4064 <a href="/collections/outdoor-garage" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4065 <span class="bkf-header__mobile-menu-link-text">Outdoor & Garage</span> 4066 4067 <span class="bkf-header__mobile-menu-link-img"> 4068 <img src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=110" alt="Outdoor & Garage" width="110" height="86" loading="lazy"> 4069 </span> 4070 4071 </a> 4072 4073 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 <a href="/collections/all" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4175 <span class="bkf-header__mobile-menu-link-text">Shop All</span> 4176 </a> 4177 4178 </div> 4179 </div> 4180 </div> 4181 4182 </div> 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu> 4199 <button 4200 type="button" 4201 class="bkf-header__mobile-menu-trigger" 4202 aria-expanded="false" 4203 aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-2" 4204 id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-2" 4205 data-bkf-mobile-submenu-trigger 4206 > 4207 how to clean 4208 <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> 4209 <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> 4210 </button> 4211 <div 4212 class="bkf-header__mobile-menu-submenu" 4213 id="bkf-mobile-submenu-sections--28046235271202__bkf_header-2" 4214 aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-2" 4215 aria-hidden="true" 4216 inert 4217 > 4218 <div class="bkf-header__mobile-menu-submenu-inner"> 4219 4220 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 <a href="/pages/how-to-clean/kitchen" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4280 <span class="bkf-header__mobile-menu-link-text">KITCHEN</span> 4281 4282 <span class="bkf-header__mobile-menu-link-img"> 4283 <img src="//barkeepersfriend.com/cdn/shop/files/kitchen-thumb.jpg?v=1775593390&width=110" alt="KITCHEN" width="110" height="86" loading="lazy"> 4284 </span> 4285 4286 </a> 4287 4288 4289 4290 4291 4292 4293 <a href="/pages/how-to-clean/bathroom" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4294 <span class="bkf-header__mobile-menu-link-text">BATHROOM</span> 4295 4296 <span class="bkf-header__mobile-menu-link-img"> 4297 <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"> 4298 </span> 4299 4300 </a> 4301 4302 4303 4304 4305 4306 4307 <a href="/pages/how-to-clean/restoration" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4308 <span class="bkf-header__mobile-menu-link-text">RESTORATION</span> 4309 4310 <span class="bkf-header__mobile-menu-link-img"> 4311 <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"> 4312 </span> 4313 4314 </a> 4315 4316 4317 4318 4319 4320 4321 <a href="/pages/how-to-clean/outdoor-and-garage" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4322 <span class="bkf-header__mobile-menu-link-text">OUTDOOR & GARAGE</span> 4323 4324 <span class="bkf-header__mobile-menu-link-img"> 4325 <img src="//barkeepersfriend.com/cdn/shop/files/garage-thumb.png?v=1774545952&width=110" alt="OUTDOOR & GARAGE" width="110" height="86" loading="lazy"> 4326 </span> 4327 4328 </a> 4329 4330 4331 4332 4333 4334 4335 <a href="/pages/before-after" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4336 <span class="bkf-header__mobile-menu-link-text">Before & After</span> 4337 4338 <span class="bkf-header__mobile-menu-link-img"> 4339 <img src="//barkeepersfriend.com/cdn/shop/files/before-after.webp?v=1775611727&width=110" alt="Before & After" width="110" height="86" loading="lazy"> 4340 </span> 4341 4342 </a> 4343 4344 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 </div> 4376 </div> 4377 </div> 4378 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 <div class="bkf-header__mobile-menu-item" data-bkf-mobile-submenu> 4394 <button 4395 type="button" 4396 class="bkf-header__mobile-menu-trigger" 4397 aria-expanded="false" 4398 aria-controls="bkf-mobile-submenu-sections--28046235271202__bkf_header-3" 4399 id="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-3" 4400 data-bkf-mobile-submenu-trigger 4401 > 4402 about us 4403 <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> 4404 <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> 4405 </button> 4406 <div 4407 class="bkf-header__mobile-menu-submenu" 4408 id="bkf-mobile-submenu-sections--28046235271202__bkf_header-3" 4409 aria-labelledby="bkf-mobile-submenu-trigger-sections--28046235271202__bkf_header-3" 4410 aria-hidden="true" 4411 inert 4412 > 4413 <div class="bkf-header__mobile-menu-submenu-inner"> 4414 4415 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 <a href="/pages/about" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card">
4502 <span class="bkf-header__mobile-menu-link-text">Our Story</span> 4503 4504 </a> 4505 4506 4507 4508 4509 4510 4511 <a href="/pages/faq" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4512 <span class="bkf-header__mobile-menu-link-text">FAQs</span> 4513 4514 </a> 4515 4516 4517 4518 4519 4520 4521 <a href="/pages/sustainability" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4522 <span class="bkf-header__mobile-menu-link-text">Environmental Stewardship</span> 4523 4524 </a> 4525 4526 4527 4528 4529 4530 4531 <a href="/pages/press-endorsements" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4532 <span class="bkf-header__mobile-menu-link-text">Press</span> 4533 4534 </a> 4535 4536 4537 4538 4539 4540 4541 <a href="/blogs/bar-keepers-blog" class="bkf-header__mobile-menu-link bkf-header__mobile-menu-link--card"> 4542 <span class="bkf-header__mobile-menu-link-text">Blog</span> 4543 4544 </a> 4545 4546 4547 4548 4549 4550 </div> 4551 </div> 4552 </div> 4553 4554 4555 4556 4557 </div> 4558 </div> 4559</header> 4560 4561 4562
4563<script> 4564 (function() { 4565 const header = document.querySelector('[data-bkf-header][data-section-id="sections--28046235271202__bkf_header"]'); 4566 if (!header || header.dataset.bkfHeaderInitialized === 'true') return; 4567 header.dataset.bkfHeaderInitialized = 'true'; 4568 4569 let previousBodyOverflow = ''; 4570 4571 function closeAllSubmenus() { 4572 header.querySelectorAll('[data-bkf-submenu][data-submenu-open]').forEach(function(item) { 4573 item.removeAttribute('data-submenu-open'); 4574 const trigger = item.querySelector('[aria-haspopup="true"]'); 4575 if (trigger) trigger.setAttribute('aria-expanded', 'false'); 4576 }); 4577 } 4578 4579 header.querySelectorAll('[data-bkf-submenu-tabs]').forEach(function(container) { 4580 const tablist = container.querySelector('.bkf-header__submenu-tablist'); 4581 const tabs = container.querySelectorAll('[data-bkf-submenu-tab]'); 4582 const panels = container.querySelectorAll('.bkf-header__submenu-panel'); 4583 4584 function activateTab(index) { 4585 tabs.forEach(function(t, i) { 4586 const isActive = i === index; 4587 t.classList.toggle('bkf-header__submenu-tab--active', isActive); 4588 t.setAttribute('aria-selected', isActive ? 'true' : 'false'); 4589 t.setAttribute('tabindex', isActive ? '0' : '-1'); 4590 if (panels[i]) panels[i].toggleAttribute('hidden', !isActive); 4591 }); 4592 } 4593
4594 tabs.forEach(function(tab, i) { 4595 tab.addEventListener('click', function() { activateTab(i); }); 4596 }); 4597 4598 if (tablist) { 4599 tablist.addEventListener('keydown', function(e) { 4600 const idx = Array.from(tabs).indexOf(document.activeElement); 4601 if (idx === -1) return; 4602 let next = idx; 4603 if (e.key === 'ArrowRight' || e.key === 'ArrowDown') { 4604 e.preventDefault(); 4605 next = idx < tabs.length - 1 ? idx + 1 : 0; 4606 } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') { 4607 e.preventDefault(); 4608 next = idx > 0 ? idx - 1 : tabs.length - 1; 4609 } else if (e.key === 'Home') { 4610 e.preventDefault(); 4611 next = 0; 4612 } else if (e.key === 'End') { 4613 e.preventDefault(); 4614 next = tabs.length - 1; 4615 } else return; 4616 activateTab(next); 4617 tabs[next].focus(); 4618 }); 4619 } 4620 }); 4621 4622 header.querySelectorAll('[data-bkf-submenu]').forEach(function(item) { 4623 const trigger = item.querySelector('[aria-haspopup="true"]'); 4624 const submenu = item.querySelector('.bkf-header__submenu'); 4625 if (!trigger || !submenu) return; 4626 4627 let hideTimer = null; 4628 4629 function showSubmenu() { 4630 clearTimeout(hideTimer); 4631 closeAllSubmenus(); 4632 item.setAttribute('data-submenu-open', ''); 4633 trigger.setAttribute('aria-expanded', 'true'); 4634 } 4635 4636 function hideSubmenu() { 4637 clearTimeout(hideTimer); 4638 item.removeAttribute('data-submenu-open'); 4639 trigger.setAttribute('aria-expanded', 'false'); 4640 } 4641 4642 function scheduleHide() { 4643 hideTimer = setTimeout(function() { 4644 hideSubmenu(); 4645 }, 150); 4646 } 4647 4648 function cancelHide() { 4649 clearTimeout(hideTimer); 4650 } 4651 4652 item.addEventListener('mouseenter', showSubmenu); 4653 item.addEventListener('mouseleave', function(e) { 4654 if (submenu.contains(e.relatedTarget)) return; 4655 scheduleHide(); 4656 }); 4657 submenu.addEventListener('mouseenter', cancelHide); 4658 submenu.addEventListener('mouseleave', function(e) { 4659 if (item.contains(e.relatedTarget)) return; 4660 scheduleHide(); 4661 }); 4662 4663 trigger.addEventListener('click', function(e) { 4664 const isOpen = item.hasAttribute('data-submenu-open'); 4665 closeAllSubmenus(); 4666 if (!isOpen) { 4667 e.preventDefault(); 4668 showSubmenu(); 4669 } 4670 }); 4671 4672 [trigger, submenu].forEach(function(element) { 4673 element.addEventListener('keydown', function(e) { 4674 if (e.key !== 'Escape') return; 4675 e.preventDefault(); 4676 hideSubmenu(); 4677 trigger.focus(); 4678 }); 4679 }); 4680 }); 4681 4682 /* Mobile menu */ 4683 const mobileToggle = header.querySelector('[data-bkf-mobile-menu]'); 4684 const mobileMenu = header.querySelector('.bkf-header__mobile-menu'); 4685 const mobileClose = header.querySelector('[data-bkf-mobile-menu-close]'); 4686 const FOCUSABLE = 4687 'a[href], button:not([disabled]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'; 4688 4689 function closeMobileSubmenus(exceptItem) { 4690 header.querySelectorAll('[data-bkf-mobile-submenu][data-expanded]').forEach(function(openItem) { 4691 if (openItem === exceptItem) return; 4692 const openButton = openItem.querySelector('[data-bkf-mobile-submenu-trigger]'); 4693 const openPanel = openItem.querySelector('.bkf-header__mobile-menu-submenu'); 4694 openItem.removeAttribute('data-expanded'); 4695 if (openButton) { 4696 openButton.setAttribute('aria-expanded', 'false'); 4697 openButton.classList.remove('bkf-header__mobile-menu-trigger--active'); 4698 } 4699 if (openPanel) { 4700 openPanel.setAttribute('aria-hidden', 'true'); 4701 openPanel.setAttribute('inert', ''); 4702 } 4703 }); 4704 } 4705 4706 function openDefaultMobileSubmenu() { 4707 const defaultItem = header.querySelector('[data-bkf-mobile-default-open]'); 4708 if (!defaultItem) return; 4709 const defaultButton = defaultItem.querySelector('[data-bkf-mobile-submenu-trigger]'); 4710 const defaultPanel = defaultItem.querySelector('.bkf-header__mobile-menu-submenu'); 4711 closeMobileSubmenus(defaultItem); 4712 defaultItem.setAttribute('data-expanded', ''); 4713 if (defaultButton) { 4714 defaultButton.setAttribute('aria-expanded', 'true'); 4715 defaultButton.classList.add('bkf-header__mobile-menu-trigger--active'); 4716 } 4717 if (defaultPanel) { 4718 defaultPanel.setAttribute('aria-hidden', 'false'); 4719 defaultPanel.removeAttribute('inert'); 4720 } 4721 } 4722 4723 function resetMobileSearchFields() { 4724 const hadOpenSearch = Boolean(header.querySelector('[data-bkf-mobile-search-form].bkf-header__mobile-search--open')); 4725 header.dispatchEvent(new CustomEvent('bkf-predictive-close')); 4726 header.querySelectorAll('[data-bkf-mobile-search-form]').forEach(function(form) { 4727 form.classList.remove('bkf-header__mobile-search--open'); 4728 const toggleBtn = form.querySelector('[data-bkf-mobile-search-toggle]'); 4729 const inputEl = form.querySelector('input[type="search"]');
4730 const overlay = form.querySelector('[data-bkf-mobile-search-overlay]'); 4731 if (toggleBtn) toggleBtn.setAttribute('aria-expanded', 'false'); 4732 if (inputEl) { 4733 inputEl.setAttribute('tabindex', '-1'); 4734 inputEl.blur(); 4735 } 4736 if (overlay) overlay.setAttribute('aria-hidden', 'true'); 4737 }); 4738 if (hadOpenSearch && (!mobileMenu || mobileMenu.getAttribute('aria-hidden') !== 'false')) { 4739 document.body.style.overflow = previousBodyOverflow; 4740 } 4741 } 4742 4743 function closeMobileMenu() { 4744 if (!mobileMenu || mobileMenu.getAttribute('aria-hidden') !== 'false') return; 4745 resetMobileSearchFields(); 4746 closeMobileSubmenus(); 4747 mobileMenu.setAttribute('aria-hidden', 'true'); 4748 if (mobileToggle) mobileToggle.setAttribute('aria-expanded', 'false'); 4749 document.body.style.overflow = previousBodyOverflow; 4750 if (mobileToggle) mobileToggle.focus(); 4751 } 4752 4753 function openMobileMenu() { 4754 previousBodyOverflow = document.body.style.overflow; 4755 mobileMenu.setAttribute('aria-hidden', 'false'); 4756 if (mobileToggle) mobileToggle.setAttribute('aria-expanded', 'true'); 4757 document.body.style.overflow = 'hidden'; 4758 openDefaultMobileSubmenu(); 4759 const first = mobileMenu.querySelector(FOCUSABLE); 4760 if (first) first.focus(); 4761 } 4762 4763 function handleEscape(e) { 4764 if (e.key !== 'Escape') return; 4765 const openSearchForm = header.querySelector('[data-bkf-mobile-search-form].bkf-header__mobile-search--open'); 4766 if (openSearchForm) { 4767 e.preventDefault(); 4768 resetMobileSearchFields(); 4769 const t = openSearchForm.querySelector('[data-bkf-mobile-search-toggle]'); 4770 if (t) t.focus(); 4771 return; 4772 } 4773 if (mobileMenu && mobileMenu.getAttribute('aria-hidden') === 'false') { 4774 e.preventDefault(); 4775 closeMobileMenu(); 4776 } 4777 } 4778 4779 function handleMobileMenuFocusTrap(e) { 4780 if (e.key !== 'Tab' || mobileMenu.getAttribute('aria-hidden') !== 'false') return; 4781 const focusables = Array.from(mobileMenu.querySelectorAll(FOCUSABLE)); 4782 if (focusables.length === 0) return; 4783 const first = focusables[0]; 4784 const last = focusables[focusables.length - 1]; 4785 if (e.shiftKey) { 4786 if (document.activeElement === first) { 4787 e.preventDefault(); 4788 last.focus(); 4789 } 4790 } else { 4791 if (document.activeElement === last) { 4792 e.preventDefault(); 4793 first.focus(); 4794 } 4795 } 4796 } 4797 4798 function handleResize() { 4799 if (window.matchMedia('(min-width: 1024px)').matches) { 4800 resetMobileSearchFields(); 4801 closeMobileMenu(); 4802 } 4803 } 4804 4805 if (mobileToggle && mobileMenu) { 4806 mobileToggle.addEventListener('click', function() { 4807 const isOpen = mobileMenu.getAttribute('aria-hidden') === 'false'; 4808 if (isOpen) closeMobileMenu(); 4809 else openMobileMenu(); 4810 }); 4811 4812 if (mobileClose) { 4813 mobileClose.addEventListener('click', closeMobileMenu); 4814 } 4815 4816 document.addEventListener('keydown', handleEscape); 4817 mobileMenu.addEventListener('keydown', handleMobileMenuFocusTrap); 4818 4819 window.addEventListener('resize', handleResize); 4820 4821 header.querySelectorAll('[data-bkf-mobile-search-form]').forEach(function(form) { 4822 const toggleBtn = form.querySelector('[data-bkf-mobile-search-toggle]'); 4823 const inputEl = form.querySelector('input[type="search"]'); 4824 const overlay = form.querySelector('[data-bkf-mobile-search-overlay]'); 4825 const backdrop = form.querySelector('[data-bkf-mobile-search-backdrop]'); 4826 const closeBtn = form.querySelector('[data-bkf-mobile-search-close]'); 4827 if (!toggleBtn || !inputEl) return; 4828 4829 function closeSearch() { 4830 resetMobileSearchFields(); 4831 } 4832 4833 function openSearch() { 4834 resetMobileSearchFields(); 4835 if (!mobileMenu || mobileMenu.getAttribute('aria-hidden') !== 'false') { 4836 previousBodyOverflow = document.body.style.overflow; 4837 document.body.style.overflow = 'hidden'; 4838 } 4839 form.classList.add('bkf-header__mobile-search--open'); 4840 toggleBtn.setAttribute('aria-expanded', 'true'); 4841 inputEl.removeAttribute('tabindex'); 4842 if (overlay) overlay.setAttribute('aria-hidden', 'false'); 4843 inputEl.focus(); 4844 } 4845 4846 toggleBtn.addEventListener('click', function(e) { 4847 e.preventDefault(); 4848 if (form.classList.contains('bkf-header__mobile-search--open')) { 4849 closeSearch(); 4850 } else { 4851 openSearch(); 4852 } 4853 }); 4854 4855 if (backdrop) { 4856 backdrop.addEventListener('click', function() { 4857 closeSearch(); 4858 toggleBtn.focus(); 4859 }); 4860 } 4861 if (closeBtn) { 4862 closeBtn.addEventListener('click', function() { 4863 closeSearch(); 4864 toggleBtn.focus(); 4865 }); 4866 } 4867 }); 4868 } 4869 4870 header.querySelectorAll('[data-bkf-mobile-submenu-trigger]').forEach(function(btn
4870) { 4871 const item = btn.closest('[data-bkf-mobile-submenu]'); 4872 const panel = item && item.querySelector('.bkf-header__mobile-menu-submenu'); 4873 if (!item || !panel) return; 4874 4875 if (item.hasAttribute('data-expanded')) { 4876 btn.classList.add('bkf-header__mobile-menu-trigger--active'); 4877 } 4878 4879 btn.addEventListener('click', function() { 4880 const isExpanded = item.hasAttribute('data-expanded'); 4881 if (isExpanded) { 4882 item.removeAttribute('data-expanded'); 4883 btn.setAttribute('aria-expanded', 'false'); 4884 btn.classList.remove('bkf-header__mobile-menu-trigger--active'); 4885 panel.setAttribute('aria-hidden', 'true'); 4886 panel.setAttribute('inert', ''); 4887 } else { 4888 closeMobileSubmenus(item); 4889 item.setAttribute('data-expanded', ''); 4890 btn.setAttribute('aria-expanded', 'true'); 4891 btn.classList.add('bkf-header__mobile-menu-trigger--active'); 4892 panel.setAttribute('aria-hidden', 'false'); 4893 panel.removeAttribute('inert'); 4894 } 4895 }); 4896 }); 4897 })(); 4898</script>
4898 4899
4900<script type="module"> 4901 import { initBkfPredictiveSearch } from '//barkeepersfriend.com/cdn/shop/t/11/assets/bkf-predictive-search.js?v=122149488684315791401788191370'; 4902 4903 const headerEl = document.querySelector('[data-bkf-header][data-section-id="sections--28046235271202__bkf_header"]'); 4904 if (headerEl) { 4905 const i18n = { 4906 queries: "Search suggestions", 4907 products: "Products", 4908 collections: "Collections", 4909 pages: "Pages", 4910 articles: "Blog posts", 4911 viewAll: "View all", 4912 resultsCountTpl: "__COUNT__ search results found for \u0026quot;__QUERY__\u0026quot;", 4913 noResultsTpl: "No results found for \u0026quot;__QUERY__\u0026quot;", 4914 }; 4915 headerEl.querySelectorAll('[data-bkf-predictive]').forEach(function (root) { 4916 if (root instanceof HTMLElement) initBkfPredictiveSearch(root, i18n); 4917 }); 4918 } 4919</script>
4919 4920 4921 4922</div> 4923<!-- END sections: header-group --> 4924 </div> 4925 4926
4926<script> 4927 // Inline header height and menu style calculations to prevent layout shift 4928 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 4929 (function setHeaderHeighCustomProperties() { 4930 /* 4931 * Header calculation functions for maintaining CSS variables 4932 * Supports header-component (Dawn) and .bkf-header (BKF custom header) 4933 */ 4934 const headerGroup = document.querySelector('#header-group'); 4935 if (!headerGroup) return; 4936 4937 const header = document.querySelector('header-component') || document.querySelector('.bkf-header'); 4938 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 4939 const hasBkfHeader = headerGroup?.querySelector('.bkf-header'); 4940 4941 if (!header) return; 4942 4943 const headerTopRow = header.querySelector?.('.header__row--top'); 4944 const headerHeight = header.offsetHeight; 4945 4946 // Calculate the total height of the header group (sum of all section wrapper heights) 4947 let headerGroupHeight = 0; 4948 const children = headerGroup.children; 4949 for (let i = 0; i < children.length; i++) { 4950 const element = children[i]; 4951 if (!(element instanceof HTMLElement)) continue; 4952 headerGroupHeight += element.offsetHeight; 4953 } 4954 4955 // Check for transparent header special case (header-component only) 4956 if (header.hasAttribute?.('transparent') && header.parentElement?.nextElementSibling) { 4957 headerGroupHeight += headerHeight; 4958 } 4959 4960 // Set CSS variables 4961 document.body.style.setProperty('--header-height', `${headerHeight}px`); 4962 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 4963 4964 if (headerTopRow) { 4965 window.requestAnimationFrame(function () { 4966 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 4967 }); 4968 } 4969 4970 /** 4971 * Updates CSS custom properties for transparent header offset calculation 4972 * Only applies to header-component with transparent attribute 4973 */ 4974 if (!hasHeaderSection || !header?.hasAttribute?.('transparent') || hasBkfHeader) { 4975 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 4976 return; 4977 } 4978 4979 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 4980 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 4981 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 4982 })(); 4983 4984 (function setHeaderMenuStyle() { 4985 const headerComponent = document.querySelector('#header-component'); 4986 if (headerComponent) { 4987 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 4988 const overflowList = headerComponent?.querySelector('overflow-list'); 4989 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 4990 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 4991 } 4992 })(); 4993 </script>
4993 4994 4995 <main 4996 id="MainContent" 4997 class="content-for-layout" 4998 role="main" 4999 data-page-transition-enabled="false" 5000 data-product-transition="false" 5001 data-template="page.contact" 5002 > 5003 <section id="shopify-section-template--28046240612386__bkf_page_hero_chUKin" class="shopify-section section-wrapper"> 5004 5005<section 5006 class="bkf-page-hero font-sans" 5007 id="bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin" 5008 aria-label="Contact Us" 5009> 5010 <div 5011 class="bkf-page-hero__bleed w-screen max-w-[100vw] relative left-1/2 -translate-x-1/2 overflow-hidden bg-bkf-lightbg" 5012 style=" 5013 --bkf-page-hero-mobile-height: 424px; 5014 --bkf-page-hero-desktop-height: 500px; 5015 --bkf-page-hero-overlay-opacity: 0.05; 5016 " 5017 > 5018 <div class="bkf-page-hero__frame relative overflow-hidden"> 5019 5020 <picture class="block absolute inset-0 h-full w-full"> 5021 5022 <source 5023 media="(max-width: 749px)" 5024 srcset=" 5025 //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=375 375w, 5026 //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=600 600w, 5027 //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=750 750w, 5028 //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=900 900w, 5029 //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=1200 1200w 5030 " 5031 sizes="100vw" 5032 width="6318" 5033 height="3555" 5034 > 5035 5036 <img src="//barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=2400" alt="Contact Us" srcset="//barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=750 750w, //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=1000 1000w, //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=1400 1400w, //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=1800 1800w, //barkeepersfriend.com/cdn/shop/files/TRIO_BLUE_GRADIENT_OG_DECO.jpg?v=1790604136&width=2400 2400w" width="2400" height="1350" loading="eager" sizes="100vw" class="bkf-page-hero__image absolute inset-0 h-full w-full object-cover object-center" fetchpriority="high" decoding="async"> 5037 </picture> 5038 5039 5040 <div class="bkf-page-hero__tone absolute inset-0" aria-hidden="true"></div> 5041 <div class="bkf-page-hero__gradient absolute inset-0" aria-hidden="true"></div> 5042 5043 <div class="bkf-page-hero__content absolute inset-0 z-20 flex flex-col pointer-events-none"> 5044 5045 <div class="max-w-[var(--bkf-max-width)] mx-auto w-full px-5 pt-6 pb-2 md:px-[70px] md:pt-10 md:pb-4 pointer-events-auto"> 5046 <nav 5047 class="bkf-page-hero__crumb flex flex-wrap items-center gap-1 text-bkf-white font-medium tracking-wide" 5048 aria-label="Breadcrumb" 5049 > 5050 5051 5052 5053 5054 5055 <span class="font-medium">Contact</span> 5056 5057 </nav> 5058 </div> 5059 5060 5061 <div class="bkf-page-hero__main mt-auto max-w-[var(--bkf-max-width)] mx-auto w-full px-5 pt-16 pb-8 md:px-[70px] md:pt-24 md:pb-12 pointer-events-auto"> 5062 <div class="max-w-3xl text-bkf-white"> 5063 <h1 class="bkf-page-hero__title m-0"> 5064 Contact Us 5065 </h1> 5066 5067 5068 <p class="bkf-page-hero__description bkf-text-paragraph m-0 mt-4 max-w-[38rem] text-bkf-white"> 5069 Have questions about Bar Keeperâs Friend?<br /> 5070Contact us today. 5071 </p> 5072 5073 5074 5075 </div> 5076 </div> 5077 </div> 5078 </div> 5079 </div> 5080</section> 5081 5082<style> 5083 #shopify-section-template--28046240612386__bkf_page_hero_chUKin { 5084 margin-block: 0; 5085 } 5086 5087 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin { 5088 font-family: var(--bkf-font-sans); 5089 -webkit-font-smoothing: antialiased; 5090 -moz-osx-font-smoothing: grayscale; 5091 } 5092 5093 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-page-hero__frame { 5094 min-height: var(--bkf-page-hero-mobile-height); 5095 } 5096 5097 @media (min-width: 750px) { 5098 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-page-hero__frame { 5099 min-height: var(--bkf-page-hero-desktop-height); 5100 } 5101 } 5102 5103 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-page-hero__tone { 5104 background: rgb(0 0 0 / var(--bkf-page-hero-overlay-opacity)); 5105 } 5106 5107 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-page-hero__gradient { 5108 background: linear-gradient(to top, rgb(0 0 0 / 0.82) 0%, rgb(0 0 0 / 0.38) 34%, rgb(0 0 0 / 0.08) 50%, transparent 100%); 5109 } 5110 5111 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-page-hero__crumb { 5112 font-size: 12px; 5113 line-height: 1.1; 5114 } 5115 5116 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-page-hero__title { 5117 font-family: var(--bkf-font-display); 5118 font-size: clamp(4.25rem, 8vw, 6rem); 5119 line-height: 0.88; 5120 letter-spacing: 0; 5121 font-weight: 700; 5122 text-transform: uppercase; 5123 text-shadow: 0 0 32px rgba(0, 0, 0, 0.5); 5124 color: #fff; 5125 } 5126 5127 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-page-hero__description { 5128 max-width: 32rem; 5129 text-shadow: 0 0 18px rgba(0, 0, 0, 0.55); 5130 font-size: 15px; 5131 margin-top: 7px; 5132 } 5133 5134 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-btn-primary { 5135 padding-inline: 1.5rem; 5136 } 5137 @media (min-width: 768px) { 5138 #bkf-page-hero-template--28046240612386__bkf_page_hero_chUKin .bkf-btn-primary { 5139 padding-inline: 2rem; 5140 } 5141 } 5142</style> 5143 5144 5145</section><div id="shopify-section-template--28046240612386__section_XYMPYR" class="shopify-section section-wrapper"> 5146 5147 5148 5149<div class="custom-section-outer" style="position: relative; width: 100%;"> 5150 <div 5151 class="section-background color-scheme-1" 5152 5153 ></div> 5154 <div 5155 class="section section--page-width color-scheme-1" 5156 data-testid="ui-test-section" 5157 5158 5159 5160 style=" 5161 5162 --section-min-height: var(--section-height-small); 5163 5164 5165 5166 --section-preview-height: 600px; 5167 5168 " 5169 > 5170 <div class="custom-section-background"> 5171 5172 5173 5174 5175 </div> 5176 5177 <div 5178 class="border-style custom-section-content" 5179 style="--border-width: 1px; --border-style: none; --border-color: 5180rgb(var(--color-border-rgb) / 1.0); --border-radius: 51810px; 5182" 5183 > 5184 5185 5186 <div 5187 class=" 5188 spacing-style 5189 layout-panel-flex 5190 layout-panel-flex--column 5191 section-content-wrapper 5192 mobile-column 5193 " 5194 style=" 5195 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5196 5197--gap: 12px; 5198 5199--horizontal-alignment: center; --vertical-alignment: center; 5200--vertical-alignment-mobile: center; 5201 5202 --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 33px)); 5203 " 5204 data-testid="section-content" 5205 > 5206 5207 5208 5209 5210 5211 5212 5213 5214 5215 5216 <div class=" spacing-style text-block text-block--AU0hBZ1pNS1BqRW91W__text_QpgfwY h2 custom-color " style=" --padding-block-start: 32px; --padding-block-end:22px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground-heading); --width: fit-content; --max-width: var(--max-width--body-normal); "> 5217 <h2>GET IN TOUCH</h2> 5218 </div> 5219 5220 5221 5222 5223 5224 5225<div id="shopify-block-AZ2hFVm1NcXQ0c2dzc__hulk_form_builder_form_block_FypaEw" class="shopify-block shopify-app-block"><div style="margin:0 auto;" class="pxFormGenerator" id="_YmAb0xe9v6-3Zc3WPklxQ"></div> 5226 5227 5228
5229<script> 5230 5231 if (!window._fbFormMessageListenerAttached) { 5232 window._fbFormMessageListenerAttached = true; 5233 5234 window.addEventListener('message', function (event) { 5235 const { type, payload } = event.data || {}; 5236 5237 if (!window.Shopify?.analytics || !type) return; 5238 5239 const now = new Date().toISOString(); 5240 5241 if (type === 'form_viewed') { 5242 Shopify.analytics.publish('form_viewed', { 5243 ...payload, 5244 app_id: '1496853', // Replace with your app ID 5245 }); 5246 } 5247 5248 if (type === 'form_submitted') { 5249 Shopify.analytics.publish('form_submitted', { 5250 ...payload, 5251 app_id: '1496853', // Replace with your app ID 5252 }); 5253 Shopify.analytics.visitor( 5254 payload, 5255 { 5256 appId: '1496853', 5257 }, 5258 ); 5259 } 5260 5261 }); 5262 } 5263 5264 var fb_theme_app_ext_settings = { 5265 'padding': "35", 5266 'fill_color': "#ebe9e9", 5267 'form_settings': "false", 5268 'btn_text': "Submit", 5269 'font_color': "#000000", 5270 'size': "14", 5271 'border_color': "#121212", 5272 'border_radius': "2", 5273 'border': "1", 5274 'form_uuid': "_YmAb0xe9v6-3Zc3WPklxQ", 5275 'input_background_color': "#fff", 5276 'input_border_radius': "1", 5277 'input_border_color': "#ebe9e9", 5278 'input_font_color': "#3d3131", 5279 'input_size': "14", 5280 'form_width': "600", 5281 'sub_btn_txt_color': "#f3f3f3", 5282 'sub_btn_bg_color': "#3f3333", 5283 'sub_btn_font_size': "14", 5284 'sub_btn_bdr_color': "#ffffff", 5285 'sub_btn_bdr_rad': "3", 5286 'sub_btn_bdr_width': "1", 5287 'fonts': "Times New Roman", 5288 'input_border_color_focus': "#2d2727", 5289 'input_background_color_focus': "#f4dada" 5290 }; 5291 window.FbThemeAppExtSettingsHash["_YmAb0xe9v6-3Zc3WPklxQ"] = fb_theme_app_ext_settings 5292</script>
5292 5293 5294</div> 5295 5296 </div> 5297 </div> 5298 </div> 5299</div> 5300 5301 5302 5303 5304 5305</div><section id="shopify-section-template--28046240612386__bkf_contact_info_Wkkcct" class="shopify-section section-wrapper"> 5306 5307<section 5308 class="bkf-contact-info" 5309 id="bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct" 5310 aria-labelledby="bkf-contact-info-heading-template--28046240612386__bkf_contact_info_Wkkcct" 5311> 5312 <div class="bkf-contact-info__inner max-w-[var(--bkf-max-width)] mx-auto px-6 md:px-10 py-12 md:py-16"> 5313 5314 <h2 5315 id="bkf-contact-info-heading-template--28046240612386__bkf_contact_info_Wkkcct" 5316 class="bkf-contact-info__heading text-center mb-10 md:mb-12" 5317 > 5318 Bar Keeper's Friend Products are made by: 5319 </h2> 5320 5321 <div class="bkf-contact-info__columns flex flex-col lg:flex-row lg:items-start gap-10 lg:gap-16"> 5322 5323 <div class="bkf-contact-info__text flex-1 min-w-0 max-w-[600px] mx-auto"> 5324 5325 5326 <p class="bkf-contact-info__company-name mb-4">Bar Keeper's Friend, Inc.</p> 5327 5328 5329 5330 <address class="bkf-contact-info__address not-italic mb-6"> 5331 <span class="block">5240 Walt Place</span> 5332 <span class="block">Indianapolis, Indiana 46254</span> 5333 <span class="block">United States</span> 5334 </address> 5335 5336 5337 5338 <p class="bkf-contact-info__phone mb-1"> 5339 5340 <a href="tel:+13176367760" class="bkf-contact-info__link">+1 (317) 636-7760</a> 5341 5342 </p> 5343 5344 5345 5346 <p class="bkf-contact-info__email mb-6"> 5347 <a href="mailto:[email protected]" class="bkf-contact-info__link">[email protected]</a> 5348 </p> 5349 5350 5351 5352 <p class="bkf-contact-info__toll-free mb-6"> 5353 <span class="block bkf-contact-info__toll-free-label">Toll Free for USA and Canada</span> 5354 <span class="block">1-800-433-5818</span> 5355 </p> 5356 5357 5358 5359 <div class="bkf-contact-info__body"> 5360 <p>We're here to answer any questions you may have about Bar Keeper's Friend and our line of premium cleaning products.</p><p>For more information regarding bulk sizes or NSF products, please use our <a href="/pages/institutional-sales" title="Institutional Sales"><strong>Institutional Contact Form</strong></a>.</p><p><a href="https://barkeepersfriend.com/pages/international-distributors#form" title="https://barkeepersfriend.com/pages/international-distributors#form">If you would like to distribute BKF products in your country, please use our <strong>International Distributor Inquiry Form</strong></a>.</p> 5361 </div> 5362 5363 5364 </div> 5365 5366 5367 <div class="bkf-contact-info__media flex-shrink-0 w-full lg:w-auto lg:max-w-[min(520px,50%)]"> 5368 <img src="//barkeepersfriend.com/cdn/shop/files/Rectangle_255.jpg?v=1775069922&width=1040" srcset="//barkeepersfriend.com/cdn/shop/files/Rectangle_255.jpg?v=1775069922&width=400 400w, //barkeepersfriend.com/cdn/shop/files/Rectangle_255.jpg?v=1775069922&width=600 600w, //barkeepersfriend.com/cdn/shop/files/Rectangle_255.jpg?v=1775069922&width=800 800w, //barkeepersfriend.com/cdn/shop/files/Rectangle_255.jpg?v=1775069922&width=1040 1040w" width="1040" height="1042" loading="lazy" sizes="(max-width: 1023px) 90vw, min(520px, 50vw)" class="bkf-contact-info__image w-full h-auto" decoding="async"> 5369 </div> 5370 5371 5372 </div> 5373 </div> 5374</section> 5375 5376<style> 5377 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct { 5378 background-color: var(--bkf-blue); 5379 color: var(--bkf-white); 5380 font-family: var(--bkf-font-sans); 5381 } 5382 5383 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__heading { 5384 font-family: var(--bkf-heading-display-font-family, var(--bkf-font-display)); 5385 font-weight: var(--bkf-heading-display-font-weight, 700); 5386 font-size: clamp(1.5rem, 3vw, 2.25rem); 5387 line-height: 1.1; 5388 text-transform: uppercase; 5389 letter-spacing: 0.01em; 5390 color: var(--bkf-white); 5391 margin: 0 0 2.5rem; 5392 } 5393 5394 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__company-name { 5395 font-family: var(--bkf-font-sans); 5396 font-weight: 700; 5397 font-size: 1.25rem; 5398 line-height: 1.3; 5399 color: var(--bkf-white); 5400 margin: 0 0 1rem; 5401 } 5402 5403 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__address { 5404 font-weight: 700; 5405 font-size: 1rem; 5406 line-height: 1.5; 5407 color: var(--bkf-white); 5408 margin: 0 0 1.5rem; 5409 } 5410 5411 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__phone, 5412 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__email { 5413 font-weight: 700; 5414 font-size: 1rem; 5415 line-height: 1.5; 5416 color: var(--bkf-white); 5417 margin: 0 0 0.25rem; 5418 } 5419 5420 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__email { 5421 margin-bottom: 1.5rem; 5422 } 5423 5424 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__link { 5425 color: var(--bkf-white); 5426 text-decoration: underline; 5427 text-underline-offset: 2px; 5428 } 5429 5430 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__link:hover { 5431 opacity: 0.85; 5432 } 5433 5434 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__toll-free { 5435 font-weight: 700; 5436 font-size: 1rem; 5437 line-height: 1.5; 5438 color: var(--bkf-white); 5439 margin: 0 0 1.5rem; 5440 } 5441 5442 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__toll-free-label { 5443 font-weight: 700; 5444 } 5445 5446 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__body { 5447 font-size: 1rem; 5448 line-height: 1.5; 5449 color: var(--bkf-white); 5450 } 5451 5452 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__body p { 5453 margin: 0 0 0.75em; 5454 } 5455 5456 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__body p:last-child { 5457 margin-bottom: 0; 5458 } 5459 5460 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__body a { 5461 color: var(--bkf-white); 5462 font-weight: 700; 5463 text-decoration: underline; 5464 text-underline-offset: 2px; 5465 } 5466 5467 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__body a:hover { 5468 opacity: 0.85; 5469 } 5470 5471 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__image { 5472 display: block; 5473 border-radius: var(--bkf-radius-md, 0px); 5474 } 5475 5476 #bkf-contact-info-template--28046240612386__bkf_contact_info_Wkkcct .bkf-contact-info__placeholder svg { 5477 display: block; 5478 width: 100%; 5479 height: auto; 5480 } 5481</style> 5482 5483 5484</section> 5485 </main> 5486 5487 <footer> 5488 <!-- BEGIN sections: footer-group --> 5489<div id="shopify-section-sections--28046235140130__bkf_footer" class="shopify-section shopify-section-group-footer-group section-wrapper"> 5490 5491 5492 5493 5494 5495 5496<div 5497 class="bkf-newsletter font-sans px-6 md:px-10 bg-bkf-white relative bkf-footer__newsletter" 5498 id="bkf-newsletter-newsletter_footer" 5499 aria-labelledby="bkf-newsletter-heading-newsletter_footer" 5500 style="padding-top: 64px; padding-bottom: 80px;" 5501 5502> 5503 <div class="absolute inset-0 opacity-50 pointer-events-none" aria-hidden="true"></div> 5504 5505 <div class="bkf-newsletter__inner max-w-xl mx-auto text-center relative z-10"> 5506 5507 <div class="bkf-newsletter__image mb-4"> 5508 5509 5510 5511 5512 5513 5514 <h2 id="bkf-newsletter-heading-newsletter_footer" class="visually-hidden"> 5515 JOIN THE 5516 </h2> 5517 5518 5519 5520 5521 5522 5523 <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) 100v
5523w, " class="bkf-newsletter__heading-img" decoding="async"> 5524 5525 5526 5527 5528 5529 5530 </div> 5531 5532 5533 5534 <p class="bkf-newsletter__subtitle bkf-text-paragraph text-bkf-blue mt-2"> 5535 Get expert tips to take care of what matters. 5536 </p> 5537 5538 5539 5540 <div class="bkf-newsletter__form-shell"> 5541 <form 5542 class="bkf-newsletter__form" 5543 data-form-loading-mode="manual" 5544 data-bkf-newsletter-form 5545 data-klaviyo-list-id="SSukW6" 5546 data-klaviyo-signup-source="homepage" 5547 data-success-message="Thanks for signing up." 5548 data-existing-message="This email is already subscribed." 5549 data-error-message="Something went wrong. Please try again." 5550 data-success-redirect-url="https://barkeepersfriend.com/pages/thank-you?form=newsletter" 5551 > 5552 <div class="bkf-newsletter__field-grid"> 5553 <div class="bkf-newsletter__field"> 5554 <label class="visually-hidden" for="bkf-newsletter-first-name-newsletter_footer">First name</label> 5555 <input 5556 id="bkf-newsletter-first-name-newsletter_footer" 5557 class="bkf-newsletter__input" 5558 type="text" 5559 name="$first_name" 5560 placeholder="First Name" 5561 autocomplete="given-name" 5562 required 5563 > 5564 </div> 5565 5566 <div class="bkf-newsletter__field"> 5567 <label class="visually-hidden" for="bkf-newsletter-email-newsletter_footer">Email address</label> 5568 <input 5569 id="bkf-newsletter-email-newsletter_footer" 5570 class="bkf-newsletter__input" 5571 type="email" 5572 name="email" 5573 placeholder="Email Address" 5574 autocomplete="email" 5575 required 5576 > 5577 </div> 5578 5579 <div class="bkf-newsletter__field"> 5580 <label class="visually-hidden" for="bkf-newsletter-region-newsletter_footer">State</label> 5581 <select 5582 id="bkf-newsletter-region-newsletter_footer" 5583 class="bkf-newsletter__input bkf-newsletter__select" 5584 name="$region" 5585 required 5586 > 5587 <option value="">Select a State</option> 5588 <option value="Alabama">Alabama</option> 5589 <option value="Alaska">Alaska</option> 5590 <option value="Arizona">Arizona</option> 5591 <option value="Arkansas">Arkansas</option> 5592 <option value="California">California</option> 5593 <option value="Colorado">Colorado</option> 5594 <option value="Connecticut">Connecticut</option> 5595 <option value="Delaware">Delaware</option> 5596 <option value="District of Columbia">District of Columbia</option> 5597 <option value="Florida">Florida</option> 5598 <option value="Georgia">Georgia</option> 5599 <option value="Hawaii">Hawaii</option> 5600 <option value="Idaho">Idaho</option> 5601 <option value="Illinois">Illinois</option> 5602 <option value="Indiana">Indiana</option> 5603 <option value="Iowa">Iowa</option> 5604 <option value="Kansas">Kansas</option> 5605 <option value="Kentucky">Kentucky</option> 5606 <option value="Louisiana">Louisiana</option> 5607 <option value="Maine">Maine</option> 5608 <option value="Maryland">Maryland</option> 5609 <option value="Massachusetts">Massachusetts</option> 5610 <option value="Michigan">Michigan</option> 5611 <option value="Minnesota">Minnesota</option> 5612 <option value="Mississippi">Mississippi</option> 5613 <option value="Missouri">Missouri</option> 5614 <option value="Montana">Montana</option> 5615 <option value="Nebraska">Nebraska</option> 5616 <option value="Nevada">Nevada</option> 5617 <option value="New Hampshire">New Hampshire</option> 5618 <option value="New Jersey">New Jersey</option> 5619 <option value="New Mexico">New Mexico</option> 5620 <option value="New York">New York</option> 5621 <option value="North Carolina">North Carolina</option> 5622 <option value="North Dakota">North Dakota</option> 5623 <option value="Ohio">Ohio</option> 5624 <option value="Oklahoma">Oklahoma</option> 5625 <option value="Oregon">Oregon</option> 5626 <option value="Pennsylvania">Pennsylvania</option> 5627 <option value="Rhode Island">Rhode Island</option> 5628 <option value="South Carolina">South Carolina</option> 5629 <option value="South Dakota">South Dakota</option> 5630 <option value="Tennessee">Tennessee</option> 5631 <option value="Texas">Texas</option> 5632 <option value="Utah">Utah</option> 5633 <option value="Vermont">Vermont</option> 5634 <option value="Virginia">Virginia</option> 5635 <option value="Washington">Washington</option> 5636 <option value="West Virginia">West Virginia</option> 5637 <option value="Wisconsin">Wisconsin</option> 5638 <option value="Wyoming">Wyoming</option> 5639 </select> 5640 </div> 5641 </div> 5642 5643 <button type="submit" class="bkf-btn-primary bkf-newsletter__submit"> 5644 Sign Up 5645 </button> 5646 5647 <p 5648 id="bkf-newsletter-status-newsletter_footer" 5649 class="bkf-newsletter__form-status bkf-text-paragraph"
5650 aria-live="polite" 5651 hidden 5652 ></p> 5653 </form> 5654 </div> 5655 5656 </div> 5657</div> 5658 5659<style> 5660 #bkf-newsletter-newsletter_footer .bkf-newsletter__heading-img { 5661 width: auto; 5662 max-width: min(100%, 350px); 5663 height: auto; 5664 display: block; 5665 margin-left: auto; 5666 margin-right: auto; 5667 } 5668 5669 #bkf-newsletter-newsletter_footer .bkf-newsletter__title-line { 5670 font-family: var(--font-h2--family); 5671 font-style: var(--font-h2--style); 5672 font-weight: var(--font-h2--weight); 5673 font-size: var(--font-h2--size); 5674 line-height: var(--font-h2--line-height); 5675 letter-spacing: var(--font-h2--letter-spacing); 5676 text-transform: var(--font-h2--case); 5677 } 5678 5679 #bkf-newsletter-newsletter_footer .bkf-newsletter__title-script { 5680 font-size: var(--font-h1--size); 5681 line-height: var(--font-h1--line-height); 5682 letter-spacing: var(--font-h1--letter-spacing); 5683 } 5684 5685 #bkf-newsletter-newsletter_footer .bkf-newsletter__form-shell { 5686 margin-top: 2rem; 5687 } 5688 5689 #bkf-newsletter-newsletter_footer .bkf-newsletter__form { 5690 max-width: 46rem; 5691 margin: 0 auto; 5692 } 5693 5694 #bkf-newsletter-newsletter_footer .bkf-newsletter__field-grid { 5695 display: grid; 5696 grid-template-columns: minmax(0, 1fr); 5697 gap: 0.875rem; 5698 text-align: left; 5699 } 5700 5701 #bkf-newsletter-newsletter_footer .bkf-newsletter__field { 5702 min-width: 0; 5703 } 5704 5705 #bkf-newsletter-newsletter_footer .bkf-newsletter__input { 5706 width: 100%; 5707 min-height: 3.75rem; 5708 padding: 1rem 1.125rem; 5709 border: 1px solid color-mix(in srgb, var(--bkf-blue) 12%, white); 5710 border-radius: 0; 5711 background: rgba(255, 255, 255, 0.96); 5712 color: var(--bkf-blue); 5713 font-family: var(--bkf-font-sans); 5714 font-size: 1rem; 5715 line-height: 1.3; 5716 } 5717 5718 #bkf-newsletter-newsletter_footer .bkf-newsletter__input::placeholder { 5719 color: color-mix(in srgb, var(--bkf-blue) 78%, white); 5720 } 5721 5722 #bkf-newsletter-newsletter_footer .bkf-newsletter__input:focus-visible { 5723 outline: 2px solid var(--bkf-gold); 5724 outline-offset: 2px; 5725 } 5726 5727 #bkf-newsletter-newsletter_footer .bkf-newsletter__select { 5728 appearance: none; 5729 background-image: 5730 linear-gradient(45deg, transparent 50%, var(--bkf-blue) 50%), 5731 linear-gradient(135deg, var(--bkf-blue) 50%, transparent 50%); 5732 background-position: 5733 calc(100% - 1.25rem) calc(50% - 0.1875rem), 5734 calc(100% - 0.875rem) calc(50% - 0.1875rem); 5735 background-size: 0.375rem 0.375rem, 0.375rem 0.375rem; 5736 background-repeat: no-repeat; 5737 padding-right: 2.75rem; 5738 } 5739 5740 #bkf-newsletter-newsletter_footer .bkf-newsletter__submit { 5741 min-width: clamp(14rem, 34vw, 18rem); 5742 margin-top: 2rem; 5743 color: var(--bkf-blue-navy); 5744 background-color: var(--bkf-gold); 5745 background-image: none; 5746 box-shadow: none; 5747 } 5748 5749 #bkf-newsletter-newsletter_footer .bkf-newsletter__submit:hover { 5750 color: var(--bkf-blue-navy); 5751 background-color: var(--bkf-gold-hover); 5752 background-image: none; 5753 box-shadow: none; 5754 } 5755 5756 #bkf-newsletter-newsletter_footer .bkf-newsletter__submit[disabled] { 5757 opacity: 0.7; 5758 cursor: wait; 5759 } 5760 5761 #bkf-newsletter-newsletter_footer .bkf-newsletter__form-status { 5762 margin-top: 1rem; 5763 color: var(--bkf-blue); 5764 } 5765 5766 #bkf-newsletter-newsletter_footer .bkf-newsletter__form-status[data-state='success'] { 5767 color: var(--bkf-blue); 5768 } 5769 5770 #bkf-newsletter-newsletter_footer .bkf-newsletter__form-status[data-state='error'] { 5771 color: #b42318; 5772 } 5773 5774 @media screen and (max-width: 767px) { 5775 #bkf-newsletter-newsletter_footer .bkf-newsletter__submit { 5776 width: 100%; 5777 } 5778 } 5779</style> 5780 5781 5782 5783 5784 5785<footer 5786 class="bkf-footer font-sans color-scheme-1 bkf-footer--gold" 5787 id="bkf-footer-sections--28046235140130__bkf_footer" 5788 role="contentinfo" 5789 aria-label="Footer" 5790> 5791 <div class="bkf-footer__inner"> 5792 <nav class="bkf-footer__nav" aria-label="Footer navigation"> 5793 <div class="bkf-footer__grid"> 5794 5795 <div class="bkf-footer__column"> 5796 <h2 class="bkf-footer__heading">OUR PRODUCTS</h2> 5797 <ul class="bkf-footer__links" role="list"> 5798 5799 5800 5801 <li> 5802 <a href="/collections/all" class="bkf-footer__link"> 5803 Shop All 5804 </a> 5805 </li> 5806 5807 <li> 5808 <a href="/pages/where-to-buy" class="bkf-footer__link"> 5809 Where to Buy 5810 </a> 5811 </li> 5812 5813 <li> 5814 <a href="/pages/bar-keepers-friend-reseller-policy" class="bkf-footer__link"> 5815 Reseller Policy 5816 </a> 5817 </li> 5818 5819 <li> 5820 <a href="/pages/international-distributors" class="bkf-footer__link"> 5821 International Distributors 5822 </a> 5823 </li> 5824 5825 <li> 5826 <a href="/pages/institutional-sales" class="bkf-footer__link"> 5827 Institutional 5828 </a> 5829 </li> 5830 5831 5832 </ul> 5833 <div class="bkf-footer__social" aria-label="Social media links"> 5834 5835 <a href="https://www.instagram.com/barkeepersfriend/?hl=en" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="Instagram"> 5836 <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"> 5837 </a> 5838 5839 5840 <a href="https://www.linkedin.com/company/bar-keepers-friend/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"> 5841 <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"> 5842 </a> 5843 5844 5845 <a href="https://www.facebook.com/barkeepersfriend/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="Facebook"> 5846 <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"> 5847 </a> 5848 5849 5850 <a href="https://www.tiktok.com/@barkeepersfriend" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="TikTok"> 5851 <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"> 5852 </a> 5853 5854
5855 <a href="https://www.pinterest.com/bkfcleanser/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="Pinterest"> 5856 <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"> 5857 </a> 5858 5859 5860 <a href="https://www.youtube.com/user/TryBKF/" class="bkf-footer__social-link" target="_blank" rel="noopener noreferrer" aria-label="YouTube"> 5861 <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"> 5862 </a> 5863 5864 </div> 5865 </div> 5866 5867 5868 <div class="bkf-footer__column"> 5869 <h2 class="bkf-footer__heading">HOW TO CLEAN</h2> 5870 <ul class="bkf-footer__links" role="list"> 5871 5872 5873 5874 <li> 5875 <a href="/pages/how-to-clean/kitchen" class="bkf-footer__link">Kitchen</a> 5876 </li> 5877 5878 <li> 5879 <a href="/pages/how-to-clean/bathroom" class="bkf-footer__link">Bathroom</a> 5880 </li> 5881 5882 <li> 5883 <a href="/pages/how-to-clean/outdoor-and-garage" class="bkf-footer__link">Garage & Outdoors</a> 5884 </li> 5885 5886 <li> 5887 <a href="/pages/how-to-clean/restoration" class="bkf-footer__link">Restoration</a> 5888 </li> 5889 5890 <li> 5891 <a href="/pages/before-after" class="bkf-footer__link">Before & Afters</a> 5892 </li> 5893 5894 5895 </ul> 5896 </div> 5897 5898 5899 <div class="bkf-footer__column"> 5900 <h2 class="bkf-footer__heading">ABOUT US</h2> 5901 <ul class="bkf-footer__links" role="list"> 5902 5903 5904 5905 <li> 5906 <a href="/pages/about" class="bkf-footer__link">Our Story</a> 5907 </li> 5908 5909 <li> 5910 <a href="/pages/faq" class="bkf-footer__link">FAQs</a> 5911 </li> 5912 5913 <li> 5914 <a href="/pages/sustainability" class="bkf-footer__link">Environmental Stewardship</a> 5915 </li> 5916 5917 <li> 5918 <a href="/pages/press-endorsements" class="bkf-footer__link">Press</a> 5919 </li> 5920 5921 <li> 5922 <a href="/blogs/bar-keepers-blog" class="bkf-footer__link">Bar Keeper's Blog</a> 5923 </li> 5924 5925 5926 </ul> 5927 </div> 5928 5929 5930 <div class="bkf-footer__column bkf-footer__column--contact"> 5931 <h2 class="bkf-footer__heading">CONTACT</h2> 5932 <ul class="bkf-footer__links" role="list"> 5933 5934 5935 5936 <li> 5937 <a href="/pages/collaboration-request" class="bkf-footer__link">Collaboration Requests</a> 5938 </li> 5939 5940 <li> 5941 <a href="/pages/institutional-sales" class="bkf-footer__link">Wholesale Requests</a> 5942 </li> 5943 5944 <li> 5945 <a href="/pages/careers" class="bkf-footer__link">Careers</a> 5946 </li> 5947 5948 5949 </ul> 5950 5951 <a 5952 href="/pages/contact" 5953 class="bkf-btn-secondary bkf-btn--navy-pill bkf-footer__cta" 5954 > 5955 Contact us 5956 </a> 5957 5958 5959 5960 <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="/pages/contact" /> 5961 <label for="bkf-footer-lang-sections--28046235140130__bkf_footer" class="visually-hidden">Language</label> 5962 <div class="bkf-footer__locale-wrap"> 5963 <select 5964 id="bkf-footer-lang-sections--28046235140130__bkf_footer" 5965 name="language_code" 5966 class="bkf-footer__locale-select" 5967 aria-label="Language" 5968 onchange="this.form.submit()" 5969 > 5970 5971 <option value="en" selected> 5972 English 5973 </option> 5974 5975 </select>
5976 <span class="bkf-footer__locale-chevron" aria-hidden="true"> 5977 <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> 5978 </span> 5979 </div> 5980 </form> 5981 5982 </div> 5983 </div> 5984 </nav> 5985 5986 5987 <div class="bkf-footer__legal"> 5988 <div class="bkf-footer__legal-links"> 5989 <a href="/pages/privacy-policy" class="bkf-footer__legal-link">Privacy Policy</a> 5990 <a href="/pages/terms-of-use" class="bkf-footer__legal-link">Terms of Use</a> 5991 <a href="/pages/cookie-policy" class="bkf-footer__legal-link">Cookie Policy</a> 5992 <a href="/pages/privacy-policy#my-privacy-choices" class="bkf-footer__legal-link">My Privacy Choices</a> 5993 </div> 5994 <div class="bkf-footer__legal-center"> 5995 5996 <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> 5997 5998 </div> 5999 </div> 6000 </div> 6001</footer> 6002 6003<style> 6004 /* Figma footer: Primary/BKF Gold + Secondary/Navy; column titles Guardian XCond 30px; links 20px / lh 2 */ 6005 #bkf-footer-sections--28046235140130__bkf_footer.bkf-footer--gold { 6006 background-color: var(--bkf-gold); 6007 color: var(--bkf-blue-navy); 6008 padding: var(--bkf-section-py-mob) var(--bkf-section-px-mob) var(--bkf-section-pb-mob); 6009 } 6010 6011 @media (min-width: 768px) { 6012 #bkf-footer-sections--28046235140130__bkf_footer.bkf-footer--gold { 6013 padding: var(--bkf-section-py-desk) var(--bkf-section-px-desk) var(--bkf-section-pb-desk); 6014 } 6015 } 6016 6017 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__inner { 6018 max-width: var(--bkf-max-width); 6019 margin: 0 auto; 6020 } 6021 6022 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__newsletter { 6023 margin: 0; 6024 } 6025 6026 /* Grid â four columns desktop, two mobile */ 6027 /* Grid â four columns desktop, two mobile */ 6028 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__grid { 6029 display: grid; 6030 grid-template-columns: 1fr 1fr; 6031 gap: 40px 24px; 6032 gap: 40px 24px; 6033 margin-bottom: 48px; 6034 text-align: center; 6035 } 6036 6037 @media (min-width: 750px) { 6038 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__grid { 6039 grid-template-columns: repeat(4, minmax(0, 1fr)); 6040 gap: 32px 24px; 6041 align-items: start; 6042 grid-template-columns: repeat(4, minmax(0, 1fr)); 6043 gap: 32px 24px; 6044 align-items: start; 6045 } 6046 } 6047 6048 /* Column titles â Figma: Guardian Sans XCond Bold 30px, uppercase */ 6049 /* Column titles â Figma: Guardian Sans XCond Bold 30px, uppercase */ 6050 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__heading { 6051 margin: 0 0 16px; 6052 font-family: var(--bkf-heading-display-font-family); 6053 font-style: normal; 6054 font-weight: var(--bkf-heading-display-font-weight); 6055 font-size: 1.875rem; 6056 line-height: 1; 6057 letter-spacing: var(--bkf-heading-display-letter-spacing); 6058 text-transform: var(--bkf-heading-display-text-transform); 6059 color: var(--bkf-blue-navy); 6060 margin: 0 0 16px; 6061 font-family: var(--bkf-heading-display-font-family); 6062 font-style: normal; 6063 font-weight: var(--bkf-heading-display-font-weight); 6064 font-size: 1.875rem; 6065 line-height: 1; 6066 letter-spacing: var(--bkf-heading-display-letter-spacing); 6067 text-transform: var(--bkf-heading-display-text-transform); 6068 color: var(--bkf-blue-navy); 6069 } 6070 6071 /* Links â Guardian Text 20px, line-height 1em with preserved spacing */ 6072 /* Links â Guardian Text 20px, line-height 1em with preserved spacing */ 6073 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__links { 6074 list-style: none; 6075 margin: 0; 6076 padding: 0; 6077 } 6078 6079 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__links li { 6080 margin: 0; 6081 padding: 0; 6082 margin: 0; 6083 padding: 0; 6084 } 6085 6086 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__link { 6087 font-family: var(--bkf-font-sans); 6088 font-style: normal; 6089 font-weight: 400; 6090 font-size: 1.25rem; 6091 line-height: 1.2em; 6092 font-family: var(--bkf-font-sans); 6093 font-style: normal; 6094 font-weight: 400; 6095 font-size: 1.25rem; 6096 line-height: 1.2em; 6097 letter-spacing: var(--font-paragraph--letter-spacing); 6098 text-transform: none; 6099 color: var(--bkf-blue-navy); 6100 text-transform: none; 6101 color: var(--bkf-blue-navy); 6102 display: inline-block; 6103 padding-block: 0.625rem; 6104 text-decoration: none; 6105 transition: opacity 0.2s; 6106 transition: opacity 0.2s; 6107 } 6108 6109 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__link:hover { 6110 opacity: 0.85; 6111 } 6112 6113 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__link:focus-visible { 6114 outline: 2px solid var(--bkf-blue-navy); 6115 outline: 2px solid var(--bkf-blue-navy); 6116 outline-offset: 2px; 6117 } 6118 6119 /* Social â Figma: 3Ã2 grid under column 1 */
6120 /* Social â Figma: 3Ã2 grid under column 1 */ 6121 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social { 6122 display: grid; 6123 grid-template-columns: repeat(3, 40px); 6124 grid-template-rows: repeat(2, 40px); 6125 grid-template-columns: repeat(3, 40px); 6126 grid-template-rows: repeat(2, 40px); 6127 gap: 8px; 6128 margin-top: 28px; 6129 margin-top: 28px; 6130 justify-content: center; 6131 margin-left: auto; 6132 margin-right: auto; 6133 } 6134 6135 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-link { 6136 display: flex; 6137 align-items: center; 6138 justify-content: center; 6139 width: 40px; 6140 height: 40px; 6141 color: var(--bkf-blue-navy); 6142 color: var(--bkf-blue-navy); 6143 border-radius: 50%; 6144 transition: transform 0.2s; 6145 transition: transform 0.2s; 6146 } 6147 6148 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-link:hover { 6149 transform: translateY(-2px); 6150 } 6151 6152 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-link:focus-visible { 6153 outline: 2px solid var(--bkf-blue-navy); 6154 outline: 2px solid var(--bkf-blue-navy); 6155 outline-offset: 2px; 6156 } 6157 6158 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__social-icon { 6159 width: 24px; 6160 height: 24px; 6161 object-fit: contain; 6162 display: block; 6163 } 6164 6165 /* Contact column */ 6166 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__column--contact { 6167 display: flex; 6168 flex-direction: column; 6169 align-items: center; 6170 } 6171 6172 /* CTA â global `.bkf-btn--navy-pill` (Figma 538:828); spacing only */ 6173 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__cta { 6174 margin-top: 24px; 6175 align-self: center; 6176 } 6177 6178 /* Language â white field, navy label + chevron */ 6179 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__localization { 6180 margin-top: 16px; 6181 } 6182 6183 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-wrap { 6184 position: relative; 6185 display: inline-block; 6186 } 6187 6188 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-select { 6189 appearance: none; 6190 background-color: var(--bkf-white); 6191 color: var(--bkf-blue-navy); 6192 font-family: var(--bkf-font-sans); 6193 font-style: normal; 6194 font-weight: 700; 6195 font-size: 0.75rem; 6196 line-height: 1.5; 6197 background-color: var(--bkf-white); 6198 color: var(--bkf-blue-navy); 6199 font-family: var(--bkf-font-sans); 6200 font-style: normal; 6201 font-weight: 700; 6202 font-size: 0.75rem; 6203 line-height: 1.5; 6204 letter-spacing: var(--font-paragraph--letter-spacing); 6205 padding: 7px 36px 7px 12px; 6206 min-height: 21px; 6207 border: none; 6208 padding: 7px 36px 7px 12px; 6209 min-height: 21px; 6210 border: none; 6211 border-radius: var(--bkf-radius-sm); 6212 cursor: pointer; 6213 min-width: 167px; 6214 min-width: 167px; 6215 } 6216 6217 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-select:hover { 6218 background-color: var(--bkf-white-muted-98); 6219 background-color: var(--bkf-white-muted-98); 6220 } 6221 6222 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-select:focus-visible { 6223 outline: 2px solid var(--bkf-blue-navy); 6224 outline: 2px solid var(--bkf-blue-navy); 6225 outline-offset: 2px; 6226 } 6227 6228 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-chevron { 6229 position: absolute; 6230 right: 12px; 6231 top: 50%; 6232 transform: translateY(-50%); 6233 pointer-events: none; 6234 color: var(--bkf-blue-navy); 6235 color: var(--bkf-blue-navy); 6236 display: flex; 6237 align-items: center; 6238 } 6239 6240 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__locale-static { 6241 margin-top: 16px; 6242 font-family: var(--bkf-font-sans); 6243 font-family: var(--bkf-font-sans); 6244 font-size: var(--font-paragraph--size); 6245 line-height: var(--font-paragraph--line-height); 6246 color: var(--bkf-blue-navy); 6247 color: var(--bkf-blue-navy); 6248 } 6249 6250 /* Legal row: links left; disclaimer + credit stacked, flush right */ 6251 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal { 6252 border-top: 1px solid var(--bkf-navy-muted-12); 6253 padding-top: 24px; 6254 display: flex; 6255 flex-direction: column; 6256 gap: 20px; 6257 align-items: stretch; 6258 text-align: left; 6259 } 6260 6261 @media (min-width: 900px) { 6262 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal { 6263 display: grid; 6264 grid-template-columns: minmax(0, 1fr) auto; 6265 gap: 16px 32px; 6266 align-items: start; 6267 text-align: left; 6268 } 6269 6270 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-links { 6271 justify-self: start; 6272 } 6273 } 6274 6275 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-center { 6276 display: flex; 6277 flex-direction: column; 6278 align-items: flex-end; 6279 gap: 12px; 6280 width: 100%; 6281 max-width: 597px; 6282 margin-left: auto; 6283 text-align: right; 6284 } 6285 6286 @media (min-width: 900px) { 6287 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-center { 6288 justify-self: end; 6289 width: min(597px, 100%); 6290 } 6291 } 6292 6293 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-links { 6294 display: flex; 6295 flex-wrap: wrap; 6296 gap: 24px; 6297 justify-content: center; 6298 } 6299 6300 @media (min-width: 900px) { 6301 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-links { 6302 justify-content: flex-start; 6303 } 6304 } 6305 6306 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-link { 6307 font-family: var(--bkf-font-sans); 6308 font-size: 0.875rem; 6309 line-height: 1em; 6310 font-weight: 400; 6311 color: var(--bkf-blue-navy); 6312 font-family: var(--bkf-font-sans); 6313 font-size: 0.875rem; 6314 line-height: 1em; 6315 font-weight: 400; 6316 color: var(--bkf-blue-navy); 6317 display: inline-block; 6318 padding-block: 0.4375rem; 6319 text-decoration: none; 6320 transition: opacity 0.2s; 6321 } 6322 6323 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-link:hover { 6324 opacity: 0.85; 6325 } 6326 6327 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-link:focus-visible { 6328 outline: 2px solid var(--bkf-blue-navy); 6329 outline: 2px solid var(--bkf-blue-navy); 6330 outline-offset: 2px; 6331 } 6332 6333 #bkf-footer-sections--28046235140130__bkf_footer .bkf-footer__legal-text { 6334 margin: 0; 6335 font-family: var(--bkf-font-sans); 6336 font-size: 0.75rem; 6337 line-height: 1.25; 6338 font-weight: 400; 6339 color: var(--bkf-blue-navy); 6340 max-width: 597px; 6341 width: 100%; 6342 text-align: right; 6343 } 6344 6345</style> 6346 6347 6348</div> 6349<!-- END sections: footer-group --> 6350 </footer> 6351 6352
6352<script 6353 src="//barkeepersfriend.com/cdn/shop/t/11/assets/dialog.js?v=150888536568694194021788191370" 6354 type="module" 6355></script>
6355 6356
6357<script 6358 src="//barkeepersfriend.com/cdn/shop/t/11/assets/predictive-search.js?v=142702829841823274771788191370" 6359 type="module" 6360 fetchpriority="low" 6361></script>
6361 6362 6363<dialog-component 6364 id="search-modal" 6365 class="search-modal" 6366 6367> 6368 <dialog 6369 ref="dialog" 6370 on:click="/closeDialogOnClickOutside" 6371 on:keydown="/closeDialogOnEscapePress" 6372 class="search-modal__content dialog-modal" 6373 scroll-lock 6374 aria-labelledby="search-modal-heading" 6375 > 6376 <h2 6377 id="search-modal-heading" 6378 class="visually-hidden" 6379 > 6380 Search 6381 </h2> 6382 <predictive-search-component 6383 class="predictive-search color-scheme-1" 6384 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 6385 data-section-id="predictive-search" 6386 data-testid="search-component--modal" 6387 role="search" 6388 aria-label="Search" 6389 > 6390 <form 6391 action="/search" 6392 method="get" 6393 role="search" 6394 class="predictive-search-form" 6395 ref="form" 6396 on:keydown="/onSearchKeyDown" 6397 > 6398 <div 6399 class="predictive-search-form__header" 6400 > 6401 <div class="predictive-search-form__header-inner"> 6402 <label 6403 for="cmdk-input" 6404 class="visually-hidden" 6405 >Search</label> 6406 <input 6407 class="search-input" 6408 id="cmdk-input" 6409 type="search" 6410 name="q" 6411 role="combobox" 6412 aria-expanded="false" 6413 aria-owns="predictive-search-results" 6414 aria-controls="predictive-search-results" 6415 aria-haspopup="listbox" 6416 aria-autocomplete="list" 6417 autocomplete="off" 6418 placeholder="Search" 6419 ref="searchInput" 6420 on:input="/search" 6421 on:keydown="/onSearchKeyDown" 6422 > 6423 <input 6424 name="options[prefix]" 6425 type="hidden" 6426 value="last" 6427 > 6428 <input 6429 name="type" 6430 type="hidden" 6431 value="product,page,article" 6432 > 6433 <span class="svg-wrapper predictive-search__icon"> 6434 <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> 6435 6436 </span> 6437 <button 6438 type="button" 6439 class="button-unstyled predictive-search__reset-button" 6440 ref="resetButton" 6441 hidden 6442 on:click="/resetSearch" 6443 > 6444 Clear 6445 </button> 6446 </div> 6447 <button 6448 type="button" 6449 class="button predictive-search__close-modal-button" 6450 aria-label="Close dialog" 6451 on:click="dialog-component/closeDialog" 6452 ref="closeModalButton" 6453 > 6454 <span class="svg-wrapper"> 6455 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6456 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6457 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6458</svg> 6459 6460 </span> 6461 </button> 6462 </div> 6463 6464 <div class="predictive-search-form__content-wrapper"> 6465 <div 6466 class="predictive-search-form__content" 6467 tabindex="-1" 6468 ref="predictiveSearchResults" 6469 on:click="/handleModalClick" 6470 > 6471 6472 6473<div 6474 id="predictive-search-results" 6475 class="predictive-search-dropdown" 6476 role="listbox" 6477 aria-expanded="true" 6478 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 6479> 6480 6481 <div class="predictive-search-results__inner"> 6482 6483 6484 6485 6486 6487 <div 6488 id="predictive-search-products" 6489 class="predictive-search-results__products" 6490 6491 data-testid="products-list-default--modal" 6492 6493> 6494 6495 <h4 class="predictive-search-results__title"> 6496 Products 6497 </h4> 6498 <ul 6499 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 6500 role="listbox"
6501 aria-label="Products" 6502 > 6503 6504 6505 <li 6506 class="predictive-search-results__card predictive-search-results__card--product" 6507 ref="resultsItems[]" 6508 > 6509 6510<div 6511 class="resource-card" 6512 data-resource-type="product" 6513> 6514 <a 6515 class="resource-card__link" 6516 href="/products/cleanser" 6517 > 6518 <span class="visually-hidden"> 6519 Cleanser 6520 </span> 6521 </a> 6522 <div 6523 class="resource-card__media" 6524 style="--resource-card-aspect-ratio: 4 / 5;" 6525 6526 > 6527 6528 6529 6530 <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%;"> 6531 6532 <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%;"> 6533</div> 6534 6535 <div class="resource-card__content"> 6536 <p class="resource-card__title paragraph">Cleanser</p> 6537 6538 6539 <p class="resource-card__subtext paragraph">Our 1882 powder cleanser handles the daily wipe-down, the week...</p> 6540 6541 </div> 6542</div> 6543 6544 </li> 6545 6546 <li 6547 class="predictive-search-results__card predictive-search-results__card--product" 6548 ref="resultsItems[]" 6549 > 6550 6551<div 6552 class="resource-card" 6553 data-resource-type="product" 6554> 6555 <a 6556 class="resource-card__link" 6557 href="/products/soft-cleanser" 6558 > 6559 <span class="visually-hidden"> 6560 Soft Cleanser 6561 </span> 6562 </a> 6563 <div 6564 class="resource-card__media" 6565 style="--resource-card-aspect-ratio: 4 / 5;" 6566 6567 > 6568 6569 6570 6571 <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%;"> 6572 6573 <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%;"> 6574</div> 6575 6576 <div class="resource-card__content"> 6577 <p class="resource-card__title paragraph">Soft Cleanser</p> 6578 6579 6580 <p class="resource-card__subtext paragraph">Our classic formula in liquid form, this soft cleanser clings ...</p> 6581 6582 </div> 6583</div> 6584 6585 </li> 6586 6587 <li 6588 class="predictive-search-results__card predictive-search-results__card--product" 6589 ref="resultsItems[]" 6590 > 6591 6592<div 6593 class="resource-card" 6594 data-resource-type="product" 6595> 6596 <a 6597 class="resource-card__link" 6598 href="/products/superior-multi-purpose-cleaner" 6599 > 6600 <span class="visually-hidden"> 6601 Superior Multi-Purpose Cleaner 6602 </span> 6603 </a> 6604 <div 6605 class="resource-card__media" 6606 style="--resource-card-aspect-ratio: 4 / 5;" 6607 6608 > 6609 6610 6611 6612 <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%;"> 6613 6614 <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%;"> 6615</div> 6616 6617 <div class="resource-card__content"> 6618 <p class="resource-card__title paragraph">Superior Multi-Purpose Cleaner</p> 6619 6620 6621 <p class="resource-card__subtext paragraph">Formulated with the same active cleaning ingredients as our Po...</p> 6622 6623 </div> 6624</div> 6625 6626 </li> 6627 6628 <li 6629 class="predictive-search-results__card predictive-search-results__card--product" 6630 ref="resultsItems[]" 6631 > 6632 6633<div 6634 class="resource-card" 6635 data-resource-type="product" 6636> 6637 <a 6638 class="resource-card__link" 6639 href="/products/granite-stone-cleaner-polish" 6640 > 6641 <span class="visually-hidden"> 6642 Granite & Stone Cleaner & Polish 6643 </span> 6644 </a> 6645 <div 6646 class="resource-card__media" 6647 style="--resource-card-aspect-ratio: 4 / 5;" 6648 6649 > 6650 6651 6652 6653 <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%;"> 6654 6655 <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%;"> 6656</div> 6657 6658 <div class="resource-card__content"> 6659 <p class="resource-card__title paragraph">Granite & Stone Cleaner & Polish</p> 6660 6661 6662 <p class="resource-card__subtext paragraph">Natural stone requires precise care. This granite cleaner and ...</p> 6663 6664 </div> 6665</div> 6666 6667 </li> 6668 6669 </ul> 6670 6671</div> 6672 6673 6674 6675 6676 6677 </div> 6678 6679</div> 6680 6681 </div> 6682 6683 <div class="predictive-search-form__footer"> 6684 <button 6685 class="button predictive-search__search-button" 6686 ref="viewAllButton" 6687 > 6688 View all 6689 </button> 6690 </div> 6691 </div> 6692 </form> 6693 </predictive-search-component> 6694 </dialog> 6695</dialog-component> 6696 6697 6698 6699 6700 6701 6702 6703 6704 6705 6706 6707 <!-- BKF: Scroll reveal and header shadow --> 6708
6708<script> 6709 document.addEventListener('DOMContentLoaded', function() { 6710 var observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 }; 6711 var observer = new IntersectionObserver(function(entries) { 6712 entries.forEach(function(entry) { 6713 if (entry.isIntersecting) entry.target.classList.add('active'); 6714 }); 6715 }, observerOptions); 6716 document.querySelectorAll('.reveal').forEach(function(el) { observer.observe(el); }); 6717 var header = document.getElementById('mainHeader'); 6718 if (header) { 6719 var ticking = false; 6720 var syncHeaderShadow = function() { 6721 header.classList.toggle('shadow-md', window.scrollY > 50); 6722 ticking = false; 6723 }; 6724 syncHeaderShadow(); 6725 window.addEventListener('scroll', function() { 6726 if (ticking) return; 6727 ticking = true; 6728 window.requestAnimationFrame(syncHeaderShadow); 6729 }, { passive: true }); 6730 } 6731 }); 6732 </script>
6732 6733 6734 6735 <!-- Meta Pixel Lead Events --> 6736
6736<script> 6737 // Daily Sink Sanitizer 6738 window.addEventListener('klaviyo-form-UGK4Gf', function(e) { 6739 if (e.detail.type === 'submit') { 6740 console.log("Submit UGK4Gf") 6741 fbq('track', 'Lead'); 6742 } 6743 }); 6744 6745 // Daily Sink Refresh 6746 window.addEventListener('klaviyo-form-QPZLfZ', function(e) { 6747 if (e.detail.type === 'submit') { 6748 console.log("Submit QPZLfZ") 6749 fbq('track', 'Lead'); 6750 } 6751 }); 6752 </script>
6752 6753 <style> </style>
6754<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6754 6755</body> 6756</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.