PageSourceSearch

https://chadsraspberrykitchen.com/products/raspberry-jam

html chadsraspberrykitchen.com collected 2026-10-08 16:38:06 UTC 228,397 bytes, 5,442 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7
8
9
10<meta charset="utf-8">
11<meta
12  http-equiv="X-UA-Compatible"
13  content="IE=edge"
14>
15<meta
16  name="viewport"
17  content="width=device-width,initial-scale=1,viewport-fit=cover"
18>
19<meta
20  name="theme-color"
21  content=""
22>
23
24<meta
25  property="og:site_name"
26  content="Chad&#39;s Raspberry Kitchen, Inc."
27>
28<meta
29  property="og:url"
30  content="https://chadsraspberrykitchen.com/products/raspberry-jam"
31>
32<meta
33  property="og:title"
34  content="Country Style Raspberry Jam"
35>
36<meta
37  property="og:type"
38  content="product"
39>
40<meta
41  property="og:description"
42  content="Rich, sweet, and made with simple ingredients Cooked in fruit pectin and sugar Country style jam Low carb jam A fine balance of flavors Suitable for diabetics Made without puree, Chad’s Raspberry Kitchen’s Raspberry Jam is made from natural ingredients that are exceptionally sweet without being overbearing on your tast"
43><meta
44    property="og:image"
45    content="http://chadsraspberrykitchen.com/cdn/shop/files/IMG-3799.png?v=1790013236"
46  >
47  <meta
48    property="og:image:secure_url"
49    content="https://chadsraspberrykitchen.com/cdn/shop/files/IMG-3799.png?v=1790013236"
50  >
51  <meta
52    property="og:image:width"
53    content="1182"
54  >
55  <meta
56    property="og:image:height"
57    content="1331"
58  ><meta
59    property="og:price:amount"
60    content="7.99"
61  >
62  <meta
63    property="og:price:currency"
64    content="USD"
65  ><meta
66  name="twitter:card"
67  content="summary_large_image"
68>
69<meta
70  name="twitter:title"
71  content="Country Style Raspberry Jam"
72>
73<meta
74  name="twitter:description"
75  content="Rich, sweet, and made with simple ingredients Cooked in fruit pectin and sugar Country style jam Low carb jam A fine balance of flavors Suitable for diabetics Made without puree, Chad’s Raspberry Kitchen’s Raspberry Jam is made from natural ingredients that are exceptionally sweet without being overbearing on your tast"
76>
77
78<title>
79  Country Style Raspberry Jam
80 &ndash; Chad&#39;s Raspberry Kitchen, Inc.</title>
81
82<link
83  rel="canonical"
84  href="https://chadsraspberrykitchen.com/products/raspberry-jam"
85>
86
87
88  <meta
89    name="description"
90    content="Rich, sweet, and made with simple ingredients Cooked in fruit pectin and sugar Country style jam Low carb jam A fine balance of flavors Suitable for diabetics Made without puree, Chad’s Raspberry Kitchen’s Raspberry Jam is made from natural ingredients that are exceptionally sweet without being overbearing on your tast"
91  >
92
93<link href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/overflow-list.css?v=16727044177065489451788664189" as="style" rel="preload">
94<link href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/base.css?v=135475115935388894871788664189" rel="stylesheet" type="text/css" media="all" />
95<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,600;1,600&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
96    <link href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/crk-theme.css?v=165911348758942615511788665707" rel="stylesheet" type="text/css" media="all" />
97
98
99
100
101
102<link href="//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
103<link href="//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
104<link href="//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_n6.69791a9f00600e5a1e56a6f64efc9d10a28b9c92.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
105<link href="//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_n6.69791a9f00600e5a1e56a6f64efc9d10a28b9c92.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
106
107
108<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 108
108
109<script type="importmap">
110  {
111    "imports": {
112      "@theme/overflow-list": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/overflow-list.js?v=46858356770684902511788664189",
113      "@theme/component": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component.js?v=175690430936884589731788664189",
114      "@theme/dialog": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/dialog.js?v=144816527575655702281788664189",
115      "@theme/events": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/events.js?v=99399773727497444581788664189",
116      "@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
117      "@theme/view-event-elements": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/view-event-elements.js?v=34258756885466567141788664189",
118      "@theme/focus": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401788664189",
119      "@theme/morph": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/morph.js?v=163551064521986254391788664189",
120      "@theme/paginated-list": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/paginated-list.js?v=71290058904108491691788664189",
121      "@theme/performance": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/performance.js?v=171015751390534793081788664189",
122      "@theme/product-form": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/product-form.js?v=156247955454460663281788664189",
123      "@theme/recently-viewed-products": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651788664189",
124      "@theme/scrolling": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/scrolling.js?v=162288454571026455011788664189",
125      "@theme/section-renderer": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/section-renderer.js?v=44511745960026958271788664189",
126      "@theme/section-hydration": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/section-hydration.js?v=108434990705342316311788664189",
127      "@theme/money-formatting": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/money-formatting.js?v=160151249720534550011788664189",
128      "@theme/utilities": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/utilities.js?v=51671090137987445501788664189",
129      "@theme/variant-picker": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/variant-picker.js?v=76692244208061220611788664189",
130      "@theme/variant-resolution": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/variant-resolution.js?v=69293302205961280521788664189",
131      "@theme/media-gallery": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/media-gallery.js?v=154207211298275592001788664189",
132      "@theme/quick-add": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/quick-add.js?v=160295260742220749141788664189",
133      "@theme/paginated-list-aspect-ratio": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/paginated-list-aspect-ratio.js?v=25254270272143792451788664189",
134      "@theme/component-quantity-selector": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component-quantity-selector.js?v=125177944711255157891788664189",
135      "@theme/comparison-slider": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/comparison-slider.js?v=106705562947035711941788664189",
136      "@theme/sticky-add-to-cart": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/sticky-add-to-cart.js?v=130489688094345781431788664189",
137      "@theme/fly-to-cart": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/fly-to-cart.js?v=48483246440248933081788664189",
138      "@theme/scroll-container": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/scroll-container.js?v=127018149358875384221788664189",
139      "@theme/theme-drawer": "//chadsraspberrykitchen.com/cdn/shop/t/18/assets/theme-drawer.js?v=69307657216630184831788664189"
140    }
141  }
142</script>
142<script
143  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/standard-actions-override.js?v=171683365447094389611788664189"
144  type="module"
145></script>
145
146
147<script
148  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/page-view-event.js?v=12823247316348680231788664189"
149  type="module"
150  defer
151></script>
151
152
153
154
155<link
156  rel="modulepreload"
157  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/utilities.js?v=51671090137987445501788664189"
158  fetchpriority="low"
159>
160<link
161  rel="modulepreload"
162  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component.js?v=175690430936884589731788664189"
163  fetchpriority="low"
164>
165<link
166  rel="modulepreload"
167  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/section-renderer.js?v=44511745960026958271788664189"
168  fetchpriority="low"
169>
170<link
171  rel="modulepreload"
172  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/section-hydration.js?v=108434990705342316311788664189"
173  fetchpriority="low"
174>
175<link
176  rel="modulepreload"
177  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/morph.js?v=163551064521986254391788664189"
178  fetchpriority="low"
179>
180
181
182
183<link
184  rel="modulepreload"
185  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401788664189"
186  fetchpriority="low"
187>
188<link
189  rel="modulepreload"
190  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651788664189"
191  fetchpriority="low"
192>
193<link
194  rel="modulepreload"
195  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/scrolling.js?v=162288454571026455011788664189"
196  fetchpriority="low"
197>
198<link
199  rel="modulepreload"
200  href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/events.js?v=99399773727497444581788664189"
201  fetchpriority="low"
202>
203<script
204  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/overflow-list.js?v=46858356770684902511788664189"
205  type="module"
206  fetchpriority="low"
207></script>
vendor: 1 bytes, line 207
207
208<script
209  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/quick-add.js?v=160295260742220749141788664189"
210  type="module"
211  fetchpriority="low"
212></script>
212
213
214  
214<script
215    src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/cart-discount.js?v=138990160074728809221788664189"
216    type="module"
217    fetchpriority="low"
218  ></script>
218
219
220
221<script
222  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/dialog.js?v=144816527575655702281788664189"
223  type="module"
224  fetchpriority="low"
225></script>
vendor: 1 bytes, line 225
225
226<script
227  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/variant-picker.js?v=76692244208061220611788664189"
228  type="module"
229  fetchpriority="low"
230></script>
vendor: 1 bytes, line 230
230
231<script
232  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/product-card.js?v=80689566448612614681788664189"
233  type="module"
234  fetchpriority="low"
235></script>
vendor: 1 bytes, line 235
235
236<script
237  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/product-form.js?v=156247955454460663281788664189"
238  type="module"
239  fetchpriority="low"
240></script>
vendor: 1 bytes, line 240
240
241<script
242  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/fly-to-cart.js?v=48483246440248933081788664189"
243  type="module"
244  fetchpriority="low"
245></script>
vendor: 1 bytes, line 245
245
246<script
247  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/accordion-custom.js?v=105323356731531709191788664189"
248  type="module"
249  fetchpriority="low"
250></script>
vendor: 1 bytes, line 250
250
251<script
252  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/media.js?v=37825095869491791421788664189"
253  type="module"
254  fetchpriority="low"
255></script>
vendor: 1 bytes, line 255
255
256<script
257  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/product-price.js?v=179333985604099329921788664189"
258  type="module"
259  fetchpriority="low"
260></script>
vendor: 1 bytes, line 260
260
261<script
262  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/product-sku.js?v=28741104639155857071788664189"
263  type="module"
264  fetchpriority="low"
265></script>
vendor: 1 bytes, line 265
265
266<script
267  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/product-inventory.js?v=7173209571153411411788664189"
268  type="module"
269  fetchpriority="low"
270></script>
vendor: 1 bytes, line 270
270
271<script
272  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/show-more.js?v=94563802205717136101788664189"
273  type="module"
274  fetchpriority="low"
275></script>
vendor: 1 bytes, line 275
275
276<script
277  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/slideshow.js?v=28306258147874261831788664189"
278  type="module"
279  fetchpriority="low"
280></script>
vendor: 1 bytes, line 280
280
281<script
282  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/layered-slideshow.js?v=30135417790894624731788664189"
283  type="module"
284  fetchpriority="low"
285></script>
vendor: 1 bytes, line 285
285
286<script
287  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/anchored-popover.js?v=148974932401539066461788664189"
288  type="module"
289  fetchpriority="low"
290></script>
vendor: 1 bytes, line 290
290
291<script
292  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/floating-panel.js?v=151277338116891310371788664189"
293  type="module"
294  fetchpriority="low"
295></script>
vendor: 1 bytes, line 295
295
296<script
297  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/video-background.js?v=25237992823806706551788664189"
298  type="module"
299  fetchpriority="low"
300></script>
vendor: 1 bytes, line 300
300
301<script
302  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component-quantity-selector.js?v=125177944711255157891788664189"
303  type="module"
304  fetchpriority="low"
305></script>
vendor: 1 bytes, line 305
305
306<script
307  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/media-gallery.js?v=154207211298275592001788664189"
308  type="module"
309  fetchpriority="low"
310></script>
vendor: 1 bytes, line 310
310
311<script
312  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/rte-formatter.js?v=40306132146590816021788664189"
313  type="module"
314  fetchpriority="low"
315></script>
vendor: 1 bytes, line 315
315
316<script
317  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/volume-pricing.js?v=15442793518842484731788664189"
318  type="module"
319  fetchpriority="low"
320></script>
vendor: 1 bytes, line 320
320
321<script
322  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/price-per-item.js?v=115937180292451397851788664189"
323  type="module"
324  fetchpriority="low"
325></script>
vendor: 1 bytes, line 325
325
326<script
327  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/volume-pricing-info.js?v=150538418000149674651788664189"
328  type="module"
329  fetchpriority="low"
330></script>
330
331
332
333  
333<script
334    src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/localization.js?v=76602883968586766701788664189"
335    type="module"
336    fetchpriority="low"
337  ></script>
337
338
339
340
341  
341<script
342    src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/sticky-add-to-cart.js?v=130489688094345781431788664189"
343    type="module"
344    fetchpriority="low"
345  ></script>
345
346  
346<script type="module">
347    import { RecentlyViewed } from '@theme/recently-viewed-products';
348    RecentlyViewed.addProduct('6762227531833');
349  </script>
349
350
351
352<script
353  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/auto-close-details.js?v=58350291535404441581788664189"
354  defer="defer"
355></script>
355
356
357<script>
358  const supportsNativePopover = 'popover' in HTMLElement.prototype;
359  const Theme = {
360    supportsNativePopover,
361    popoverPolyfillReady: supportsNativePopover
362      ? Promise.resolve()
363      : import("//chadsraspberrykitchen.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201788664189").then(() => {}),
364    translations: {
365      placeholder_image: `Placeholder image`,
366      added: `Added`,
367      recipient_form_fields_visible: `Recipient form fields are now visible`,
368      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
369      recipient_form_error: `There was an error with the form submission`,
370      items_added_to_cart_one: `1 item added to cart`,
371      items_added_to_cart_other: `{{ count }} items added to cart`,
372      cart_count: `Total items in cart`,
373    },
374    routes: {
375      cart_add_url: '/cart/add.js',
376      cart_change_url: '/cart/change',
377      cart_update_url: '/cart/update',
378      cart_url: '/cart',
379      predictive_search_url: '/search/suggest',
380      search_url: '/search',
381    },
382    template: {
383      name: 'product',
384    },
385  };
386</script>
386
387<style data-shopify>
388@font-face {
389  font-family: Inter;
390  font-weight: 400;
391  font-style: normal;
392  font-display: swap;
393  src: url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
394       url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
395}
396@font-face {
397  font-family: Inter;
398  font-weight: 700;
399  font-style: normal;
400  font-display: swap;
401  src: url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
402       url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
403}
404@font-face {
405  font-family: Inter;
406  font-weight: 400;
407  font-style: italic;
408  font-display: swap;
409  src: url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
410       url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
411}
412@font-face {
413  font-family: Inter;
414  font-weight: 700;
415  font-style: italic;
416  font-display: swap;
417  src: url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
418       url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
419}
420@font-face {
421  font-family: Inter;
422  font-weight: 500;
423  font-style: normal;
424  font-display: swap;
425  src: url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
426       url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
427}
428@font-face {
429  font-family: Inter;
430  font-weight: 500;
431  font-style: italic;
432  font-display: swap;
433  src: url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
434       url("//chadsraspberrykitchen.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
435}
436@font-face {
437  font-family: Fraunces;
438  font-weight: 600;
439  font-style: normal;
440  font-display: swap;
441  src: url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_n6.69791a9f00600e5a1e56a6f64efc9d10a28b9c92.woff2") format("woff2"),
442       url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_n6.e87d336d46d99db17df56f1dc77d222effffa1f3.woff") format("woff");
443}
444@font-face {
445  font-family: Fraunces;
446  font-weight: 700;
447  font-style: normal;
448  font-display: swap;
449  src: url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_n7.8276f3981cfafc8569d516ceaa7dfe6a18948a1f.woff2") format("woff2"),
450       url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_n7.383b2f958615709ba42e3731be308ad164ca4edd.woff") format("woff");
451}
452@font-face {
453  font-family: Fraunces;
454  font-weight: 600;
455  font-style: italic;
456  font-display: swap;
457  src: url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_i6.8862d206518ce141218adf4eaf0e5d478cbd024a.woff2") format("woff2"),
458       url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_i6.9bfc22b5389643d688185c0e419e96528513fc60.woff") format("woff");
459}
460@font-face {
461  font-family: Fraunces;
462  font-weight: 700;
463  font-style: italic;
464  font-display: swap;
465  src: url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_i7.9207dcd51152f34cd9c77a8ea542df960210c87c.woff2") format("woff2"),
466       url("//chadsraspberrykitchen.com/cdn/fonts/fraunces/fraunces_i7.f4bcbf289853d941810727213e68ea2e3c3eddf8.woff") format("woff");
467}
468
469
470  :root {
471    /* Safe area insets — non-zero on notched devices because meta-tags.liquid sets viewport-fit=cover */
472    --safe-area-inset-top: env(safe-area-inset-top, 0px);
473    --safe-area-inset-right: env(safe-area-inset-right, 0px);
474    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
475    --safe-area-inset-left: env(safe-area-inset-left, 0px);
476
477    /* Page Layout */
478    --sidebar-width: 25rem;
479    --theme-drawer-width: 30rem;
480    --narrow-content-width: 36rem;
481    --normal-content-width: 42rem;
482    --narrow-page-width: 90rem;
483    --normal-page-width: 120rem;
484    --wide-page-width: 150rem;
485
486    /* Section Heights */
487    --section-height-small: 15rem;
488    --section-height-medium: 25rem;
489    --section-height-large: 35rem;
490
491    @media screen and (min-width: 40em) {
492      --section-height-small: 40svh;
493      --section-height-medium: 55svh;
494      --section-height-large: 70svh;
495    }
496
497    @media screen and (min-width: 60em) {
498      --section-height-small: 50svh;
499      --section-height-medium: 65svh;
500      --section-height-large: 80svh;
501    }
502
503    /* Letter spacing */
504    --letter-spacing-sm: 0.06em;
505
506    /* Font families */
507    --font-body--family: Inter, sans-serif;
508    --font-body--style: normal;
509    --font-body--weight: 400;
510    --font-subheading--family: Inter, sans-serif;
511    --font-subheading--style: normal;
512    --font-subheading--weight: 500;
513    --font-heading--family: Fraunces, serif;
514    --font-heading--style: normal;
515    --font-heading--weight: 600;
516    --font-accent--family: Fraunces, serif;
517    --font-accent--style: normal;
518    --font-accent--weight: 600;
519
520    /* Margin sizes */
521    --font-heading--spacing: 0.25em;
522    --font-h1--spacing: var(--font-heading--spacing);
523    --font-h2--spacing: var(--font-heading--spacing);
524    --font-h3--spacing: var(--font-heading--spacing);
525    --font-h4--spacing: var(--font-heading--spacing);
526    --font-h5--spacing: var(--font-heading--spacing);
527    --font-h6--spacing: var(--font-heading--spacing);
528    --font-paragraph--spacing: 0.5em;
529
530    /** Z-Index / Layering */
531    --layer-section-background: -2;
532    --layer-lowest: -1;
533    --layer-base: 0;
534    --layer-flat: 1;
535    --layer-raised: 2;
536    --layer-heightened: 4;
537    --layer-sticky: 8;
538    --layer-window-overlay: 10;
539    --layer-header-menu: 12;
540    --layer-overlay: 16;
541    --layer-menu-drawer: 18;
542    --layer-temporary: 20;
543
544    /* Max-width / Measure */
545    --max-width--body-normal: 32.5em;
546    --max-width--body-narrow: 22.75em;
547
548    --max-width--heading-normal: 32.5em;
549    --max-width--heading-narrow: 19.5em;
550
551    --max-width--display-normal: 13em;
552    --max-width--display-narrow: 9.75em;
553    --max-width--display-tight: 3.25em;
554
555    /* Letter-spacing / Tracking */
556    --letter-spacing--display-tight: -0.03em;
557    --letter-spacing--display-normal: 0em;
558    --letter-spacing--display-loose: 0.03em;
559
560    --letter-spacing--heading-tight: -0.03em;
561    --letter-spacing--heading-normal: 0em;
562    --letter-spacing--heading-loose: 0.03em;
563
564    --letter-spacing--body-tight: -0.03em;
565    --letter-spacing--body-normal: 0em;
566    --letter-spacing--body-loose: 0.03em;
567
568    /* Line height / Leading */
569    --line-height: 1;
570
571    --line-height--display-tight: 1;
572    --line-height--display-normal: 1.1;
573    --line-height--display-loose: 1.2;
574
575    --line-height--heading-tight: 1.15;
576    --line-height--heading-normal: 1.25;
577    --line-height--heading-loose: 1.35;
578
579    --line-height--body-tight: 1.2;
580    --line-height--body-normal: 1.4;
581    --line-height--body-loose: 1.6;
582
583    /* Typography presets */
584    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--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-loose);--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: none;--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: none;--font-h2--line-height: var(--line-height--display-tight);--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: none;--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: none;--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: none;--font-h6--line-height: var(--line-height--display-loose);
585
586    /* Hardcoded font sizes */
587    --font-size--3xs: 0.625rem;
588    --font-size--2xs: 0.75rem;
589    --font-size--xs: 0.8125rem;
590    --font-size--sm: 0.875rem;
591    --font-size--md: 1rem;
592    --font-size--lg: 1.125rem;
593    --font-size--xl: 1.25rem;
594    --font-size--2xl: 1.5rem;
595    --font-size--3xl: 2rem;
596    --font-size--4xl: 2.5rem;
597    --font-size--5xl: 3rem;
598    --font-size--6xl: 3.5rem;
599
600    /* Menu font sizes */
601    --menu-font-sm--size: 0.875rem;
602    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
603    --menu-font-md--size: 1rem;
604    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
605    --menu-font-xl--size: 1.25rem;
606    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
607    --menu-font-2xl--size: 1.75rem;
608    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
609
610    /* Colors */
611    --color-error: #8B0000;
612    --color-success: #006400;
613    --color-white: #FFFFFF;
614    --color-white-rgb: 255 255 255;
615    --color-instock: #3ED660;
616    --color-lowstock: #EE9441;
617    --color-outofstock: #C8C8C8;
618
619    /* Opacity */
620    --opacity-5: 0.05;
621    --opacity-8: 0.08;
622    --opacity-10: 0.1;
623    --opacity-15: 0.15;
624    --opacity-20: 0.2;
625    --opacity-25: 0.25;
626    --opacity-30: 0.3;
627    --opacity-40: 0.4;
628    --opacity-50: 0.5;
629    --opacity-60: 0.6;
630    --opacity-70: 0.7;
631    --opacity-80: 0.8;
632    --opacity-85: 0.85;
633    --opacity-90: 0.9;
634    --opacity-subdued-text: 0.8;
635    --opacity-muted-text: 0.6;
636
637    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
638    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
639
640    /* Spacing */
641    --margin-3xs: 0.125rem;
642    --margin-2xs: 0.3rem;
643    --margin-xs: 0.5rem;
644    --margin-sm: 0.7rem;
645    --margin-md: 0.8rem;
646    --margin-lg: 1rem;
647    --margin-xl: 1.25rem;
648    --margin-2xl: 1.5rem;
649    --margin-4xl: 2rem;
650    --margin-6xl: 5rem;
651
652
653    --padding-3xs: 0.125rem;
654    --padding-2xs: 0.25rem;
655    --padding-xs: 0.5rem;
656    --padding-sm: 0.7rem;
657    --padding-md: 0.8rem;
658    --padding-lg: 1rem;
659    --padding-xl: 1.25rem;
660    --padding-2xl: 1.5rem;
661    --padding-3xl: 1.75rem;
662    --padding-4xl: 2rem;
663    --padding-5xl: 3rem;
664    --padding-6xl: 4rem;
665
666    --gap-3xs: 0.125rem;
667    --gap-2xs: 0.3rem;
668    --gap-xs: 0.5rem;
669    --gap-sm: 0.7rem;
670    --gap-md: 0.9rem;
671    --gap-lg: 1rem;
672    --gap-xl: 1.25rem;
673    --gap-2xl: 2rem;
674    --gap-3xl: 3rem;
675
676    --spacing-scale-md: 0.7;
677    --spacing-scale-default: 1.0;
678
679    /* Checkout buttons gap */
680    --checkout-button-gap: 10px;
681
682    /* Borders */
683    --style-border-width: 1px;
684    --style-border-radius-xs: 0.2rem;
685    --style-border-radius-sm: 0.6rem;
686    --style-border-radius-md: 0.8rem;
687    --style-border-radius-50: 50%;
688    --style-border-radius-lg: 1rem;
689    --style-border-radius-pills: 40px;
690    --style-border-radius-inputs: 4px;
691    --style-border-radius-buttons-primary: 100px;
692    --style-border-radius-buttons-secondary: 100px;
693    --style-border-width-primary: 0px;
694    --style-border-width-secondary: 1px;
695    --style-border-width-inputs: 1px;
696    --style-border-radius-popover: 14px;
697    --style-border-popover: 1px solid #E3D9CC;
698    --style-border-drawer: 1px solid #E3D9CC;
699    --style-border-swatch-opacity: 10%;
700    --style-border-swatch-width: 1px;
701    --style-border-swatch-style: solid;
702
703    /* Animation */
704    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
705    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
706    --animation-speed-fast: 0.0625s;
707    --animation-speed: 0.125s;
708    --animation-speed-slow: 0.2s;
709    --animation-speed-medium: 0.15s;
710    --animation-easing: ease-in-out;
711    --drawer-animation-speed: 0.2s;
712    --animation-values: var(--animation-speed) var(--animation-easing);
713    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
714    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
715    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
716    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
717    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
718    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
719    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
720    --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%);
721    --spring-d300-b0-duration: 0.4980s;
722    --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%);
723    --spring-d280-b0-duration: 0.4648s;
724    --spring-d220-b0-easing: linear(
725      0,
726      0.0093 1.37%,
727      0.0696 4.12%,
728      0.4667 15.09%,
729      0.6322 20.58%,
730      0.6986 23.32%,
731      0.7793 27.44%,
732      0.8219 30.18%,
733      0.8721,
734      0.9089 38.42%,
735      0.9427,
736      0.9644,
737      0.978 54.88%,
738      0.9881 61.74%,
739      0.9944 69.97%,
740      0.998 80.95%,
741      0.9996 98.78%
742    );
743    --spring-d220-b0-duration: 0.3818s;
744    --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%);
745    --spring-d180-b0-duration: 0.2988s;
746
747    /* View transitions */
748    /* View transition old */
749    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
750
751    /* View transition new */
752    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
753
754    /* Focus */
755    --focus-outline-width: 0.09375rem;
756    --focus-outline-offset: 0.2em;
757
758    /* Badges */
759    --badge-rectangle-padding-block: 1px;
760    --badge-rectangle-padding-inline: 6px;
761    @media screen and (min-width: 750px) {
762      --badge-rectangle-padding-block: 4px;
763      --badge-rectangle-padding-inline: 10px;
764    }
765
766    /* Icons */
767    --icon-size-2xs: 0.6rem;
768    --icon-size-xs: 0.85rem;
769    --icon-size-sm: 1.25rem;
770    --icon-size-md: 1.375rem;
771    --icon-size-lg: 1.5rem;
772    --icon-stroke-width: 1.5px;
773
774    /* Input */
775    --input-padding-y: 0.8rem;
776    --input-padding-x: 0.8rem;
777    --input-padding: var(--input-padding-y) var(--input-padding-x);
778    --input-box-shadow-width: var(--style-border-width-inputs);
779    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
780    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
781    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
782    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
783    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
784    --input-textarea-min-height: 55px;
785
786    /* Checkbox */
787    --checkbox-size: 22px;
788    --checkbox-border-radius: 7px;
789    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
790    --checkbox-label-padding: 8px;
791
792    @media screen and (min-width: 750px) {
793      --checkbox-size: 16px;
794      --checkbox-border-radius: 5px;
795      --checkbox-label-padding: 6px;
796    }
797
798    /* Button size */
799    --button-size-md: 36px;
800    --button-size: var(--minimum-touch-target);
801    --button-padding-inline: 24px;
802    --button-padding-block: 16px;
803
804    /* Button font-family */
805    --button-font-family-primary: var(--font-body--family);
806    --button-font-family-secondary: var(--font-body--family);
807
808    /* Button text case */
809    --button-text-case-primary: default;
810    --button-text-case-secondary: default;
811
812    /* Borders */
813    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
814    --border-width-sm: 1px;
815    --border-radius-sm: 0.25rem;
816
817    /* Drawers */
818    --drawer-header-desktop-top: 0rem;
819    --drawer-padding: calc(var(--padding-sm) + 7px);
820    --drawer-height: 100dvh;
821    --drawer-width: 95vw;
822    --drawer-max-width: 500px;
823
824    /* Variant Picker Swatches */
825    --variant-picker-swatch-width-unitless: 34;
826    --variant-picker-swatch-height-unitless: 34;
827    --variant-picker-swatch-width: 34px;
828    --variant-picker-swatch-height: 34px;
829    --variant-picker-swatch-radius: 32px;
830    --variant-picker-border-width: 1px;
831    --variant-picker-border-style: solid;
832    --variant-picker-border-opacity: 10%;
833
834    /* Variant Picker Buttons */
835    --variant-picker-button-radius: 14px;
836    --variant-picker-button-border-width: 1px;
837    --variant-option-label-color: var(--color, var(--color-foreground));
838
839    /* Slideshow */
840    --slideshow-controls-icon: 2rem;
841    --peek-next-slide-size: 3rem;
842
843    /* Utilities */
844    --backdrop-opacity: 0.15;
845    --backdrop-color-rgb: var(--color-shadow-rgb);
846    --minimum-touch-target: 44px;
847    --disabled-opacity: 0.5;
848    --skeleton-opacity: 0.025;
849
850    /* Shapes */
851
852    /* Buy buttons */
853    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
854
855    /* Card image width and height variables */
856    --card-width-small: 10rem;
857
858    --height-small: 10rem;
859
860    @media screen and (min-width: 750px) {
861      --height-small: 17.5rem;
862    }
863
864    /* Modal */
865    --modal-max-height: 65dvh;
866    --quick-add-modal-height: min(38.5rem, 96vh);
867    /* Centered dialog: reserve the larger side inset on both edges so a landscape
868       notch cannot cover the close button. 2vw keeps the original 96vw gutter. */
869    --quick-add-modal-width: min(
870      54rem,
871      calc(100vw - 2 * max(2vw, var(--safe-area-inset-left), var(--safe-area-inset-right)))
872    );
873    --quick-add-modal-gallery-width: 24rem;
874
875    /* Card styles for search */
876    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
877    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
878    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
879
880    /* Cart */
881    --cart-primary-font-family: var(--font-body--family);
882    --cart-primary-font-style: var(--font-body--style);
883    --cart-primary-font-weight: var(--font-body--weight);
884    --cart-secondary-font-family: var(--font-subheading--family);
885    --cart-secondary-font-style: var(--font-subheading--style);
886    --cart-secondary-font-weight: var(--font-subheading--weight);
887  }
888
889  .custom-color-quick-add {
890    --quick-add-background: #FDFBF8;
891    --quick-add-foreground: #2B2320;
892  }
893</style>
894
895
896
897
898
899
900  <style data-shopify>
901    .color-custom-popover,
902    .color-custom-popover .text-block {
903      /* Background */
904      --color-background: #FDFBF8;
905      --color-background-rgb: 253 251 248;
906
907      /* Opacity values adjusted for background brightness */
908      
909--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9100.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
911
912
913      
914        /* Foreground / text — explicit or smart-contrasted */
915        --color: #2B2320;
916        --color-rgb: 43 35 32;
917        --color-foreground: #2B2320;
918        --color-foreground-rgb: 43 35 32;
919        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
920        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
921        --color-border: #E3D9CC;
922        --color-border-rgb: 227 217 204;
923      
924    }
925
926    
927      .color-custom-popover {
928        /* Form-related tokens stay on .color-custom only — .text-block is a prose
929           container (text/announcement/inline-text/blog-post-description/
930           collection-link/price/sku) and never holds form inputs. */
931        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
932        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
933        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
934        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
935      }
936    
937
938    .color-custom-popover {
939      color: var(--color, var(--color-foreground));
940      background-color: var(--color-background);
941    }
942  </style>
943
944
945
946
947
948
949
950
951  <style data-shopify>
952    .color-custom-drawer,
953    .color-custom-drawer .text-block {
954      /* Background */
955      --color-background: #FDFBF8;
956      --color-background-rgb: 253 251 248;
957
958      /* Opacity values adjusted for background brightness */
959      
960--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
9610.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
962
963
964      
965        /* Foreground / text — explicit or smart-contrasted */
966        --color: #2B2320;
967        --color-rgb: 43 35 32;
968        --color-foreground: #2B2320;
969        --color-foreground-rgb: 43 35 32;
970        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
971        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
972        --color-border: #E3D9CC;
973        --color-border-rgb: 227 217 204;
974      
975    }
976
977    
978      .color-custom-drawer {
979        /* Form-related tokens stay on .color-custom only — .text-block is a prose
980           container (text/announcement/inline-text/blog-post-description/
981           collection-link/price/sku) and never holds form inputs. */
982        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
983        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
984        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
985        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
986      }
987    
988
989    .color-custom-drawer {
990      color: var(--color, var(--color-foreground));
991      background-color: var(--color-background);
992    }
993  </style>
994
995
996
997
998
999
1000
1001
1002  <style data-shopify>
1003    .color-custom-badge-sale,
1004    .color-custom-badge-sale .text-block {
1005      /* Background */
1006      --color-background: #FDFBF8;
1007      --color-background-rgb: 253 251 248;
1008
1009      /* Opacity values adjusted for background brightness */
1010      
1011--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
10120.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1013
1014
1015      
1016        /* Foreground / text — explicit or smart-contrasted */
1017        --color: #2B2320;
1018        --color-rgb: 43 35 32;
1019        --color-foreground: #2B2320;
1020        --color-foreground-rgb: 43 35 32;
1021        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
1022        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
1023        --color-border: #2B2320;
1024        --color-border-rgb: 43 35 32;
1025      
1026    }
1027
1028    
1029      .color-custom-badge-sale {
1030        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1031           container (text/announcement/inline-text/blog-post-description/
1032           collection-link/price/sku) and never holds form inputs. */
1033        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
1034        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
1035        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
1036        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
1037      }
1038    
1039
1040    .color-custom-badge-sale {
1041      color: var(--color, var(--color-foreground));
1042      background-color: var(--color-background);
1043    }
1044  </style>
1045
1046
1047
1048
1049
1050
1051
1052
1053  <style data-shopify>
1054    .color-custom-badge-sold-out,
1055    .color-custom-badge-sold-out .text-block {
1056      /* Background */
1057      --color-background: #eef1ea;
1058      --color-background-rgb: 238 241 234;
1059
1060      /* Opacity values adjusted for background brightness */
1061      
1062--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
10630.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1064
1065
1066      
1067        /* Foreground / text — explicit or smart-contrasted */
1068        --color: #2B2320;
1069        --color-rgb: 43 35 32;
1070        --color-foreground: #2B2320;
1071        --color-foreground-rgb: 43 35 32;
1072        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
1073        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
1074        --color-border: #2B2320;
1075        --color-border-rgb: 43 35 32;
1076      
1077    }
1078
1079    
1080      .color-custom-badge-sold-out {
1081        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1082           container (text/announcement/inline-text/blog-post-description/
1083           collection-link/price/sku) and never holds form inputs. */
1084        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
1085        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
1086        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
1087        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
1088      }
1089    
1090
1091    .color-custom-badge-sold-out {
1092      color: var(--color, var(--color-foreground));
1093      background-color: var(--color-background);
1094    }
1095  </style>
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114<style data-shopify>
1115  /* Palette colors */
1116  :root {
1117    --color-background: #FDFBF8;
1118    --color-background-rgb: 253 251 248;
1119    --color-foreground: #2B2320;
1120    --color-foreground-rgb: 43 35 32;
1121    --color-border: #2B2320;
1122    --color-border-rgb: 43 35 32;
1123    --palette-lightest: #FDFBF8;
1124    --palette-lightest-rgb: 253 251 248;
1125    --palette-darkest: #2B2320;
1126    --palette-darkest-rgb: 43 35 32;
1127    
1128--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
11290.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1130
1131
1132    --color-primary-button-text: rgb(255 255 255 / 1.0);
1133    --color-primary-button-background: rgb(178 30 53 / 1.0);
1134    --color-primary-button-border: rgb(178 30 53 / 1.0);
1135    --color-primary-button-focus-outline: rgb(178 30 53);
1136    --color-primary-button-hover-text: rgb(253 251 248 / 1.0);
1137    --color-primary-button-hover-background: #c8223b;
1138    --color-primary-button-hover-border: #c8223b;
1139
1140    --color-secondary-button-text: rgb(178 30 53 / 1.0);
1141    --color-secondary-button-background: rgb(0 0 0 / 0.0);
1142    --color-secondary-button-border: rgb(178 30 53 / 1.0);
1143    --color-secondary-button-hover-text: rgb(178 30 53 / 1.0);
1144    --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
1145    --color-secondary-button-hover-border: #c8223b;
1146
1147    --color-input-background: rgb(253 251 248 / 1.0);
1148    --color-input-text: rgb(178 30 53 / 1.0);
1149    --color-input-text-rgb: 178 30 53;
1150    --color-input-border: rgb(227 217 204 / 1.0);
1151
1152    --color-variant-background: rgb(253 251 248 / 1.0);
1153    --color-variant-border: rgb(227 217 204 / 1.0);
1154    --color-variant-text: rgb(43 35 32 / 1.0);
1155    --color-variant-text-rgb: 43 35 32;
1156    --color-variant-hover-background: #f7f0e4;
1157    --color-variant-hover-text: rgb(43 35 32 / 1.0);
1158    --color-variant-hover-border: #dacdbc;
1159
1160    --color-selected-variant-background: rgb(43 35 32 / 1.0);
1161    --color-selected-variant-border: rgb(43 35 32 / 1.0);
1162    --color-selected-variant-text: rgb(253 251 248 / 1.0);
1163    --color-selected-variant-text-rgb: 253 251 248;
1164    --color-selected-variant-hover-background: #574741;
1165    --color-selected-variant-hover-text: rgb(253 251 248 / 1.0);
1166    --color-selected-variant-hover-border: #574741;
1167
1168    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1169    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1170    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1171    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
1172    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
1173    --color-drawer-shadow-rgb: ;
1174    --color-popover-shadow-rgb: 43 35 32;
1175
1176    /* Shadows */
1177    
1178    
1179      --shadow-blur: 20px;
1180      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
1181    
1182  }
1183
1184  body {
1185    color: var(--color-foreground);
1186    background-color: var(--color-background);
1187  }
1188</style>
1189
1190
1191    
1191<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1191<meta name="facebook-domain-verification" content="q06g9tnao2yz9i5xj4axouewim9mee">
1192<meta name="google-site-verification" content="LL5lbYsKvkOwmOAkFO9Uya9hyYc_wfNfkI1AfRT029A">
1193<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56056643641/digital_wallets/dialog">
1194<meta id="in-context-paypal-metadata" data-shop-id="56056643641" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1195<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/40235297800249:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://chadsraspberrykitchen.com/products/raspberry-jam.oembed">
1196<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1196
1197<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1198<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=56056643641" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1198
1198
1199<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":56056643641,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/56056643641","merchantName":"Chad's Raspberry Kitchen, Inc.","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"Chad's Raspberry Kitchen, Inc.","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1199
1199
1200<script id="shopify-features" type="application/json">{"accessToken":"fcac223f76a8b434401dccd7f6f87d44","betas":["rich-media-storefront-analytics"],"domain":"chadsraspberrykitchen.com","predictiveSearch":true,"shopId":56056643641,"locale":"en"}</script>
vendor: 1 bytes, line 1200
1200
1201<script>var Shopify = Shopify || {};
1202Shopify.shop = "chads-raspberry-kitchen-inc.myshopify.com";
1203Shopify.locale = "en";
1204Shopify.currency = {"active":"USD","rate":"1.0"};
1205Shopify.country = "US";
1206Shopify.theme = {"name":"Horizon working copy 2","id":165391859769,"schema_name":"Horizon","schema_version":"4.1.5","theme_store_id":2481,"role":"main"};
1207Shopify.theme.handle = "null";
1208Shopify.theme.style = {"id":null,"handle":null};
1209Shopify.cdnHost = "chadsraspberrykitchen.com/cdn";
1210Shopify.routes = Shopify.routes || {};
1211Shopify.routes.root = "/";
1212Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1213Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1214Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1215Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1215
1215
1216<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1216
1216
1217<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 1217
1217
1218<script>
1219  window.ShopifyPay = window.ShopifyPay || {};
1220  window.ShopifyPay.apiHost = "shop.app\/pay";
1221  window.ShopifyPay.redirectState = null;
1222</script>
vendor: 1 bytes, line 1222
1222
1223<script>
1224  window.Shopify = window.Shopify || {};
1225  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1226  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1227  window.Shopify.SignInWithShop.eligible = true;
1228</script>
vendor: 1 bytes, line 1228
1228
1229<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1229
1229
1230<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 1230
1230
1231<script type="module">
1232  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1233
1234  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1235
1236</script>
vendor: 1 bytes, line 1236
1236
1237<script>
1238  window.Shopify = window.Shopify || {};
1239  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1240  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"]};
1241</script>
vendor: 1 bytes, line 1241
1241
1242<script>(function() {
1243  var isLoaded = false;
1244  function asyncLoad() {
1245    if (isLoaded) return;
1246    isLoaded = true;
1247    var urls = ["\/\/www.powr.io\/powr.js?powr-token=chads-raspberry-kitchen-inc.myshopify.com\u0026external-type=shopify\u0026shop=chads-raspberry-kitchen-inc.myshopify.com"];
1248    for (var i = 0; i < urls.length; i++) {
1249      var s = document.createElement('script');
1250      s.type = 'text/javascript';
1251      s.async = true;
1252      s.src = urls[i];
1253      var x = document.getElementsByTagName('script')[0];
1254      x.parentNode.insertBefore(s, x);
1255    }
1256  };
1257  if(window.attachEvent) {
1258    window.attachEvent('onload', asyncLoad);
1259  } else {
1260    window.addEventListener('load', asyncLoad, false);
1261  }
1262})();</script>
vendor: 1 bytes, line 1262
1262
1263<script id="__st">var __st={"a":56056643641,"offset":-21600,"reqid":"8f5e79d0-8075-46a7-8665-0e79337b8686-1791477486","pageurl":"chadsraspberrykitchen.com\/products\/raspberry-jam","u":"c0d5a853cc24","p":"product","rtyp":"product","rid":6762227531833};</script>
vendor: 1 bytes, line 1263
1263
1264<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1264
1264
1265<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 1265
1265
1266<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//chadsraspberrykitchen.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1266
1266
1267<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 = "//chadsraspberrykitchen.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>
1267<script crossorigin="anonymous" defer="defer" src="//chadsraspberrykitchen.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1267
1267
1268<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 1268
1268
1269<script>
1270  window.Shopify = window.Shopify || {};
1271  window.Shopify.MCP = window.Shopify.MCP || {};
1272  window.Shopify.MCP.enabled = true;
1273  window.Shopify.MCP.shop = "chads-raspberry-kitchen-inc.myshopify.com";
1274  window.Shopify.MCP.mcpEndpoint = "https:\/\/chadsraspberrykitchen.com\/api\/mcp";
1275  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1276</script>
vendor: 1 bytes, line 1276
1276
1277<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("\/\/chadsraspberrykitchen.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1278</script>
vendor: 1 bytes, line 1278
1278
1279<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://chadsraspberrykitchen.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1280</script>
vendor: 1 bytes, line 1280
1280
1281<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1282  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);
1283</script>
vendor: 1 bytes, line 1283
1283
1284<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})}}));
1285</script>
1285
1286<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://chadsraspberrykitchen.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1287<style id="shopify-accelerated-checkout-cart">
1288        #shopify-buyer-consent {
1289  margin-top: 1em;
1290  display: inline-block;
1291  width: 100%;
1292}
1293
1294#shopify-buyer-consent.hidden {
1295  display: none;
1296}
1297
1298#shopify-subscription-policy-button {
1299  background: none;
1300  border: none;
1301  padding: 0;
1302  text-decoration: underline;
1303  font-size: inherit;
1304  cursor: pointer;
1305}
1306
1307#shopify-subscription-policy-button::before {
1308  box-shadow: none;
1309}
1310
1311      </style>
1312<link rel="stylesheet" media="screen" href="//chadsraspberrykitchen.com/cdn/shop/t/18/compiled_assets/styles.css?v=6452754338484230541788664922">
1313<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1313
1314  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1315<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: 56056643641,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1315
1315
1316<script>
1317  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1318</script>
vendor: 1 bytes, line 1318
1318
1319<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}
1319).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: 56056643641,storefrontBaseUrl: "https://chadsraspberrykitchen.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://chadsraspberrykitchen.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"462323769","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-E0LLWK1WCS\\\",\\\"GT-5R3X5Q2\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-E0LLWK1WCS\\\",\\\"MC-WKMT44PGRP\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-E0LLWK1WCS\\\",\\\"MC-WKMT44PGRP\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-E0LLWK1WCS\\\",\\\"MC-WKMT44PGRP\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-E0LLWK1WCS\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"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":"209649721","configuration":"{\"pixel_id\":\"1715842508652880\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","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":"83623993","configuration":"{\"tagID\":\"2613367613056\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"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":"Chad's Raspberry Kitchen, Inc.","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"chads-raspberry-kitchen-inc.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/chadsraspberrykitchen.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":7.99,"currencyCode":"USD"},"product":{"title":"Country Style Raspberry Jam","vendor":"Gourmet Foods","id":"6762227531833","untranslatedTitle":"Country Style Raspberry Jam","url":"\/products\/raspberry-jam","type":"Jams, Jellies and Syrup"}
1319,"id":"40235297800249","image":{"src":"\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/IMG-3799.png?v=1790013236"},"sku":"891368000012","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"6762227531833","handle":"raspberry-jam","isCollective":null,"title":"Country Style Raspberry Jam","type":"Jams, Jellies and Syrup","untranslatedTitle":"Country Style Raspberry Jam","url":"\/products\/raspberry-jam","vendor":"Gourmet Foods","remoteShopId":null,"variants":[{"id":"40235297800249","image":{"src":"\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/IMG-3799.png?v=1790013236"},"price":{"amount":7.99,"currencyCode":"USD"},"sku":"891368000012","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6930513723449","handle":"case-of-6-country-style-raspberry-jam-free-shipping","isCollective":null,"title":"Case of 6 Country Style Raspberry Jam","type":"Jams, Jellies and Syrup","untranslatedTitle":"Case of 6 Country Style Raspberry Jam","url":"\/products\/case-of-6-country-style-raspberry-jam-free-shipping","vendor":"Gourmet Foods","remoteShopId":null,"variants":[{"id":"40942502903865","image":{"src":"\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/IMG-3786.png?v=1790012770"},"price":{"amount":46.99,"currencyCode":"USD"},"sku":"891368000593","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6946192392249","handle":"case-of-2-salsa-and-3-jalapeno-jam-free-shipping","isCollective":null,"title":"Case of 2 Salsa and 3 Jalapeno Jam","type":"Salsa and Sauces","untranslatedTitle":"Case of 2 Salsa and 3 Jalapeno Jam","url":"\/products\/case-of-2-salsa-and-3-jalapeno-jam-free-shipping","vendor":"Gourmet Foods","remoteShopId":null,"variants":[{"id":"40997055103033","image":{"src":"\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/IMG-3782.png?v=1790012634"},"price":{"amount":46.99,"currencyCode":"USD"},"sku":"891368000586","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7700178927673","handle":"bear-lake-raspberry-taffy","isCollective":null,"title":"Bear Lake Raspberry Taffy","type":"Pastries and Treats","untranslatedTitle":"Bear Lake Raspberry Taffy","url":"\/products\/bear-lake-raspberry-taffy","vendor":"Taffy Town","remoteShopId":null,"variants":[{"id":"43787889311801","image":{"src":"\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/65312ozBearlakeraspberry_600x_2a9e34cc-3396-4314-a3dc-3c6d8b06c8d3.webp?v=1725891709"},"price":{"amount":6.99,"currencyCode":"USD"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7855749988409","handle":"gourmet-raspberry-chipotle-barbeque-copy","isCollective":null,"title":"Beehive Sweet Barbecue Sauce","type":"Salsa and Sauces","untranslatedTitle":"Beehive Sweet Barbecue Sauce","url":"\/products\/gourmet-raspberry-chipotle-barbeque-copy","vendor":"Gourmet Foods","remoteShopId":null,"variants":[{"id":"44316151251001","image":{"src":"\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/IMG-9293.png?v=1743197310"},"price":{"amount":7.99,"currencyCode":"USD"},"sku":"891368000524","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6762227597369","handle":"black-raspberry-vanilla-goat-milk-soap","isCollective":null,"title":"Black Raspberry Vanilla Goat Milk Soap","type":"Bath Products","untranslatedTitle":"Black Raspberry Vanilla Goat Milk Soap","url":"\/products\/black-raspberry-vanilla-goat-milk-soap","vendor":"Chad's Kitchen","remoteShopId":null,"variants":[{"id":"40235297865785","image":{"src":"\/\/chadsraspberrykitchen.com\/cdn\/shop\/products\/Soap-Black-Raspberry-Vanilla-Chads.gif?v=1656457060"},"price":{"amount":5.99,"currencyCode":"USD"},"sku":"869376000058","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6897668685881","handle":"case-of-12-country-style-raspberry-jam-free-shipping","isCollective":null,"title":"Case of 12 Country Style Raspberry Jam","type":"Jams, Jellies and Syrup","untranslatedTitle":"Case of 12 Country Style Raspberry Jam","url":"\/products\/case-of-12-country-style-raspberry-jam-free-shipping","vendor":"Gourmet Foods","remoteShopId":null,"variants":[{"id":"40805080268857","image":{"src":"\/\/ch
1319adsraspberrykitchen.com\/cdn\/shop\/files\/IMG-3795.png?v=1790013024"},"price":{"amount":80.0,"currencyCode":"USD"},"sku":"891368000555","title":"Default Title","untranslatedTitle":"Default Title"}]}],"purchasingCompany":null},},"https://chadsraspberrykitchen.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"165391859769","themeStoreId":"2481","themePublished":"true","eventMetadataId":"06a56288-e524-41b4-b1ea-c9b13aca2199","pageType":"product","resourceId":"6762227531833","shopId":"56056643641","storefrontBaseUrl":"https:\/\/chadsraspberrykitchen.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":7.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Country Style Raspberry Jam\",\"vendor\":\"Gourmet Foods\",\"id\":\"6762227531833\",\"untranslatedTitle\":\"Country Style Raspberry Jam\",\"url\":\"\/products\/raspberry-jam\",\"type\":\"Jams, Jellies and Syrup\"},\"id\":\"40235297800249\",\"image\":{\"src\":\"\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/IMG-3799.png?v=1790013236\"},\"sku\":\"891368000012\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
1319<script>
1320  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1321  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1322  window.ShopifyAnalytics.meta.currency = 'USD';
1323  var meta = {"product":{"id":6762227531833,"gid":"gid:\/\/shopify\/Product\/6762227531833","vendor":"Gourmet Foods","type":"Jams, Jellies and Syrup","handle":"raspberry-jam","variants":[{"id":40235297800249,"price":799,"name":"Country Style Raspberry Jam","public_title":null,"sku":"891368000012"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":6762227531833,"requestId":"8f5e79d0-8075-46a7-8665-0e79337b8686-1791477486"}};
1324  for (var attr in meta) {
1325    window.ShopifyAnalytics.meta[attr] = meta[attr];
1326  }
1327</script>
vendor: 1 bytes, line 1327
1327
1328<script class="analytics">
1329  (function () {
1330    var customDocumentWrite = function(content) {
1331      var jquery = null;
1332
1333      if (window.jQuery) {
1334        jquery = window.jQuery;
1335      } else if (window.Checkout && window.Checkout.$) {
1336        jquery = window.Checkout.$;
1337      }
1338
1339      if (jquery) {
1340        jquery('body').append(content);
1341      }
1342    };
1343
1344    var hasLoggedConversion = function(token) {
1345      if (token) {
1346        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1347      }
1348      return false;
1349    }
1350
1351    var setCookieIfConversion = function(token) {
1352      if (token) {
1353        var twoMonthsFromNow = new Date(Date.now());
1354        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1355
1356        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1357      }
1358    }
1359
1360    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1361    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1362    if (trekkie.integrations) {
1363      return;
1364    }
1365    trekkie.methods = [
1366      'identify',
1367      'page',
1368      'ready',
1369      'track',
1370      'trackForm',
1371      'trackLink'
1372    ];
1373    trekkie.factory = function(method) {
1374      return function() {
1375        var args = Array.prototype.slice.call(arguments);
1376        args.unshift(method);
1377        trekkie.push(args);
1378        if (method == 'track' || method == 'page') {
1379          var pageUrl;
1380          try {
1381            pageUrl = window.location.href;
1382          } catch (e) {}
1383          var pageReferrer;
1384          try {
1385            pageReferrer = document.referrer;
1386          } catch (e) {}
1387          try {
1388            if (window.__TREKKIE_SHIM_QUEUE == null) {
1389              window.__TREKKIE_SHIM_QUEUE = [];
1390            }
1391            window.__TREKKIE_SHIM_QUEUE.push({
1392              from: 'trekkie-stub',
1393              method: method,
1394              args: args.slice(1),
1395              pageContext: {
1396                url: pageUrl,
1397                referrer: pageReferrer
1398              }
1399            });
1400          } catch (e) {
1401            // no-op
1402          }
1403        }
1404        return trekkie;
1405      };
1406    };
1407    for (var i = 0; i < trekkie.methods.length; i++) {
1408      var key = trekkie.methods[i];
1409      trekkie[key] = trekkie.factory(key);
1410    }
1411    trekkie.load = function(config) {
1412      trekkie.config = config || {};
1413      trekkie.config.initialDocumentCookie = document.cookie;
1414      var first = document.getElementsByTagName('script')[0];
1415var script = document.createElement('script');
1416script.type = 'text/javascript';
1417script.onerror = function(e) {
1418  var scriptFallback = document.createElement('script');
1419  scriptFallback.type = 'text/javascript';
1420  scriptFallback.onerror = function(error) {
1421          var Monorail = {
1422      produce: function produce(monorailDomain, schemaId, payload) {
1423        var currentMs = new Date().getTime();
1424        var event = {
1425          schema_id: schemaId,
1426          payload: payload,
1427          metadata: {
1428            event_created_at_ms: currentMs,
1429            event_sent_at_ms: currentMs
1430          }
1431        };
1432        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1433      },
1434      sendRequest: function sendRequest(endpointUrl, payload) {
1435        // Try the sendBeacon API
1436        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1437          var blobData = new window.Blob([payload], {
1438            type: 'text/plain'
1439          });
1440
1441          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1442            return true;
1443          } // sendBeacon was not successful
1444
1445        } // XHR beacon
1446
1447        var xhr = new XMLHttpRequest();
1448
1449        try {
1450          xhr.open('POST', endpointUrl);
1451          xhr.setRequestHeader('Content-Type', 'text/plain');
1452          xhr.send(payload);
1453        } catch (e) {
1454          console.log(e);
1455        }
1456
1457        return false;
1458      },
1459      isIos12: function isIos12() {
1460        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1461      }
1462    };
1463    Monorail.produce('monorail-edge.shopifysvc.com',
1464      'trekkie_storefront_load_errors/1.1',
1465      {shop_id: 56056643641,
1466      theme_id: 165391859769,
1467      app_name: "storefront",
1468      context_url: window.location.href,
1469      source_url: "//chadsraspberrykitchen.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1470
1471  };
1472  scriptFallback.async = true;
1473  scriptFallback.src = '//chadsraspberrykitchen.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1474  first.parentNode.insertBefore(scriptFallback, first);
1475};
1476script.async = true;
1477script.src = '//chadsraspberrykitchen.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1478first.parentNode.insertBefore(script, first);
1479
1480    };
1481    trekkie.load(
1482      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56056643641,"isMerchantRequest":null,"themeId":165391859769,"themeCityHash":"15581576962108378077","contentLanguage":"en","currency":"USD","eventMetadataId":"06a56288-e524-41b4-b1ea-c9b13aca2199"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1483    );
1484
1485    var loaded = false;
1486    trekkie.ready(function() {
1487      if (loaded) return;
1488      loaded = true;
1489
1490      window.ShopifyAnalytics.lib = window.trekkie;
1491
1492      var originalDocumentWrite = document.write;
1493      document.write = customDocumentWrite;
1494      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1495      document.write = originalDocumentWrite;
1496
1497      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1498      var token = match? match[1]: undefined;
1499      if (!hasLoggedConversion(token)) {
1500        setCookieIfConversion(token);
1501        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":40235297800249,"productId":6762227531833,"productGid":"gid:\/\/shopify\/Product\/6762227531833","name":"Country Style Raspberry Jam","price":"7.99","sku":"891368000012","brand":"Gourmet Foods","variant":null,"category":"Jams, Jellies and Syrup","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1502      }
1503    });
1504
1505    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":6762227531833,"requestId":"8f5e79d0-8075-46a7-8665-0e79337b8686-1791477486","shopifyEmitted":true});
1506
1507    var eventsListenerScript = document.createElement('script');
1508    eventsListenerScript.async = true;
1509    eventsListenerScript.src = "//chadsraspberrykitchen.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1510    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1511})();</script>
1511
1512  
1512<script>
1513  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1514    window.ga = function ga() {
1515      (window.ga.q = window.ga.q || []).push(arguments);
1516      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1517        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1518      }
1519      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1520    };
1521    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1522      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1523    }
1524  }
1525</script>
vendor: 1 bytes, line 1525
1525
1526<script
1527  defer
1528  src="https://chadsraspberrykitchen.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
1529  data-application="storefront-renderer"
1530  data-shop-id="56056643641"
1531  data-render-region="gcp-us-central1"
1532  data-page-type="product"
1533  data-theme-instance-id="165391859769"
1534  data-theme-name="Horizon"
1535  data-theme-version="4.1.5"
1536  data-monorail-region="shop_domain"
1537  data-resource-timing-sampling-rate="10"
1538  data-shs="true"
1539  data-shs-beacon="true"
1540  data-shs-export-with-fetch="true"
1541  data-shs-logs-sample-rate="1"
1542  data-shs-beacon-endpoint="https://chadsraspberrykitchen.com/api/collect"
1543></script>
vendor: 1 bytes, line 1543
1543
1544<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1544<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"56056643641","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1544
1545<meta name="shopify-y" content="418e8402-033c-49d1-b5cb-7facc9d36bc2" data-expiration="1823035086000"><meta name="shopify-s" content="9911bfa5-67e0-43e6-a2e2-08577eeee8e5" data-expiration="1791479286000"><meta name="new-cookie-storage-activated" content="t">
1546</head>
1547
1548  <body class="page-width-normal card-hover-effect-none">
1549    <a
1550  class="skip-to-content-link button-secondary"
1551  href="#MainContent"
1552>
1553  Skip to content
1554</a>
1555
1556
1557
1558
1559    
1560
1561<theme-drawer id="chat-drawer">
1562  <dialog
1563    ref="panel"
1564    class="theme-drawer__dialog chat-drawer"
1565  >
1566    <shopify-chat
1567      mode="standalone"
1568      mode-switch
1569    ></shopify-chat>
1570  </dialog>
1571</theme-drawer>
1572
1573<script type="module">
1574  const chatDrawer = document.querySelector('#chat-drawer');
1575  const shopifyChat = document.querySelector('shopify-chat');
1576
1577  document.addEventListener('theme-drawer:open', (event) => {
1578    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1579    shopifyChat?.setAttribute('mode', 'managed');
1580  });
1581
1582  document.addEventListener('theme-drawer:close', (event) => {
1583    if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
1584    // If mode is still managed, this is a theme-initiated close (backdrop /
1585    // Escape) — close the chat so the FAB appears. If mode is already
1586    // standalone, the close was triggered by an undock (enter-standalone sets
1587    // mode before closing the drawer) — leave the chat open as a floating panel.
1588    if (shopifyChat?.getAttribute('mode') === 'managed') {
1589      shopifyChat?.removeAttribute('open');
1590    }
1591    shopifyChat?.setAttribute('mode', 'standalone');
1592  });
1593
1594  document.addEventListener('shopify-chat:enter-managed', () => {
1595    // Captured at event-fire time — the dock-transition animation hint below
1596    // depends on state as it was when the event was dispatched.
1597    const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
1598
1599    // The activator-click path (FAB click on desktop with stored
1600    // preferredMode=managed) dispatches enter-managed *before* calling show(),
1601    // so the chat's `open` attribute at event time understates the imminent
1602    // outcome. Defer to a microtask: by then show() (if any) has run, and we
1603    // can distinguish the viewport-driven mobile→desktop transition that left
1604    // a minimized FAB (chat stays closed → don't open an empty drawer) from
1605    // an activator click (chat just opened → open the drawer).
1606    queueMicrotask(() => {
1607      if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
1608        return;
1609      }
1610      chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
1611    });
1612  });
1613
1614  document.addEventListener('shopify-chat:enter-standalone', () => {
1615    shopifyChat?.setAttribute('mode', 'standalone');
1616    chatDrawer?.close?.();
1617  });
1618
1619  document.addEventListener('shopify-chat:close', () => {
1620    if (shopifyChat?.getAttribute('mode') === 'managed') {
1621      chatDrawer?.close?.();
1622    }
1623  });
1624
1625  document.addEventListener('megaMenu:hover', () => {
1626    if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
1627      shopifyChat?.removeAttribute('open');
1628    }
1629  });
1630
1631  // After the chat upgrades it self-restores its preferred mode from
1632  // sessionStorage. Reconcile any mismatch with the theme-drawer's state
1633  // — the drawer is the source of truth for which mode the chat should
1634  // be in (open → managed, closed → standalone).
1635  customElements.whenDefined('shopify-chat').then(() => {
1636    const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
1637    if (shopifyChat?.getAttribute('mode') !== mode) {
1638      // When switching managed → standalone (e.g. narrow viewport skipped
1639      // drawer restore), also close the chat so it renders as the FAB
1640      // rather than an open standalone panel.
1641      if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
1642        shopifyChat?.removeAttribute('open');
1643      }
1644      shopifyChat?.setAttribute('mode', mode);
1645    }
1646  });
1647</script>
1647
1648
1649
1650
1651
1652    <div class="page-wrapper">
1653      <div id="header-group">
1654        <!-- BEGIN sections: header-group -->
1655<div id="shopify-section-sections--22857924837433__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
1656
1657
1658
1659
1660
1661
1662
1663
1664  <style data-shopify>
1665    .color-custom-sections--22857924837433__header_announcements_9jGBFp,
1666    .color-custom-sections--22857924837433__header_announcements_9jGBFp .text-block {
1667      /* Background */
1668      --color-background: #2B2320;
1669      --color-background-rgb: 43 35 32;
1670
1671      /* Opacity values adjusted for background brightness */
1672      
1673--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
16740.6; --opacity-30-60: 0.6; --opacity-60: 0.6;
1675
1676
1677      
1678        /* Foreground / text — explicit or smart-contrasted */
1679        --color: var(--palette-lightest);
1680        --color-rgb: var(--palette-lightest-rgb);
1681        --color-foreground: var(--palette-lightest);
1682        --color-foreground-rgb: var(--palette-lightest-rgb);
1683        --color-foreground-muted: rgb(var(--palette-lightest-rgb) / var(--opacity-muted-text));
1684        --color-foreground-subdued: rgb(var(--palette-lightest-rgb) / var(--opacity-subdued-text));
1685        --color-border: var(--palette-lightest);
1686        --color-border-rgb: var(--palette-lightest-rgb);
1687      
1688    }
1689
1690    
1691      .color-custom-sections--22857924837433__header_announcements_9jGBFp {
1692        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1693           container (text/announcement/inline-text/blog-post-description/
1694           collection-link/price/sku) and never holds form inputs. */
1695        --input-disabled-background-color: rgb(var(--palette-lightest-rgb) / var(--opacity-10));
1696        --input-disabled-border-color: rgb(var(--palette-lightest-rgb) / var(--opacity-5));
1697        --input-disabled-text-color: rgb(var(--palette-lightest-rgb) / var(--opacity-50));
1698        --checkbox-border: 1px solid rgb(var(--palette-lightest-rgb) / var(--opacity-35-55));
1699      }
1700    
1701
1702    .color-custom-sections--22857924837433__header_announcements_9jGBFp {
1703      color: var(--color, var(--color-foreground));
1704      background-color: var(--color-background);
1705    }
1706  </style>
1707
1708
1709
1710<div class="section-background color-custom-sections--22857924837433__header_announcements_9jGBFp"></div>
1711<aside
1712  class="announcement-bar spacing-style section section--page-width color-custom-sections--22857924837433__header_announcements_9jGBFp"
1713  style="--padding-block-start: 10px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px;
1714; --border-bottom-width: 1px; --color-border: #E3D9CC;"
1715>
1716  
1717
1718  <announcement-bar-component
1719    class="announcement-bar__slider"
1720    
1721  >
1722    
1723
1724    <div class="announcement-bar__slides">
1725      
1726
1727
1728
1729<slideshow-slide
1730    ref="slides[]"
1731    class="
1732      announcement-bar__slide
1733      text-block
1734      text-block--ANlJBckthSHVVSnFaT__announcement_BxgCk9
1735      text-block--align-center
1736      text-block--full-width
1737      custom-typography
1738      custom-font-size
1739      
1740    "
1741    style="
1742      
1743--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1744      
1745      --width: 100%;
1746      --text-align: center;
1747      --line-height: 1;
1748    "
1749    
1750    aria-hidden="false"
1751  >
1752    <p class="announcement-bar__text">
1753      Fast delivery on all multi packs
1754    </p>
1755
1756    
1757  </slideshow-slide>
1758
1759    </div>
1760  </announcement-bar-component>
1761</aside>
1762
1763
1764
1765
1766</div><header id="shopify-section-sections--22857924837433__header_section" class="shopify-section shopify-section-group-header-group header-section">
1767
1768
1769
1770
1771
1772<script type="application/ld+json">
1773  {
1774    "@context": "http://schema.org",
1775    "@type": "Organization",
1776    "name": "Chad\u0026#39;s Raspberry Kitchen, Inc.",
1777    
1778      "logo": "https:\/\/chadsraspberrykitchen.com\/cdn\/shop\/files\/chads-logo-b-768x333.png?v=1642539320\u0026width=500",
1779    
1780    "url": "https:\/\/chadsraspberrykitchen.com"
1781  }
1782</script>
1782
1783
1784<header-component
1785  id="header-component"
1786  class="header"
1787  data-theme-color="rgb(253 251 248)"
1788  data-bubble-style="default"
1789  
1790  
1791    sticky="always"
1792  
1793  data-skip-node-update
1794  data-scroll-direction="none"
1795  
1796  
1797  
1798    data-header-rows="single"
1799  
1800  style="
1801    --color-background-top-row: rgba(253 251 248 / 1.0);
1802    --color-background-bottom-row: rgba(253 251 248 / 1.0);
1803    
1804    
1805      --cart-bubble-background: var(--palette-darkest);
1806      --cart-bubble-text: #FDFBF8;
1807    
1808    
1809  "
1810>
1811  <div class="header__underlay header__underlay-closed"></div>
1812  <div
1813    class="header__underlay header__underlay-open"
1814  ></div>
1815    
1816
1817    
1818
1819    
1820    
1821      <div
1822        class="header__row header__row--top color-#FDFBF8 section section--full-width-margin section--page-width color-custom-top-sections--22857924837433__header_section"
1823        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px; --border-bottom-color-mobile: var(--color-border);">
1824        <div class="header__columns spacing-style">
1825          <style data-shopify>
1826    .color-custom-top-sections--22857924837433__header_section,
1827    .color-custom-top-sections--22857924837433__header_section .text-block {
1828      /* Background */
1829      --color-background: #FDFBF8;
1830      --color-background-rgb: 253 251 248;
1831
1832      /* Opacity values adjusted for background brightness */
1833      
1834--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
18350.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1836
1837
1838      
1839        /* Foreground / text — explicit or smart-contrasted */
1840        --color: #2B2320;
1841        --color-rgb: 43 35 32;
1842        --color-foreground: #2B2320;
1843        --color-foreground-rgb: 43 35 32;
1844        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
1845        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
1846        --color-border: var(--palette-darkest);
1847        --color-border-rgb: var(--palette-darkest-rgb);
1848      
1849    }
1850
1851    
1852      .color-custom-top-sections--22857924837433__header_section {
1853        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1854           container (text/announcement/inline-text/blog-post-description/
1855           collection-link/price/sku) and never holds form inputs. */
1856        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
1857        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
1858        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
1859        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
1860      }
1861    
1862
1863    .color-custom-top-sections--22857924837433__header_section {
1864      color: var(--color, var(--color-foreground));
1865      background-color: var(--color-background);
1866    }
1867  </style>
1868
1869
1870      
1871      
1872<div
1873      class="header__column header__column--left"
1874      data-testid="header-top-left"
1875    >
1876      
1877        
1878          
1879              
1880
1881
1882
1883    <div
1884      class="header__drawer"
1885      ref="headerDrawerContainer"
1886      data-hydration-key="header-drawer-mobile"
1887      
1888    >
1889      
1890
1891
1892
1893
1894
1895
1896
1897  <style data-shopify>
1898    .color-custom-ASjVVRjBWZGVKd25iW__header-menu-1,
1899    .color-custom-ASjVVRjBWZGVKd25iW__header-menu-1 .text-block {
1900      /* Background */
1901      --color-background: #FDFBF8;
1902      --color-background-rgb: 253 251 248;
1903
1904      /* Opacity values adjusted for background brightness */
1905      
1906--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
19070.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
1908
1909
1910      
1911        /* Foreground / text — explicit or smart-contrasted */
1912        --color: #2B2320;
1913        --color-rgb: 43 35 32;
1914        --color-foreground: #2B2320;
1915        --color-foreground-rgb: 43 35 32;
1916        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
1917        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
1918        --color-border: var(--palette-darkest);
1919        --color-border-rgb: var(--palette-darkest-rgb);
1920      
1921    }
1922
1923    
1924      .color-custom-ASjVVRjBWZGVKd25iW__header-menu-1 {
1925        /* Form-related tokens stay on .color-custom only — .text-block is a prose
1926           container (text/announcement/inline-text/blog-post-description/
1927           collection-link/price/sku) and never holds form inputs. */
1928        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
1929        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
1930        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
1931        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
1932      }
1933    
1934
1935    .color-custom-ASjVVRjBWZGVKd25iW__header-menu-1 {
1936      color: var(--color, var(--color-foreground));
1937      background-color: var(--color-background);
1938    }
1939  </style>
1940
1941
1942
1943<script
1944  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/header-drawer.js?v=121243031541024704371788664189"
1945  type="module"
1946  fetchpriority="low"
1947></script>
1947
1948
1949<header-drawer
1950  class="header-drawer "
1951  style="--menu-image-border-radius: 14px; --resource-card-corner-radius: 14px;"
1952>
1953  <details
1954    id="Details-menu-drawer-container"
1955    data-skip-node-update="true"
1956    class="menu-drawer-container"
1957    ref="details"
1958    scroll-lock
1959  >
1960    <summary
1961      class="header__icon header__icon--menu header__icon--summary"
1962      aria-label="Menu"
1963      on:click="/toggle"
1964    >
1965      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1966  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1967  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1968</svg>
1969</span>
1970      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1971  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1972</svg>
1973</span>
1974    </summary>
1975    <div
1976      ref="menuDrawer"
1977      class="
1978        menu-drawer
1979        
1980          color-custom-ASjVVRjBWZGVKd25iW__header-menu-1
1981        
1982      "
1983    >
1984      <button
1985        class="button close-button menu-drawer__close-button focus-inset"
1986        type="button"
1987        aria-label="Close"
1988        on:click="/close"
1989      >
1990        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1991  <path d="M3.75 3.75L10.25 10.25M10.25 3.75L3.75 10.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1992</svg>
1993</span>
1994      </button>
1995      <nav
1996        class="menu-drawer__navigation"
1997        style="--menu-top-level-font-family: var(--font-body--family);
1998--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
1999
2000  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2001  var(--menu-font-2xl--line-height);
2002
2003--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2004
2005--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2006var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2007none;
2008
2009    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2010    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2011    --menu-parent-active-font-color: var(--color-foreground);
2012  
2013--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2014none;
2015
2016    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2017    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2018  
2019
2020        "
2021        aria-label="Primary"
2022      >
2023        <ul
2024          class="menu-drawer__menu has-submenu"
2025          role="list"
2026        >
2027            
2028            
2029
2030              <li
2031                style="--menu-drawer-animation-index: 1;"
2032                class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
2033              >
2034                
2035
2036                  
2037                  
2038
2039
2040<accordion-custom
2041  
2042  
2043  
2044  
2045  
2046  
2047  
2048  
2049  
2050>
2051  
2052                    <details
2053                      id="Details-menu-drawer-shop"
2054                    >
2055                      <summary
2056                        id="HeaderDrawer-shop"
2057                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2058                      >
2059                        <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
2060                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2061  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2062  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2063</svg>
2064</span>
2065                      </summary>
2066                      
2067                      <ul
2068                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2069                        role="list"
2070                        tabindex="-1"
2071                      ><li class="menu-drawer__list-item crk-mega-drawer__item" style="--menu-drawer-animation-index: 0;">
2072                            <div class="crk-mega crk-mega--drawer">
2073    <ul class="crk-mega__tiles list-unstyled" role="list"><li class="crk-mega__tile">
2074            <a class="crk-mega__tile-link" href="/collections/shop-all">
2075              <span class="crk-mega__tile-media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=480" alt="Shop the pantry" srcset="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=480 480w" width="480" height="360" loading="lazy" sizes="96px" class="crk-mega__tile-img">
2076</span>
2077              <span class="crk-mega__tile-copy">
2078                <span class="crk-mega__tile-heading">Shop the pantry</span><span class="crk-mega__tile-text">Jams, syrups, salsas, and sauces made in small batches.</span></span>
2079            </a>
2080          </li><li class="crk-mega__tile">
2081            <a class="crk-mega__tile-link" href="/collections/cases">
2082              <span class="crk-mega__tile-media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=480" alt="Shop by the case" srcset="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=480 480w" width="480" height="360" loading="lazy" sizes="96px" class="crk-mega__tile-img">
2083</span>
2084              <span class="crk-mega__tile-copy">
2085                <span class="crk-mega__tile-heading">Shop by the case</span><span class="crk-mega__tile-text">Cases of 6 and 12 for the pantry, gifts, and sharing.</span></span>
2086            </a>
2087          </li><li class="crk-mega__tile">
2088            <a class="crk-mega__tile-link" href="/#subscribe">
2089              <span class="crk-mega__tile-media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=480" alt="Subscribe &amp; Save 10%" srcset="//chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=480 480w" width="480" height="360" loading="lazy" sizes="96px" class="crk-mega__tile-img">
2090</span>
2091              <span class="crk-mega__tile-copy">
2092                <span class="crk-mega__tile-heading">Subscribe &amp; Save 10%</span><span class="crk-mega__tile-text">Your favorites, delivered on your schedule. Skip or cancel anytime.</span></span>
2093            </a>
2094          </li></ul>
2095  </div>
2096
2097                          </li><li
2098                            class="menu-drawer__list-item"
2099                            style="--menu-drawer-animation-index: 1;"
2100                          >
2101                            <a
2102                              id="HeaderDrawer-shop-jams-syrups"
2103                              href="/collections/jams-jellies"
2104                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2105                              
2106                            >
2107                              
2108                              <span class="menu-drawer__menu-item-text wrap-text">Jams &amp; Syrups</span>
2109                            </a>
2110                          </li><li
2111                            class="menu-drawer__list-item"
2112                            style="--menu-drawer-animation-index: 2;"
2113                          >
2114                            <a
2115                              id="HeaderDrawer-shop-salsas-sauces"
2116                              href="/collections/salsas"
2117                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2118                              
2119                            >
2120                              
2121                              <span class="menu-drawer__menu-item-text wrap-text">Salsas &amp; Sauces</span>
2122                            </a>
2123                          </li><li
2124                            class="menu-drawer__list-item"
2125                            style="--menu-drawer-animation-index: 3;"
2126                          >
2127                            <a
2128                              id="HeaderDrawer-shop-by-the-case"
2129                              href="/collections/cases"
2130                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2131                              
2132                            >
2133                              
2134                              <span class="menu-drawer__menu-item-text wrap-text">By the Case</span>
2135                            </a>
2136                          </li><li
2137                            class="menu-drawer__list-item"
2138                            style="--menu-drawer-animation-index: 4;"
2139                          >
2140                            <a
2141                              id="HeaderDrawer-shop-treats-gifts"
2142                              href="/collections/vinaigrettes"
2143                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2144                              
2145                            >
2146                              
2147                              <span class="menu-drawer__menu-item-text wrap-text">Treats &amp; Gifts</span>
2148                            </a>
2149                          </li><li
2150                            class="menu-drawer__list-item"
2151                            style="--menu-drawer-animation-index: 5;"
2152                          >
2153                            <a
2154                              id="HeaderDrawer-shop-gifts-souvenirs"
2155                              href="/collections/gifts-and-souvenirs"
2156                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2157                              
2158                            >
2159                              
2160                              <span class="menu-drawer__menu-item-text wrap-text">Gifts &amp; Souvenirs</span>
2161                            </a>
2162                          </li><li
2163                            class="menu-drawer__list-item"
2164                            style="--menu-drawer-animation-index: 6;"
2165                          >
2166                            <a
2167                              id="HeaderDrawer-shop-bath-body"
2168                              href="/collections/bath-and-body"
2169                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2170                              
2171                            >
2172                              
2173                              <span class="menu-drawer__menu-item-text wrap-text">Bath &amp; Body</span>
2174                            </a>
2175                          </li><li
2176                            class="menu-drawer__list-item"
2177                            style="--menu-drawer-animation-index: 7;"
2178                          >
2179                            <a
2180                              id="HeaderDrawer-shop-shop-all"
2181                              href="/collections/shop-all"
2182                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2183                              
2184                            >
2185                              
2186                              <span class="menu-drawer__menu-item-text wrap-text">Shop All</span>
2187                            </a>
2188                          </li></ul>
2189                    </details>
2190                  
2191</accordion-custom>
2192
2193
2194
2195                
2196              </li>
2197              <li
2198                style="--menu-drawer-animation-index: 2;"
2199                class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
2200              >
2201                
2202<a
2203                    id="HeaderDrawer-subscribe-save"
2204                    href="/#subscribe"
2205                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2206                    
2207                  >
2208                    <span class="menu-drawer__menu-item-text wrap-text">Subscribe &amp; Save</span>
2209                  </a>
2210                
2211              </li>
2212              <li
2213                style="--menu-drawer-animation-index: 3;"
2214                class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
2215              >
2216                
2217
2218                  
2219                  
2220
2221
2222<accordion-custom
2223  
2224  
2225  
2226  
2227  
2228  
2229  
2230  
2231  
2232>
2233  
2234                    <details
2235                      id="Details-menu-drawer-recipes"
2236                    >
2237                      <summary
2238                        id="HeaderDrawer-recipes"
2239                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2240                      >
2241                        <span class="menu-drawer__menu-item-text wrap-text">Recipes</span>
2242                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2243  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2244  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2245</svg>
2246</span>
2247                      </summary>
2248                      
2249                      <ul
2250                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2251                        role="list"
2252                        tabindex="-1"
2253                      ><li
2254                            class="menu-drawer__list-item"
2255                            style="--menu-drawer-animation-index: 1;"
2256                          >
2257                            <a
2258                              id="HeaderDrawer-recipes-main-dishes"
2259                              href="/blogs/recipes-with-salsa"
2260                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2261                              
2262                            >
2263                              
2264                              <span class="menu-drawer__menu-item-text wrap-text">Main Dishes</span>
2265                            </a>
2266                          </li><li
2267                            class="menu-drawer__list-item"
2268                            style="--menu-drawer-animation-index: 2;"
2269                          >
2270                            <a
2271                              id="HeaderDrawer-recipes-breakfasts"
2272                              href="/blogs/breakfasts"
2273                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2274                              
2275                            >
2276                              
2277                              <span class="menu-drawer__menu-item-text wrap-text">Breakfasts</span>
2278                            </a>
2279                          </li><li
2280                            class="menu-drawer__list-item"
2281                            style="--menu-drawer-animation-index: 3;"
2282                          >
2283                            <a
2284                              id="HeaderDrawer-recipes-desserts"
2285                              href="/blogs/desserts"
2286                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2287                              
2288                            >
2289                              
2290                              <span class="menu-drawer__menu-item-text wrap-text">Desserts</span>
2291                            </a>
2292                          </li><li
2293                            class="menu-drawer__list-item"
2294                            style="--menu-drawer-animation-index: 4;"
2295                          >
2296                            <a
2297                              id="HeaderDrawer-recipes-sides-appetizers"
2298                              href="/blogs/recipes-with-jam"
2299                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2300                              
2301                            >
2302                              
2303                              <span class="menu-drawer__menu-item-text wrap-text">Sides &amp; Appetizers</span>
2304                            </a>
2305                          </li></ul>
2306                    </details>
2307                  
2308</accordion-custom>
2309
2310
2311
2312                
2313              </li>
2314              <li
2315                style="--menu-drawer-animation-index: 4;"
2316                class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
2317              >
2318                
2319
2320                  
2321                  
2322
2323
2324<accordion-custom
2325  
2326  
2327  
2328  
2329  
2330  
2331  
2332  
2333  
2334>
2335  
2336                    <details
2337                      id="Details-menu-drawer-our-story"
2338                    >
2339                      <summary
2340                        id="HeaderDrawer-our-story"
2341                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2342                      >
2343                        <span class="menu-drawer__menu-item-text wrap-text">Our Story</span>
2344                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2345  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2346  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2347</svg>
2348</span>
2349                      </summary>
2350                      
2351                      <ul
2352                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2353                        role="list"
2354                        tabindex="-1"
2355                      ><li
2356                            class="menu-drawer__list-item"
2357                            style="--menu-drawer-animation-index: 1;"
2358                          >
2359                            <a
2360                              id="HeaderDrawer-our-story-our-farm-process"
2361                              href="/pages/our-farm-production-process"
2362                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2363                              
2364                            >
2365                              
2366                              <span class="menu-drawer__menu-item-text wrap-text">Our Farm &amp; Process</span>
2367                            </a>
2368                          </li><li
2369                            class="menu-drawer__list-item"
2370                            style="--menu-drawer-animation-index: 2;"
2371                          >
2372                            <a
2373                              id="HeaderDrawer-our-story-a-healthy-choice"
2374                              href="/pages/super-fruits-and-fresh-vegetables"
2375                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2376                              
2377                            >
2378                              
2379                              <span class="menu-drawer__menu-item-text wrap-text">A Healthy Choice</span>
2380                            </a>
2381                          </li><li
2382                            class="menu-drawer__list-item"
2383                            style="--menu-drawer-animation-index: 3;"
2384                          >
2385                            <a
2386                              id="HeaderDrawer-our-story-reviews"
2387                              href="/pages/reviews"
2388                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2389                              
2390                            >
2391                              
2392                              <span class="menu-drawer__menu-item-text wrap-text">Reviews</span>
2393                            </a>
2394                          </li><li
2395                            class="menu-drawer__list-item"
2396                            style="--menu-drawer-animation-index: 4;"
2397                          >
2398                            <a
2399                              id="HeaderDrawer-our-story-news"
2400                              href="/blogs/news"
2401                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2402                              
2403                            >
2404                              
2405                              <span class="menu-drawer__menu-item-text wrap-text">News</span>
2406                            </a>
2407                          </li><li
2408                            class="menu-drawer__list-item"
2409                            style="--menu-drawer-animation-index: 5;"
2410                          >
2411                            <a
2412                              id="HeaderDrawer-our-story-pie-contest"
2413                              href="/pages/pie"
2414                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2415                              
2416                            >
2417                              
2418                              <span class="menu-drawer__menu-item-text wrap-text">Pie Contest</span>
2419                            </a>
2420                          </li></ul>
2421                    </details>
2422                  
2423</accordion-custom>
2424
2425
2426
2427                
2428              </li>
2429              <li
2430                style="--menu-drawer-animation-index: 5;"
2431                class="menu-drawer__list-item--deep menu-drawer__list-item--divider"
2432              >
2433                
2434
2435                  
2436                  
2437
2438
2439<accordion-custom
2440  
2441  
2442  
2443  
2444  
2445  
2446  
2447  
2448  
2449>
2450  
2451                    <details
2452                      id="Details-menu-drawer-contact"
2453                    >
2454                      <summary
2455                        id="HeaderDrawer-contact"
2456                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element"
2457                      >
2458                        <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
2459                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2460  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2461  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2462</svg>
2463</span>
2464                      </summary>
2465                      
2466                      <ul
2467                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2468                        role="list"
2469                        tabindex="-1"
2470                      ><li
2471                            class="menu-drawer__list-item"
2472                            style="--menu-drawer-animation-index: 1;"
2473                          >
2474                            <a
2475                              id="HeaderDrawer-contact-wholesale-inquiry"
2476                              href="/pages/wholesale-inquiry"
2477                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2478                              
2479                            >
2480                              
2481                              <span class="menu-drawer__menu-item-text wrap-text">Wholesale Inquiry</span>
2482                            </a>
2483                          </li><li
2484                            class="menu-drawer__list-item"
2485                            style="--menu-drawer-animation-index: 2;"
2486                          >
2487                            <a
2488                              id="HeaderDrawer-contact-manage-subscription"
2489                              href="https://shopify.com/56056643641/account/pages/2c810be3-2090-4b6c-8f4f-f5235d7a887f?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjaGFkcy1yYXNwYmVycnkta2l0Y2hlbi1pbmMubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMDgyMjg2LCJuYmYiOjE3OTE0Nzc0ODZ9.5JAbXgvxL4TACD93Ki_oLGpPSVsnOamwapVb-DnAoMU"
2490                              class="menu-drawer__menu-item menu-drawer__menu-item--child"
2491                              
2492                            >
2493                              
2494                              <span class="menu-drawer__menu-item-text wrap-text">Manage Subscription</span>
2495                            </a>
2496                          </li></ul>
2497                    </details>
2498                  
2499</accordion-custom>
2500
2501
2502
2503                
2504              </li>
2505        </ul>
2506      </nav>
2507      <div
2508        class="menu-drawer__utility-links menu-drawer__animated-element"
2509        style="--menu-drawer-animation-index: 5;"
2510      >
2511        
2512        </div>
2513
2514      
2515        <div
2516          class="menu-drawer__featured-content"
2517          style="--menu-drawer-animation-index: 6;"
2518        >
2519          <ul class="menu-drawer__featured-content-list menu-drawer__animated-element list-unstyled">
2520            
2521<li class="menu-drawer__featured-content-list-item menu-drawer__featured-content-list-item--collection">
2522                  
2523<div
2524  class="resource-card resource-card--overlay"
2525  data-resource-type="collection"
2526>
2527  <a
2528    class="resource-card__link"
2529    href="/collections/shop-all"
2530  >
2531    <span class="visually-hidden">
2532      Shop All
2533    </span>
2534  </a>
2535  <div
2536    class="resource-card__media"
2537    style="--resource-card-aspect-ratio: 16 / 9;"
2538    
2539  >
2540      
2541      
2542
2543        <img src="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3782.png?v=1790012634&amp;width=1200" alt="" srcset="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3782.png?v=1790012634&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-3782.png?v=1790012634&amp;width=352 352w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-3782.png?v=1790012634&amp;width=832 832w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-3782.png?v=1790012634&amp;width=1200 1200w" width="1200" height="1200" loading="lazy" class="resource-card__image" sizes="auto, 400px" ref="" style="">
2544</div>
2545
2546  <div class="resource-card__content">
2547    <p class="resource-card__title h5">Shop All</p>
2548
2549    
2550      <p class="resource-card__subtext paragraph"></p>
2551    
2552  </div>
2553</div>
2554
2555                </li>
2556          </ul>
2557        </div>
2558      
2559    </div>
2560    <div
2561      class="menu-drawer__backdrop"
2562      on:click="header-drawer/close"
2563    ></div>
2564  </details>
2565</header-drawer>
2566
2567
2568
2569    </div>
2570
2571  
2572
2573<style data-shopify>
2574  .header__underlay {
2575    --color-submenu: rgb(253 251 248);
2576  }
2577</style>
2578
2579
2580
2581
2582            
2583        
2584      
2585        
2586          
2587              
2588            
2589        
2590      
2591        
2592          
2593              
2594
2595
2596
2597
2598<a
2599  
2600  href="/"
2601  class="size-style spacing-style header-logo"
2602  style="
2603    --size-style-width: ;--size-style-height: ;
2604    --padding-block-start: 0px;--padding-block-end: 0px;
2605    --font-family: var(--font-body--family);
2606    --font-style: var(--font-body--style);
2607    --font-weight: 600;
2608  "
2609  
2610>
2611  
2612
2613  <span
2614    
2615    data-testid="header-logo"
2616  >
2617    
2618  
2619  
2620  
2621  
2622
2623  
2624
2625  
2626
2627  
2628
2629  <img src="//chadsraspberrykitchen.com/cdn/shop/files/chads-logo-b-768x333.png?height=44&amp;v=1642539320" alt="Chad&amp;#39;s Raspberry Kitchen, Inc. - Home" width="101" height="44" class="header-logo__image" srcset="//chadsraspberrykitchen.com/cdn/shop/files/chads-logo-b-768x333.png?height=44&amp;v=1642539320 1x, //chadsraspberrykitchen.com/cdn/shop/files/chads-logo-b-768x333.png?height=88&amp;v=1642539320 2x, //chadsraspberrykitchen.com/cdn/shop/files/chads-logo-b-768x333.png?height=132&amp;v=1642539320 3x" style="--header-logo-image-width: 102px;--header-logo-image-width-mobile: 79px; --header-logo-image-height: 44px; --header-logo-image-height-mobile: 34px;">
2630
2631
2632  </span>
2633
2634  
2635</a>
2636
2637
2638
2639
2640
2641            
2642        
2643      
2644    </div><div
2645      class="header__column header__column--center"
2646      data-testid="header-top-center"
2647    >
2648      
2649        
2650          
2651              
2652
2653
2654
2655    
2656
2657
2658
2659
2660  <style data-shopify>
2661    .color-custom-ASjVVRjBWZGVKd25iW__header-menu,
2662    .color-custom-ASjVVRjBWZGVKd25iW__header-menu .text-block {
2663      /* Background */
2664      --color-background: #FDFBF8;
2665      --color-background-rgb: 253 251 248;
2666
2667      /* Opacity values adjusted for background brightness */
2668      
2669--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
26700.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
2671
2672
2673      
2674        /* Foreground / text — explicit or smart-contrasted */
2675        --color: #2B2320;
2676        --color-rgb: 43 35 32;
2677        --color-foreground: #2B2320;
2678        --color-foreground-rgb: 43 35 32;
2679        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
2680        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
2681        --color-border: var(--palette-darkest);
2682        --color-border-rgb: var(--palette-darkest-rgb);
2683      
2684    }
2685
2686    
2687      .color-custom-ASjVVRjBWZGVKd25iW__header-menu {
2688        /* Form-related tokens stay on .color-custom only — .text-block is a prose
2689           container (text/announcement/inline-text/blog-post-description/
2690           collection-link/price/sku) and never holds form inputs. */
2691        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
2692        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
2693        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
2694        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
2695      }
2696    
2697
2698    .color-custom-ASjVVRjBWZGVKd25iW__header-menu {
2699      color: var(--color, var(--color-foreground));
2700      background-color: var(--color-background);
2701    }
2702  </style>
2703
2704
2705
2706    
2707
2708    <header-menu
2709      ref="headerMenu"
2710      class="header-menu"
2711      
2712      data-hydration-key="header-menu"
2713      data-skip-node-update
2714    >
2715      <div class="header-menu__inner">
2716        <nav
2717          class="menu-list"
2718          aria-label="Primary"
2719          style="--menu-top-level-font-family: var(--font-body--family);
2720--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2721
2722  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2723  var(--menu-font-sm--line-height);
2724
2725--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2726"
2727        >
2728          
2729          <overflow-list
2730  
2731    ref="overflowMenu"
2732  
2733  
2734    class="overflow-menu background-matches-parent"
2735  
2736  
2737    minimum-items="2"
2738  
2739  
2740    data-testid="header-menu-overflow-list"
2741  
2742  
2743    data-skip-node-update
2744  
2745>
2746  <template shadowrootmode="open">
2747    <link href="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/overflow-list.css?v=16727044177065489451788664189" rel="stylesheet" type="text/css" media="all" />
2748
2749    <ul part="list">
2750      <slot></slot>
2751      <slot
2752        name="more"
2753        part="more"
2754        hidden
2755        
2756      >
2757        <li
2758          part="more"
2759        >
2760          <button
2761            class="button"
2762            type="button"
2763            tabindex="0"
2764            
2765          >
2766            More
2767          </button>
2768        </li>
2769      </slot>
2770      <li
2771        part="placeholder"
2772        hidden
2773      ></li>
2774    </ul>
2775
2776    <div part="overflow">
2777      <ul part="overflow-list">
2778        <slot name="overflow"></slot>
2779      </ul>
2780    </div>
2781  </template>
2782
2783  
2784      
2785        <li
2786          class="menu-list__list-item"
2787          on:blur="/deactivate"
2788          on:pointerenter="/activate"
2789          on:pointerleave="/deactivate"
2790        ><span class="menu-list__trigger"><a
2791            href="/collections/shop-all"
2792            data-skip-node-update="true"
2793            class="menu-list__link"
2794            
2795            ref="menuitem"
2796          >
2797            <span class="menu-list__link-title">Shop</span>
2798          </a><button
2799              type="button"
2800              class="menu-list__disclosure button-unstyled"
2801              aria-controls="submenu-1"
2802              aria-expanded="false"
2803              ref="disclosure[]"
2804              data-skip-node-update
2805              on:click="/toggle"
2806            >
2807              <span class="visually-hidden">Show Shop submenu</span>
2808              <svg
2809                class="menu-list__disclosure-icon"
2810                aria-hidden="true"
2811                focusable="false"
2812                viewBox="0 0 10 6"
2813              >
2814
2815
2816<path
2817      fill-rule="evenodd"
2818      clip-rule="evenodd"
2819      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
2820      fill="currentColor"
2821    ></path></svg>
2822            </button>
2823            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" data-skip-node-update inert>
2824              <div
2825                id="submenu-1"
2826                class="menu-list__submenu-inner"
2827                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2828var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2829none;
2830
2831    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2832    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2833    --menu-parent-active-font-color: var(--color-foreground);
2834  
2835--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2836none;
2837
2838    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2839    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2840  
2841"
2842              >
2843                
2844<div class="crk-mega section section--full-width-margin section--page-width">
2845    <div class="crk-mega__inner"><ul class="crk-mega__links list-unstyled" role="list"><li>
2846              <a class="crk-mega__link" href="/collections/jams-jellies">Jams &amp; Syrups</a>
2847            </li><li>
2848              <a class="crk-mega__link" href="/collections/salsas">Salsas &amp; Sauces</a>
2849            </li><li>
2850              <a class="crk-mega__link" href="/collections/cases">By the Case</a>
2851            </li><li>
2852              <a class="crk-mega__link" href="/collections/vinaigrettes">Treats &amp; Gifts</a>
2853            </li><li>
2854              <a class="crk-mega__link" href="/collections/gifts-and-souvenirs">Gifts &amp; Souvenirs</a>
2855            </li><li>
2856              <a class="crk-mega__link" href="/collections/bath-and-body">Bath &amp; Body</a>
2857            </li><li>
2858              <a class="crk-mega__link" href="/collections/shop-all">Shop All</a>
2859            </li></ul><ul class="crk-mega__tiles list-unstyled" role="list" style="--crk-mega-tiles: 3;"><li class="crk-mega__tile">
2860                <a class="crk-mega__tile-link" href="/collections/shop-all">
2861                  <span class="crk-mega__tile-media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=1200" alt="Shop the pantry" srcset="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=400 400w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=600 600w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=800 800w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-jars.jpg?v=1788505686&amp;width=1200 1200w" width="1200" height="900" loading="lazy" sizes="(min-width: 1200px) 340px, (min-width: 750px) 28vw, 90vw" class="crk-mega__tile-img">
2862</span>
2863                  <span class="crk-mega__tile-copy">
2864                    <span class="crk-mega__tile-heading">Shop the pantry</span><span class="crk-mega__tile-text">Jams, syrups, salsas, and sauces made in small batches.</span><span class="crk-mega__tile-cta" aria-hidden="true">Shop now &rarr;</span>
2865                  </span>
2866                </a>
2867              </li><li class="crk-mega__tile">
2868                <a class="crk-mega__tile-link" href="/collections/cases">
2869                  <span class="crk-mega__tile-media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=1200" alt="Shop by the case" srcset="//chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=400 400w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=600 600w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=800 800w, //chadsraspberrykitchen.com/cdn/shop/files/tile-shop-cases.jpg?v=1788664812&amp;width=1200 1200w" width="1200" height="900" loading="lazy" sizes="(min-width: 1200px) 340px, (min-width: 750px) 28vw, 90vw" class="crk-mega__tile-img">
2870</span>
2871                  <span class="crk-mega__tile-copy">
2872                    <span class="crk-mega__tile-heading">Shop by the case</span><span class="crk-mega__tile-text">Cases of 6 and 12 for the pantry, gifts, and sharing.</span><span class="crk-mega__tile-cta" aria-hidden="true">Shop now &rarr;</span>
2873                  </span>
2874                </a>
2875              </li><li class="crk-mega__tile">
2876                <a class="crk-mega__tile-link" href="/#subscribe">
2877                  <span class="crk-mega__tile-media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=1200" alt="Subscribe &amp; Save 10%" srcset="//chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=400 400w, //chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=600 600w, //chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=800 800w, //chadsraspberrykitchen.com/cdn/shop/files/tile-subscribe.jpg?v=1788505686&amp;width=1200 1200w" width="1200" height="899" loading="lazy" sizes="(min-width: 1200px) 340px, (min-width: 750px) 28vw, 90vw" class="crk-mega__tile-img">
2878</span>
2879                  <span class="crk-mega__tile-copy">
2880                    <span class="crk-mega__tile-heading">Subscribe &amp; Save 10%</span><span class="crk-mega__tile-text">Your favorites, delivered on your schedule. Skip or cancel anytime.</span><span class="crk-mega__tile-cta" aria-hidden="true">Shop now &rarr;</span>
2881                  </span>
2882                </a>
2883              </li></ul></div>
2884  </div>
2885
2886</div>
2887            </div></li>
2888      
2889        <li
2890          class="menu-list__list-item"
2891          on:blur="/deactivate"
2892          on:pointerenter="/activate"
2893          on:pointerleave="/deactivate"
2894        ><a
2895            href="/#subscribe"
2896            data-skip-node-update="true"
2897            class="menu-list__link"
2898            
2899            ref="menuitem"
2900          >
2901            <span class="menu-list__link-title">Subscribe & Save</span>
2902          </a></li>
2903      
2904        <li
2905          class="menu-list__list-item"
2906          on:blur="/deactivate"
2907          on:pointerenter="/activate"
2908          on:pointerleave="/deactivate"
2909        ><span class="menu-list__trigger"><a
2910            href="/pages/recipes"
2911            data-skip-node-update="true"
2912            class="menu-list__link"
2913            
2914            ref="menuitem"
2915          >
2916            <span class="menu-list__link-title">Recipes</span>
2917          </a><button
2918              type="button"
2919              class="menu-list__disclosure button-unstyled"
2920              aria-controls="submenu-3"
2921              aria-expanded="false"
2922              ref="disclosure[]"
2923              data-skip-node-update
2924              on:click="/toggle"
2925            >
2926              <span class="visually-hidden">Show Recipes submenu</span>
2927              <svg
2928                class="menu-list__disclosure-icon"
2929                aria-hidden="true"
2930                focusable="false"
2931                viewBox="0 0 10 6"
2932              >
2933
2934
2935<path
2936      fill-rule="evenodd"
2937      clip-rule="evenodd"
2938      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
2939      fill="currentColor"
2940    ></path></svg>
2941            </button>
2942            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" data-skip-node-update inert>
2943              <div
2944                id="submenu-3"
2945                class="menu-list__submenu-inner"
2946                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2947var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2948none;
2949
2950    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2951    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
2952    --menu-parent-active-font-color: var(--color-foreground);
2953  
2954--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2955none;
2956
2957    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2958    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
2959  
2960"
2961              >
2962                
2963<div class="mega-menu section section--full-width-margin section--page-width">
2964                  <div
2965                    class="mega-menu__grid"
2966                    data-menu-grid-id="MegaMenuList-3"
2967                  >
2968                    
2969<ul
2970  data-menu-list-id="MegaMenuList-3"
2971  class="mega-menu__list list-unstyled"
2972  style="--menu-image-border-radius: 14px;"
2973>
2974  
2975    <li class="mega-menu__column mega-menu__column--span-1">
2976    <div>
2977      <a
2978        href="/blogs/recipes-with-salsa"
2979        class="mega-menu__link "
2980      >
2981        
2982        <span class="wrap-text">Main Dishes</span>
2983      </a>
2984      
2985    </div>
2986
2987    
2988  
2989    
2990    <div>
2991      <a
2992        href="/blogs/breakfasts"
2993        class="mega-menu__link "
2994      >
2995        
2996        <span class="wrap-text">Breakfasts</span>
2997      </a>
2998      
2999    </div>
3000
3001    
3002  
3003    
3004    <div>
3005      <a
3006        href="/blogs/desserts"
3007        class="mega-menu__link "
3008      >
3009        
3010        <span class="wrap-text">Desserts</span>
3011      </a>
3012      
3013    </div>
3014
3015    
3016  
3017    
3018    <div>
3019      <a
3020        href="/blogs/recipes-with-jam"
3021        class="mega-menu__link "
3022      >
3023        
3024        <span class="wrap-text">Sides & Appetizers</span>
3025      </a>
3026      
3027    </div>
3028
3029    </li>
3030  
3031</ul>
3032
3033
3034
3035<style data-shopify>
3036  [data-menu-grid-id="MegaMenuList-3"] {
3037    
3038      --menu-columns-desktop: 6;
3039      --menu-columns-tablet: 4;
3040    
3041  }
3042
3043  [data-menu-list-id="MegaMenuList-3"] {
3044    
3045      --menu-columns-desktop: 1;
3046      --menu-columns-tablet: 2;
3047    
3048  }
3049</style>
3050
3051
3052    
3053
3054
3055    <span
3056      class="mega-menu__content"
3057      style="--menu-content-columns-desktop: 5; --menu-content-columns-tablet: 2; --resource-card-corner-radius: 14px;"
3058    >
3059      <ul
3060        class="mega-menu__content-list mega-menu__content-list--collections list-unstyled"
3061        style="--menu-content-columns-desktop: 2; --menu-content-columns-tablet: 1;"
3062      >
3063        
3064      </ul>
3065    </span>
3066
3067
3068                  </div>
3069                </div></div>
3070            </div></li>
3071      
3072        <li
3073          class="menu-list__list-item"
3074          on:blur="/deactivate"
3075          on:pointerenter="/activate"
3076          on:pointerleave="/deactivate"
3077        ><span class="menu-list__trigger"><a
3078            href="/pages/our-story"
3079            data-skip-node-update="true"
3080            class="menu-list__link"
3081            
3082            ref="menuitem"
3083          >
3084            <span class="menu-list__link-title">Our Story</span>
3085          </a><button
3086              type="button"
3087              class="menu-list__disclosure button-unstyled"
3088              aria-controls="submenu-4"
3089              aria-expanded="false"
3090              ref="disclosure[]"
3091              data-skip-node-update
3092              on:click="/toggle"
3093            >
3094              <span class="visually-hidden">Show Our Story submenu</span>
3095              <svg
3096                class="menu-list__disclosure-icon"
3097                aria-hidden="true"
3098                focusable="false"
3099                viewBox="0 0 10 6"
3100              >
3101
3102
3103<path
3104      fill-rule="evenodd"
3105      clip-rule="evenodd"
3106      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
3107      fill="currentColor"
3108    ></path></svg>
3109            </button>
3110            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" data-skip-node-update inert>
3111              <div
3112                id="submenu-4"
3113                class="menu-list__submenu-inner"
3114                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3115var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3116none;
3117
3118    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3119    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
3120    --menu-parent-active-font-color: var(--color-foreground);
3121  
3122--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3123none;
3124
3125    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3126    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
3127  
3128"
3129              >
3130                
3131<div class="mega-menu section section--full-width-margin section--page-width">
3132                  <div
3133                    class="mega-menu__grid"
3134                    data-menu-grid-id="MegaMenuList-4"
3135                  >
3136                    
3137<ul
3138  data-menu-list-id="MegaMenuList-4"
3139  class="mega-menu__list list-unstyled"
3140  style="--menu-image-border-radius: 14px;"
3141>
3142  
3143    <li class="mega-menu__column mega-menu__column--span-1">
3144    <div>
3145      <a
3146        href="/pages/our-farm-production-process"
3147        class="mega-menu__link "
3148      >
3149        
3150        <span class="wrap-text">Our Farm & Process</span>
3151      </a>
3152      
3153    </div>
3154
3155    
3156  
3157    
3158    <div>
3159      <a
3160        href="/pages/super-fruits-and-fresh-vegetables"
3161        class="mega-menu__link "
3162      >
3163        
3164        <span class="wrap-text">A Healthy Choice</span>
3165      </a>
3166      
3167    </div>
3168
3169    
3170  
3171    
3172    <div>
3173      <a
3174        href="/pages/reviews"
3175        class="mega-menu__link "
3176      >
3177        
3178        <span class="wrap-text">Reviews</span>
3179      </a>
3180      
3181    </div>
3182
3183    
3184  
3185    
3186    <div>
3187      <a
3188        href="/blogs/news"
3189        class="mega-menu__link "
3190      >
3191        
3192        <span class="wrap-text">News</span>
3193      </a>
3194      
3195    </div>
3196
3197    
3198  
3199    
3200    <div>
3201      <a
3202        href="/pages/pie"
3203        class="mega-menu__link "
3204      >
3205        
3206        <span class="wrap-text">Pie Contest</span>
3207      </a>
3208      
3209    </div>
3210
3211    </li>
3212  
3213</ul>
3214
3215
3216
3217<style data-shopify>
3218  [data-menu-grid-id="MegaMenuList-4"] {
3219    
3220      --menu-columns-desktop: 6;
3221      --menu-columns-tablet: 4;
3222    
3223  }
3224
3225  [data-menu-list-id="MegaMenuList-4"] {
3226    
3227      --menu-columns-desktop: 1;
3228      --menu-columns-tablet: 2;
3229    
3230  }
3231</style>
3232
3233
3234    
3235
3236
3237    <span
3238      class="mega-menu__content"
3239      style="--menu-content-columns-desktop: 5; --menu-content-columns-tablet: 2; --resource-card-corner-radius: 14px;"
3240    >
3241      <ul
3242        class="mega-menu__content-list mega-menu__content-list--collections list-unstyled"
3243        style="--menu-content-columns-desktop: 2; --menu-content-columns-tablet: 1;"
3244      >
3245        
3246      </ul>
3247    </span>
3248
3249
3250                  </div>
3251                </div></div>
3252            </div></li>
3253      
3254        <li
3255          class="menu-list__list-item"
3256          on:blur="/deactivate"
3257          on:pointerenter="/activate"
3258          on:pointerleave="/deactivate"
3259        ><span class="menu-list__trigger"><a
3260            href="/pages/contact"
3261            data-skip-node-update="true"
3262            class="menu-list__link"
3263            
3264            ref="menuitem"
3265          >
3266            <span class="menu-list__link-title">Contact</span>
3267          </a><button
3268              type="button"
3269              class="menu-list__disclosure button-unstyled"
3270              aria-controls="submenu-5"
3271              aria-expanded="false"
3272              ref="disclosure[]"
3273              data-skip-node-update
3274              on:click="/toggle"
3275            >
3276              <span class="visually-hidden">Show Contact submenu</span>
3277              <svg
3278                class="menu-list__disclosure-icon"
3279                aria-hidden="true"
3280                focusable="false"
3281                viewBox="0 0 10 6"
3282              >
3283
3284
3285<path
3286      fill-rule="evenodd"
3287      clip-rule="evenodd"
3288      d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z"
3289      fill="currentColor"
3290    ></path></svg>
3291            </button>
3292            </span><div class="menu-list__submenu background-matches-parent" ref="submenu[]" data-skip-node-update inert>
3293              <div
3294                id="submenu-5"
3295                class="menu-list__submenu-inner"
3296                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3297var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3298none;
3299
3300    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3301    var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued);
3302    --menu-parent-active-font-color: var(--color-foreground);
3303  
3304--menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3305none;
3306
3307    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3308    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: var(--color-foreground-subdued);
3309  
3310"
3311              >
3312                
3313<div class="mega-menu section section--full-width-margin section--page-width">
3314                  <div
3315                    class="mega-menu__grid"
3316                    data-menu-grid-id="MegaMenuList-5"
3317                  >
3318                    
3319<ul
3320  data-menu-list-id="MegaMenuList-5"
3321  class="mega-menu__list list-unstyled"
3322  style="--menu-image-border-radius: 14px;"
3323>
3324  
3325    <li class="mega-menu__column mega-menu__column--span-1">
3326    <div>
3327      <a
3328        href="/pages/wholesale-inquiry"
3329        class="mega-menu__link "
3330      >
3331        
3332        <span class="wrap-text">Wholesale Inquiry</span>
3333      </a>
3334      
3335    </div>
3336
3337    
3338  
3339    
3340    <div>
3341      <a
3342        href="https://shopify.com/56056643641/account/pages/2c810be3-2090-4b6c-8f4f-f5235d7a887f?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjaGFkcy1yYXNwYmVycnkta2l0Y2hlbi1pbmMubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMDgyMjg2LCJuYmYiOjE3OTE0Nzc0ODZ9.5JAbXgvxL4TACD93Ki_oLGpPSVsnOamwapVb-DnAoMU"
3343        class="mega-menu__link "
3344      >
3345        
3346        <span class="wrap-text">Manage Subscription</span>
3347      </a>
3348      
3349    </div>
3350
3351    </li>
3352  
3353</ul>
3354
3355
3356
3357<style data-shopify>
3358  [data-menu-grid-id="MegaMenuList-5"] {
3359    
3360      --menu-columns-desktop: 6;
3361      --menu-columns-tablet: 4;
3362    
3363  }
3364
3365  [data-menu-list-id="MegaMenuList-5"] {
3366    
3367      --menu-columns-desktop: 1;
3368      --menu-columns-tablet: 2;
3369    
3370  }
3371</style>
3372
3373
3374    
3375
3376
3377    <span
3378      class="mega-menu__content"
3379      style="--menu-content-columns-desktop: 5; --menu-content-columns-tablet: 2; --resource-card-corner-radius: 14px;"
3380    >
3381      <ul
3382        class="mega-menu__content-list mega-menu__content-list--collections list-unstyled"
3383        style="--menu-content-columns-desktop: 2; --menu-content-columns-tablet: 1;"
3384      >
3385        
3386      </ul>
3387    </span>
3388
3389
3390                  </div>
3391                </div></div>
3392            </div></li>
3393      
3394      <li
3395        class="menu-list__list-item"
3396        slot="more"
3397        on:blur="/deactivate"
3398        on:pointerenter="/activate"
3399        on:pointerleave="/deactivate"
3400      >
3401        <button
3402          class="menu-list__link button-unstyled"
3403          aria-haspopup="true"
3404          aria-expanded="false"
3405          ref="menuitem"
3406          on:click="/toggle"
3407          data-testid="header-menu-more-button"
3408          data-skip-node-update
3409        >
3410          <span class="menu-list__link-title">More</span>
3411        </button>
3412      </li>
3413    
3414</overflow-list>
3415
3416        </nav>
3417      </div>
3418
3419      
3419<script
3420        src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/header-menu.js?v=1177411761452820701788664189"
3421        type="module"
3422        fetchpriority="low"
3423      ></script>
3423
3424    </header-menu>
3425
3426
3427<style data-shopify>
3428  .header__underlay {
3429    --color-submenu: rgb(253 251 248);
3430  }
3431</style>
3432
3433
3434
3435
3436            
3437        
3438      
3439    </div><div
3440      class="header__column header__column--right"
3441      data-testid="header-top-right"
3442    >
3443      
3444        
3445          
3446              
3447  
3448  
3449
3450            
3451        
3452      
3453        
3454          
3455              
3456
3457
3458
3459            
3460        
3461      
3462        
3463          
3464              
3465
3466<script
3467  type="module"
3468  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/cart-icon.js?v=109428858171217037751788664189"
3469  fetchpriority="low"
3470></script>
3470
3471
3472
3473
3474
3475
3476<header-actions
3477  
3478>
3479  
3480    
3481    <div
3482      class="account-button header-actions__action color-custom-popover"
3483    >
3484      <shopify-store store-domain="https://chadsraspberrykitchen.com" country="US" language="en"></shopify-store>
3485<shopify-account
3486        menu="customer-account-main-menu"
3487        
3488      >
3489        
3490          <span
3491            slot="signed-out-avatar"
3492            class="account-button__text header-actions__text-style hidden"
3493          >
3494            Account
3495          </span>
3496
3497          <span
3498            slot="signed-out-avatar"
3499            class=""
3500            aria-hidden="true"
3501          >
3502            
3503  <svg
3504    xmlns="http://www.w3.org/2000/svg"
3505    width="15"
3506    height="17"
3507    viewBox="0 0 15 17"
3508    fill="none"
3509    slot="signed-out-avatar"
3510    class="account-button__icon"
3511  >
3512    <path
3513      stroke="currentColor"
3514      stroke-linejoin="round"
3515      stroke-width="var(--icon-stroke-width)"
3516      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
3517    />
3518  </svg>
3519
3520          </span>
3521        
3522      </shopify-account>
3523    </div>
3524  
3525
3526  
3527    <button
3528      class="header-actions__action button-unstyled"
3529      on:click="#cart-drawer/toggle"
3530      aria-haspopup="dialog"
3531      aria-expanded="false"
3532      aria-controls="cart-drawer"
3533      aria-label="Cart"
3534      aria-describedby="cart-bubble-text"
3535      data-testid="cart-drawer-trigger"
3536    >
3537      
3538  <cart-icon
3539    class="header-actions__cart-icon"
3540    data-testid="cart-icon"
3541  >
3542    <span class="hidden">
3543      Cart
3544    </span>
3545
3546    <span
3547      class="svg-wrapper "
3548      aria-hidden="true"
3549    >
3550      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
3551
3552    </span>
3553
3554    
3555
3556<div
3557  ref="cartBubble"
3558  class="cart-bubble visually-hidden"
3559  style="--cart-bubble-background-fallback: #2B2320; --cart-bubble-text-fallback: #FDFBF8;"
3560  
3561  
3562    data-maintain-ratio
3563  
3564>
3565  <span class="cart-bubble__background"></span>
3566  <span
3567    ref="cartBubbleText"
3568    id="cart-bubble-text"
3569    class="cart-bubble__text"
3570  >
3571    <span
3572      class="cart-bubble__text-count hidden"
3573      ref="cartBubbleCount"
3574      aria-hidden="true"
3575      data-testid="cart-bubble"
3576    >
35770</span>
3578  </span>
3579</div>
3580
3581
3582
3583  </cart-icon>
3584
3585    </button>
3586  
3587
3588  <span
3589    ref="liveRegion"
3590    class="visually-hidden"
3591    role="status"
3592    data-testid="cart-count-live-region"
3593  ></span>
3594</header-actions>
3595
3596<script
3597  type="module"
3598  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/header-actions.js?v=157135685635924702181788664189"
3599  fetchpriority="low"
3600></script>
3600
3601
3602
3603
3604          
3605        
3606      
3607    </div>
3608        </div>
3609      </div>
3610    
3611  
3612    
3613
3614    
3615
3616    
3617    
3618  
3619
3620  
3621</header-component>
3622
3623<script
3624  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/header.js?v=183210491532312943441788664189"
3625  type="module"
3626></script>
3626
3627
3628
3629
3630
3631  
3631<script type="module">
3632    import { hydrate } from '@theme/section-hydration';
3633    const url = new URL(window.location.href);
3634    url.searchParams.delete('page');
3635    hydrate('sections--22857924837433__header_section', url);
3636  </script>
3636
3637
3638
3639
3640</header>
3641<!-- END sections: header-group -->
3642      </div>
3643
3644      
3644<script>
3645        /**
3646         * Sets `--header-height` and `--header-group-height` to measured values before first paint.
3647         *
3648         * A few CSS rules position content relative to the header at first paint — a hero sized to
3649         * the remaining viewport, a transparent header's negative margin. Without a measured value
3650         * those rules use the `60px` fallback from `sections/header.liquid`, and the content visibly
3651         * jumps once `header.js` corrects the values after load.
3652         *
3653         * Measuring forces layout mid-parse, so it only runs where a consuming rule exists.
3654         * Callers opt in: the transparent-header branch below, or `snippets/measure-header-heights.liquid`,
3655         * which any new first-paint consumer must render too.
3656         *
3657         * Measures once per page; after load, header.js's ResizeObservers keep the values fresh.
3658         * The group-height walk mimics calculateHeaderGroupHeight() in utilities.js — keep them
3659         * in sync.
3660         */
3661        window.measureHeaderHeights = (function () {
3662          let measured = false;
3663
3664          return function measureHeaderHeights() {
3665            if (measured) return;
3666
3667            const header = document.querySelector('#header-component');
3668            const headerGroup = document.querySelector('#header-group');
3669
3670            if (!header || !headerGroup) return;
3671            measured = true;
3672
3673            const headerHeight = header.offsetHeight;
3674
3675            let headerGroupHeight = 0;
3676            for (const element of headerGroup.children) {
3677              if (element instanceof HTMLElement) headerGroupHeight += element.offsetHeight;
3678            }
3679
3680            /**
3681             * A transparent header is absolutely positioned, so the loop above counts its section
3682             * wrapper as 0px. When a section follows it in the group, header.liquid pushes that
3683             * section down by the header's height using a margin, which offsetHeight also
3684             * excludes — so the header's height has to be added back manually.
3685             */
3686            if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
3687              headerGroupHeight += headerHeight;
3688            }
3689
3690            document.body.style.setProperty('--header-height', `${headerHeight}px`);
3691            document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
3692          };
3693        })();
3694
3695        /**
3696         * Transparent-header rules consume the measured heights at first paint on every
3697         * template, so the transparent case opts in globally here instead of per-section.
3698         */
3699        if (document.querySelector('#header-component')?.hasAttribute('transparent')) {
3700          measureHeaderHeights();
3701        }
3702
3703        /**
3704         * Sets `--top-row-height`, consumed by the header underlays and submenus. Deferred to a
3705         * rAF so the height read doesn't force layout mid-parse, and scoped to the
3706         * header, where all consumers live, so the write only invalidates the header subtree.
3707         * Mimics the `--top-row-height` write in updateHeaderHeights() in utilities.js
3708         */
3709        (function setTopRowHeight() {
3710          const header = document.querySelector('#header-component');
3711          const headerTopRow = header?.querySelector('.header__row--top');
3712          if (!headerTopRow) return;
3713
3714          window.requestAnimationFrame(function () {
3715            header.style.setProperty('--top-row-height', `${headerTopRow.getBoundingClientRect().height}px`);
3716          });
3717        })();
3718
3719        /**
3720         * Sets `--transparent-header-offset-boolean` when the first section must offset itself
3721         * under a transparent header. The non-offset case relies on the `0` default declared in
3722         * sections/header.liquid — unlike updateTransparentHeaderOffset() in utilities.js, which
3723         * re-runs on editor changes and must write '0' to reset a previously written '1'.
3724         */
3725        (function updateTransparentHeaderOffset() {
3726          const header = document.querySelector('#header-component');
3727          const headerSection = document.querySelector('#header-group .header-section');
3728          if (!headerSection || !header?.hasAttribute('transparent')) return;
3729
3730          const hasImmediateSection = headerSection.nextElementSibling?.classList.contains('shopify-section');
3731          if (!hasImmediateSection) {
3732            document.body.style.setProperty('--transparent-header-offset-boolean', '1');
3733          }
3734        })();
3735
3736        /**
3737         * Sets the initial menu style (inline menu vs. drawer) on the header component.
3738         * Mimics setHeaderMenuStyle() in utilities.js
3739         */
3740        (function setHeaderMenuStyle() {
3741          const headerComponent = document.querySelector('#header-component');
3742          if (headerComponent) {
3743            const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
3744            const overflowList = headerComponent.querySelector('overflow-list');
3745            const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
3746            headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
3747          }
3748        })();
3749      </script>
3749
3750
3751      <main
3752        id="MainContent"
3753        class="content-for-layout"
3754        role="main"
3755        data-page-transition-enabled="false"
3756        data-product-transition="false"
3757        data-template="product"
3758      >
3759        <div id="shopify-section-template--22857931227193__main" class="shopify-section"><section class="crk-section crk-pdp">
3760  <div class="crk-container">
3761    <nav class="crk-pdp__crumbs" aria-label="Breadcrumb">
3762      <a href="/">Home</a> / <span aria-current="page">Country Style Raspberry Jam</span>
3763    </nav>
3764    <div class="crk-pdp__layout">
3765      <div class="crk-pdp__gallery">
3766        <figure class="crk-pdp__gallery-main" style="margin:0"><img src="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3799.png?v=1790013236&amp;width=1200" alt="Country Style Raspberry Jam" srcset="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3799.png?v=1790013236&amp;width=600 600w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-3799.png?v=1790013236&amp;width=900 900w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-3799.png?v=1790013236&amp;width=1200 1200w" width="1200" height="1351" loading="eager" fetchpriority="high" sizes="(max-width: 860px) 100vw, 55vw">
3767</figure><figure class="crk-pdp__gallery-life" style="margin:0"><img src="//chadsraspberrykitchen.com/cdn/shop/files/gps_generated_9ec1e989-55cd-4f8c-b37e-2cebf41bbb33.png?v=1701376372&amp;width=1200" alt="Country Style Raspberry Jam" srcset="//chadsraspberrykitchen.com/cdn/shop/files/gps_generated_9ec1e989-55cd-4f8c-b37e-2cebf41bbb33.png?v=1701376372&amp;width=352 352w, //chadsraspberrykitchen.com/cdn/shop/files/gps_generated_9ec1e989-55cd-4f8c-b37e-2cebf41bbb33.png?v=1701376372&amp;width=832 832w, //chadsraspberrykitchen.com/cdn/shop/files/gps_generated_9ec1e989-55cd-4f8c-b37e-2cebf41bbb33.png?v=1701376372&amp;width=1200 1200w" width="1200" height="1200" loading="lazy"></figure></div>
3768
3769      <div class="crk-buybox" data-buybox data-onetime-price="$7.99">
3770        <p class="crk-buybox__vendor">Chad&#39;s Raspberry Kitchen, Inc.</p>
3771        <h1 class="crk-buybox__title">Country Style Raspberry Jam</h1><form method="post" action="/cart/add" id="crk-product-form" accept-charset="UTF-8" class="crk-buybox__form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="40235297800249">
3772          <fieldset class="crk-buybox__options" style="border:0;margin:0;padding:0">
3773            <legend class="crk-visually-hidden">Purchase options</legend><label class="crk-buybox__option">
3774              <input class="crk-buybox__radio" type="radio" name="purchase_type" value="subscribe" checked>
3775              <span class="crk-buybox__option-head">
3776                <span class="crk-buybox__dot" aria-hidden="true"></span>
3777                <span class="crk-buybox__option-label">Subscribe &amp; Save <span class="crk-buybox__badge">10% off</span></span>
3778                <span class="crk-buybox__prices"><span class="crk-buybox__price-now">$7.19</span> <s class="crk-buybox__price-was">$7.99</s></span>
3779              </span>
3780              <span class="crk-buybox__freq">
3781                <label class="crk-buybox__freq-label" for="crk-freq">Deliver every</label>
3782                <select class="crk-buybox__freq-select" id="crk-freq" name="selling_plan" data-frequency><option value="6118735929" data-price="$7.19" data-suffix=" · Monthly Subscription" selected>Monthly Subscription (Most popular)</option><option value="6118768697" data-price="$7.19" data-suffix=" · Bi-Monthly Subscription" >Bi-Monthly Subscription</option><option value="6118801465" data-price="$7.19" data-suffix=" · Quarterly Subscription" >Quarterly Subscription</option></select>
3783              </span>
3784            </label><label class="crk-buybox__option">
3785              <input class="crk-buybox__radio" type="radio" name="purchase_type" value="onetime" >
3786              <span class="crk-buybox__option-head">
3787                <span class="crk-buybox__dot" aria-hidden="true"></span>
3788                <span class="crk-buybox__option-label">One-time purchase</span>
3789                <span class="crk-buybox__prices"><span class="crk-buybox__price-now">$7.99</span></span>
3790              </span>
3791            </label>
3792          </fieldset><ul class="crk-buybox__perks"><li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg> Save 10% on every order</li><li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg> Delivered on your schedule</li><li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg> Skip, pause, or cancel anytime</li><li><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg> Reminder email before every shipment</li></ul><p class="crk-buybox__how">How it works: we deliver on your schedule — you can skip, pause, or cancel anytime in one click.</p><label class="crk-buybox__qty">Quantity <input type="number" name="quantity" value="1" min="1" inputmode="numeric"></label><button class="crk-buybox__cta" type="submit" name="add" data-cta>Subscribe Now &mdash; $7.19</button><input type="hidden" name="product-id" value="6762227531833" /><input type="hidden" name="section-id" value="template--22857931227193__main" /></form><p class="crk-buybox__guarantee">Made in Bear Lake · Small batches, real fruit</p></div>
3793    </div>
3794  </div>
3795</section>
3796
3797</div><div id="shopify-section-template--22857931227193__desc" class="shopify-section"><section class="crk-section crk-desc">
3798  <div class="crk-container">
3799    <div class="crk-desc__inner"><h2 class="crk-desc__heading">About this jar</h2><div class="crk-desc__body"><ul>
3800<li><span style="font-weight: 400;">Rich, sweet, and made with simple ingredients </span></li>
3801<li><span style="font-weight: 400;">Cooked in fruit pectin and sugar </span></li>
3802<li><span style="font-weight: 400;">Country style jam </span></li>
3803<li><span style="font-weight: 400;">Low carb jam </span></li>
3804<li><span style="font-weight: 400;">A fine balance of flavors </span></li>
3805<li><span style="font-weight: 400;">Suitable for diabetics</span></li>
3806</ul>
3807<p>Made without puree, Chad’s Raspberry Kitchen’s Raspberry Jam is made from natural ingredients that are exceptionally sweet without being overbearing on your tastebuds. We believe you deserve the highest quality of jam and our jam would make a great ingredient to spread on breakfast pastries, french toast, pancakes, and desserts. Easy to spread, this natural raspberry jam has a fine balance of flavors and also has the seeds left in to add zest to the texture.</p></div>
3808    </div>
3809  </div>
3810</section>
3811
3812</div><div id="shopify-section-template--22857931227193__story" class="shopify-section"><section class="crk-section crk-splitimg ">
3813  <div class="crk-container">
3814    <div class="crk-splitimg__inner">
3815      <div class="crk-splitimg__media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/Chads-Raspberry-Kitchen-Our-Story-two-people-picking-raspberries-aerial-view.png?v=1653603779&amp;width=1400" alt="" srcset="//chadsraspberrykitchen.com/cdn/shop/files/Chads-Raspberry-Kitchen-Our-Story-two-people-picking-raspberries-aerial-view.png?v=1653603779&amp;width=352 352w, //chadsraspberrykitchen.com/cdn/shop/files/Chads-Raspberry-Kitchen-Our-Story-two-people-picking-raspberries-aerial-view.png?v=1653603779&amp;width=832 832w, //chadsraspberrykitchen.com/cdn/shop/files/Chads-Raspberry-Kitchen-Our-Story-two-people-picking-raspberries-aerial-view.png?v=1653603779&amp;width=1200 1200w, //chadsraspberrykitchen.com/cdn/shop/files/Chads-Raspberry-Kitchen-Our-Story-two-people-picking-raspberries-aerial-view.png?v=1653603779&amp;width=1400 1400w" width="1400" height="747" loading="lazy"></div>
3816      <div class="crk-splitimg__copy"><span class="crk-prose__eyebrow">Our Family, Our Company</span><h2>From Bear Lake, with love.</h2><p>Our raspberries grow on the Utah–Idaho border, where cold nights and lake air make the sweetest berries we know. Every jar is made by our family, in our kitchen, in batches small enough to taste the difference. From our family to yours.</p>
3817      </div>
3818    </div>
3819  </div>
3820</section>
3821
3822</div><div id="shopify-section-template--22857931227193__crosssell" class="shopify-section"><section class="crk-section crk-crosssell">
3823  <div class="crk-container">
3824    <div class="crk-crosssell__inner">
3825      <span class="crk-crosssell__media"><img src="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3786.png?v=1790012770&amp;width=600" alt="Case of 6 Country Style Raspberry Jam" srcset="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3786.png?v=1790012770&amp;width=352 352w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-3786.png?v=1790012770&amp;width=600 600w" width="600" height="600" loading="lazy"></span>
3826      <span class="crk-crosssell__copy">
3827        <h2 class="crk-crosssell__heading">Save more by the case</h2>
3828        <p class="crk-crosssell__text">Case of 6 Country Style Raspberry Jam works out to <span class="crk-crosssell__gold">$7.04/jar with Subscribe &amp; Save</span> — vs $8.00 buying singles.</p>
3829      </span>
3830      <a class="crk-btn crk-btn--primary" href="/products/case-of-6-country-style-raspberry-jam-free-shipping">Shop the Case of 6</a>
3831    </div>
3832  </div>
3833</section>
3834</div><div id="shopify-section-template--22857931227193__testimonials" class="shopify-section"><section class="crk-section crk-testimonials">
3835  <div class="crk-container"><h2 class="crk-testimonials__heading">Loved coast to coast</h2><div class="crk-testimonials__grid"><blockquote class="crk-testimonial" >
3836        <div class="crk-testimonial__stars" aria-hidden="true">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3837        <p class="crk-testimonial__quote">&ldquo;Always delivered so quickly, I am impressed.&rdquo;</p>
3838        <footer class="crk-testimonial__author">Karen · Pittsburgh</footer>
3839      </blockquote><blockquote class="crk-testimonial" >
3840        <div class="crk-testimonial__stars" aria-hidden="true">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3841        <p class="crk-testimonial__quote">&ldquo;Such a great variety and well priced too!&rdquo;</p>
3842        <footer class="crk-testimonial__author">Stephanie · Orlando</footer>
3843      </blockquote><blockquote class="crk-testimonial" >
3844        <div class="crk-testimonial__stars" aria-hidden="true">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
3845        <p class="crk-testimonial__quote">&ldquo;The team is always so helpful.&rdquo;</p>
3846        <footer class="crk-testimonial__author">Jane · Kansas City</footer>
3847      </blockquote></div>
3848  </div>
3849</section>
3850
3851</div><div id="shopify-section-template--22857931227193__faq" class="shopify-section"><section class="crk-section crk-faq">
3852  <div class="crk-container">
3853    <div class="crk-faq__inner"><h2 class="crk-faq__heading">Subscription questions, answered</h2><details class="crk-faq__item" name="crk-faq-template--22857931227193__faq" open >
3854        <summary class="crk-faq__q">Can I cancel anytime?</summary>
3855        <p class="crk-faq__a">Yes — one click in your account, no phone calls, no guilt. Your subscription is yours to run.</p>
3856      </details><details class="crk-faq__item" name="crk-faq-template--22857931227193__faq"  >
3857        <summary class="crk-faq__q">Can I skip or pause?</summary>
3858        <p class="crk-faq__a">Anytime. Heading out of town or still have half a jar? Skip a shipment or pause for as long as you like.</p>
3859      </details><details class="crk-faq__item" name="crk-faq-template--22857931227193__faq"  >
3860        <summary class="crk-faq__q">Can I change my delivery frequency?</summary>
3861        <p class="crk-faq__a">Yes. Move from monthly to every 2 or 3 months, or back, right from your account.</p>
3862      </details><details class="crk-faq__item" name="crk-faq-template--22857931227193__faq"  >
3863        <summary class="crk-faq__q">Will you remind me before charging?</summary>
3864        <p class="crk-faq__a">Always. We email you before every shipment so nothing ever sneaks up on you.</p>
3865      </details></div>
3866  </div>
3867</section>
3868
3869</div>
3870      </main>
3871
3872      <footer>
3873        <!-- BEGIN sections: footer-group -->
3874<div id="shopify-section-sections--22857924706361__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
3875
3876
3877
3878
3879
3880
3881  <style data-shopify>
3882    .color-custom-sections--22857924706361__footer_m9NzUG,
3883    .color-custom-sections--22857924706361__footer_m9NzUG .text-block {
3884      /* Background */
3885      --color-background: #FAF6F0;
3886      --color-background-rgb: 250 246 240;
3887
3888      /* Opacity values adjusted for background brightness */
3889      
3890--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
38910.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
3892
3893
3894      
3895        /* Foreground / text — explicit or smart-contrasted */
3896        --color: #2B2320;
3897        --color-rgb: 43 35 32;
3898        --color-foreground: #2B2320;
3899        --color-foreground-rgb: 43 35 32;
3900        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
3901        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
3902        --color-border: var(--palette-darkest);
3903        --color-border-rgb: var(--palette-darkest-rgb);
3904      
3905    }
3906
3907    
3908      .color-custom-sections--22857924706361__footer_m9NzUG {
3909        /* Form-related tokens stay on .color-custom only — .text-block is a prose
3910           container (text/announcement/inline-text/blog-post-description/
3911           collection-link/price/sku) and never holds form inputs. */
3912        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
3913        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
3914        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
3915        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
3916      }
3917    
3918
3919    .color-custom-sections--22857924706361__footer_m9NzUG {
3920      color: var(--color, var(--color-foreground));
3921      background-color: var(--color-background);
3922    }
3923  </style>
3924
3925
3926
3927<div
3928  class="section-background color-custom-sections--22857924706361__footer_m9NzUG"
3929></div>
3930<div
3931  class="section section--page-width color-custom-sections--22857924706361__footer_m9NzUG"
3932>
3933  
3934  <div
3935    class="
3936      footer-content
3937      spacing-style
3938      
3939      
3940    "
3941    style="
3942      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
3943      --footer-gap: 20px;
3944      --grid-columns: 4;
3945      --last-row-count: 4;
3946      --tablet-last-row-count: 2;
3947    "
3948  >
3949    
3950
3951
3952
3953
3954
3955
3956
3957
3958
3959
3960<div
3961  class="
3962    group-block
3963    group-block--height-fit
3964    group-block--width-fill
3965    border-style
3966    spacing-style
3967    size-style
3968    
3969    
3970  "
3971  style="
3972    
3973--border-width: 1px; --border-style: none; --border-color:
3974rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
3975
3976    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
3977    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
3978    
3979  "
3980  
3981  data-testid="group-block"
3982><div class="group-block__media-wrapper">
3983    
3984
3985
3986
3987
3988
3989
3990    
3991  </div>
3992
3993  <div
3994    class="
3995      group-block-content
3996      
3997      layout-panel-flex
3998      layout-panel-flex--column
3999       mobile-column
4000    "
4001    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4002
4003--gap: 6px;
4004
4005--horizontal-alignment: flex-start; --vertical-alignment: center;
4006--vertical-alignment-mobile: center;
4007"
4008  >
4009  
4010
4011
4012
4013
4014
4015
4016
4017
4018
4019
4020
4021  <div class=" spacing-style text-block text-block--ASkhsSTBIR0FqUlFGb__crk_brand_text h4    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4022    <h2>Chad’s Raspberry Kitchen</h2>
4023  </div>
4024
4025
4026
4027
4028
4029
4030
4031
4032
4033
4034
4035
4036
4037
4038
4039
4040
4041
4042  <rte-formatter class=" spacing-style text-block text-block--AaDJMYTZ3OTJsMmxTW__crk_brand_tag rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4043    <p>Our Family, Our Company. Small-batch raspberry goodness from Bear Lake, on the Utah–Idaho border.</p>
4044  </rte-formatter>
4045
4046
4047
4048
4049
4050
4051
4052</div>
4053</div>
4054
4055
4056
4057
4058
4059
4060
4061
4062
4063
4064
4065
4066
4067
4068
4069
4070<div
4071  class="
4072    group-block
4073    group-block--height-fit
4074    group-block--width-fill
4075    border-style
4076    spacing-style
4077    size-style
4078    
4079    
4080  "
4081  style="
4082    
4083--border-width: 1px; --border-style: none; --border-color:
4084rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4085
4086    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4087    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4088    
4089  "
4090  
4091  data-testid="group-block"
4092><div class="group-block__media-wrapper">
4093    
4094
4095
4096
4097
4098
4099
4100    
4101  </div>
4102
4103  <div
4104    class="
4105      group-block-content
4106      
4107      layout-panel-flex
4108      layout-panel-flex--column
4109       mobile-column
4110    "
4111    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4112
4113--gap: 6px;
4114
4115--horizontal-alignment: flex-start; --vertical-alignment: center;
4116--vertical-alignment-mobile: center;
4117"
4118  >
4119  
4120
4121
4122
4123
4124  
4125
4126
4127
4128
4129
4130
4131  
4132
4133
4134<accordion-custom
4135  
4136    class="menu menu--accordion"
4137  
4138  
4139  
4140    open-by-default-on-desktop
4141  
4142  
4143  
4144    data-disable-on-desktop="true"
4145  
4146  
4147  
4148  
4149  
4150>
4151  
4152    <details
4153      class="
4154        menu__details
4155        spacing-style
4156        
4157      "
4158      data-testid="menu-details"
4159      style="
4160        --spacing--size: 10px;
4161        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4162      "
4163      
4164      
4165    >
4166      <summary class="menu__heading h5">
4167        <span class="menu__heading__default">Explore</span>
4168        <span class="menu__heading__accordion">
4169          Explore
4170          
4171            <span class="menu__heading__toggle svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4172  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4173  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4174</svg>
4175</span>
4176          
4177        </span>
4178      </summary>
4179
4180      <nav
4181        class="details-content"
4182        
4183      >
4184        
4185          <ul class="list-unstyled">
4186            
4187              <li class="menu__item paragraph">
4188                <a href="/collections/shop-all">
4189                  Shop All
4190                </a>
4191              </li>
4192            
4193              <li class="menu__item paragraph">
4194                <a href="/#subscribe">
4195                  Subscribe & Save
4196                </a>
4197              </li>
4198            
4199              <li class="menu__item paragraph">
4200                <a href="/pages/recipes">
4201                  Recipes
4202                </a>
4203              </li>
4204            
4205              <li class="menu__item paragraph">
4206                <a href="/pages/reviews">
4207                  Reviews
4208                </a>
4209              </li>
4210            
4211              <li class="menu__item paragraph">
4212                <a href="/pages/our-story">
4213                  Our Story
4214                </a>
4215              </li>
4216            
4217              <li class="menu__item paragraph">
4218                <a href="/pages/contact">
4219                  Contact
4220                </a>
4221              </li>
4222            
4223              <li class="menu__item paragraph">
4224                <a href="/pages/wholesale-inquiry">
4225                  Wholesale Inquiry
4226                </a>
4227              </li>
4228            
4229              <li class="menu__item paragraph">
4230                <a href="/pages/pie">
4231                  Pie Contest
4232                </a>
4233              </li>
4234            
4235              <li class="menu__item paragraph">
4236                <a href="https://shopify.com/56056643641/account/pages/2c810be3-2090-4b6c-8f4f-f5235d7a887f?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjaGFkcy1yYXNwYmVycnkta2l0Y2hlbi1pbmMubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMDgyMjg2LCJuYmYiOjE3OTE0Nzc0ODZ9.5JAbXgvxL4TACD93Ki_oLGpPSVsnOamwapVb-DnAoMU">
4237                  Manage Subscription
4238                </a>
4239              </li>
4240            
4241              <li class="menu__item paragraph">
4242                <a href="/search">
4243                  Search
4244                </a>
4245              </li>
4246            
4247              <li class="menu__item paragraph">
4248                <a href="/pages/shipping-policy">
4249                  Shipping Policy
4250                </a>
4251              </li>
4252            
4253              <li class="menu__item paragraph">
4254                <a href="/pages/terms-and-conditions">
4255                  Terms and Conditions
4256                </a>
4257              </li>
4258            
4259              <li class="menu__item paragraph">
4260                <a href="/pages/return-policy">
4261                  Refund Policy
4262                </a>
4263              </li>
4264            
4265              <li class="menu__item paragraph">
4266                <a href="/pages/privacy-policy">
4267                  Privacy Policy
4268                </a>
4269              </li>
4270            
4271          </ul>
4272        
4273      </nav>
4274    </details>
4275  
4276</accordion-custom>
4277
4278
4279
4280
4281
4282
4283
4284
4285
4286</div>
4287</div>
4288
4289
4290
4291
4292
4293
4294
4295
4296
4297
4298
4299
4300
4301
4302
4303
4304<div
4305  class="
4306    group-block
4307    group-block--height-fit
4308    group-block--width-fill
4309    border-style
4310    spacing-style
4311    size-style
4312    
4313    
4314  "
4315  style="
4316    
4317--border-width: 1px; --border-style: none; --border-color:
4318rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; 
4319
4320    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4321    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4322    
4323  "
4324  
4325  data-testid="group-block"
4326><div class="group-block__media-wrapper">
4327    
4328
4329
4330
4331
4332
4333
4334    
4335  </div>
4336
4337  <div
4338    class="
4339      group-block-content
4340      
4341      layout-panel-flex
4342      layout-panel-flex--column
4343       mobile-column
4344    "
4345    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4346
4347--gap: 6px;
4348
4349--horizontal-alignment: flex-start; --vertical-alignment: center;
4350--vertical-alignment-mobile: center;
4351"
4352  >
4353  
4354
4355
4356
4357
4358
4359
4360
4361
4362
4363
4364
4365  <div class=" spacing-style text-block text-block--AS0ppd2VMS3g5MlErN__text_LWt8Pz h4    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4366    <h2>From our kitchen to your inbox</h2>
4367  </div>
4368
4369
4370
4371
4372
4373
4374
4375
4376
4377
4378
4379
4380
4381
4382
4383
4384
4385
4386  <rte-formatter class=" spacing-style text-block text-block--Ab2R3cFVtK1drZDBJd__text_f9CFLH rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;            --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4387    <p>Recipes, harvest news, and first dibs on small batches.</p>
4388  </rte-formatter>
4389
4390
4391
4392
4393
4394
4395
4396</div>
4397</div>
4398
4399
4400
4401
4402
4403
4404
4405
4406
4407
4408
4409
4410
4411
4412
4413<div
4414  class="email-signup-block size-style spacing-style"
4415  style="
4416    --size-style-width: 100%;--size-style-height: ;
4417    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4418  "
4419  
4420>
4421  
4422<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
4423    
4424<div
4425      class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow"
4426      style="
4427        --border-width: 1px;
4428        --border-radius: 100px;
4429        --color-input-background: #FFFFFF; --color-input-text: #B21E35; --color-input-text-rgb: 178 30 53; --color-input-border: #E3D9CC;
4430      "
4431    >
4432      <label
4433        for="EmailInput-AQ05URHc0YjJTRVJOd__email_signup_crihX7"
4434        class="visually-hidden"
4435      >
4436        Email
4437      </label>
4438      <input
4439        id="EmailInput-AQ05URHc0YjJTRVJOd__email_signup_crihX7"
4440        class="email-signup__input email-signup__input--all paragraph "
4441        type="email"
4442        name="contact[email]"
4443        autocorrect="off"
4444        autocapitalize="off"
4445        autocomplete="email"
4446        placeholder="Email address"
4447        required
4448        
4449      >
4450      <button
4451        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AQ05URHc0YjJTRVJOd__email_signup_crihX7"
4452        
4453          aria-label="Sign up"
4454        
4455      >
4456        
4457          <svg
4458            viewBox="0 0 20 20"
4459            xmlns="http://www.w3.org/2000/svg"
4460            focusable="false"
4461            aria-hidden="true"
4462            class="email-signup__button-icon"
4463          >
4464            
4465
4466
4467<path
4468      clip-rule="evenodd"
4469      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
4470      fill="currentColor"
4471      fill-rule="evenodd"
4472    />
4473          </svg>
4474        
4475      </button>
4476    </div></form>
4477</div>
4478
4479
4480
4481
4482
4483  </div>
4484</div>
4485
4486
4487
4488
4489</div><div id="shopify-section-sections--22857924706361__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
4490
4491
4492
4493
4494
4495
4496  <style data-shopify>
4497    .color-custom-sections--22857924706361__footer_utilities_jLGE8U,
4498    .color-custom-sections--22857924706361__footer_utilities_jLGE8U .text-block {
4499      /* Background */
4500      --color-background: #FAF6F0;
4501      --color-background-rgb: 250 246 240;
4502
4503      /* Opacity values adjusted for background brightness */
4504      
4505--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
45060.4; --opacity-30-60: 0.3; --opacity-60: 0.6;
4507
4508
4509      
4510        /* Foreground / text — explicit or smart-contrasted */
4511        --color: #2B2320;
4512        --color-rgb: 43 35 32;
4513        --color-foreground: #2B2320;
4514        --color-foreground-rgb: 43 35 32;
4515        --color-foreground-muted: rgb(43 35 32 / var(--opacity-muted-text));
4516        --color-foreground-subdued: rgb(43 35 32 / var(--opacity-subdued-text));
4517        --color-border: var(--palette-darkest);
4518        --color-border-rgb: var(--palette-darkest-rgb);
4519      
4520    }
4521
4522    
4523      .color-custom-sections--22857924706361__footer_utilities_jLGE8U {
4524        /* Form-related tokens stay on .color-custom only — .text-block is a prose
4525           container (text/announcement/inline-text/blog-post-description/
4526           collection-link/price/sku) and never holds form inputs. */
4527        --input-disabled-background-color: rgb(43 35 32 / var(--opacity-10));
4528        --input-disabled-border-color: rgb(43 35 32 / var(--opacity-5));
4529        --input-disabled-text-color: rgb(43 35 32 / var(--opacity-50));
4530        --checkbox-border: 1px solid rgb(43 35 32 / var(--opacity-35-55));
4531      }
4532    
4533
4534    .color-custom-sections--22857924706361__footer_utilities_jLGE8U {
4535      color: var(--color, var(--color-foreground));
4536      background-color: var(--color-background);
4537    }
4538  </style>
4539
4540
4541
4542<div
4543  class="section-background color-custom-sections--22857924706361__footer_utilities_jLGE8U"
4544></div>
4545<div
4546  class="section section--page-width color-custom-sections--22857924706361__footer_utilities_jLGE8U"
4547  
4548>
4549  <div
4550    class="utilities utilities--blocks-2 spacing-style"
4551    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 1px; --divider-color: #E3D9CC; --gap: 24px;"
4552    data-testid="footer-utilities"
4553  >
4554    
4555
4556<div
4557  class="
4558    footer-utilities__group-copyright
4559    custom-typography
4560    custom-font-size
4561  "
4562  style="
4563    
4564--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
4565    
4566  "
4567  
4568>
4569  <span class="footer-utilities__text">
4570    &copy; 2026
4571    <a href="/" title="">Chad&#39;s Raspberry Kitchen, Inc.</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
4572</span>
4573</div>
4574
4575
4576
4577
4578
4579
4580  <anchored-popover-component
4581    data-hover-triggered="true"
4582  >
4583    <button
4584      class="policy-list-trigger button-unstyled"
4585      popovertarget="terms-policies-popover"
4586      popovertargetaction="toggle"
4587      ref="trigger"
4588      style="
4589        
4590--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);
4591        
4592      "
4593      
4594    >
4595      Terms and Policies
4596    </button>
4597    <div
4598      class="terms-policies-popover color-custom-popover"
4599      id="terms-policies-popover"
4600      popover="auto"
4601      ref="popover"
4602    >
4603      <ul
4604        class="
4605          policy_list list-unstyled
4606          custom-typography
4607          custom-font-size
4608        "
4609      ><li>
4610              <a
4611                href="/policies/refund-policy"
4612                class="footer-utilities__text"
4613              >Refund policy</a>
4614            </li><li>
4615              <a
4616                href="/policies/privacy-policy"
4617                class="footer-utilities__text"
4618              >Privacy policy</a>
4619            </li><li>
4620              <a
4621                href="/policies/terms-of-service"
4622                class="footer-utilities__text"
4623              >Terms of service</a>
4624            </li><li>
4625              <a
4626                href="/policies/shipping-policy"
4627                class="footer-utilities__text"
4628              >Shipping policy</a>
4629            </li><li>
4630              <a
4631                href="/policies/contact-information"
4632                class="footer-utilities__text"
4633              >Contact information</a>
4634            </li></ul>
4635    </div>
4636  </anchored-popover-component>
4637
4638
4639
4640
4641
4642
4643  </div>
4644</div>
4645
4646
4647
4648
4649</div>
4650<!-- END sections: footer-group -->
4651      </footer>
4652    </div>
4653
4654    
4655
4656    <div
4657      id="shopify-section-cart-drawer-section"
4658      class="shopify-section"
4659    >
4660  
4661
4662  
4662<script
4663    type="module"
4664    src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/cart-drawer.js?v=101430053943909765251788664189"
4665    fetchpriority="low"
4666  ></script>
4666
4667
4668  
4669
4670  <theme-drawer
4671    id="cart-drawer"
4672    data-skip-node-update
4673  >
4674    <dialog
4675      ref="panel"
4676      class="theme-drawer__dialog color-custom-drawer"
4677      aria-labelledby="cart-drawer-heading"
4678      cart-summary-sticky="true"
4679    >
4680      <cart-drawer-component
4681        
4682      >
4683        <template id="empty-cart-template">
4684          
4685    <div
4686      class="cart-drawer__content"
4687      aria-label="Cart"
4688    >
4689      <h2
4690        class="theme-drawer__title h4"
4691        id="cart-drawer-heading"
4692      >
4693        Your cart is empty
4694      </h2>
4695
4696      <div class="cart-drawer__items">
4697        
4698
4699
4700
4701
4702
4703
4704
4705
4706
4707<script
4708  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component-cart-items.js?v=14476580701730542761788664189"
4709  type="module"
4710  fetchpriority="low"
4711></script>
vendor: 1 bytes, line 4711
4711
4712<script
4713  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component-cart-quantity-selector.js?v=168493463479860323171788664189"
4714  type="module"
4715  fetchpriority="low"
4716></script>
vendor: 1 bytes, line 4716
4716
4717<script
4718  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/volume-pricing-info.js?v=150538418000149674651788664189"
4719  type="module"
4720  fetchpriority="low"
4721></script>
4721
4722
4723
4724
4725
4726<div
4727  
4728  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
4729  
4730    data-cart-drawer-empty
4731  
4732  style=""
4733>
4734  
4735<p>
4736        Have an account? <a href="https://chadsraspberrykitchen.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
4737      </p><a
4738      class="button cart-items__empty-button"
4739      href="/collections/all"
4740    >
4741      <span class="button-text">
4742        Continue shopping
4743      </span>
4744    </a></div>
4745
4746
4747
4748      </div>
4749    </div>
4750  
4751        </template>
4752
4753        <div
4754          class="cart-drawer__inner cart-drawer--empty"
4755          data-hydration-key="cart-drawer-inner"
4756        ><div class="theme-drawer__header">
4757              <button
4758                on:click="#cart-drawer/close"
4759                class="theme-drawer__close-button cart-drawer__close-button--empty"
4760                type="button"
4761                aria-label="Close"
4762              >
4763                <span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4764<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
4765</svg>
4766</span>
4767              </button>
4768            </div>
4769          
4770
4771<cart-items-component
4772  class="cart-items-component"
4773  
4774    data-drawer
4775    view-event-trigger="dialog"
4776  
4777  data-section-id="cart-drawer-section"
4778  
4779  view-event-payload="{&quot;context&quot;:null,&quot;cart&quot;:null}"
4780  
4781>
4782  
4783
4784    <div
4785      class="cart-drawer__content"
4786      aria-label="Cart"
4787    >
4788      <h2
4789        class="theme-drawer__title h4"
4790        id="cart-drawer-heading"
4791      >
4792        Your cart is empty
4793      </h2>
4794
4795      <div class="cart-drawer__items">
4796        
4797
4798
4799
4800
4801
4802
4803
4804
4805
4806<script
4807  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component-cart-items.js?v=14476580701730542761788664189"
4808  type="module"
4809  fetchpriority="low"
4810></script>
vendor: 1 bytes, line 4810
4810
4811<script
4812  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/component-cart-quantity-selector.js?v=168493463479860323171788664189"
4813  type="module"
4814  fetchpriority="low"
4815></script>
vendor: 1 bytes, line 4815
4815
4816<script
4817  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/volume-pricing-info.js?v=150538418000149674651788664189"
4818  type="module"
4819  fetchpriority="low"
4820></script>
4820
4821
4822
4823
4824
4825<div
4826  
4827  class="cart-items__wrapper cart-items__wrapper--drawer-empty"
4828  
4829    data-cart-drawer-empty
4830  
4831  style=""
4832>
4833  
4834<p>
4835        Have an account? <a href="https://chadsraspberrykitchen.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
4836      </p><a
4837      class="button cart-items__empty-button"
4838      href="/collections/all"
4839    >
4840      <span class="button-text">
4841        Continue shopping
4842      </span>
4843    </a></div>
4844
4845
4846
4847      </div>
4848    </div>
4849  
4850
4851</cart-items-component>
4852
4853
4854
4855        </div>
4856      </cart-drawer-component>
4857    </dialog>
4858  </theme-drawer>
4859
4860  
4861    </div>
4862  
4863
4864
4865    
4866
4867
4868
4869
4870
4871
4872<script
4873  type="module"
4874  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/theme-drawer.js?v=69307657216630184831788664189"
4875  fetchpriority="low"
4876></script>
4876
4877
4878<script>
4879  /* Runs synchronously during HTML parsing — opens the correct drawer on first
4880     paint if navigation state was saved, so it renders with the rest of the page. */
4881  (function () {
4882    var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
4883    if (!drawerIds.length) return;
4884
4885    // Only restore on wide viewports (squeeze mode). On narrow viewports the
4886    // drawer is a modal overlay — let it start closed after navigation rather
4887    // than re-opening a fullscreen dialog the user may have left behind.
4888    if (!window.matchMedia('(min-width: 990px)').matches) return;
4889
4890    var dialogs = [];
4891    for (var i = 0; i < drawerIds.length; i++) {
4892      var drawer = document.getElementById(drawerIds[i]);
4893      if (!drawer) continue;
4894
4895      drawer.setAttribute('open', '');
4896
4897      // Set [open] directly so the CSS slide-in applies without triggering
4898      // the browser's dialog focusing steps — on wide viewports the drawer is
4899      // a sidebar, not a modal, so focus should stay where it is.
4900      // The instant class suppresses the slide-in transition for the initial restore.
4901      // Set --drawer-stack-order so z-index layering matches the original order.
4902      drawer.style.setProperty('--drawer-stack-order', String(i + 1));
4903
4904      var dialog = drawer.querySelector('dialog');
4905      if (dialog) {
4906        dialog.setAttribute('open', '');
4907        dialog.classList.add('theme-drawer__dialog-instant');
4908        dialogs.push(dialog);
4909      }
4910
4911      // Let each drawer type handle its own restore (e.g. shopify-chat mode).
4912      // Synchronous dispatch — listeners attached during earlier parsing run immediately.
4913      drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
4914    }
4915
4916    // Apply squeeze immediately, bypassing the margin transition.
4917    // Only squeeze if at least one drawer was actually restored — saved
4918    // drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
4919    var pageWrapper = document.querySelector('.page-wrapper');
4920    if (pageWrapper && dialogs.length > 0) {
4921      pageWrapper.style.transition = 'none';
4922      pageWrapper.classList.add('page-wrapper--drawer-open');
4923    }
4924
4925    // Re-enable transitions after one paint so the instant state is rendered first.
4926    requestAnimationFrame(function () {
4927      requestAnimationFrame(function () {
4928        if (pageWrapper) pageWrapper.style.transition = '';
4929        for (var j = 0; j < dialogs.length; j++) {
4930          dialogs[j].classList.remove('theme-drawer__dialog-instant');
4931        }
4932      });
4933    });
4934  })();
4935</script>
4935
4936
4937<script
4938  type="module"
4939>
4940  const pageWrapper = document.querySelector('.page-wrapper');
4941  const squeezeQuery = window.matchMedia('(min-width: 990px)');
4942
4943  // ── Squeeze coordination ──
4944  // Listens to all drawers. Only squeezes on wide viewports.
4945  document.addEventListener('theme-drawer:open', () => {
4946    if (squeezeQuery.matches) {
4947      pageWrapper?.classList.add('page-wrapper--drawer-open');
4948    }
4949  });
4950
4951  document.addEventListener('theme-drawer:close', () => {
4952    const openDrawer = document.querySelector('theme-drawer[open]');
4953    if (!openDrawer) {
4954      pageWrapper?.classList.remove('page-wrapper--drawer-open');
4955    }
4956  });
4957
4958  squeezeQuery.addEventListener('change', () => {
4959    const openDrawer = document.querySelector('theme-drawer[open]');
4960    pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
4961  });
4962
4963  // ── State persistence ──
4964  // Store open drawer IDs sorted by their visual stack order so
4965  // the restore script can recreate the same z-index layering.
4966  function persistDrawerState() {
4967    const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
4968    if (!openDrawers.length) {
4969      sessionStorage.removeItem('theme-drawer-open');
4970      return;
4971    }
4972
4973    openDrawers.sort((a, b) => {
4974      const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
4975      const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
4976      return orderA - orderB;
4977    });
4978
4979    sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
4980  }
4981
4982  document.addEventListener('theme-drawer:open', persistDrawerState);
4983  document.addEventListener('theme-drawer:close', persistDrawerState);
4984</script>
4984
4985
4986
4987    
4988
4989
4990
4991
4992
4993
4994
4995
4996
4997
4998<script
4999  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/dialog.js?v=144816527575655702281788664189"
5000  type="module"
5001></script>
5001
5002
5003<script
5004  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/predictive-search.js?v=162722252387887966571788664189"
5005  type="module"
5006  fetchpriority="low"
5007></script>
5007
5008
5009<dialog-component
5010  id="search-modal"
5011  class="search-modal"
5012  
5013>
5014  <dialog
5015    ref="dialog"
5016    on:click="/closeDialogOnClickOutside"
5017    on:keydown="/closeDialogOnEscapePress"
5018    class="search-modal__content dialog-modal"
5019    scroll-lock
5020    aria-labelledby="search-modal-heading"
5021  >
5022    <h2
5023      id="search-modal-heading"
5024      class="visually-hidden"
5025    >
5026      Search
5027    </h2>
5028    <predictive-search-component
5029      class="predictive-search color-custom-popover"
5030      style="--product-corner-radius: 0px; --card-corner-radius: 14px;"
5031      data-section-id="predictive-search"
5032      data-testid="search-component--modal"
5033      role="search"
5034      aria-label="Search"
5035    >
5036      <form
5037        action="/search"
5038        method="get"
5039        role="search"
5040        class="predictive-search-form"
5041        ref="form"
5042        on:keydown="/onSearchKeyDown"
5043      >
5044        <div
5045          class="predictive-search-form__header"
5046        >
5047          <div class="predictive-search-form__header-inner">
5048            <label
5049              for="cmdk-input"
5050              class="visually-hidden"
5051            >Search</label>
5052            <input
5053              class="search-input"
5054              id="cmdk-input"
5055              type="search"
5056              name="q"
5057              role="combobox"
5058              aria-expanded="false"
5059              aria-owns="predictive-search-results"
5060              aria-controls="predictive-search-results"
5061              aria-haspopup="listbox"
5062              aria-autocomplete="list"
5063              autocomplete="off"
5064              placeholder="Search"
5065              ref="searchInput"
5066              on:input="/search"
5067              on:keydown="/onSearchKeyDown"
5068            >
5069            <input
5070              name="options[prefix]"
5071              type="hidden"
5072              value="last"
5073            >
5074            <span class="svg-wrapper predictive-search__icon">
5075              <svg aria-hidden="true" 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>
5076
5077            </span>
5078            <button
5079              type="button"
5080              class="button-unstyled predictive-search__reset-button"
5081              ref="resetButton"
5082              hidden
5083              on:click="/resetSearch"
5084            >
5085              Clear
5086            </button>
5087          </div>
5088          <button
5089            type="button"
5090            class="button predictive-search__close-modal-button"
5091            aria-label="Close dialog"
5092            on:click="dialog-component/closeDialog"
5093            ref="closeModalButton"
5094          >
5095            <span class="svg-wrapper">
5096              <svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5097<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
5098</svg>
5099
5100            </span>
5101          </button>
5102        </div>
5103
5104        <div class="predictive-search-form__content-wrapper">
5105          <div
5106            class="predictive-search-form__content"
5107            ref="predictiveSearchResults"
5108            on:click="/handleModalClick"
5109          >
5110            
5111
5112<div
5113  id="predictive-search-results"
5114  class="predictive-search-dropdown"
5115  role="listbox"
5116  aria-expanded="true"
5117  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
5118>
5119  
5120    <div class="predictive-search-results__inner">
5121      
5122      
5123        
5124        
5125        
5126          <div
5127  id="predictive-search-products"
5128  class="predictive-search-results__products"
5129  
5130    data-testid="products-list-default--modal"
5131  
5132>
5133  
5134    <h4 class="predictive-search-results__title">
5135      Products
5136    </h4>
5137    <ul
5138      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
5139    >
5140      
5141      
5142        <li
5143          class="predictive-search-results__card predictive-search-results__card--product"
5144          ref="resultsItems[]"
5145        >
5146          
5147<product-component
5148    class="resource-card__wrapper"
5149    
5150    
5151    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:7700178927673,&quot;title&quot;:&quot;Bear Lake Raspberry Taffy&quot;,&quot;handle&quot;:&quot;bear-lake-raspberry-taffy&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
5152    
5153  ><div
5154  class="resource-card"
5155  data-resource-type="product"
5156>
5157  <a
5158    class="resource-card__link"
5159    href="/products/bear-lake-raspberry-taffy"
5160  >
5161    <span class="visually-hidden">
5162      Bear Lake Raspberry Taffy
5163    </span>
5164  </a>
5165  <div
5166    class="resource-card__media"
5167    style="--resource-card-aspect-ratio: 4 / 5;"
5168    
5169  >
5170      
5171      
5172
5173        <img src="//chadsraspberrykitchen.com/cdn/shop/files/65312ozBearlakeraspberry_600x_2a9e34cc-3396-4314-a3dc-3c6d8b06c8d3.webp?v=1725891709&amp;width=500" alt="" srcset="//chadsraspberrykitchen.com/cdn/shop/files/65312ozBearlakeraspberry_600x_2a9e34cc-3396-4314-a3dc-3c6d8b06c8d3.webp?v=1725891709&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/65312ozBearlakeraspberry_600x_2a9e34cc-3396-4314-a3dc-3c6d8b06c8d3.webp?v=1725891709&amp;width=352 352w" width="500" height="602" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5174
5175          <img src="//chadsraspberrykitchen.com/cdn/shop/files/BEARLAKERASPBERRYTAFFY12OZBAG1764638.2.jpg?v=1725891709&amp;width=500" alt="Bear Lake Raspberry Taffy" srcset="//chadsraspberrykitchen.com/cdn/shop/files/BEARLAKERASPBERRYTAFFY12OZBAG1764638.2.jpg?v=1725891709&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/BEARLAKERASPBERRYTAFFY12OZBAG1764638.2.jpg?v=1725891709&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="26788380475449" style="object-position: 50.0% 50.0%;">
5176</div>
5177
5178  <div class="resource-card__content">
5179    <p class="resource-card__title paragraph">Bear Lake Raspberry Taffy</p>
5180
5181    
5182      
5183
5184<div ref="priceContainer">
5185  
5186    
5187    
5188      <span class="price">$6.99</span>
5189    
5190  
5191</div>
5192    
5193  </div>
5194</div></product-component>
5195
5196        </li>
5197      
5198        <li
5199          class="predictive-search-results__card predictive-search-results__card--product"
5200          ref="resultsItems[]"
5201        >
5202          
5203<product-component
5204    class="resource-card__wrapper"
5205    
5206    
5207    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:7855749988409,&quot;title&quot;:&quot;Beehive Sweet Barbecue Sauce&quot;,&quot;handle&quot;:&quot;gourmet-raspberry-chipotle-barbeque-copy&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
5208    
5209  ><div
5210  class="resource-card"
5211  data-resource-type="product"
5212>
5213  <a
5214    class="resource-card__link"
5215    href="/products/gourmet-raspberry-chipotle-barbeque-copy"
5216  >
5217    <span class="visually-hidden">
5218      Beehive Sweet Barbecue Sauce
5219    </span>
5220  </a>
5221  <div
5222    class="resource-card__media"
5223    style="--resource-card-aspect-ratio: 4 / 5;"
5224    
5225  >
5226      
5227      
5228
5229        <img src="//chadsraspberrykitchen.com/cdn/shop/files/IMG-9293.png?v=1743197310&amp;width=500" alt="" srcset="//chadsraspberrykitchen.com/cdn/shop/files/IMG-9293.png?v=1743197310&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-9293.png?v=1743197310&amp;width=352 352w" width="500" height="333" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5230</div>
5231
5232  <div class="resource-card__content">
5233    <p class="resource-card__title paragraph">Beehive Sweet Barbecue Sauce</p>
5234
5235    
5236      
5237
5238<div ref="priceContainer">
5239  
5240    
5241    
5242      <span class="price">$7.99</span>
5243    
5244  
5245</div>
5246    
5247  </div>
5248</div></product-component>
5249
5250        </li>
5251      
5252        <li
5253          class="predictive-search-results__card predictive-search-results__card--product"
5254          ref="resultsItems[]"
5255        >
5256          
5257<product-component
5258    class="resource-card__wrapper"
5259    
5260    
5261    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:6762227597369,&quot;title&quot;:&quot;Black Raspberry Vanilla Goat Milk Soap&quot;,&quot;handle&quot;:&quot;black-raspberry-vanilla-goat-milk-soap&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
5262    
5263  ><div
5264  class="resource-card"
5265  data-resource-type="product"
5266>
5267  <a
5268    class="resource-card__link"
5269    href="/products/black-raspberry-vanilla-goat-milk-soap"
5270  >
5271    <span class="visually-hidden">
5272      Black Raspberry Vanilla Goat Milk Soap
5273    </span>
5274  </a>
5275  <div
5276    class="resource-card__media"
5277    style="--resource-card-aspect-ratio: 4 / 5;"
5278    
5279  >
5280      
5281      
5282
5283        <img src="//chadsraspberrykitchen.com/cdn/shop/products/Soap-Black-Raspberry-Vanilla-Chads.gif?v=1656457060&amp;width=500" alt="" srcset="//chadsraspberrykitchen.com/cdn/shop/products/Soap-Black-Raspberry-Vanilla-Chads.gif?v=1656457060&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/products/Soap-Black-Raspberry-Vanilla-Chads.gif?v=1656457060&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5284
5285          <img src="//chadsraspberrykitchen.com/cdn/shop/products/Chads-Raspberry-Kitchen-Black-Raspberry-Vanilla-Goat-Milk-Soap.png?v=1656457060&amp;width=500" alt="Black Raspberry Vanilla Goat Milk Soap" srcset="//chadsraspberrykitchen.com/cdn/shop/products/Chads-Raspberry-Kitchen-Black-Raspberry-Vanilla-Goat-Milk-Soap.png?v=1656457060&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/products/Chads-Raspberry-Kitchen-Black-Raspberry-Vanilla-Goat-Milk-Soap.png?v=1656457060&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="22078860755001" style="object-position: 50.0% 50.0%;">
5286</div>
5287
5288  <div class="resource-card__content">
5289    <p class="resource-card__title paragraph">Black Raspberry Vanilla Goat Milk Soap</p>
5290
5291    
5292      
5293
5294<div ref="priceContainer">
5295  
5296    
5297    
5298      <span class="price">$5.99</span>
5299    
5300  
5301</div>
5302    
5303  </div>
5304</div></product-component>
5305
5306        </li>
5307      
5308        <li
5309          class="predictive-search-results__card predictive-search-results__card--product"
5310          ref="resultsItems[]"
5311        >
5312          
5313<product-component
5314    class="resource-card__wrapper"
5315    
5316    
5317    view-event-payload="{&quot;product&quot;:{&quot;id&quot;:6897668685881,&quot;title&quot;:&quot;Case of 12 Country Style Raspberry Jam&quot;,&quot;handle&quot;:&quot;case-of-12-country-style-raspberry-jam-free-shipping&quot;,&quot;selectedVariant&quot;:null},&quot;context&quot;:&quot;search&quot;,&quot;selectedOptions&quot;:[]}"
5318    
5319  ><div
5320  class="resource-card"
5321  data-resource-type="product"
5322>
5323  <a
5324    class="resource-card__link"
5325    href="/products/case-of-12-country-style-raspberry-jam-free-shipping"
5326  >
5327    <span class="visually-hidden">
5328      Case of 12 Country Style Raspberry Jam
5329    </span>
5330  </a>
5331  <div
5332    class="resource-card__media"
5333    style="--resource-card-aspect-ratio: 4 / 5;"
5334    
5335  >
5336      
5337      
5338
5339        <img src="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3795.png?v=1790013024&amp;width=500" alt="" srcset="//chadsraspberrykitchen.com/cdn/shop/files/IMG-3795.png?v=1790013024&amp;width=240 240w, //chadsraspberrykitchen.com/cdn/shop/files/IMG-3795.png?v=1790013024&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5340</div>
5341
5342  <div class="resource-card__content">
5343    <p class="resource-card__title paragraph">Case of 12 Country Style Raspberry Jam</p>
5344
5345    
5346      
5347
5348<div ref="priceContainer">
5349  
5350    
5351    
5352      <span class="price">$80.00</span>
5353    
5354  
5355</div>
5356    
5357  </div>
5358</div></product-component>
5359
5360        </li>
5361      
5362    </ul>
5363  
5364</div>
5365
5366        
5367      
5368    </div>
5369  
5370</div>
5371
5372          </div>
5373
5374          <div class="predictive-search-form__footer">
5375            <button
5376              class="button predictive-search__search-button"
5377              ref="viewAllButton"
5378            >
5379              View all
5380            </button>
5381          </div>
5382        </div>
5383      </form>
5384    </predictive-search-component>
5385  </dialog>
5386</dialog-component>
5387
5388
5389
5390    
5390<script defer src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/crk-app.js?v=162235523495021402911788664585"></script>
5390
5391
5392    
5393      
5393<script
5394  src="//chadsraspberrykitchen.com/cdn/shop/t/18/assets/gift-card-recipient-form.js?v=170482155849799299241788664189"
5395  type="module"
5396  fetchpriority="low"
5397></script>
5397
5398
5399
5400
5401
5402<quick-add-dialog id="quick-add-dialog">
5403  <dialog
5404    class="quick-add-modal dialog-modal color-custom-popover"
5405    ref="dialog"
5406    scroll-lock
5407  >
5408    <button
5409      ref="closeButton"
5410      on:click="/closeDialog"
5411      class="button button-unstyled close-button quick-add-modal__close"
5412      aria-label="Close dialog"
5413    ><svg aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
5414<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
5415</svg>
5416</button>
5417
5418    <product-component
5419      id="quick-add-modal-content"
5420      class="quick-add-modal__content"
5421      view-event-trigger="dialog"
5422    ></product-component>
5423  </dialog>
5424</quick-add-dialog>
5425
5426
5427
5428
5429
5430
5431
5432
5433
5434
5435
5436
5437
5438
5439    
5440  
5440<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5440
5441</body>
5442</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.