MeasureThat.net

 Selector Comparisons with Example Shop Data (version: 1)

Comparing performance of: getElementByID vs getElementsByClassName vs querySelector (ID) vs querySelector (class) vs querySelector (data) vs querySelectorAll (class) vs querySelectorAll (data)

Created: 4 years ago by: Registered User
Jump to the latest result
HTML Preparation code:
​x
 
1
<!doctype html>
2
<html class="no-js" lang="en">
3
  <head>
4
    <meta charset="utf-8">
5
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
    <meta name="viewport" content="width=device-width,initial-scale=1">
7
    <meta name="theme-color" content="#faf3ec"><link rel="canonical" href="https://express-theme-bistro.myshopify.com/"><link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/0262/1983/9510/files/favicon-b_32x32.png?v=1590002046" type="image/png"><title>Giallo
8
&ndash; express-theme-bistro</title><script>
9
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
10
    </script>
11
    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/26219839510/digital_wallets/dialog">
12
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
13
<script id="shopify-features" type="application/json">{"accessToken":"0bbae5c5131c5e7054530d08e4cc02a8","betas":["rich-media-storefront-analytics"],"domain":"express-theme-bistro.myshopify.com","predictiveSearch":true,"shopId":26219839510,"smart_payment_buttons_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
14
<script>var Shopify = Shopify || {};
15
Shopify.shop = "express-theme-bistro.myshopify.com";
16
Shopify.locale = "en";
17
Shopify.currency = {"active":"CAD","rate":"1.0"};
18
Shopify.theme = {"name":"Express-reunite","id":80771842070,"theme_store_id":885,"role":"main"};
19
Shopify.theme.handle = "null";
20
Shopify.theme.style = {"id":null,"handle":null};
21
Shopify.cdnHost = "cdn.shopify.com";</script>
22
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
23
<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>
24
<script id="__st">var __st={"a":26219839510,"offset":-14400,"reqid":"39baa04d-0567-446e-a2f7-0822f8bc26cf","pageurl":"express-theme-bistro.myshopify.com\/?_bt=eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWRsZUhCeVpYTnpMWFJvWlcxbExXSnBjM1J5Ynk1dGVYTm9iM0JwWm5rdVkyOXRCam9HUlZRPSIsImV4cCI6IjIwMjAtMTAtMDJUMjA6MTk6NTAuMjY4WiIsInB1ciI6InBlcm1hbmVudF9wYXNzd29yZF9ieXBhc3MifX0%3D--67b438bfef4352d88bfbbd376460075c1dba9b82","u":"ebffb9487b95","p":"home"};</script>
25
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
26
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
27
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
28
window.ShopifyAnalytics.meta.currency = 'CAD';
29
var meta = {"page":{"pageType":"home"}};
30
for (var attr in meta) {
31
  window.ShopifyAnalytics.meta[attr] = meta[attr];
32
}</script>
33
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
34
35
};
36
</script>
37
<script class="analytics">(function () {
38
  var customDocumentWrite = function(content) {
39
    var jquery = null;
40
​
41
    if (window.jQuery) {
42
      jquery = window.jQuery;
43
    } else if (window.Checkout && window.Checkout.$) {
44
      jquery = window.Checkout.$;
45
    }
46
​
47
    if (jquery) {
48
      jquery('body').append(content);
49
    }
50
  };
51
​
52
  var isDuplicatedThankYouPageView = function() {
53
    return document.cookie.indexOf('loggedConversion=' + window.location.pathname) !== -1;
54
  }
55
​
56
  var setCookieIfThankYouPage = function() {
57
    if (window.location.pathname.indexOf('/checkouts') !== -1 &&
58
        window.location.pathname.indexOf('/thank_you') !== -1) {
59
​
60
      var twoMonthsFromNow = new Date(Date.now());
61
      twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
62
​
63
      document.cookie = 'loggedConversion=' + window.location.pathname + '; expires=' + twoMonthsFromNow;
64
    }
65
  }
66
​
67
  var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
68
  if (trekkie.integrations) {
69
    return;
70
  }
71
  trekkie.methods = [
72
    'identify',
73
    'page',
74
    'ready',
75
    'track',
76
    'trackForm',
77
    'trackLink'
78
  ];
79
  trekkie.factory = function(method) {
80
    return function() {
81
      var args = Array.prototype.slice.call(arguments);
82
      args.unshift(method);
83
      trekkie.push(args);
84
      return trekkie;
85
    };
86
  };
87
  for (var i = 0; i < trekkie.methods.length; i++) {
88
    var key = trekkie.methods[i];
89
    trekkie[key] = trekkie.factory(key);
90
  }
91
  trekkie.load = function(config) {
92
    trekkie.config = config;
93
    var script = document.createElement('script');
94
    script.type = 'text/javascript';
95
    script.onerror = function(e) {      var Monorail = {
96
      produce: function produce(monorailDomain, schemaId, payload) {
97
        var currentMs = new Date().getTime();
98
        var event = {
99
          schema_id: schemaId,
100
          payload: payload,
101
          metadata: {
102
            event_created_at_ms: currentMs,
103
            event_sent_at_ms: currentMs
104
          }
105
        };
106
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
107
      },
108
      sendRequest: function sendRequest(endpointUrl, payload) {
109
        // Try the sendBeacon API
110
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
111
          var blobData = new window.Blob([payload], {
112
            type: 'text/plain'
113
          });
114
115
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
116
            return true;
117
          } // sendBeacon was not successful
118
119
        } // XHR beacon
120
121
        var xhr = new XMLHttpRequest();
122
123
        try {
124
          xhr.open('POST', endpointUrl);
125
          xhr.setRequestHeader('Content-Type', 'text/plain');
126
          xhr.send(payload);
127
        } catch (e) {
128
          console.log(e);
129
        }
130
131
        return false;
132
      },
133
      isIos12: function isIos12() {
134
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
135
      }
136
    };
137
    Monorail.produce('monorail-edge.shopifysvc.com',
138
      'trekkie_storefront_load_errors/1.0',
139
      {shop_id: 26219839510,
140
      theme_id: 80771842070,
141
      app_name: "storefront"});
142
​
143
      (new Image()).src = '//v.shopify.com/internal_errors/track?error=trekkie_load';
144
    };
145
    script.async = true;
146
    script.src = 'https://cdn.shopify.com/s/javascripts/tricorder/trekkie.storefront.min.js?v=2020.07.13.1';
147
    var first = document.getElementsByTagName('script')[0];
148
    first.parentNode.insertBefore(script, first);
149
  };
150
  trekkie.load(
151
    {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26219839510,"isMerchantRequest":null,"themeId":80771842070,"themeCityHash":"14843158089763733924","contentLanguage":"en","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"isPixelGateEnabled":true},"Performance":{"navigationTimingApiMeasurementsEnabled":true,"navigationTimingApiMeasurementsSampleRate":1},"Session Attribution":{}}
152
  );
153
​
154
  var loaded = false;
155
  trekkie.ready(function() {
156
    if (loaded) return;
157
    loaded = true;
158
​
159
    window.ShopifyAnalytics.lib = window.trekkie;
160
161
​
162
    var originalDocumentWrite = document.write;
163
    document.write = customDocumentWrite;
164
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
165
    document.write = originalDocumentWrite;
166
      (function () {
167
        if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
168
          return;
169
        }
170
        window.BOOMR = window.BOOMR || {};
171
        window.BOOMR.snippetStart = new Date().getTime();
172
        window.BOOMR.snippetExecuted = true;
173
        window.BOOMR.snippetVersion = 12;
174
        window.BOOMR.application = "storefront-renderer";
175
        window.BOOMR.themeName = "Express";
176
        window.BOOMR.themeVersion = "1.6.0";
177
        window.BOOMR.shopId = 26219839510;
178
        window.BOOMR.themeId = 80771842070;
179
        window.BOOMR.url =
180
          "https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
181
        var where = document.currentScript || document.getElementsByTagName("script")[0];
182
        var parentNode = where.parentNode;
183
        var promoted = false;
184
        var LOADER_TIMEOUT = 3000;
185
        function promote() {
186
          if (promoted) {
187
            return;
188
          }
189
          var script = document.createElement("script");
190
          script.id = "boomr-scr-as";
191
          script.src = window.BOOMR.url;
192
          script.async = true;
193
          parentNode.appendChild(script);
194
          promoted = true;
195
        }
196
        function iframeLoader(wasFallback) {
197
          promoted = true;
198
          var dom, bootstrap, iframe, iframeStyle;
199
          var doc = document;
200
          var win = window;
201
          window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
202
          bootstrap = function(parent, scriptId) {
203
            var script = doc.createElement("script");
204
            script.id = scriptId || "boomr-if-as";
205
            script.src = window.BOOMR.url;
206
            BOOMR_lstart = new Date().getTime();
207
            parent = parent || doc.body;
208
            parent.appendChild(script);
209
          };
210
          if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
211
            window.BOOMR.snippetMethod = "s";
212
            bootstrap(parentNode, "boomr-async");
213
            return;
214
          }
215
          iframe = document.createElement("IFRAME");
216
          iframe.src = "about:blank";
217
          iframe.title = "";
218
          iframe.role = "presentation";
219
          iframe.loading = "eager";
220
          iframeStyle = (iframe.frameElement || iframe).style;
221
          iframeStyle.width = 0;
222
          iframeStyle.height = 0;
223
          iframeStyle.border = 0;
224
          iframeStyle.display = "none";
225
          parentNode.appendChild(iframe);
226
          try {
227
            win = iframe.contentWindow;
228
            doc = win.document.open();
229
          } catch (e) {
230
            dom = document.domain;
231
            iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
232
            win = iframe.contentWindow;
233
            doc = win.document.open();
234
          }
235
          if (dom) {
236
            doc._boomrl = function() {
237
              this.domain = dom;
238
              bootstrap();
239
            };
240
            doc.write("<body onload='document._boomrl();'>");
241
          } else {
242
            win._boomrl = function() {
243
              bootstrap();
244
            };
245
            if (win.addEventListener) {
246
              win.addEventListener("load", win._boomrl, false);
247
            } else if (win.attachEvent) {
248
              win.attachEvent("onload", win._boomrl);
249
            }
250
          }
251
          doc.close();
252
        }
253
        var link = document.createElement("link");
254
        if (link.relList &&
255
          typeof link.relList.supports === "function" &&
256
          link.relList.supports("preload") &&
257
          ("as" in link)) {
258
          window.BOOMR.snippetMethod = "p";
259
          link.href = window.BOOMR.url;
260
          link.rel = "preload";
261
          link.as = "script";
262
          link.addEventListener("load", promote);
263
          link.addEventListener("error", function() {
264
            iframeLoader(true);
265
          });
266
          setTimeout(function() {
267
            if (!promoted) {
268
              iframeLoader(true);
269
            }
270
          }, LOADER_TIMEOUT);
271
          BOOMR_lstart = new Date().getTime();
272
          parentNode.appendChild(link);
273
        } else {
274
          iframeLoader(false);
275
        }
276
        function boomerangSaveLoadTime(e) {
277
          window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
278
        }
279
        if (window.addEventListener) {
280
          window.addEventListener("load", boomerangSaveLoadTime, false);
281
        } else if (window.attachEvent) {
282
          window.attachEvent("onload", boomerangSaveLoadTime);
283
        }
284
        if (document.addEventListener) {
285
          document.addEventListener("onBoomerangLoaded", function(e) {
286
            e.detail.BOOMR.init({
287
              producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
288
              ResourceTiming: {
289
                enabled: true,
290
                trackedResourceTypes: ["script", "img", "css"]
291
              },
292
            });
293
            e.detail.BOOMR.t_end = new Date().getTime();
294
          });
295
        } else if (document.attachEvent) {
296
          document.attachEvent("onpropertychange", function(e) {
297
            if (!e) e=event;
298
            if (e.propertyName === "onBoomerangLoaded") {
299
              e.detail.BOOMR.init({
300
                producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
301
                ResourceTiming: {
302
                  enabled: true,
303
                  trackedResourceTypes: ["script", "img", "css"]
304
                },
305
              });
306
              e.detail.BOOMR.t_end = new Date().getTime();
307
            }
308
          });
309
        }
310
      })();
311
312
​
313
    if (!isDuplicatedThankYouPageView()) {
314
      setCookieIfThankYouPage();
315
316
        window.ShopifyAnalytics.lib.page(
317
          null,
318
          {"pageType":"home"}
319
        );
320
321
322
    }
323
  });
324
​
325
326
      var eventsListenerScript = document.createElement('script');
327
      eventsListenerScript.async = true;
328
      eventsListenerScript.src = "//cdn.shopify.com/s/assets/shop_events_listener-d81deda6557a113fbcc6a993184828adcef6f241e4ca52b6a21169cb03169317.js";
329
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
330
331
})();</script>
332
<script integrity="sha256-GkS6D0JfVvFoaxmvX+T8Owz974xJVdRRDQbxbJf9Nmg=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/s/assets/storefront/load_feature-1a44ba0f425f56f1686b19af5fe4fc3b0cfdef8c4955d4510d06f16c97fd3668.js" crossorigin="anonymous"></script>
333
<script integrity="sha256-h+g5mYiIAULyxidxudjy/2wpCz/3Rd1CbrDf4NudHa4=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//cdn.shopify.com/s/assets/storefront/features-87e8399988880142f2c62771b9d8f2ff6c290b3ff745dd426eb0dfe0db9d1dae.js" crossorigin="anonymous"></script>
334
​
335
​
336
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
337
​
338
339
​
340
​
341
<meta property="og:site_name" content="express-theme-bistro">
342
<meta property="og:url" content="https://express-theme-bistro.myshopify.com/">
343
<meta property="og:title" content="Giallo">
344
<meta property="og:type" content="website">
345
<meta property="og:description" content="express-theme-bistro">
346
​
347
<meta name="twitter:site" content="@">
348
<meta name="twitter:card" content="summary_large_image">
349
<meta name="twitter:title" content="Giallo">
350
<meta name="twitter:description" content="express-theme-bistro">
351
​
352
    <style data-shopify>@font-face {
353
  font-family: Cardo;
354
  font-weight: 400;
355
  font-style: normal;
356
  font-display: swap;
357
  src: url("https://fonts.shopifycdn.com/cardo/cardo_n4.eebb245e383be6550785a657b25f51c2b83d7e78.woff2?&hmac=f55d2f6889c1d7bebc007428be6b8c853e68c3f440bfe6ad29f8c2ac6d197874") format("woff2"),
358
       url("https://fonts.shopifycdn.com/cardo/cardo_n4.5873ec3470fadfb2463a972a55c13c82fcea3051.woff?&hmac=34e67c048bbb4f9d8e576046a824377f14d053a845ae295ae852458749c1cf0f") format("woff");
359
}
360
​
361
  @font-face {
362
  font-family: Helvetica;
363
  font-weight: 400;
364
  font-style: normal;
365
  font-display: swap;
366
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?&hmac=64c57d7fee8da8223a0d4856285068c02c248ef210cae57dcd9c3e633375e8a4") format("woff2"),
367
       url("https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?&hmac=f74109e3105603c8a8cfbd8dec4e8a7e53572346fb96aacec203fc3881ddabf1") format("woff");
368
}
369
​
370
  @font-face {
371
  font-family: Helvetica;
372
  font-weight: 700;
373
  font-style: normal;
374
  font-display: swap;
375
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_n7.39bee04bd277a9c4e94e2fd42d53f4e3c0afb8a5.woff2?&hmac=b99c35ba03edd5495ba7af87326d5fe8af5b2363f485475338ae16401b9af50d") format("woff2"),
376
       url("https://fonts.shopifycdn.com/helvetica/helvetica_n7.b95359461a6788d5549e702cb2123bc40c227e49.woff?&hmac=684bc7a600f408db705c8f9b90d3d964d22c13a8ce7492386d351a852f30309b") format("woff");
377
}
378
​
379
  @font-face {
380
  font-family: Helvetica;
381
  font-weight: 400;
382
  font-style: oblique;
383
  font-display: swap;
384
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_o4.f9832a0fc1ee8fc5a359636e410d6941e1e4ca03.woff2?&hmac=775a8a34e13ea386c331d51fd5f061993cd3135ce54cc4ed2b9254f3a3be05df") format("woff2"),
385
       url("https://fonts.shopifycdn.com/helvetica/helvetica_o4.0063286aec443697ebae04eeb9c78b820f9f7805.woff?&hmac=32c2cf4f29cdfb274d76aeb45a9a8b5c97eb6a9255cc2073ee5c1a85140ad7fe") format("woff");
386
}
387
​
388
  @font-face {
389
  font-family: Helvetica;
390
  font-weight: 700;
391
  font-style: oblique;
392
  font-display: swap;
393
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_o7.215fd4ca1a06214fa01e44328a1992c977700ea2.woff2?&hmac=b7d9523eaf6b1e57f158595303d5e41e66c07d43212d2fbfe8df1f4b7d6c1f79") format("woff2"),
394
       url("https://fonts.shopifycdn.com/helvetica/helvetica_o7.b0a2026ae2aa64d060f9ce0ee1b3c3c1aa21bf88.woff?&hmac=97dc9f03549c58cc74feee46ffde68daa822080823ae1159e9cd489daf68bcb9") format("woff");
395
}
396
​
397
​
398
  :root {
399
400
    --font-heading-family: Cardo, serif;
401
    --font-heading-style: normal;
402
    --font-heading-weight: 400;
403
    --font-heading-base-size: 2.6rem;
404
​
405
406
    --font-body-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
407
    --font-body-style: normal;
408
    --font-body-weight: 400;
409
    --font-body-weight-bold: 700;
410
    --font-body-base-size: 62.5%;
411
​
412
413
    --color-background: #fffbf6;
414
    --color-background-rgba-stripped: 255, 251, 246;
415
    --color-secondary-background: #faf3ec;
416
    --color-borders-and-lines: #dad0ca;
417
    --color-borders-and-lines-rgba-stripped: 218, 208, 202;
418
    --color-button: #000000;
419
​
420
421
    --color-headings-and-links: #000000;
422
    --color-headings-and-links-rgba-stripped: 0, 0, 0;
423
    --color-body-text: #746b60;
424
    --color-body-text-rgba-stripped: 116, 107, 96;
425
    --color-secondary-background-text: #000000;
426
    --color-secondary-background-text-rgba-stripped: 0, 0, 0;
427
    --color-sale-price: #c74230;
428
​
429
430
    --color-field-text: #000000;
431
    --color-field-borders: #000000;
432
  }</style>
433
​
434
    <style>.header-wrapper{background-color:transparent;position:initial;width:100%;z-index:6;transition:transform .25s ease-out}.announcement-bar{padding:.7rem;text-align:center}.announcement-bar__message{margin:0;font-size:1.4rem;font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);word-break:break-all;word-break:break-word;hyphens:auto}.header{display:flex;justify-content:space-between;align-items:center;position:relative;padding-left:2.2rem;padding-right:2.2rem;transition:transform .25s ease-out 0s;background-color:var(--color-background)}@media only screen and (min-width:46.85em){.header{padding-left:6rem;padding-right:6rem}}.body-with-sticky-header{position:inherit!important}.header-wrapper--hidden{transform:translateY(-101%)}.header-wrapper--fixed{position:fixed;top:0;z-index:6;width:100%}.sticky-header-sentinel{width:100%;height:1px}.header--secondary-background{color:var(--color-secondary-background-text);background-color:var(--color-secondary-background)}.header__heading{margin:0;flex-basis:40%;flex-shrink:1;margin-top:2.2rem;margin-bottom:2.2rem}@media only screen and (min-width:46.85em){.header__heading{flex-basis:auto}}@media only screen and (min-width:61.85em){.header__heading{flex-shrink:0}}.no-js .header__heading{flex-shrink:0}.header__heading+.header__icons .header__icon--accounts-link{display:block}.header__logo-image{display:block;width:100%}.header-wrapper--fixed .header__logo-image{max-width:3.2rem;width:auto}.header__logo{display:block;vertical-align:middle;text-decoration:none;color:var(--color-headings-and-links)}.header--secondary-background .header__logo{color:var(--color-secondary-background-text)}.header__logo--text{word-break:break-word}.header__icons{display:flex;align-items:center;flex-shrink:0;margin-top:2.2rem;margin-bottom:2.2rem}.header__icon{color:var(--color-body-text)}.header__icon:focus,.header__icon:hover{color:var(--color-headings-and-links)}.header--secondary-background .header__icon:focus,.header--secondary-background .header__icon:hover{color:rgba(var(--color-secondary-background-text-rgba-stripped),.7)}.header--secondary-background .header__icon{color:var(--color-secondary-background-text)}.header__icon .icon-cart{height:2.4rem;width:2.4rem}.header__icon .icon-search{height:2.3rem;width:2.3rem}.header__icon--button{padding:1rem;border:none;background-color:transparent}.header__icon--search-link{padding:1rem}.no-js .header__icon--search-button{display:none}.header__icon--accounts-link{display:none;text-decoration:none;padding:1rem}.header__icon--accounts-link .icon-account{height:2.3rem;width:2.3rem}@media only screen and (min-width:61.85em){.header__icon--accounts-link{display:block}}.header__icon--cart{position:relative}.no-js .header__icon--cart{display:none}.header__icon--cart-button-link,.header__icon--search-link{display:none;position:relative}.header__icon--cart-button-link.header__icon--cart-visible,.header__icon--search-link.header__icon--cart-visible,.no-js .header__icon--cart-button-link,.no-js .header__icon--search-link{display:inline-block}.header__cart-count-bubble{position:absolute;display:flex;align-items:center;justify-content:center;top:.4rem;right:.3rem;padding:.2rem;min-width:1.8rem;min-height:1.8rem;font-size:1rem;font-weight:var(--font-body-weight-bold);color:var(--color-background);background:var(--color-headings-and-links);border-radius:50%}.header--secondary-background .header__cart-count-bubble{background-color:var(--color-secondary-background-text);color:var(--color-secondary-background)}.header__cart-price-bubble{padding:.4rem 1rem;background-color:transparent;color:var(--color-body-text);border:2px solid currentColor;border-radius:.4rem;font-size:1.3rem;font-weight:var(--font-body-weight-bold)}.header--secondary-background .header__cart-price-bubble{color:var(--color-secondary-background-text)}.header__icon--menu-navigation{padding:1.3rem 1.2rem;margin-right:-1.2rem;margin-left:.5rem;z-index:1}@media only screen and (min-width:61.85em){.header__icon--menu-navigation{display:none}}.header__icon--menu-navigation:focus .menu-icon__bar,.header__icon--menu-navigation:hover .menu-icon__bar{background-color:currentColor}.header__icon--mobile-navigation-close{padding:1.3rem 1.2rem;top:0;right:0}.header__icon--mobile-navigation-close:focus,.header__icon--mobile-navigation-close:hover{z-index:999;background-color:inherit;transition:none;position:absolute!important;overflow:auto;width:auto;height:auto;margin:0;clip:auto}.menu-icon{display:flex;align-items:center;height:1.8rem;width:2rem}.menu-icon__bar{display:block;position:relative;background-color:var(--color-body-text);height:.2rem;width:100%;border-radius:.25rem;transition:transform 80ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.header--secondary-background .menu-icon__bar{background-color:var(--color-secondary-background-text)}.header__icon--menu-navigation[aria-expanded=true] .menu-icon__bar,.header__icon--mobile-navigation-close .menu-icon__bar{transform:rotate(45deg);transition-delay:.15s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.menu-icon__bar::after,.menu-icon__bar::before{position:absolute;content:'';width:100%;height:.2rem;left:0;background-color:inherit;border-radius:.25rem}.menu-icon__bar::before{top:-.8rem;transition:top 80ms ease .15s,opacity 80ms ease}.header__icon--menu-navigation[aria-expanded=true] .menu-icon__bar::before,.header__icon--mobile-navigation-close .menu-icon__bar::before{top:0;opacity:0;transition:top 80ms ease,opacity 80ms ease .15s}.menu-icon__bar::after{bottom:-.8rem;transition:bottom 80ms ease .15s,transform 80ms cubic-bezier(.55,.055,.675,.19)}.header__icon--menu-navigation[aria-expanded=true] .menu-icon__bar::after,.header__icon--mobile-navigation-close .menu-icon__bar::after{bottom:0;transform:rotate(-90deg);transition:bottom 80ms ease,transform 80ms cubic-bezier(.215,.61,.355,1) .15s}.header__logo--text{color:var(--color-headings-and-links);font-family:var(--font-heading-family);font-size:calc(var(--font-heading-base-size) * .8);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.4}@media only screen and (min-width:46.85em){.header__logo--text{font-size:var(--font-heading-base-size)}}p,ul{margin:0 0 2em;color:var(--color-body-text);font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.6rem;font-style:var(--font-body-style);line-height:2.8rem}@media only screen and (min-width:61.85em){p,ul{font-size:1.7rem;line-height:2.7rem}}p:last-child,ul:last-child{margin-bottom:0}body{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.6rem;font-style:var(--font-body-style)}.button,.shopify-challenge__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;border:1px solid currentColor;border-radius:.25rem;color:var(--color-button);background-color:transparent;padding:1.2em 2.4em;font-style:normal;font-weight:var(--font-body-weight-bold);text-transform:uppercase;white-space:normal;font-size:1.3rem;letter-spacing:.15em}.button[aria-disabled=true],.button[disabled],.shopify-challenge__button[aria-disabled=true],.shopify-challenge__button[disabled]{opacity:.5}.button[aria-disabled=true]:focus,.button[aria-disabled=true]:hover,.button[disabled]:focus,.button[disabled]:hover,.shopify-challenge__button[aria-disabled=true]:focus,.shopify-challenge__button[aria-disabled=true]:hover,.shopify-challenge__button[disabled]:focus,.shopify-challenge__button[disabled]:hover{background-color:transparent;color:var(--color-button)}.button:focus,.button:hover,.shopify-challenge__button:focus,.shopify-challenge__button:hover{background-color:var(--color-button);border-color:var(--color-button);color:var(--color-background)}.button:active,.shopify-challenge__button:active{background-color:rgba(var(--color-button),.05);border-color:rgba(var(--color-button),.05);color:var(--color-button)}.button--secondary{background-color:var(--color-button);color:var(--color-background)}.button--secondary:hover{color:var(--color-button);background-color:transparent}.button--floating{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;text-align:center;font-style:normal;font-weight:var(--font-body-weight-bold);background-color:var(--color-background);color:var(--color-button);white-space:normal;font-size:1.3rem;letter-spacing:.15em;border-radius:.25rem;border:none;padding:1.5rem 5.5rem;box-shadow:2px 4px 11px rgba(0,0,0,.1);transition:get-transition-properties(box-shadow)}.button--floating:focus,.button--floating:hover{box-shadow:2px 14px 18px rgba(0,0,0,.1)}.button--small{padding:.6em 1em}.header--secondary-background .header__mobile-navigation .drawer{background-color:var(--color-secondary-background)}.header__mobile-navigation.stage{position:absolute;top:100%}.menu-navigation-wrapper{display:none}@media only screen and (min-width:61.85em){.menu-navigation-wrapper{display:block;padding:0 2.5rem;transition:opacity .25s ease-out}}.menu-navigation-wrapper--hidden{visibility:hidden;opacity:0}.menu-navigation-wrapper--hidden+.header__icons>.header__icon--accounts-link{display:none}.no-js .menu-navigation-wrapper--hidden+.header__icons>.header__icon--accounts-link{display:block}.menu-navigation-wrapper--hidden+.header__icons>.header__icon--menu-navigation{display:block}.no-js .menu-navigation-wrapper--hidden+.header__icons>.header__icon--menu-navigation{display:none}.no-js .menu-navigation-wrapper--hidden{visibility:visible;display:block}.mobile-menu-navigation{height:100%;overflow-y:auto;overflow-x:hidden}.menu-navigation{display:flex;flex-wrap:nowrap;padding-left:0;list-style:none}.mobile-menu-navigation .menu-navigation{flex-direction:column}.no-js .menu-navigation{justify-content:center;flex-wrap:wrap}.menu-navigation__list-item{position:relative;padding-top:2.2rem;padding-bottom:2.2rem}.header__mobile-navigation .menu-navigation__list-item{border-top:1px solid var(--color-borders-and-lines);padding-top:1.2rem;padding-bottom:1.2rem}.no-js .menu-navigation__list-item{padding-top:0;padding-bottom:0}.menu-navigation__item{color:var(--color-headings-and-links);font-size:1.8rem;line-height:2.5rem;padding:.9rem 1.8rem;margin:0 .5rem;white-space:nowrap}.mobile-menu-navigation .menu-navigation__item{white-space:normal}.header--secondary-background .menu-navigation__item{color:var(--color-secondary-background-text)}.menu-navigation__item--link{display:block;text-decoration:none}.menu-navigation__item--link.menu-navigation__item--no-js{display:none}.no-js .menu-navigation__item--link.menu-navigation__item--no-js{display:block}.menu-dropdown__item--link:focus,.menu-dropdown__item--link:hover,.menu-navigation__item--link:not(.menu-navigation__item--active):focus,.menu-navigation__item--link:not(.menu-navigation__item--active):hover{opacity:.7}.menu-dropdown__item--has-dropdown:focus>.menu-navigation__title,.menu-dropdown__item--has-dropdown:hover>.menu-navigation__title,.menu-navigation__item:not(.menu-navigation__item--active):focus>.menu-navigation__title,.menu-navigation__item:not(.menu-navigation__item--active):hover>.menu-navigation__title{opacity:.7}.menu-navigation__item--active .menu-navigation__title--main-menu::after{background-color:currentColor}.menu-navigation__item--account{font-size:1.8rem}.menu-navigation__item--account .icon-account{height:1.7rem;width:1.7rem}.menu-navigation__item--has-dropdown{background-color:transparent;border:none}.header__mobile-navigation .menu-navigation__item--has-dropdown{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:2.9rem}.menu-navigation__item--has-dropdown[aria-expanded=false]+* *{visibility:hidden}.no-js .menu-navigation__item--has-dropdown{display:none}.menu-dropdown__item--has-dropdown .icon-select,.menu-navigation__item--has-dropdown .icon-select{height:1.2rem;width:1.2rem;stroke:currentColor;flex-shrink:0}.menu-dropdown__item--has-dropdown[aria-expanded=true]+.menu-dropdown,.menu-navigation__item--has-dropdown[aria-expanded=true]+.menu-dropdown{visibility:visible}.menu-dropdown__item--is-expanded .icon-select,.menu-navigation__item--is-expanded .icon-select{transform:rotate(180deg)}.menu-navigation__item--is-expanded .menu-navigation__title--main-menu::after{background-color:currentColor}.menu-navigation__title{margin-right:.5rem;position:relative;text-align:left}.header__mobile-navigation .menu-navigation__title{margin-right:2rem}.menu-navigation__title--main-menu::after{content:'';position:absolute;height:1px;background-color:transparent;width:100%;bottom:-.2rem;left:0}.menu-dropdown{display:block;visibility:hidden;overflow:hidden;list-style:none;text-align:left;color:currentColor;opacity:0;transition:max-height .6s,opacity .6s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.header--secondary-background .menu-dropdown{color:var(--color-secondary-background-text)}.menu-dropdown--second-level{position:absolute;padding:.5rem 1.8rem .5rem 2.2rem;box-shadow:rgba(0,0,0,.07) 0 25px 24px 0;top:100%;z-index:6;background-color:var(--color-background);margin-bottom:0}.menu-dropdown--second-level>.menu-dropdown__list-item:last-child{padding-bottom:1rem}.header__mobile-navigation .menu-dropdown--second-level>.menu-dropdown__list-item:last-child{padding-bottom:0}.header--secondary-background .menu-dropdown--second-level{background-color:var(--color-secondary-background)}.header__mobile-navigation .menu-dropdown--second-level{position:initial;width:100%;box-shadow:none;padding-left:4rem;background-color:transparent;padding-top:0;padding-bottom:0}@media only screen and (min-width:46.85em){.header__mobile-navigation .menu-dropdown--second-level{padding-right:2.4rem}}.menu-dropdown--third-level{padding-left:1.5rem;background-color:transparent}.header__mobile-navigation .menu-dropdown--third-level{display:block}.menu-dropdown__list-item{position:relative;padding:.5rem 0;background-color:inherit}.header__mobile-navigation .menu-dropdown__list-item{padding-right:.6rem}@media only screen and (min-width:46.85em){.header__mobile-navigation .menu-dropdown__list-item{padding-right:0}}.menu-dropdown__item{color:var(--color-headings-and-links);font-size:1.6rem;line-height:1.8rem;padding:.7rem 0;margin:0 .5rem 0 0}.header--secondary-background .menu-dropdown__item{color:var(--color-secondary-background-text)}.menu-dropdown__item--has-dropdown{background-color:transparent;border:none;color:var(--color-headings-and-links);display:flex;justify-content:space-between;align-items:center;width:100%}.header--secondary-background .menu-dropdown__item--has-dropdown{color:var(--color-secondary-background-text)}.menu-dropdown__item--link{display:block;text-decoration:none}.hidden{display:none!important}.critical-hidden{display:inherit}.header__icon--mobile-navigation-close,.icon-fallback-text,.label-hidden,.skip-link,.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.visually-hidden--inline{margin:0;height:1em}.js-focus-hidden:focus{outline:0}.no-placeholder .label-hidden{position:inherit!important;overflow:auto;width:auto;height:auto;margin:0;clip:auto}.visually-shown{position:inherit!important;overflow:auto;width:auto;height:auto;margin:0;clip:auto}.no-js:not(html){display:none}.no-js .no-js:not(html){display:block}.no-js .js{display:none}.supports-no-cookies:not(html){display:none}html.supports-no-cookies .supports-no-cookies:not(html){display:block}html.supports-no-cookies .supports-cookies{display:none}.skip-link:focus{z-index:10000;padding:1em;background-color:var(--color-background);color:var(--color-body-text);margin:0;transition:none;text-decoration:none;position:absolute!important;overflow:auto;width:auto;height:auto;margin:0;clip:auto}.full-width-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.shopify-challenge__container{padding:6rem 0}.critical-hidden{display:none}.content-for-layout{opacity:0}.content-for-layout .shopify-section{display:none}.content-for-layout .shopify-section:first-child{display:inherit}*,::after,::before{box-sizing:border-box}html{font-size:var(--font-body-base-size)}body{display:flex;flex-direction:column;margin:0}body,html{background-color:var(--color-background);height:100%}body,button,input,select,textarea{-webkit-font-smoothing:antialiased;text-size-adjust:100%}.page-width{max-width:1200px;margin:0 auto;padding:0 6rem}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.icon{display:inline-block;vertical-align:middle;fill:currentColor}</style>
435
​
436
    <link rel="stylesheet" href="//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923" media="print" onload="this.media='all';this.onload=null;">
437
    <noscript><link rel="stylesheet" href="//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923"></noscript>
438
    <script>/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */!function(c){"use strict";function e(e,t,n,o){var r,i=c.document,d=i.createElement("link");if(t)r=t;else{var a=(i.body||i.getElementsByTagName("head")[0]).childNodes;r=a[a.length-1]}var f=i.styleSheets;if(o)for(var l in o)o.hasOwnProperty(l)&&d.setAttribute(l,o[l]);d.rel="stylesheet",d.href=e,d.media="only x",function e(t){if(i.body)return t();setTimeout(function(){e(t)})}(function(){r.parentNode.insertBefore(d,t?r:r.nextSibling)});var s=function(e){for(var t=d.href,n=f.length;n--;)if(f[n].href===t)return e();setTimeout(function(){s(e)})};function u(){d.addEventListener&&d.removeEventListener("load",u),d.media=n||"all"}return d.addEventListener&&d.addEventListener("load",u),(d.onloadcssdefined=s)(u),d}"undefined"!=typeof exports?exports.loadCSS=e:c.loadCSS=e}("undefined"!=typeof global?global:this);/*! onloadCSS. (onload callback for loadCSS) [c]2017 Filament Group, Inc. MIT License */function onloadCSS(n,a){var t;function d(){!t&&a&&(t=!0,a.call(n))}n.addEventListener&&n.addEventListener("load",d),n.attachEvent&&n.attachEvent("onload",d),"isApplicationInstalled"in navigator&&"onloadcssdefined"in n&&n.onloadcssdefined(d)}
439
​
440
    var preload = document.querySelector('link[href="//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923"]');
441
    var stylesheet = loadCSS("//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923", preload);
442
    onloadCSS(stylesheet, function() { stylesheet.loaded = true; });
443
    </script>
444
  <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d.png?height=628&pad_color=fffbf6&v=1589288041&width=1200" />
445
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d.png?height=628&pad_color=fffbf6&v=1589288041&width=1200" />
446
<meta property="og:image:width" content="1200" />
447
<meta property="og:image:height" content="628" />
448
</head>
449
​
450
  <body>
451
    <a class="skip-link" href="#MainContent">Skip to content</a><div class="stage stage--cart" data-popup-stage="cart">
452
  <div class="stage__overlay" data-popup-close="cart"></div>
453
    <div role="dialog"
454
         aria-modal="true"
455
         aria-labelledby="cart-drawer-title"
456
         data-cart
457
         data-popup="cart"
458
         class="drawer drawer--right  is-empty data-cart"
459
         id="data-cart"
460
         >
461
      <div class="cart-drawer-container" data-popup-focus="cart" tabindex="-1">
462
        <form id="CartDrawer"
463
          action="/cart"
464
          class="cart-drawer critical-hidden"
465
          method="post"
466
          novalidate>
467
​
468
          <div class="cart-drawer__header">
469
            <h2 class="visually-hidden" id="cart-drawer-title">Shopping Cart</h2>
470
            <button type="button"
471
              class="cart-drawer__close-button"
472
              data-popup-close="cart"
473
              data-cart-close>
474
​
475
              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-back" viewBox="0 0 18 18"><path d="M1.5 9.347L10.414 1M9.674 17L1.502 8.653M1.648 9H17.5"/></svg>
476
              <span class="cart-drawer__title">Continue shopping</span>
477
            </button>
478
          </div>
479
​
480
          <div class="cart-drawer__content">
481
            <p class="cart-drawer__empty-text" data-cart-empty-text>Your cart is currently empty.</p>
482
            <p class="cart-drawer__no-cookies-text">Enable cookies to use the shopping cart</p>
483
​
484
            <div class="cart-drawer__items" data-cart-items>
485
486
            </div>
487
​
488
489
          </div>
490
​
491
          <div class="cart-drawer__footer">
492
            <div class="cart-drawer__totals">
493
              <h3 class="cart-drawer__subtotal">Subtotal</h3>
494
              <p class="cart-drawer__subtotal-value" data-cart-price>$0.00</p>
495
              <p class="visually-hidden" data-price-live-region aria-live="polite" role="status"></p>
496
            </div>
497
​
498
            <div data-discounts>
499
500
            </div><p class="cart-drawer__notice">Taxes and shipping calculated at checkout
501
</p>
502
​
503
            <div class="cart-drawer__ctas">
504
              <button type="submit"
505
                class="button"
506
                name="checkout"
507
                data-checkout-button
508
                 disabled >
509
​
510
                Check Out
511
              </button>
512
            </div>
513
          </div>
514
        </form>
515
      </div>
516
    </div>
517
  </div>
518
</div>
519
​
520
<div class="product-modal-wrapper critical-hidden" role="dialog" aria-modal="true" aria-labelledby="ProductHeadingModal" data-product-modal-wrapper data-popup-stage="product-modal">
521
  <div class="stage__overlay" data-popup-close="product-modal"></div>
522
  <div class="product-modal" data-product-modal data-popup="product-modal" data-popup-focus="product-modal" tabindex="-1">
523
    <button class="product-modal__close" aria-label="Close" data-popup-close="product-modal">
524
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 17 17"><path d="M1 1l14 15M16 1L1 16"/></svg>
525
    </button>
526
    <div class="product-modal__content" data-product-modal-content>
527
    </div>
528
  </div>
529
</div>
530
​
531
<div id="SearchDrawer"
532
    class="stage critical-hidden"
533
    role="dialog"
534
  aria-modal="true"
535
    data-popup-stage="search">
536
    <div class="stage__overlay" data-popup-close="search"></div>
537
    <div class="search-drawer search" data-popup="search">
538
        <div class="search-wrapper">
539
            <form action="/search" class="search__form" method="get" role="search" data-form>
540
                <div class="search__form-input-wrapper form__input-wrapper" data-form-input-wrapper>
541
                    <label class="search__form-input-label search__form-input-label--drawer form__input-label" for="q" aria-hidden="true">Search</label>
542
                    <input class="search__form-input search__form-input--drawer form__input" type="search" name="q" value="" data-popup-focus="search" required>
543
                </div>
544
​
545
                <button class="search__form-button search__form-button--drawer search-submit" type="submit">
546
                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 20 20"><path d="M18.64 17.02l-5.31-5.31c.81-1.08 1.26-2.43 1.26-3.87C14.5 4.06 11.44 1 7.75 1S1 4.06 1 7.75s3.06 6.75 6.75 6.75c1.44 0 2.79-.45 3.87-1.26l5.31 5.31c.45.45 1.26.54 1.71.09.45-.36.45-1.17 0-1.62zM3.25 7.75c0-2.52 1.98-4.5 4.5-4.5s4.5 1.98 4.5 4.5-1.98 4.5-4.5 4.5-4.5-1.98-4.5-4.5z"/></svg>
547
                    <span class="icon-fallback-text">Search</span>
548
                </button>
549
                <button class="search__form-button search__form-button--drawer search-close" type="button" data-popup-close="search">
550
                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 17 17"><path d="M1 1l14 15M16 1L1 16"/></svg>
551
                    <span class="icon-fallback-text">Close search</span>
552
                </button>
553
            </form>
554
        </div>
555
    </div>
556
</div>
557
​
558
​
559
    <div id="shopify-section-header" class="shopify-section"><div class="header-wrapper" data-section-id="header" data-section-type="header"><style data-shopify>.announcement-bar {
560
        background-color: #faf3ec;
561
        border-bottom: 1px solid #373737;
562
      }
563
​
564
      .announcement-bar__message {
565
        color: #373737;
566
      }.search-drawer {
567
          background-color: var(--color-secondary-background);
568
        }
569
​
570
        .search__form-button--drawer, .search__form-input-label--drawer, .search__form-input--drawer.form__input {
571
          color: var(--color-secondary-background-text);
572
        }
573
​
574
        .search__form-input--drawer.form__input{
575
          border-color: var(--color-secondary-background-text);
576
        }
577
​
578
        .search__form-button--drawer .icon-close {
579
          stroke: var(--color-secondary-background-text);
580
        }</style><div class="announcement-bar" role="region" aria-label="Announcement" data-announcement-bar>
581
      <p class="announcement-bar__message">Due to covid 19 we have temporarily transitioned to curbside pickup and home delivery</p>
582
    </div><header class="header header--secondary-background" role="banner" data-header><h1 class="header__heading"><a href="/" class="header__logo" data-header-logo><style data-shopify>.header__logo-image {
583
              max-width: 80px;
584
            }</style>
585
          <img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d_80x.png?v=1589288041 1x, //cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d_80x@2x.png?v=1589288041 2x"
586
            src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d_80x.png?v=1589288041"
587
            loading="lazy"
588
            class="header__logo-image"
589
            alt="express-theme-bistro"
590
            data-logo-image>
591
592
      </a>
593
      </h1><div class="header__icons"><button type="button"
594
          class="header__icon header__icon--button header__icon--search-button"
595
          aria-controls="SearchDrawer"
596
          aria-haspopup="dialog"
597
          aria-expanded="false"
598
          data-popup-open="search"
599
          data-search-toggle
600
          data-header-icon
601
        >
602
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 20 20"><path d="M18.64 17.02l-5.31-5.31c.81-1.08 1.26-2.43 1.26-3.87C14.5 4.06 11.44 1 7.75 1S1 4.06 1 7.75s3.06 6.75 6.75 6.75c1.44 0 2.79-.45 3.87-1.26l5.31 5.31c.45.45 1.26.54 1.71.09.45-.36.45-1.17 0-1.62zM3.25 7.75c0-2.52 1.98-4.5 4.5-4.5s4.5 1.98 4.5 4.5-1.98 4.5-4.5 4.5-4.5-1.98-4.5-4.5z"/></svg>
603
          <span class="visually-hidden">Search</span>
604
        </button>
605
​
606
        <a href="/search" class="header__icon header__icon--search-link" data-header-icon>
607
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 20 20"><path d="M18.64 17.02l-5.31-5.31c.81-1.08 1.26-2.43 1.26-3.87C14.5 4.06 11.44 1 7.75 1S1 4.06 1 7.75s3.06 6.75 6.75 6.75c1.44 0 2.79-.45 3.87-1.26l5.31 5.31c.45.45 1.26.54 1.71.09.45-.36.45-1.17 0-1.62zM3.25 7.75c0-2.52 1.98-4.5 4.5-4.5s4.5 1.98 4.5 4.5-1.98 4.5-4.5 4.5-4.5-1.98-4.5-4.5z"/></svg>
608
          <span class="icon-fallback-text">Search</span>
609
        </a><a href="/cart"
610
        class="header__icon header__icon--button header__icon--cart-button-link"
611
        data-header-icon
612
      >
613
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 37 40"><path d="M36.5 34.8L33.3 8h-5.9C26.7 3.9 23 .8 18.5.8S10.3 3.9 9.6 8H3.7L.5 34.8c-.2 1.5.4 2.4.9 3 .5.5 1.4 1.2 3.1 1.2h28c1.3 0 2.4-.4 3.1-1.3.7-.7 1-1.8.9-2.9zm-18-30c2.2 0 4.1 1.4 4.7 3.2h-9.5c.7-1.9 2.6-3.2 4.8-3.2zM4.5 35l2.8-23h2.2v3c0 1.1.9 2 2 2s2-.9 2-2v-3h10v3c0 1.1.9 2 2 2s2-.9 2-2v-3h2.2l2.8 23h-28z"/></svg>
614
        <span class="icon-fallback-text">Cart</span>
615
​
616
        <div class="header__cart-count-bubble hidden" data-cart-count-bubble>
617
            <span class="icon-fallback-text" data-cart-count-text>Number of items in your cart:</span>
618
            <span data-cart-count>0
619
</span>
620
          </div>
621
      </a><button class="header__icon header__icon--button header__icon--cart"
622
          data-header-icon
623
          aria-controls="CartDrawer"
624
          aria-haspopup="dialog"
625
          aria-expanded="false"
626
          data-popup-open="cart">
627
​
628
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 37 40"><path d="M36.5 34.8L33.3 8h-5.9C26.7 3.9 23 .8 18.5.8S10.3 3.9 9.6 8H3.7L.5 34.8c-.2 1.5.4 2.4.9 3 .5.5 1.4 1.2 3.1 1.2h28c1.3 0 2.4-.4 3.1-1.3.7-.7 1-1.8.9-2.9zm-18-30c2.2 0 4.1 1.4 4.7 3.2h-9.5c.7-1.9 2.6-3.2 4.8-3.2zM4.5 35l2.8-23h2.2v3c0 1.1.9 2 2 2s2-.9 2-2v-3h10v3c0 1.1.9 2 2 2s2-.9 2-2v-3h2.2l2.8 23h-28z"/></svg>
629
          <span class="icon-fallback-text">Cart</span>
630
​
631
          <div class="header__cart-count-bubble hidden" data-cart-count-bubble>
632
            <span class="icon-fallback-text" data-cart-count-text>Number of items in your cart:</span>
633
            <span data-cart-count>0
634
</span>
635
          </div>
636
        </button><div class="header__cart-price-bubble" data-header-icon>
637
        <span class="icon-fallback-text">Cart price</span>
638
        <span data-cart-price-bubble data-cart-price>$0.00</span>
639
      </div></div></header>
640
</div>
641
​
642
<script type="application/ld+json">
643
{
644
  "@context": "http://schema.org",
645
  "@type": "Organization",
646
  "name": "express-theme-bistro",
647
648
649
    "logo": "https://cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d_289x.png?v=1589288041",
650
651
  "sameAs": [
652
    "",
653
    "",
654
    "",
655
    "",
656
    "",
657
    "",
658
    "",
659
    ""
660
  ],
661
  "url": "https://express-theme-bistro.myshopify.com"
662
}
663
</script>
664
​
665
​
666
667
  <script type="application/ld+json">
668
    {
669
      "@context": "http://schema.org",
670
      "@type": "WebSite",
671
      "name": "express-theme-bistro",
672
      "potentialAction": {
673
        "@type": "SearchAction",
674
        "target": "https:\/\/express-theme-bistro.myshopify.com\/search?q={search_term_string}",
675
        "query-input": "required name=search_term_string"
676
      },
677
      "url": "https:\/\/express-theme-bistro.myshopify.com"
678
    }
679
  </script>
680
​
681
​
682
​
683
</div>
684
​
685
    <main id="MainContent" class="content-for-layout" role="main" data-main-content>
686
      <div class="sticky-header-sentinel" data-sticky-sentinel-header></div>
687
      <!-- BEGIN content_for_index --><div id="shopify-section-image-with-text-0" class="shopify-section"><section class="image-with-text image-with-text--partial_background">
688
  <div class="image-with-text__inner"><div class="image-with-text__content
689
      image-with-text__content--large
690
691
      ">
692
​
693
694
        <h2 class="image-with-text__heading">
695
          Traditional fresh pasta since 1978.
696
        </h2>
697
698
​
699
700
​
701
702
    </div><div>
703
    <div class="image-with-text__media
704
      image-with-text__media--right
705
      "><img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_311x.png?v=1589548218 311w,
706
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_622x.png?v=1589548218 622w,
707
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_503x.png?v=1589548218 503w,
708
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_1006x.png?v=1589548218 1006w,
709
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_685x.png?v=1589548218 685w,
710
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_1370x.png?v=1589548218 1370w"
711
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
712
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_503x503.png?v=1589548218"
713
          width="2421"
714
          height="1989"
715
          loading="lazy"
716
          class="image-with-text__image image-with-text__image--auto"
717
          alt=""></div>
718
  </div></div>
719
</section>
720
​
721
​
722
</div><div id="shopify-section-featured-collections" class="shopify-section"><section class="featured-collections" data-section-id="featured-collections" data-section-type="featured-collections" data-product-modal="true"><div class="featured-collections__header" data-sticky-element>
723
      <div class="featured-collections__tabpanel scroller-parent">
724
        <div class="featured-collections__tab-wrapper scroller-wrapper" data-scroller-wrapper><ul class="featured-collections__tablist scroller-content" role="tablist" aria-label="Featured collections" data-scroller-content><li
725
                  class="featured-collections-tab__item featured-collections-tab__item--active"
726
                  id="featured-collections-0-tab"
727
                  role="tab"
728
                  aria-selected="true"
729
                  aria-controls="featured-collections-0-tab-panel"
730
                  tabindex="0"
731
                  data-featured-collections-tab
732
                   data-featured-collections-selected-tab
733
                  data-collection-title="Fresh Meals"
734
                  data-featured-collections-tab-number="0"
735
                  data-featured-collections-block-id="featured-collections-0"
736
                  ><span class="featured-collections__item-title">Fresh Meals</span>
737
                    <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></li><li
738
                  class="featured-collections-tab__item"
739
                  id="featured-collections-1-tab"
740
                  role="tab"
741
                  aria-selected="false"
742
                  aria-controls="featured-collections-1-tab-panel"
743
                  tabindex="-1"
744
                  data-featured-collections-tab
745
746
                  data-collection-title="Pasta"
747
                  data-featured-collections-tab-number="1"
748
                  data-featured-collections-block-id="featured-collections-1"
749
                  ><span class="featured-collections__item-title">Pasta</span>
750
                    <sup class="featured-collections__product-count">16<span class="visually-hidden"> products</span></sup></li><li
751
                  class="featured-collections-tab__item"
752
                  id="featured-collections-2-tab"
753
                  role="tab"
754
                  aria-selected="false"
755
                  aria-controls="featured-collections-2-tab-panel"
756
                  tabindex="-1"
757
                  data-featured-collections-tab
758
759
                  data-collection-title="Drinks & Desserts"
760
                  data-featured-collections-tab-number="2"
761
                  data-featured-collections-block-id="featured-collections-2"
762
                  ><span class="featured-collections__item-title">Drinks &amp; Desserts</span>
763
                    <sup class="featured-collections__product-count">4<span class="visually-hidden"> products</span></sup></li><li
764
                  class="featured-collections-tab__item"
765
                  id="featured-collections-3-tab"
766
                  role="tab"
767
                  aria-selected="false"
768
                  aria-controls="featured-collections-3-tab-panel"
769
                  tabindex="-1"
770
                  data-featured-collections-tab
771
772
                  data-collection-title="Merchandise"
773
                  data-featured-collections-tab-number="3"
774
                  data-featured-collections-block-id="featured-collections-3"
775
                  ><span class="featured-collections__item-title">Merchandise</span>
776
                    <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></li></ul></div>
777
        <div class="featured-collections__gradient">
778
        </div>
779
        <button class="featured-collections__tabpanel-arrow scroller-arrow scroller-arrow--previous" aria-label="Show more collections" aria-hidden="true" tabindex="-1" data-scroller-arrow data-scroller-arrow-direction="previous">
780
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 21 22"><path d="M8.883 20.763l10.588-10.588 1.06 1.06L9.944 21.824l-1.06-1.06z"/><path d="M19.447 12.094L9.742 1.507 10.848.493l9.705 10.588-1.106 1.013z"/><path d="M1 10.396h18.828v1.5H1.001v-1.5z"/></svg>
781
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 6 10"><path d="M4.293 5L.646 1.354l.708-.708L5.707 5 1.354 9.354l-.708-.708L4.293 5z" fill="currentColor"/></svg>
782
        </button>
783
        <button class="featured-collections__tabpanel-arrow scroller-arrow scroller-arrow--next" aria-label="Show more collections" aria-hidden="true" tabindex="-1" data-scroller-arrow data-scroller-arrow-direction="next">
784
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 21 22"><path d="M8.883 20.763l10.588-10.588 1.06 1.06L9.944 21.824l-1.06-1.06z"/><path d="M19.447 12.094L9.742 1.507 10.848.493l9.705 10.588-1.106 1.013z"/><path d="M1 10.396h18.828v1.5H1.001v-1.5z"/></svg>
785
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 6 10"><path d="M4.293 5L.646 1.354l.708-.708L5.707 5 1.354 9.354l-.708-.708L4.293 5z" fill="currentColor"/></svg>
786
        </button>
787
      </div>
788
    </div><div class="featured-collections__wrapper" data-featured-collections-wrapper><div class="featured-collections__panel featured-collections__panel--active featured-collections__panel--visible"
789
        role="tabpanel"
790
        id="featured-collections-0-tab-panel"
791
        aria-labelledby="featured-collections-0-tab"
792
        data-featured-collections-tab-panel
793
        data-collection-title="Fresh Meals"
794
795
796
        >
797
        <noscript>
798
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Fresh Meals</span>
799
              <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></h2>
800
        </noscript>
801
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
802
803
<div class="product-card product-card--list" data-product-card data-product-id="4352759365654" tabindex="-1"><a class="full-width-link" href="/products/spinach-lasagna" data-product-card-link>
804
      <span class="visually-hidden">Lasagna</span>
805
    </a><div class="product-card__quantity"
806
    data-label-single="There is one Lasagna in your cart"
807
    data-label-multi="There are [quantity] Lasagna in your cart"
808
    data-quantity-indicator="4352759365654">
809
    <span aria-hidden="true" data-quantity-number></span>
810
    <span class="visually-hidden" data-quantity-label></span>
811
  </div>
812
​
813
  <div class="product-card__link">
814
    <div class="product-card__image-wrapper">
815
816
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_90x.jpg?v=1589312197 90w,
817
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_180x.jpg?v=1589312197 180w,
818
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x.jpg?v=1589312197 110w,
819
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_220x.jpg?v=1589312197 220w,"
820
          sizes="(min-width: 750px) 110px, 90px"
821
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x110.jpg?v=1589312197"
822
          width="3492"
823
          height="4656"
824
          loading="lazy"
825
          class="product-card__image"
826
          alt="Lasagna"></div>
827
    <div class="product-card__content">
828
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Lasagna</span><div class="product-card__image-wrapper">
829
830
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_90x.jpg?v=1589312197 90w,
831
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_180x.jpg?v=1589312197 180w,
832
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x.jpg?v=1589312197 110w,
833
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_220x.jpg?v=1589312197 220w,"
834
          sizes="(min-width: 750px) 110px, 90px"
835
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x110.jpg?v=1589312197"
836
          width="3492"
837
          height="4656"
838
          loading="lazy"
839
          class="product-card__image"
840
          alt="Lasagna"></div>
841
      </div><div class="product-card__price-wrapper">
842
843
<dl class="price price--listing"
844
><div class="price__regular">
845
    <dt>
846
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
847
    </dt>
848
    <dd>
849
      <span class="price-item price-item--regular">$19.00
850
</span>
851
    </dd>
852
  </div>
853
  <div class="price__sale">
854
    <div class="price__compare">
855
      <dt>
856
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
857
      </dt>
858
      <dd>
859
        <s class="price-item price-item--regular">
860
861
        </s>
862
      </dd>
863
    </div>
864
    <dt>
865
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
866
    </dt>
867
    <dd>
868
      <span class="price-item price-item--sale">$19.00
869
</span>
870
    </dd>
871
  </div>
872
  <span class="price__badge price__badge--sale" aria-hidden="true">
873
    <span>Sale</span>
874
  </span>
875
  <span class="price__badge price__badge--sold-out">
876
    <span>Sold Out</span>
877
  </span>
878
  <div class="price__unit">
879
    <dt>
880
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
881
    </dt>
882
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
883
  </div>
884
</dl>
885
​
886
887
<dl class="price
888
889
890
891
   price--listing price--variants"
892
  data-price
893
>
894
​
895
896
<div class="price__pricing-group">
897
    <div class="price__regular">
898
      <dt>
899
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
900
      </dt>
901
      <dd>
902
        <span class="price-item price-item--regular" data-regular-price>
903
          $19.00
904
        </span>
905
      </dd>
906
    </div>
907
    <div class="price__sale">
908
      <dt>
909
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
910
      </dt>
911
      <dd>
912
        <s class="price-item price-item--regular" data-regular-price>
913
914
        </s>
915
      </dd>
916
      <dt>
917
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
918
      </dt>
919
      <dd>
920
        <span class="price-item price-item--sale" data-sale-price>
921
          $19.00
922
        </span>
923
      </dd>
924
    </div>
925
    <div class="price__badges">
926
      <span class="price__badge price__badge--sale" aria-hidden="true">
927
        <span>Sale</span>
928
      </span>
929
    </div>
930
  </div>
931
  <div class="price__unit">
932
    <dt>
933
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
934
    </dt>
935
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
936
  </div>
937
</dl>
938
​
939
        <a href="/products/spinach-lasagna" class="rte product-card__view-details" data-product-card-link>
940
          View details
941
        </a>
942
      </div>
943
      <div class="product-card__description-wrapper" aria-hidden="true">
944
        <p class="product-card__description">Spinach pasta, tomato sauce, fresh mozzarella, fresh basil.
945
​
946
This is a demonstration store.</p>
947
      </div></div>
948
  </div>
949
</div>
950
​
951
            </li><li class="featured-collections__item" data-view-more-item>
952
953
<div class="product-card product-card--list" data-product-card data-product-id="4352759234582" tabindex="-1"><a class="full-width-link" href="/products/vegan-tomato-bolognese" data-product-card-link>
954
      <span class="visually-hidden">Pappardelle</span>
955
    </a><div class="product-card__quantity"
956
    data-label-single="There is one Pappardelle in your cart"
957
    data-label-multi="There are [quantity] Pappardelle in your cart"
958
    data-quantity-indicator="4352759234582">
959
    <span aria-hidden="true" data-quantity-number></span>
960
    <span class="visually-hidden" data-quantity-label></span>
961
  </div>
962
​
963
  <div class="product-card__link">
964
    <div class="product-card__image-wrapper">
965
966
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_90x.jpg?v=1589334386 90w,
967
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_180x.jpg?v=1589334386 180w,
968
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x.jpg?v=1589334386 110w,
969
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_220x.jpg?v=1589334386 220w,"
970
          sizes="(min-width: 750px) 110px, 90px"
971
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x110.jpg?v=1589334386"
972
          width="3373"
973
          height="3373"
974
          loading="lazy"
975
          class="product-card__image"
976
          alt="Pappardelle"></div>
977
    <div class="product-card__content">
978
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Pappardelle</span><div class="product-card__image-wrapper">
979
980
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_90x.jpg?v=1589334386 90w,
981
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_180x.jpg?v=1589334386 180w,
982
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x.jpg?v=1589334386 110w,
983
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_220x.jpg?v=1589334386 220w,"
984
          sizes="(min-width: 750px) 110px, 90px"
985
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x110.jpg?v=1589334386"
986
          width="3373"
987
          height="3373"
988
          loading="lazy"
989
          class="product-card__image"
990
          alt="Pappardelle"></div>
991
      </div><div class="product-card__price-wrapper">
992
993
<dl class="price price--listing"
994
><div class="price__regular">
995
    <dt>
996
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
997
    </dt>
998
    <dd>
999
      <span class="price-item price-item--regular">$23.00
1000
</span>
1001
    </dd>
1002
  </div>
1003
  <div class="price__sale">
1004
    <div class="price__compare">
1005
      <dt>
1006
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1007
      </dt>
1008
      <dd>
1009
        <s class="price-item price-item--regular">
1010
1011
        </s>
1012
      </dd>
1013
    </div>
1014
    <dt>
1015
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
1016
    </dt>
1017
    <dd>
1018
      <span class="price-item price-item--sale">$23.00
1019
</span>
1020
    </dd>
1021
  </div>
1022
  <span class="price__badge price__badge--sale" aria-hidden="true">
1023
    <span>Sale</span>
1024
  </span>
1025
  <span class="price__badge price__badge--sold-out">
1026
    <span>Sold Out</span>
1027
  </span>
1028
  <div class="price__unit">
1029
    <dt>
1030
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1031
    </dt>
1032
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
1033
  </div>
1034
</dl>
1035
​
1036
1037
<dl class="price
1038
1039
1040
1041
   price--listing price--variants"
1042
  data-price
1043
>
1044
​
1045
1046
<div class="price__pricing-group">
1047
    <div class="price__regular">
1048
      <dt>
1049
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1050
      </dt>
1051
      <dd>
1052
        <span class="price-item price-item--regular" data-regular-price>
1053
          $23.00
1054
        </span>
1055
      </dd>
1056
    </div>
1057
    <div class="price__sale">
1058
      <dt>
1059
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1060
      </dt>
1061
      <dd>
1062
        <s class="price-item price-item--regular" data-regular-price>
1063
1064
        </s>
1065
      </dd>
1066
      <dt>
1067
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
1068
      </dt>
1069
      <dd>
1070
        <span class="price-item price-item--sale" data-sale-price>
1071
          $23.00
1072
        </span>
1073
      </dd>
1074
    </div>
1075
    <div class="price__badges">
1076
      <span class="price__badge price__badge--sale" aria-hidden="true">
1077
        <span>Sale</span>
1078
      </span>
1079
    </div>
1080
  </div>
1081
  <div class="price__unit">
1082
    <dt>
1083
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1084
    </dt>
1085
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
1086
  </div>
1087
</dl>
1088
​
1089
        <a href="/products/vegan-tomato-bolognese" class="rte product-card__view-details" data-product-card-link>
1090
          View details
1091
        </a>
1092
      </div>
1093
      <div class="product-card__description-wrapper" aria-hidden="true">
1094
        <p class="product-card__description">Fresh pappardelle, tomato sauce, soy-based vegan bolognese, fresh basil.
1095
 
1096
​
1097
This is a demonstration store.</p>
1098
      </div></div>
1099
  </div>
1100
</div>
1101
​
1102
            </li><li class="featured-collections__item" data-view-more-item>
1103
1104
<div class="product-card product-card--list" data-product-card data-product-id="4352759005206" tabindex="-1"><a class="full-width-link" href="/products/tomato-gnocchi" data-product-card-link>
1105
      <span class="visually-hidden">Gnocchi Verde</span>
1106
    </a><div class="product-card__quantity"
1107
    data-label-single="There is one Gnocchi Verde in your cart"
1108
    data-label-multi="There are [quantity] Gnocchi Verde in your cart"
1109
    data-quantity-indicator="4352759005206">
1110
    <span aria-hidden="true" data-quantity-number></span>
1111
    <span class="visually-hidden" data-quantity-label></span>
1112
  </div>
1113
​
1114
  <div class="product-card__link">
1115
    <div class="product-card__image-wrapper">
1116
1117
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_90x.png?v=1589334449 90w,
1118
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_180x.png?v=1589334449 180w,
1119
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x.png?v=1589334449 110w,
1120
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_220x.png?v=1589334449 220w,"
1121
          sizes="(min-width: 750px) 110px, 90px"
1122
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x110.png?v=1589334449"
1123
          width="1600"
1124
          height="1432"
1125
          loading="lazy"
1126
          class="product-card__image"
1127
          alt="Gnocchi Verde"></div>
1128
    <div class="product-card__content">
1129
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Gnocchi Verde</span><div class="product-card__image-wrapper">
1130
1131
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_90x.png?v=1589334449 90w,
1132
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_180x.png?v=1589334449 180w,
1133
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x.png?v=1589334449 110w,
1134
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_220x.png?v=1589334449 220w,"
1135
          sizes="(min-width: 750px) 110px, 90px"
1136
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x110.png?v=1589334449"
1137
          width="1600"
1138
          height="1432"
1139
          loading="lazy"
1140
          class="product-card__image"
1141
          alt="Gnocchi Verde"></div>
1142
      </div><div class="product-card__price-wrapper">
1143
1144
<dl class="price price--listing"
1145
><div class="price__regular">
1146
    <dt>
1147
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1148
    </dt>
1149
    <dd>
1150
      <span class="price-item price-item--regular">$18.00
1151
</span>
1152
    </dd>
1153
  </div>
1154
  <div class="price__sale">
1155
    <div class="price__compare">
1156
      <dt>
1157
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1158
      </dt>
1159
      <dd>
1160
        <s class="price-item price-item--regular">
1161
1162
        </s>
1163
      </dd>
1164
    </div>
1165
    <dt>
1166
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
1167
    </dt>
1168
    <dd>
1169
      <span class="price-item price-item--sale">$18.00
1170
</span>
1171
    </dd>
1172
  </div>
1173
  <span class="price__badge price__badge--sale" aria-hidden="true">
1174
    <span>Sale</span>
1175
  </span>
1176
  <span class="price__badge price__badge--sold-out">
1177
    <span>Sold Out</span>
1178
  </span>
1179
  <div class="price__unit">
1180
    <dt>
1181
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1182
    </dt>
1183
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
1184
  </div>
1185
</dl>
1186
​
1187
1188
<dl class="price
1189
1190
1191
1192
   price--listing price--variants"
1193
  data-price
1194
>
1195
​
1196
1197
<div class="price__pricing-group">
1198
    <div class="price__regular">
1199
      <dt>
1200
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1201
      </dt>
1202
      <dd>
1203
        <span class="price-item price-item--regular" data-regular-price>
1204
          $18.00
1205
        </span>
1206
      </dd>
1207
    </div>
1208
    <div class="price__sale">
1209
      <dt>
1210
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1211
      </dt>
1212
      <dd>
1213
        <s class="price-item price-item--regular" data-regular-price>
1214
1215
        </s>
1216
      </dd>
1217
      <dt>
1218
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
1219
      </dt>
1220
      <dd>
1221
        <span class="price-item price-item--sale" data-sale-price>
1222
          $18.00
1223
        </span>
1224
      </dd>
1225
    </div>
1226
    <div class="price__badges">
1227
      <span class="price__badge price__badge--sale" aria-hidden="true">
1228
        <span>Sale</span>
1229
      </span>
1230
    </div>
1231
  </div>
1232
  <div class="price__unit">
1233
    <dt>
1234
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1235
    </dt>
1236
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
1237
  </div>
1238
</dl>
1239
​
1240
        <a href="/products/tomato-gnocchi" class="rte product-card__view-details" data-product-card-link>
1241
          View details
1242
        </a>
1243
      </div>
1244
      <div class="product-card__description-wrapper" aria-hidden="true">
1245
        <p class="product-card__description">Handmade potato gnocchi, pork fennel sausages, pesto, fresh basil.
1246
​
1247
This is a demonstration store.</p>
1248
      </div></div>
1249
  </div>
1250
</div>
1251
​
1252
            </li><li class="featured-collections__item" data-view-more-item>
1253
1254
<div class="product-card product-card--list" data-product-card data-product-id="4352758939670" tabindex="-1"><a class="full-width-link" href="/products/carbonara" data-product-card-link>
1255
      <span class="visually-hidden">Carbonara Bucatini</span>
1256
    </a><div class="product-card__quantity"
1257
    data-label-single="There is one Carbonara Bucatini in your cart"
1258
    data-label-multi="There are [quantity] Carbonara Bucatini in your cart"
1259
    data-quantity-indicator="4352758939670">
1260
    <span aria-hidden="true" data-quantity-number></span>
1261
    <span class="visually-hidden" data-quantity-label></span>
1262
  </div>
1263
​
1264
  <div class="product-card__link">
1265
    <div class="product-card__image-wrapper">
1266
1267
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_90x.png?v=1588959544 90w,
1268
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_180x.png?v=1588959544 180w,
1269
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x.png?v=1588959544 110w,
1270
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_220x.png?v=1588959544 220w,"
1271
          sizes="(min-width: 750px) 110px, 90px"
1272
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x110.png?v=1588959544"
1273
          width="698"
1274
          height="730"
1275
          loading="lazy"
1276
          class="product-card__image"
1277
          alt="Carbonara Bucatini"></div>
1278
    <div class="product-card__content">
1279
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Carbonara Bucatini</span><div class="product-card__image-wrapper">
1280
1281
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_90x.png?v=1588959544 90w,
1282
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_180x.png?v=1588959544 180w,
1283
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x.png?v=1588959544 110w,
1284
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_220x.png?v=1588959544 220w,"
1285
          sizes="(min-width: 750px) 110px, 90px"
1286
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x110.png?v=1588959544"
1287
          width="698"
1288
          height="730"
1289
          loading="lazy"
1290
          class="product-card__image"
1291
          alt="Carbonara Bucatini"></div>
1292
      </div><div class="product-card__price-wrapper">
1293
1294
<dl class="price price--listing"
1295
><div class="price__regular">
1296
    <dt>
1297
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1298
    </dt>
1299
    <dd>
1300
      <span class="price-item price-item--regular">$22.00
1301
</span>
1302
    </dd>
1303
  </div>
1304
  <div class="price__sale">
1305
    <div class="price__compare">
1306
      <dt>
1307
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1308
      </dt>
1309
      <dd>
1310
        <s class="price-item price-item--regular">
1311
1312
        </s>
1313
      </dd>
1314
    </div>
1315
    <dt>
1316
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
1317
    </dt>
1318
    <dd>
1319
      <span class="price-item price-item--sale">$22.00
1320
</span>
1321
    </dd>
1322
  </div>
1323
  <span class="price__badge price__badge--sale" aria-hidden="true">
1324
    <span>Sale</span>
1325
  </span>
1326
  <span class="price__badge price__badge--sold-out">
1327
    <span>Sold Out</span>
1328
  </span>
1329
  <div class="price__unit">
1330
    <dt>
1331
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1332
    </dt>
1333
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
1334
  </div>
1335
</dl>
1336
​
1337
1338
<dl class="price
1339
1340
1341
1342
   price--listing price--variants"
1343
  data-price
1344
>
1345
​
1346
1347
<div class="price__pricing-group">
1348
    <div class="price__regular">
1349
      <dt>
1350
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1351
      </dt>
1352
      <dd>
1353
        <span class="price-item price-item--regular" data-regular-price>
1354
          $22.00
1355
        </span>
1356
      </dd>
1357
    </div>
1358
    <div class="price__sale">
1359
      <dt>
1360
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1361
      </dt>
1362
      <dd>
1363
        <s class="price-item price-item--regular" data-regular-price>
1364
1365
        </s>
1366
      </dd>
1367
      <dt>
1368
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
1369
      </dt>
1370
      <dd>
1371
        <span class="price-item price-item--sale" data-sale-price>
1372
          $22.00
1373
        </span>
1374
      </dd>
1375
    </div>
1376
    <div class="price__badges">
1377
      <span class="price__badge price__badge--sale" aria-hidden="true">
1378
        <span>Sale</span>
1379
      </span>
1380
    </div>
1381
  </div>
1382
  <div class="price__unit">
1383
    <dt>
1384
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1385
    </dt>
1386
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
1387
  </div>
1388
</dl>
1389
​
1390
        <a href="/products/carbonara" class="rte product-card__view-details" data-product-card-link>
1391
          View details
1392
        </a>
1393
      </div>
1394
      <div class="product-card__description-wrapper" aria-hidden="true">
1395
        <p class="product-card__description">
1396
​
1397
​
1398
Wine cream, smoked bacon, chives, garlic, black pepper, soft egg, parmesan.
1399
​
1400
​
1401
​
1402
​
1403
​
1404
​
1405
​
1406
​
1407
​
1408
This is a demonstration store.
1409
</p>
1410
      </div></div>
1411
  </div>
1412
</div>
1413
​
1414
            </li><li class="featured-collections__item" data-view-more-item>
1415
1416
<div class="product-card product-card--list" data-product-card data-product-id="4352758743062" tabindex="-1"><a class="full-width-link" href="/products/leos-bolognese" data-product-card-link>
1417
      <span class="visually-hidden">Bolognese</span>
1418
    </a><div class="product-card__quantity"
1419
    data-label-single="There is one Bolognese in your cart"
1420
    data-label-multi="There are [quantity] Bolognese in your cart"
1421
    data-quantity-indicator="4352758743062">
1422
    <span aria-hidden="true" data-quantity-number></span>
1423
    <span class="visually-hidden" data-quantity-label></span>
1424
  </div>
1425
​
1426
  <div class="product-card__link">
1427
    <div class="product-card__image-wrapper">
1428
1429
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_90x.png?v=1588959691 90w,
1430
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_180x.png?v=1588959691 180w,
1431
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x.png?v=1588959691 110w,
1432
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_220x.png?v=1588959691 220w,"
1433
          sizes="(min-width: 750px) 110px, 90px"
1434
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x110.png?v=1588959691"
1435
          width="622"
1436
          height="730"
1437
          loading="lazy"
1438
          class="product-card__image"
1439
          alt="Bolognese"></div>
1440
    <div class="product-card__content">
1441
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Bolognese</span><div class="product-card__image-wrapper">
1442
1443
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_90x.png?v=1588959691 90w,
1444
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_180x.png?v=1588959691 180w,
1445
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x.png?v=1588959691 110w,
1446
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_220x.png?v=1588959691 220w,"
1447
          sizes="(min-width: 750px) 110px, 90px"
1448
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x110.png?v=1588959691"
1449
          width="622"
1450
          height="730"
1451
          loading="lazy"
1452
          class="product-card__image"
1453
          alt="Bolognese"></div>
1454
      </div><div class="product-card__price-wrapper">
1455
1456
<dl class="price price--listing"
1457
><div class="price__regular">
1458
    <dt>
1459
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1460
    </dt>
1461
    <dd>
1462
      <span class="price-item price-item--regular">$21.00
1463
</span>
1464
    </dd>
1465
  </div>
1466
  <div class="price__sale">
1467
    <div class="price__compare">
1468
      <dt>
1469
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1470
      </dt>
1471
      <dd>
1472
        <s class="price-item price-item--regular">
1473
1474
        </s>
1475
      </dd>
1476
    </div>
1477
    <dt>
1478
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
1479
    </dt>
1480
    <dd>
1481
      <span class="price-item price-item--sale">$21.00
1482
</span>
1483
    </dd>
1484
  </div>
1485
  <span class="price__badge price__badge--sale" aria-hidden="true">
1486
    <span>Sale</span>
1487
  </span>
1488
  <span class="price__badge price__badge--sold-out">
1489
    <span>Sold Out</span>
1490
  </span>
1491
  <div class="price__unit">
1492
    <dt>
1493
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1494
    </dt>
1495
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
1496
  </div>
1497
</dl>
1498
​
1499
1500
<dl class="price
1501
1502
1503
1504
   price--listing price--variants"
1505
  data-price
1506
>
1507
​
1508
1509
<div class="price__pricing-group">
1510
    <div class="price__regular">
1511
      <dt>
1512
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1513
      </dt>
1514
      <dd>
1515
        <span class="price-item price-item--regular" data-regular-price>
1516
          $21.00
1517
        </span>
1518
      </dd>
1519
    </div>
1520
    <div class="price__sale">
1521
      <dt>
1522
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1523
      </dt>
1524
      <dd>
1525
        <s class="price-item price-item--regular" data-regular-price>
1526
1527
        </s>
1528
      </dd>
1529
      <dt>
1530
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
1531
      </dt>
1532
      <dd>
1533
        <span class="price-item price-item--sale" data-sale-price>
1534
          $21.00
1535
        </span>
1536
      </dd>
1537
    </div>
1538
    <div class="price__badges">
1539
      <span class="price__badge price__badge--sale" aria-hidden="true">
1540
        <span>Sale</span>
1541
      </span>
1542
    </div>
1543
  </div>
1544
  <div class="price__unit">
1545
    <dt>
1546
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1547
    </dt>
1548
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
1549
  </div>
1550
</dl>
1551
​
1552
        <a href="/products/leos-bolognese" class="rte product-card__view-details" data-product-card-link>
1553
          View details
1554
        </a>
1555
      </div>
1556
      <div class="product-card__description-wrapper" aria-hidden="true">
1557
        <p class="product-card__description">Tagliatelle, organic angus beef, fennel sausage, bacon, tomato sauce, ricotta, parmesan, basil oil.
1558
 
1559
​
1560
This is a demo...</p>
1561
      </div></div>
1562
  </div>
1563
</div>
1564
​
1565
            </li><li class="featured-collections__item" data-view-more-item>
1566
1567
<div class="product-card product-card--list" data-product-card data-product-id="4352758710294" tabindex="-1"><a class="full-width-link" href="/products/classic-ricotta-ravioli" data-product-card-link>
1568
      <span class="visually-hidden">Classic Ricotta Ravioli</span>
1569
    </a><div class="product-card__quantity"
1570
    data-label-single="There is one Classic Ricotta Ravioli in your cart"
1571
    data-label-multi="There are [quantity] Classic Ricotta Ravioli in your cart"
1572
    data-quantity-indicator="4352758710294">
1573
    <span aria-hidden="true" data-quantity-number></span>
1574
    <span class="visually-hidden" data-quantity-label></span>
1575
  </div>
1576
​
1577
  <div class="product-card__link">
1578
    <div class="product-card__image-wrapper">
1579
1580
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_90x.png?v=1589334565 90w,
1581
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_180x.png?v=1589334565 180w,
1582
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x.png?v=1589334565 110w,
1583
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_220x.png?v=1589334565 220w,"
1584
          sizes="(min-width: 750px) 110px, 90px"
1585
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x110.png?v=1589334565"
1586
          width="1432"
1587
          height="1340"
1588
          loading="lazy"
1589
          class="product-card__image"
1590
          alt="Classic Ricotta Ravioli"></div>
1591
    <div class="product-card__content">
1592
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Classic Ricotta Ravioli</span><div class="product-card__image-wrapper">
1593
1594
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_90x.png?v=1589334565 90w,
1595
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_180x.png?v=1589334565 180w,
1596
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x.png?v=1589334565 110w,
1597
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_220x.png?v=1589334565 220w,"
1598
          sizes="(min-width: 750px) 110px, 90px"
1599
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x110.png?v=1589334565"
1600
          width="1432"
1601
          height="1340"
1602
          loading="lazy"
1603
          class="product-card__image"
1604
          alt="Classic Ricotta Ravioli"></div>
1605
      </div><div class="product-card__price-wrapper">
1606
1607
<dl class="price price--listing"
1608
><div class="price__regular">
1609
    <dt>
1610
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1611
    </dt>
1612
    <dd>
1613
      <span class="price-item price-item--regular">$18.00
1614
</span>
1615
    </dd>
1616
  </div>
1617
  <div class="price__sale">
1618
    <div class="price__compare">
1619
      <dt>
1620
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1621
      </dt>
1622
      <dd>
1623
        <s class="price-item price-item--regular">
1624
          $12.00
1625
        </s>
1626
      </dd>
1627
    </div>
1628
    <dt>
1629
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
1630
    </dt>
1631
    <dd>
1632
      <span class="price-item price-item--sale">$18.00
1633
</span>
1634
    </dd>
1635
  </div>
1636
  <span class="price__badge price__badge--sale" aria-hidden="true">
1637
    <span>Sale</span>
1638
  </span>
1639
  <span class="price__badge price__badge--sold-out">
1640
    <span>Sold Out</span>
1641
  </span>
1642
  <div class="price__unit">
1643
    <dt>
1644
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1645
    </dt>
1646
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
1647
  </div>
1648
</dl>
1649
​
1650
1651
<dl class="price
1652
1653
1654
1655
   price--listing price--variants"
1656
  data-price
1657
>
1658
​
1659
1660
<div class="price__pricing-group">
1661
    <div class="price__regular">
1662
      <dt>
1663
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1664
      </dt>
1665
      <dd>
1666
        <span class="price-item price-item--regular" data-regular-price>
1667
          $18.00
1668
        </span>
1669
      </dd>
1670
    </div>
1671
    <div class="price__sale">
1672
      <dt>
1673
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1674
      </dt>
1675
      <dd>
1676
        <s class="price-item price-item--regular" data-regular-price>
1677
          $12.00
1678
        </s>
1679
      </dd>
1680
      <dt>
1681
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
1682
      </dt>
1683
      <dd>
1684
        <span class="price-item price-item--sale" data-sale-price>
1685
          $18.00
1686
        </span>
1687
      </dd>
1688
    </div>
1689
    <div class="price__badges">
1690
      <span class="price__badge price__badge--sale" aria-hidden="true">
1691
        <span>Sale</span>
1692
      </span>
1693
    </div>
1694
  </div>
1695
  <div class="price__unit">
1696
    <dt>
1697
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1698
    </dt>
1699
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
1700
  </div>
1701
</dl>
1702
​
1703
        <a href="/products/classic-ricotta-ravioli" class="rte product-card__view-details" data-product-card-link>
1704
          View details
1705
        </a>
1706
      </div>
1707
      <div class="product-card__description-wrapper" aria-hidden="true">
1708
        <p class="product-card__description">Handmade pasta, ricotta, tomato sauce, and fresh basil.
1709
​
1710
​
1711
This is a demonstration store.</p>
1712
      </div></div>
1713
  </div>
1714
</div>
1715
​
1716
            </li></ul></div><div class="featured-collections__panel"
1717
        role="tabpanel"
1718
        id="featured-collections-1-tab-panel"
1719
        aria-labelledby="featured-collections-1-tab"
1720
        data-featured-collections-tab-panel
1721
        data-collection-title="Pasta"
1722
1723
           data-view-more="true"
1724
        >
1725
        <noscript>
1726
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Pasta</span>
1727
              <sup class="featured-collections__product-count">16<span class="visually-hidden"> products</span></sup></h2>
1728
        </noscript>
1729
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
1730
1731
<div class="product-card product-card--list" data-product-card data-product-id="4353754824726" tabindex="-1"><a class="full-width-link" href="/products/medaglie" data-product-card-link>
1732
      <span class="visually-hidden">Medaglie</span>
1733
    </a><div class="product-card__quantity"
1734
    data-label-single="There is one Medaglie in your cart"
1735
    data-label-multi="There are [quantity] Medaglie in your cart"
1736
    data-quantity-indicator="4353754824726">
1737
    <span aria-hidden="true" data-quantity-number></span>
1738
    <span class="visually-hidden" data-quantity-label></span>
1739
  </div>
1740
​
1741
  <div class="product-card__link">
1742
    <div class="product-card__image-wrapper">
1743
1744
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_90x.png?v=1589410528 90w,
1745
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_180x.png?v=1589410528 180w,
1746
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x.png?v=1589410528 110w,
1747
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_220x.png?v=1589410528 220w,"
1748
          sizes="(min-width: 750px) 110px, 90px"
1749
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x110.png?v=1589410528"
1750
          width="330"
1751
          height="284"
1752
          loading="lazy"
1753
          class="product-card__image"
1754
          alt="Medaglie"></div>
1755
    <div class="product-card__content">
1756
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Medaglie</span><div class="product-card__image-wrapper">
1757
1758
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_90x.png?v=1589410528 90w,
1759
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_180x.png?v=1589410528 180w,
1760
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x.png?v=1589410528 110w,
1761
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_220x.png?v=1589410528 220w,"
1762
          sizes="(min-width: 750px) 110px, 90px"
1763
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x110.png?v=1589410528"
1764
          width="330"
1765
          height="284"
1766
          loading="lazy"
1767
          class="product-card__image"
1768
          alt="Medaglie"></div>
1769
      </div><div class="product-card__price-wrapper">
1770
1771
<dl class="price price--listing"
1772
><div class="price__regular">
1773
    <dt>
1774
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1775
    </dt>
1776
    <dd>
1777
      <span class="price-item price-item--regular">$9.00
1778
</span>
1779
    </dd>
1780
  </div>
1781
  <div class="price__sale">
1782
    <div class="price__compare">
1783
      <dt>
1784
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1785
      </dt>
1786
      <dd>
1787
        <s class="price-item price-item--regular">
1788
1789
        </s>
1790
      </dd>
1791
    </div>
1792
    <dt>
1793
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
1794
    </dt>
1795
    <dd>
1796
      <span class="price-item price-item--sale">$9.00
1797
</span>
1798
    </dd>
1799
  </div>
1800
  <span class="price__badge price__badge--sale" aria-hidden="true">
1801
    <span>Sale</span>
1802
  </span>
1803
  <span class="price__badge price__badge--sold-out">
1804
    <span>Sold Out</span>
1805
  </span>
1806
  <div class="price__unit">
1807
    <dt>
1808
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1809
    </dt>
1810
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
1811
  </div>
1812
</dl>
1813
​
1814
1815
<dl class="price
1816
1817
1818
1819
   price--listing price--variants"
1820
  data-price
1821
>
1822
​
1823
1824
<div class="price__pricing-group">
1825
    <div class="price__regular">
1826
      <dt>
1827
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1828
      </dt>
1829
      <dd>
1830
        <span class="price-item price-item--regular" data-regular-price>
1831
          $9.00
1832
        </span>
1833
      </dd>
1834
    </div>
1835
    <div class="price__sale">
1836
      <dt>
1837
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1838
      </dt>
1839
      <dd>
1840
        <s class="price-item price-item--regular" data-regular-price>
1841
1842
        </s>
1843
      </dd>
1844
      <dt>
1845
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
1846
      </dt>
1847
      <dd>
1848
        <span class="price-item price-item--sale" data-sale-price>
1849
          $9.00
1850
        </span>
1851
      </dd>
1852
    </div>
1853
    <div class="price__badges">
1854
      <span class="price__badge price__badge--sale" aria-hidden="true">
1855
        <span>Sale</span>
1856
      </span>
1857
    </div>
1858
  </div>
1859
  <div class="price__unit">
1860
    <dt>
1861
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1862
    </dt>
1863
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
1864
  </div>
1865
</dl>
1866
​
1867
        <a href="/products/medaglie" class="rte product-card__view-details" data-product-card-link>
1868
          View details
1869
        </a>
1870
      </div>
1871
      <div class="product-card__description-wrapper" aria-hidden="true">
1872
        <p class="product-card__description">
1873
A versatile stamped pasta shape that can add quite a bit of beauty to a modern or traditional plate. Our medaglie ar...</p>
1874
      </div></div>
1875
  </div>
1876
</div>
1877
​
1878
            </li><li class="featured-collections__item" data-view-more-item>
1879
1880
<div class="product-card product-card--list" data-product-card data-product-id="4353750630422" tabindex="-1"><a class="full-width-link" href="/products/cappellacci" data-product-card-link>
1881
      <span class="visually-hidden">Cappellacci</span>
1882
    </a><div class="product-card__quantity"
1883
    data-label-single="There is one Cappellacci in your cart"
1884
    data-label-multi="There are [quantity] Cappellacci in your cart"
1885
    data-quantity-indicator="4353750630422">
1886
    <span aria-hidden="true" data-quantity-number></span>
1887
    <span class="visually-hidden" data-quantity-label></span>
1888
  </div>
1889
​
1890
  <div class="product-card__link">
1891
    <div class="product-card__image-wrapper">
1892
1893
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_90x.png?v=1589410363 90w,
1894
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_180x.png?v=1589410363 180w,
1895
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x.png?v=1589410363 110w,
1896
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_220x.png?v=1589410363 220w,"
1897
          sizes="(min-width: 750px) 110px, 90px"
1898
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x110.png?v=1589410363"
1899
          width="330"
1900
          height="284"
1901
          loading="lazy"
1902
          class="product-card__image"
1903
          alt="Cappellacci"></div>
1904
    <div class="product-card__content">
1905
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Cappellacci</span><div class="product-card__image-wrapper">
1906
1907
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_90x.png?v=1589410363 90w,
1908
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_180x.png?v=1589410363 180w,
1909
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x.png?v=1589410363 110w,
1910
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_220x.png?v=1589410363 220w,"
1911
          sizes="(min-width: 750px) 110px, 90px"
1912
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x110.png?v=1589410363"
1913
          width="330"
1914
          height="284"
1915
          loading="lazy"
1916
          class="product-card__image"
1917
          alt="Cappellacci"></div>
1918
      </div><div class="product-card__price-wrapper">
1919
1920
<dl class="price price--listing"
1921
><div class="price__regular">
1922
    <dt>
1923
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
1924
    </dt>
1925
    <dd>
1926
      <span class="price-item price-item--regular">$9.00
1927
</span>
1928
    </dd>
1929
  </div>
1930
  <div class="price__sale">
1931
    <div class="price__compare">
1932
      <dt>
1933
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1934
      </dt>
1935
      <dd>
1936
        <s class="price-item price-item--regular">
1937
1938
        </s>
1939
      </dd>
1940
    </div>
1941
    <dt>
1942
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
1943
    </dt>
1944
    <dd>
1945
      <span class="price-item price-item--sale">$9.00
1946
</span>
1947
    </dd>
1948
  </div>
1949
  <span class="price__badge price__badge--sale" aria-hidden="true">
1950
    <span>Sale</span>
1951
  </span>
1952
  <span class="price__badge price__badge--sold-out">
1953
    <span>Sold Out</span>
1954
  </span>
1955
  <div class="price__unit">
1956
    <dt>
1957
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
1958
    </dt>
1959
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
1960
  </div>
1961
</dl>
1962
​
1963
1964
<dl class="price
1965
1966
1967
1968
   price--listing price--variants"
1969
  data-price
1970
>
1971
​
1972
1973
<div class="price__pricing-group">
1974
    <div class="price__regular">
1975
      <dt>
1976
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1977
      </dt>
1978
      <dd>
1979
        <span class="price-item price-item--regular" data-regular-price>
1980
          $9.00
1981
        </span>
1982
      </dd>
1983
    </div>
1984
    <div class="price__sale">
1985
      <dt>
1986
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
1987
      </dt>
1988
      <dd>
1989
        <s class="price-item price-item--regular" data-regular-price>
1990
1991
        </s>
1992
      </dd>
1993
      <dt>
1994
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
1995
      </dt>
1996
      <dd>
1997
        <span class="price-item price-item--sale" data-sale-price>
1998
          $9.00
1999
        </span>
2000
      </dd>
2001
    </div>
2002
    <div class="price__badges">
2003
      <span class="price__badge price__badge--sale" aria-hidden="true">
2004
        <span>Sale</span>
2005
      </span>
2006
    </div>
2007
  </div>
2008
  <div class="price__unit">
2009
    <dt>
2010
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2011
    </dt>
2012
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
2013
  </div>
2014
</dl>
2015
​
2016
        <a href="/products/cappellacci" class="rte product-card__view-details" data-product-card-link>
2017
          View details
2018
        </a>
2019
      </div>
2020
      <div class="product-card__description-wrapper" aria-hidden="true">
2021
        <p class="product-card__description">
2022
Some say they resemble the straw headwear once worn by farmers in the Pianura Padana, while others believe the name ...</p>
2023
      </div></div>
2024
  </div>
2025
</div>
2026
​
2027
            </li><li class="featured-collections__item" data-view-more-item>
2028
2029
<div class="product-card product-card--list" data-product-card data-product-id="4352760807446" tabindex="-1"><a class="full-width-link" href="/products/rigatoni" data-product-card-link>
2030
      <span class="visually-hidden">Rigatoni</span>
2031
    </a><div class="product-card__quantity"
2032
    data-label-single="There is one Rigatoni in your cart"
2033
    data-label-multi="There are [quantity] Rigatoni in your cart"
2034
    data-quantity-indicator="4352760807446">
2035
    <span aria-hidden="true" data-quantity-number></span>
2036
    <span class="visually-hidden" data-quantity-label></span>
2037
  </div>
2038
​
2039
  <div class="product-card__link">
2040
    <div class="product-card__image-wrapper">
2041
2042
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_90x.png?v=1588961752 90w,
2043
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_180x.png?v=1588961752 180w,
2044
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x.png?v=1588961752 110w,
2045
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_220x.png?v=1588961752 220w,"
2046
          sizes="(min-width: 750px) 110px, 90px"
2047
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x110.png?v=1588961752"
2048
          width="330"
2049
          height="284"
2050
          loading="lazy"
2051
          class="product-card__image"
2052
          alt="Rigatoni"></div>
2053
    <div class="product-card__content">
2054
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Rigatoni</span><div class="product-card__image-wrapper">
2055
2056
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_90x.png?v=1588961752 90w,
2057
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_180x.png?v=1588961752 180w,
2058
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x.png?v=1588961752 110w,
2059
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_220x.png?v=1588961752 220w,"
2060
          sizes="(min-width: 750px) 110px, 90px"
2061
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x110.png?v=1588961752"
2062
          width="330"
2063
          height="284"
2064
          loading="lazy"
2065
          class="product-card__image"
2066
          alt="Rigatoni"></div>
2067
      </div><div class="product-card__price-wrapper">
2068
2069
<dl class="price price--listing"
2070
><div class="price__regular">
2071
    <dt>
2072
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2073
    </dt>
2074
    <dd>
2075
      <span class="price-item price-item--regular">$8.00
2076
</span>
2077
    </dd>
2078
  </div>
2079
  <div class="price__sale">
2080
    <div class="price__compare">
2081
      <dt>
2082
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2083
      </dt>
2084
      <dd>
2085
        <s class="price-item price-item--regular">
2086
2087
        </s>
2088
      </dd>
2089
    </div>
2090
    <dt>
2091
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
2092
    </dt>
2093
    <dd>
2094
      <span class="price-item price-item--sale">$8.00
2095
</span>
2096
    </dd>
2097
  </div>
2098
  <span class="price__badge price__badge--sale" aria-hidden="true">
2099
    <span>Sale</span>
2100
  </span>
2101
  <span class="price__badge price__badge--sold-out">
2102
    <span>Sold Out</span>
2103
  </span>
2104
  <div class="price__unit">
2105
    <dt>
2106
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2107
    </dt>
2108
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
2109
  </div>
2110
</dl>
2111
​
2112
2113
<dl class="price
2114
2115
2116
2117
   price--listing price--variants"
2118
  data-price
2119
>
2120
​
2121
2122
<div class="price__pricing-group">
2123
    <div class="price__regular">
2124
      <dt>
2125
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2126
      </dt>
2127
      <dd>
2128
        <span class="price-item price-item--regular" data-regular-price>
2129
          $8.00
2130
        </span>
2131
      </dd>
2132
    </div>
2133
    <div class="price__sale">
2134
      <dt>
2135
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2136
      </dt>
2137
      <dd>
2138
        <s class="price-item price-item--regular" data-regular-price>
2139
2140
        </s>
2141
      </dd>
2142
      <dt>
2143
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
2144
      </dt>
2145
      <dd>
2146
        <span class="price-item price-item--sale" data-sale-price>
2147
          $8.00
2148
        </span>
2149
      </dd>
2150
    </div>
2151
    <div class="price__badges">
2152
      <span class="price__badge price__badge--sale" aria-hidden="true">
2153
        <span>Sale</span>
2154
      </span>
2155
    </div>
2156
  </div>
2157
  <div class="price__unit">
2158
    <dt>
2159
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2160
    </dt>
2161
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
2162
  </div>
2163
</dl>
2164
​
2165
        <a href="/products/rigatoni" class="rte product-card__view-details" data-product-card-link>
2166
          View details
2167
        </a>
2168
      </div>
2169
      <div class="product-card__description-wrapper" aria-hidden="true">
2170
        <p class="product-card__description">
2171
Exceptional ability to carry sauce. An absolute classic maccherone, rigatoni are a favorite for many pasta lovers. T...</p>
2172
      </div></div>
2173
  </div>
2174
</div>
2175
​
2176
            </li><li class="featured-collections__item" data-view-more-item>
2177
2178
<div class="product-card product-card--list" data-product-card data-product-id="4352760741910" tabindex="-1"><a class="full-width-link" href="/products/sfoglie" data-product-card-link>
2179
      <span class="visually-hidden">Sfoglie</span>
2180
    </a><div class="product-card__quantity"
2181
    data-label-single="There is one Sfoglie in your cart"
2182
    data-label-multi="There are [quantity] Sfoglie in your cart"
2183
    data-quantity-indicator="4352760741910">
2184
    <span aria-hidden="true" data-quantity-number></span>
2185
    <span class="visually-hidden" data-quantity-label></span>
2186
  </div>
2187
​
2188
  <div class="product-card__link">
2189
    <div class="product-card__image-wrapper">
2190
2191
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_90x.png?v=1588961660 90w,
2192
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_180x.png?v=1588961660 180w,
2193
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x.png?v=1588961660 110w,
2194
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_220x.png?v=1588961660 220w,"
2195
          sizes="(min-width: 750px) 110px, 90px"
2196
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x110.png?v=1588961660"
2197
          width="330"
2198
          height="284"
2199
          loading="lazy"
2200
          class="product-card__image"
2201
          alt="Sfoglie"></div>
2202
    <div class="product-card__content">
2203
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Sfoglie</span><div class="product-card__image-wrapper">
2204
2205
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_90x.png?v=1588961660 90w,
2206
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_180x.png?v=1588961660 180w,
2207
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x.png?v=1588961660 110w,
2208
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_220x.png?v=1588961660 220w,"
2209
          sizes="(min-width: 750px) 110px, 90px"
2210
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x110.png?v=1588961660"
2211
          width="330"
2212
          height="284"
2213
          loading="lazy"
2214
          class="product-card__image"
2215
          alt="Sfoglie"></div>
2216
      </div><div class="product-card__price-wrapper">
2217
2218
<dl class="price price--listing"
2219
><div class="price__regular">
2220
    <dt>
2221
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2222
    </dt>
2223
    <dd>
2224
      <span class="price-item price-item--regular">$16.00
2225
</span>
2226
    </dd>
2227
  </div>
2228
  <div class="price__sale">
2229
    <div class="price__compare">
2230
      <dt>
2231
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2232
      </dt>
2233
      <dd>
2234
        <s class="price-item price-item--regular">
2235
2236
        </s>
2237
      </dd>
2238
    </div>
2239
    <dt>
2240
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
2241
    </dt>
2242
    <dd>
2243
      <span class="price-item price-item--sale">$16.00
2244
</span>
2245
    </dd>
2246
  </div>
2247
  <span class="price__badge price__badge--sale" aria-hidden="true">
2248
    <span>Sale</span>
2249
  </span>
2250
  <span class="price__badge price__badge--sold-out">
2251
    <span>Sold Out</span>
2252
  </span>
2253
  <div class="price__unit">
2254
    <dt>
2255
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2256
    </dt>
2257
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
2258
  </div>
2259
</dl>
2260
​
2261
2262
<dl class="price
2263
2264
2265
2266
   price--listing price--variants"
2267
  data-price
2268
>
2269
​
2270
2271
<div class="price__pricing-group">
2272
    <div class="price__regular">
2273
      <dt>
2274
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2275
      </dt>
2276
      <dd>
2277
        <span class="price-item price-item--regular" data-regular-price>
2278
          $16.00
2279
        </span>
2280
      </dd>
2281
    </div>
2282
    <div class="price__sale">
2283
      <dt>
2284
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2285
      </dt>
2286
      <dd>
2287
        <s class="price-item price-item--regular" data-regular-price>
2288
2289
        </s>
2290
      </dd>
2291
      <dt>
2292
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
2293
      </dt>
2294
      <dd>
2295
        <span class="price-item price-item--sale" data-sale-price>
2296
          $16.00
2297
        </span>
2298
      </dd>
2299
    </div>
2300
    <div class="price__badges">
2301
      <span class="price__badge price__badge--sale" aria-hidden="true">
2302
        <span>Sale</span>
2303
      </span>
2304
    </div>
2305
  </div>
2306
  <div class="price__unit">
2307
    <dt>
2308
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2309
    </dt>
2310
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
2311
  </div>
2312
</dl>
2313
​
2314
        <a href="/products/sfoglie" class="rte product-card__view-details" data-product-card-link>
2315
          View details
2316
        </a>
2317
      </div>
2318
      <div class="product-card__description-wrapper" aria-hidden="true">
2319
        <p class="product-card__description">
2320
These delicate, thin sheets can be used to produce anything you can imagine, for modern or traditional dishes.
2321
​
2322
Ingr...</p>
2323
      </div></div>
2324
  </div>
2325
</div>
2326
​
2327
            </li><li class="featured-collections__item" data-view-more-item>
2328
2329
<div class="product-card product-card--list" data-product-card data-product-id="4352760512534" tabindex="-1"><a class="full-width-link" href="/products/tortellini" data-product-card-link>
2330
      <span class="visually-hidden">Tortellini</span>
2331
    </a><div class="product-card__quantity"
2332
    data-label-single="There is one Tortellini in your cart"
2333
    data-label-multi="There are [quantity] Tortellini in your cart"
2334
    data-quantity-indicator="4352760512534">
2335
    <span aria-hidden="true" data-quantity-number></span>
2336
    <span class="visually-hidden" data-quantity-label></span>
2337
  </div>
2338
​
2339
  <div class="product-card__link">
2340
    <div class="product-card__image-wrapper">
2341
2342
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_90x.png?v=1588961583 90w,
2343
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_180x.png?v=1588961583 180w,
2344
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x.png?v=1588961583 110w,
2345
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_220x.png?v=1588961583 220w,"
2346
          sizes="(min-width: 750px) 110px, 90px"
2347
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x110.png?v=1588961583"
2348
          width="330"
2349
          height="284"
2350
          loading="lazy"
2351
          class="product-card__image"
2352
          alt="Tortellini"></div>
2353
    <div class="product-card__content">
2354
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Tortellini</span><div class="product-card__image-wrapper">
2355
2356
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_90x.png?v=1588961583 90w,
2357
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_180x.png?v=1588961583 180w,
2358
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x.png?v=1588961583 110w,
2359
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_220x.png?v=1588961583 220w,"
2360
          sizes="(min-width: 750px) 110px, 90px"
2361
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x110.png?v=1588961583"
2362
          width="330"
2363
          height="284"
2364
          loading="lazy"
2365
          class="product-card__image"
2366
          alt="Tortellini"></div>
2367
      </div><div class="product-card__price-wrapper">
2368
2369
<dl class="price price--listing"
2370
><div class="price__regular">
2371
    <dt>
2372
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2373
    </dt>
2374
    <dd>
2375
      <span class="price-item price-item--regular">$8.00
2376
</span>
2377
    </dd>
2378
  </div>
2379
  <div class="price__sale">
2380
    <div class="price__compare">
2381
      <dt>
2382
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2383
      </dt>
2384
      <dd>
2385
        <s class="price-item price-item--regular">
2386
2387
        </s>
2388
      </dd>
2389
    </div>
2390
    <dt>
2391
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
2392
    </dt>
2393
    <dd>
2394
      <span class="price-item price-item--sale">$8.00
2395
</span>
2396
    </dd>
2397
  </div>
2398
  <span class="price__badge price__badge--sale" aria-hidden="true">
2399
    <span>Sale</span>
2400
  </span>
2401
  <span class="price__badge price__badge--sold-out">
2402
    <span>Sold Out</span>
2403
  </span>
2404
  <div class="price__unit">
2405
    <dt>
2406
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2407
    </dt>
2408
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
2409
  </div>
2410
</dl>
2411
​
2412
2413
<dl class="price
2414
2415
2416
2417
   price--listing price--variants"
2418
  data-price
2419
>
2420
​
2421
2422
<div class="price__pricing-group">
2423
    <div class="price__regular">
2424
      <dt>
2425
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2426
      </dt>
2427
      <dd>
2428
        <span class="price-item price-item--regular" data-regular-price>
2429
          $8.00
2430
        </span>
2431
      </dd>
2432
    </div>
2433
    <div class="price__sale">
2434
      <dt>
2435
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2436
      </dt>
2437
      <dd>
2438
        <s class="price-item price-item--regular" data-regular-price>
2439
2440
        </s>
2441
      </dd>
2442
      <dt>
2443
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
2444
      </dt>
2445
      <dd>
2446
        <span class="price-item price-item--sale" data-sale-price>
2447
          $8.00
2448
        </span>
2449
      </dd>
2450
    </div>
2451
    <div class="price__badges">
2452
      <span class="price__badge price__badge--sale" aria-hidden="true">
2453
        <span>Sale</span>
2454
      </span>
2455
    </div>
2456
  </div>
2457
  <div class="price__unit">
2458
    <dt>
2459
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2460
    </dt>
2461
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
2462
  </div>
2463
</dl>
2464
​
2465
        <a href="/products/tortellini" class="rte product-card__view-details" data-product-card-link>
2466
          View details
2467
        </a>
2468
      </div>
2469
      <div class="product-card__description-wrapper" aria-hidden="true">
2470
        <p class="product-card__description">
2471
A Bolognese tradition. These legendary jewels of pasta are widely eaten in Bologna and Modena to celebrate Christmas...</p>
2472
      </div></div>
2473
  </div>
2474
</div>
2475
​
2476
            </li><li class="featured-collections__item" data-view-more-item>
2477
2478
<div class="product-card product-card--list" data-product-card data-product-id="4352760414230" tabindex="-1"><a class="full-width-link" href="/products/classic-ravioli" data-product-card-link>
2479
      <span class="visually-hidden">Classic Ravioli</span>
2480
    </a><div class="product-card__quantity"
2481
    data-label-single="There is one Classic Ravioli in your cart"
2482
    data-label-multi="There are [quantity] Classic Ravioli in your cart"
2483
    data-quantity-indicator="4352760414230">
2484
    <span aria-hidden="true" data-quantity-number></span>
2485
    <span class="visually-hidden" data-quantity-label></span>
2486
  </div>
2487
​
2488
  <div class="product-card__link">
2489
    <div class="product-card__image-wrapper">
2490
2491
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_90x.png?v=1588961432 90w,
2492
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_180x.png?v=1588961432 180w,
2493
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x.png?v=1588961432 110w,
2494
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_220x.png?v=1588961432 220w,"
2495
          sizes="(min-width: 750px) 110px, 90px"
2496
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x110.png?v=1588961432"
2497
          width="330"
2498
          height="284"
2499
          loading="lazy"
2500
          class="product-card__image"
2501
          alt="Classic Ravioli"></div>
2502
    <div class="product-card__content">
2503
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Classic Ravioli</span><div class="product-card__image-wrapper">
2504
2505
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_90x.png?v=1588961432 90w,
2506
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_180x.png?v=1588961432 180w,
2507
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x.png?v=1588961432 110w,
2508
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_220x.png?v=1588961432 220w,"
2509
          sizes="(min-width: 750px) 110px, 90px"
2510
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x110.png?v=1588961432"
2511
          width="330"
2512
          height="284"
2513
          loading="lazy"
2514
          class="product-card__image"
2515
          alt="Classic Ravioli"></div>
2516
      </div><div class="product-card__price-wrapper">
2517
2518
<dl class="price price--listing"
2519
><div class="price__regular">
2520
    <dt>
2521
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2522
    </dt>
2523
    <dd>
2524
      <span class="price-item price-item--regular">$9.00
2525
</span>
2526
    </dd>
2527
  </div>
2528
  <div class="price__sale">
2529
    <div class="price__compare">
2530
      <dt>
2531
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2532
      </dt>
2533
      <dd>
2534
        <s class="price-item price-item--regular">
2535
2536
        </s>
2537
      </dd>
2538
    </div>
2539
    <dt>
2540
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
2541
    </dt>
2542
    <dd>
2543
      <span class="price-item price-item--sale">$9.00
2544
</span>
2545
    </dd>
2546
  </div>
2547
  <span class="price__badge price__badge--sale" aria-hidden="true">
2548
    <span>Sale</span>
2549
  </span>
2550
  <span class="price__badge price__badge--sold-out">
2551
    <span>Sold Out</span>
2552
  </span>
2553
  <div class="price__unit">
2554
    <dt>
2555
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2556
    </dt>
2557
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
2558
  </div>
2559
</dl>
2560
​
2561
2562
<dl class="price
2563
2564
2565
2566
   price--listing price--variants"
2567
  data-price
2568
>
2569
​
2570
2571
<div class="price__pricing-group">
2572
    <div class="price__regular">
2573
      <dt>
2574
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2575
      </dt>
2576
      <dd>
2577
        <span class="price-item price-item--regular" data-regular-price>
2578
          $9.00
2579
        </span>
2580
      </dd>
2581
    </div>
2582
    <div class="price__sale">
2583
      <dt>
2584
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2585
      </dt>
2586
      <dd>
2587
        <s class="price-item price-item--regular" data-regular-price>
2588
2589
        </s>
2590
      </dd>
2591
      <dt>
2592
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
2593
      </dt>
2594
      <dd>
2595
        <span class="price-item price-item--sale" data-sale-price>
2596
          $9.00
2597
        </span>
2598
      </dd>
2599
    </div>
2600
    <div class="price__badges">
2601
      <span class="price__badge price__badge--sale" aria-hidden="true">
2602
        <span>Sale</span>
2603
      </span>
2604
    </div>
2605
  </div>
2606
  <div class="price__unit">
2607
    <dt>
2608
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2609
    </dt>
2610
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
2611
  </div>
2612
</dl>
2613
​
2614
        <a href="/products/classic-ravioli" class="rte product-card__view-details" data-product-card-link>
2615
          View details
2616
        </a>
2617
      </div>
2618
      <div class="product-card__description-wrapper" aria-hidden="true">
2619
        <p class="product-card__description">
2620
Our signature filled pasta. Our signature filled pasta is characterized by its humble shape, practical production, a...</p>
2621
      </div></div>
2622
  </div>
2623
</div>
2624
​
2625
            </li></ul><p class="visually-hidden" role="status" data-view-more-status-message="Showing [item_count] of [item_max] products on Pasta collection" data-view-more-status>Showing 6 of 16 products on Pasta collection</p><button
2626
              class="featured-collections__view-more"
2627
              aria-label="Load more products from Pasta collection"
2628
              data-view-more-button
2629
              data-view-more-step="36"
2630
              data-view-more-current="6"
2631
              data-view-more-max="16"
2632
              data-view-more-next="/collections/pasta?section_id=collection-template&page=[pagination]">
2633
              View more
2634
            </button>
2635
            <noscript>
2636
              <a href="/collections/pasta" class="featured-collections__view-more">
2637
                View more
2638
              </a>
2639
            </noscript></div><div class="featured-collections__panel"
2640
        role="tabpanel"
2641
        id="featured-collections-2-tab-panel"
2642
        aria-labelledby="featured-collections-2-tab"
2643
        data-featured-collections-tab-panel
2644
        data-collection-title="Drinks & Desserts"
2645
2646
2647
        >
2648
        <noscript>
2649
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Drinks &amp; Desserts</span>
2650
              <sup class="featured-collections__product-count">4<span class="visually-hidden"> products</span></sup></h2>
2651
        </noscript>
2652
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
2653
2654
<div class="product-card product-card--list" data-product-card data-product-id="4353673920534" tabindex="-1"><a class="full-width-link" href="/products/giallo-cake" data-product-card-link>
2655
      <span class="visually-hidden">Giallo cake</span>
2656
    </a><div class="product-card__quantity"
2657
    data-label-single="There is one Giallo cake in your cart"
2658
    data-label-multi="There are [quantity] Giallo cake in your cart"
2659
    data-quantity-indicator="4353673920534">
2660
    <span aria-hidden="true" data-quantity-number></span>
2661
    <span class="visually-hidden" data-quantity-label></span>
2662
  </div>
2663
​
2664
  <div class="product-card__link">
2665
2666
    <div class="product-card__content">
2667
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Giallo cake</span>
2668
      </div><div class="product-card__price-wrapper">
2669
2670
<dl class="price price--listing"
2671
><div class="price__regular">
2672
    <dt>
2673
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2674
    </dt>
2675
    <dd>
2676
      <span class="price-item price-item--regular">$7.00
2677
</span>
2678
    </dd>
2679
  </div>
2680
  <div class="price__sale">
2681
    <div class="price__compare">
2682
      <dt>
2683
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2684
      </dt>
2685
      <dd>
2686
        <s class="price-item price-item--regular">
2687
2688
        </s>
2689
      </dd>
2690
    </div>
2691
    <dt>
2692
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
2693
    </dt>
2694
    <dd>
2695
      <span class="price-item price-item--sale">$7.00
2696
</span>
2697
    </dd>
2698
  </div>
2699
  <span class="price__badge price__badge--sale" aria-hidden="true">
2700
    <span>Sale</span>
2701
  </span>
2702
  <span class="price__badge price__badge--sold-out">
2703
    <span>Sold Out</span>
2704
  </span>
2705
  <div class="price__unit">
2706
    <dt>
2707
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2708
    </dt>
2709
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
2710
  </div>
2711
</dl>
2712
​
2713
2714
<dl class="price
2715
2716
2717
2718
   price--listing price--variants"
2719
  data-price
2720
>
2721
​
2722
2723
<div class="price__pricing-group">
2724
    <div class="price__regular">
2725
      <dt>
2726
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2727
      </dt>
2728
      <dd>
2729
        <span class="price-item price-item--regular" data-regular-price>
2730
          $7.00
2731
        </span>
2732
      </dd>
2733
    </div>
2734
    <div class="price__sale">
2735
      <dt>
2736
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2737
      </dt>
2738
      <dd>
2739
        <s class="price-item price-item--regular" data-regular-price>
2740
2741
        </s>
2742
      </dd>
2743
      <dt>
2744
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
2745
      </dt>
2746
      <dd>
2747
        <span class="price-item price-item--sale" data-sale-price>
2748
          $7.00
2749
        </span>
2750
      </dd>
2751
    </div>
2752
    <div class="price__badges">
2753
      <span class="price__badge price__badge--sale" aria-hidden="true">
2754
        <span>Sale</span>
2755
      </span>
2756
    </div>
2757
  </div>
2758
  <div class="price__unit">
2759
    <dt>
2760
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2761
    </dt>
2762
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
2763
  </div>
2764
</dl>
2765
​
2766
        <a href="/products/giallo-cake" class="rte product-card__view-details" data-product-card-link>
2767
          View details
2768
        </a>
2769
      </div>
2770
      <div class="product-card__description-wrapper" aria-hidden="true">
2771
        <p class="product-card__description">
2772
Chocolate biscuit bathed in Espresso coffee, whipped cream, sprinkled with chocolate powder and crushed almonds.
2773
​
2774
Th...</p>
2775
      </div></div>
2776
  </div>
2777
</div>
2778
​
2779
            </li><li class="featured-collections__item" data-view-more-item>
2780
2781
<div class="product-card product-card--list" data-product-card data-product-id="4352795279382" tabindex="-1"><a class="full-width-link" href="/products/aqua-pana" data-product-card-link>
2782
      <span class="visually-hidden">Acqua Panna</span>
2783
    </a><div class="product-card__quantity"
2784
    data-label-single="There is one Acqua Panna in your cart"
2785
    data-label-multi="There are [quantity] Acqua Panna in your cart"
2786
    data-quantity-indicator="4352795279382">
2787
    <span aria-hidden="true" data-quantity-number></span>
2788
    <span class="visually-hidden" data-quantity-label></span>
2789
  </div>
2790
​
2791
  <div class="product-card__link">
2792
2793
    <div class="product-card__content">
2794
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Acqua Panna</span>
2795
      </div><div class="product-card__price-wrapper">
2796
2797
<dl class="price price--listing"
2798
><div class="price__regular">
2799
    <dt>
2800
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2801
    </dt>
2802
    <dd>
2803
      <span class="price-item price-item--regular">$3.00
2804
</span>
2805
    </dd>
2806
  </div>
2807
  <div class="price__sale">
2808
    <div class="price__compare">
2809
      <dt>
2810
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2811
      </dt>
2812
      <dd>
2813
        <s class="price-item price-item--regular">
2814
2815
        </s>
2816
      </dd>
2817
    </div>
2818
    <dt>
2819
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
2820
    </dt>
2821
    <dd>
2822
      <span class="price-item price-item--sale">$3.00
2823
</span>
2824
    </dd>
2825
  </div>
2826
  <span class="price__badge price__badge--sale" aria-hidden="true">
2827
    <span>Sale</span>
2828
  </span>
2829
  <span class="price__badge price__badge--sold-out">
2830
    <span>Sold Out</span>
2831
  </span>
2832
  <div class="price__unit">
2833
    <dt>
2834
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2835
    </dt>
2836
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
2837
  </div>
2838
</dl>
2839
​
2840
2841
<dl class="price
2842
2843
2844
2845
   price--listing price--variants"
2846
  data-price
2847
>
2848
​
2849
2850
<div class="price__pricing-group">
2851
    <div class="price__regular">
2852
      <dt>
2853
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2854
      </dt>
2855
      <dd>
2856
        <span class="price-item price-item--regular" data-regular-price>
2857
          $3.00
2858
        </span>
2859
      </dd>
2860
    </div>
2861
    <div class="price__sale">
2862
      <dt>
2863
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2864
      </dt>
2865
      <dd>
2866
        <s class="price-item price-item--regular" data-regular-price>
2867
2868
        </s>
2869
      </dd>
2870
      <dt>
2871
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
2872
      </dt>
2873
      <dd>
2874
        <span class="price-item price-item--sale" data-sale-price>
2875
          $3.00
2876
        </span>
2877
      </dd>
2878
    </div>
2879
    <div class="price__badges">
2880
      <span class="price__badge price__badge--sale" aria-hidden="true">
2881
        <span>Sale</span>
2882
      </span>
2883
    </div>
2884
  </div>
2885
  <div class="price__unit">
2886
    <dt>
2887
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2888
    </dt>
2889
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
2890
  </div>
2891
</dl>
2892
​
2893
        <a href="/products/aqua-pana" class="rte product-card__view-details" data-product-card-link>
2894
          View details
2895
        </a>
2896
      </div>
2897
      <div class="product-card__description-wrapper" aria-hidden="true">
2898
        <p class="product-card__description">
2899
Premium bottled natural spring water crafted by nature. Perfect for on-the-go or a special meal. 250ml bottle. 
2900
​
2901
Thi...</p>
2902
      </div></div>
2903
  </div>
2904
</div>
2905
​
2906
            </li><li class="featured-collections__item" data-view-more-item>
2907
2908
<div class="product-card product-card--list" data-product-card data-product-id="4352795246614" tabindex="-1"><a class="full-width-link" href="/products/pana-cotta" data-product-card-link>
2909
      <span class="visually-hidden">Panna Cotta</span>
2910
    </a><div class="product-card__quantity"
2911
    data-label-single="There is one Panna Cotta in your cart"
2912
    data-label-multi="There are [quantity] Panna Cotta in your cart"
2913
    data-quantity-indicator="4352795246614">
2914
    <span aria-hidden="true" data-quantity-number></span>
2915
    <span class="visually-hidden" data-quantity-label></span>
2916
  </div>
2917
​
2918
  <div class="product-card__link">
2919
2920
    <div class="product-card__content">
2921
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Panna Cotta</span>
2922
      </div><div class="product-card__price-wrapper">
2923
2924
<dl class="price price--listing"
2925
><div class="price__regular">
2926
    <dt>
2927
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
2928
    </dt>
2929
    <dd>
2930
      <span class="price-item price-item--regular">$7.00
2931
</span>
2932
    </dd>
2933
  </div>
2934
  <div class="price__sale">
2935
    <div class="price__compare">
2936
      <dt>
2937
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2938
      </dt>
2939
      <dd>
2940
        <s class="price-item price-item--regular">
2941
2942
        </s>
2943
      </dd>
2944
    </div>
2945
    <dt>
2946
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
2947
    </dt>
2948
    <dd>
2949
      <span class="price-item price-item--sale">$7.00
2950
</span>
2951
    </dd>
2952
  </div>
2953
  <span class="price__badge price__badge--sale" aria-hidden="true">
2954
    <span>Sale</span>
2955
  </span>
2956
  <span class="price__badge price__badge--sold-out">
2957
    <span>Sold Out</span>
2958
  </span>
2959
  <div class="price__unit">
2960
    <dt>
2961
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
2962
    </dt>
2963
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
2964
  </div>
2965
</dl>
2966
​
2967
2968
<dl class="price
2969
2970
2971
2972
   price--listing price--variants"
2973
  data-price
2974
>
2975
​
2976
2977
<div class="price__pricing-group">
2978
    <div class="price__regular">
2979
      <dt>
2980
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2981
      </dt>
2982
      <dd>
2983
        <span class="price-item price-item--regular" data-regular-price>
2984
          $7.00
2985
        </span>
2986
      </dd>
2987
    </div>
2988
    <div class="price__sale">
2989
      <dt>
2990
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
2991
      </dt>
2992
      <dd>
2993
        <s class="price-item price-item--regular" data-regular-price>
2994
2995
        </s>
2996
      </dd>
2997
      <dt>
2998
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
2999
      </dt>
3000
      <dd>
3001
        <span class="price-item price-item--sale" data-sale-price>
3002
          $7.00
3003
        </span>
3004
      </dd>
3005
    </div>
3006
    <div class="price__badges">
3007
      <span class="price__badge price__badge--sale" aria-hidden="true">
3008
        <span>Sale</span>
3009
      </span>
3010
    </div>
3011
  </div>
3012
  <div class="price__unit">
3013
    <dt>
3014
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3015
    </dt>
3016
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
3017
  </div>
3018
</dl>
3019
​
3020
        <a href="/products/pana-cotta" class="rte product-card__view-details" data-product-card-link>
3021
          View details
3022
        </a>
3023
      </div>
3024
      <div class="product-card__description-wrapper" aria-hidden="true">
3025
        <p class="product-card__description">
3026
Chilled Italian dessert with homemade raspberry syrup. Incredibly smooth custard cream and garnished with fresh mint...</p>
3027
      </div></div>
3028
  </div>
3029
</div>
3030
​
3031
            </li><li class="featured-collections__item" data-view-more-item>
3032
3033
<div class="product-card product-card--list" data-product-card data-product-id="4352795213846" tabindex="-1"><a class="full-width-link" href="/products/lemonade" data-product-card-link>
3034
      <span class="visually-hidden">Lemonade</span>
3035
    </a><div class="product-card__quantity"
3036
    data-label-single="There is one Lemonade in your cart"
3037
    data-label-multi="There are [quantity] Lemonade in your cart"
3038
    data-quantity-indicator="4352795213846">
3039
    <span aria-hidden="true" data-quantity-number></span>
3040
    <span class="visually-hidden" data-quantity-label></span>
3041
  </div>
3042
​
3043
  <div class="product-card__link">
3044
3045
    <div class="product-card__content">
3046
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Lemonade</span>
3047
      </div><div class="product-card__price-wrapper">
3048
3049
<dl class="price price--listing"
3050
><div class="price__regular">
3051
    <dt>
3052
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3053
    </dt>
3054
    <dd>
3055
      <span class="price-item price-item--regular">$5.50
3056
</span>
3057
    </dd>
3058
  </div>
3059
  <div class="price__sale">
3060
    <div class="price__compare">
3061
      <dt>
3062
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3063
      </dt>
3064
      <dd>
3065
        <s class="price-item price-item--regular">
3066
          $3.50
3067
        </s>
3068
      </dd>
3069
    </div>
3070
    <dt>
3071
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
3072
    </dt>
3073
    <dd>
3074
      <span class="price-item price-item--sale">$5.50
3075
</span>
3076
    </dd>
3077
  </div>
3078
  <span class="price__badge price__badge--sale" aria-hidden="true">
3079
    <span>Sale</span>
3080
  </span>
3081
  <span class="price__badge price__badge--sold-out">
3082
    <span>Sold Out</span>
3083
  </span>
3084
  <div class="price__unit">
3085
    <dt>
3086
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3087
    </dt>
3088
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
3089
  </div>
3090
</dl>
3091
​
3092
3093
<dl class="price
3094
3095
3096
3097
   price--listing price--variants"
3098
  data-price
3099
>
3100
​
3101
3102
<div class="price__pricing-group">
3103
    <div class="price__regular">
3104
      <dt>
3105
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3106
      </dt>
3107
      <dd>
3108
        <span class="price-item price-item--regular" data-regular-price>
3109
          $5.50
3110
        </span>
3111
      </dd>
3112
    </div>
3113
    <div class="price__sale">
3114
      <dt>
3115
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3116
      </dt>
3117
      <dd>
3118
        <s class="price-item price-item--regular" data-regular-price>
3119
          $3.50
3120
        </s>
3121
      </dd>
3122
      <dt>
3123
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
3124
      </dt>
3125
      <dd>
3126
        <span class="price-item price-item--sale" data-sale-price>
3127
          $5.50
3128
        </span>
3129
      </dd>
3130
    </div>
3131
    <div class="price__badges">
3132
      <span class="price__badge price__badge--sale" aria-hidden="true">
3133
        <span>Sale</span>
3134
      </span>
3135
    </div>
3136
  </div>
3137
  <div class="price__unit">
3138
    <dt>
3139
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3140
    </dt>
3141
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
3142
  </div>
3143
</dl>
3144
​
3145
        <a href="/products/lemonade" class="rte product-card__view-details" data-product-card-link>
3146
          View details
3147
        </a>
3148
      </div>
3149
      <div class="product-card__description-wrapper" aria-hidden="true">
3150
        <p class="product-card__description">Homemade artisanal lemonade made in our kitchen daily. Perfect for on-the-go or a special meal. 300ml bottle. 
3151
​
3152
This ...</p>
3153
      </div></div>
3154
  </div>
3155
</div>
3156
​
3157
            </li></ul></div><div class="featured-collections__panel"
3158
        role="tabpanel"
3159
        id="featured-collections-3-tab-panel"
3160
        aria-labelledby="featured-collections-3-tab"
3161
        data-featured-collections-tab-panel
3162
        data-collection-title="Merchandise"
3163
3164
3165
        >
3166
        <noscript>
3167
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Merchandise</span>
3168
              <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></h2>
3169
        </noscript>
3170
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
3171
3172
<div class="product-card product-card--list" data-product-card data-product-id="4353674182678" tabindex="-1"><a class="full-width-link" href="/products/reusable-food-store-bag" data-product-card-link>
3173
      <span class="visually-hidden">Reusable food store bag</span>
3174
    </a><div class="product-card__quantity"
3175
    data-label-single="There is one Reusable food store bag in your cart"
3176
    data-label-multi="There are [quantity] Reusable food store bag in your cart"
3177
    data-quantity-indicator="4353674182678">
3178
    <span aria-hidden="true" data-quantity-number></span>
3179
    <span class="visually-hidden" data-quantity-label></span>
3180
  </div>
3181
​
3182
  <div class="product-card__link">
3183
    <div class="product-card__image-wrapper">
3184
3185
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_90x.png?v=1589334910 90w,
3186
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_180x.png?v=1589334910 180w,
3187
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x.png?v=1589334910 110w,
3188
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_220x.png?v=1589334910 220w,"
3189
          sizes="(min-width: 750px) 110px, 90px"
3190
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x110.png?v=1589334910"
3191
          width="3810"
3192
          height="3810"
3193
          loading="lazy"
3194
          class="product-card__image"
3195
          alt="Reusable food store bag"></div>
3196
    <div class="product-card__content">
3197
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Reusable food store bag</span><div class="product-card__image-wrapper">
3198
3199
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_90x.png?v=1589334910 90w,
3200
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_180x.png?v=1589334910 180w,
3201
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x.png?v=1589334910 110w,
3202
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_220x.png?v=1589334910 220w,"
3203
          sizes="(min-width: 750px) 110px, 90px"
3204
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x110.png?v=1589334910"
3205
          width="3810"
3206
          height="3810"
3207
          loading="lazy"
3208
          class="product-card__image"
3209
          alt="Reusable food store bag"></div>
3210
      </div><div class="product-card__price-wrapper">
3211
3212
<dl class="price price--listing"
3213
><div class="price__regular">
3214
    <dt>
3215
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3216
    </dt>
3217
    <dd>
3218
      <span class="price-item price-item--regular">$8.00
3219
</span>
3220
    </dd>
3221
  </div>
3222
  <div class="price__sale">
3223
    <div class="price__compare">
3224
      <dt>
3225
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3226
      </dt>
3227
      <dd>
3228
        <s class="price-item price-item--regular">
3229
          $5.00
3230
        </s>
3231
      </dd>
3232
    </div>
3233
    <dt>
3234
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
3235
    </dt>
3236
    <dd>
3237
      <span class="price-item price-item--sale">$8.00
3238
</span>
3239
    </dd>
3240
  </div>
3241
  <span class="price__badge price__badge--sale" aria-hidden="true">
3242
    <span>Sale</span>
3243
  </span>
3244
  <span class="price__badge price__badge--sold-out">
3245
    <span>Sold Out</span>
3246
  </span>
3247
  <div class="price__unit">
3248
    <dt>
3249
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3250
    </dt>
3251
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
3252
  </div>
3253
</dl>
3254
​
3255
3256
<dl class="price
3257
3258
3259
3260
   price--listing price--variants"
3261
  data-price
3262
>
3263
​
3264
3265
<div class="price__pricing-group">
3266
    <div class="price__regular">
3267
      <dt>
3268
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3269
      </dt>
3270
      <dd>
3271
        <span class="price-item price-item--regular" data-regular-price>
3272
          $8.00
3273
        </span>
3274
      </dd>
3275
    </div>
3276
    <div class="price__sale">
3277
      <dt>
3278
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3279
      </dt>
3280
      <dd>
3281
        <s class="price-item price-item--regular" data-regular-price>
3282
          $5.00
3283
        </s>
3284
      </dd>
3285
      <dt>
3286
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
3287
      </dt>
3288
      <dd>
3289
        <span class="price-item price-item--sale" data-sale-price>
3290
          $8.00
3291
        </span>
3292
      </dd>
3293
    </div>
3294
    <div class="price__badges">
3295
      <span class="price__badge price__badge--sale" aria-hidden="true">
3296
        <span>Sale</span>
3297
      </span>
3298
    </div>
3299
  </div>
3300
  <div class="price__unit">
3301
    <dt>
3302
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3303
    </dt>
3304
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
3305
  </div>
3306
</dl>
3307
​
3308
        <a href="/products/reusable-food-store-bag" class="rte product-card__view-details" data-product-card-link>
3309
          View details
3310
        </a>
3311
      </div>
3312
      <div class="product-card__description-wrapper" aria-hidden="true">
3313
        <p class="product-card__description">
3314
The Organic Bag is a wonderful reusable alternative to plastic bags - reducing the waste and toxic pollutants associ...</p>
3315
      </div></div>
3316
  </div>
3317
</div>
3318
​
3319
            </li><li class="featured-collections__item" data-view-more-item>
3320
3321
<div class="product-card product-card--list" data-product-card data-product-id="4353674084374" tabindex="-1"><a class="full-width-link" href="/products/pepper-mill" data-product-card-link>
3322
      <span class="visually-hidden">Pepper Mill</span>
3323
    </a><div class="product-card__quantity"
3324
    data-label-single="There is one Pepper Mill in your cart"
3325
    data-label-multi="There are [quantity] Pepper Mill in your cart"
3326
    data-quantity-indicator="4353674084374">
3327
    <span aria-hidden="true" data-quantity-number></span>
3328
    <span class="visually-hidden" data-quantity-label></span>
3329
  </div>
3330
​
3331
  <div class="product-card__link">
3332
    <div class="product-card__image-wrapper">
3333
3334
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_90x.png?v=1589334653 90w,
3335
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_180x.png?v=1589334653 180w,
3336
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x.png?v=1589334653 110w,
3337
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_220x.png?v=1589334653 220w,"
3338
          sizes="(min-width: 750px) 110px, 90px"
3339
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x110.png?v=1589334653"
3340
          width="3810"
3341
          height="3810"
3342
          loading="lazy"
3343
          class="product-card__image"
3344
          alt="Pepper Mill"></div>
3345
    <div class="product-card__content">
3346
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Pepper Mill</span><div class="product-card__image-wrapper">
3347
3348
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_90x.png?v=1589334653 90w,
3349
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_180x.png?v=1589334653 180w,
3350
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x.png?v=1589334653 110w,
3351
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_220x.png?v=1589334653 220w,"
3352
          sizes="(min-width: 750px) 110px, 90px"
3353
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x110.png?v=1589334653"
3354
          width="3810"
3355
          height="3810"
3356
          loading="lazy"
3357
          class="product-card__image"
3358
          alt="Pepper Mill"></div>
3359
      </div><div class="product-card__price-wrapper">
3360
3361
<dl class="price price--listing price--sold-out "
3362
><div class="price__regular">
3363
    <dt>
3364
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3365
    </dt>
3366
    <dd>
3367
      <span class="price-item price-item--regular">$32.00
3368
</span>
3369
    </dd>
3370
  </div>
3371
  <div class="price__sale">
3372
    <div class="price__compare">
3373
      <dt>
3374
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3375
      </dt>
3376
      <dd>
3377
        <s class="price-item price-item--regular">
3378
3379
        </s>
3380
      </dd>
3381
    </div>
3382
    <dt>
3383
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
3384
    </dt>
3385
    <dd>
3386
      <span class="price-item price-item--sale">$32.00
3387
</span>
3388
    </dd>
3389
  </div>
3390
  <span class="price__badge price__badge--sale" aria-hidden="true">
3391
    <span>Sale</span>
3392
  </span>
3393
  <span class="price__badge price__badge--sold-out">
3394
    <span>Sold Out</span>
3395
  </span>
3396
  <div class="price__unit">
3397
    <dt>
3398
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3399
    </dt>
3400
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
3401
  </div>
3402
</dl>
3403
​
3404
3405
<dl class="price
3406
   price--sold-out
3407
3408
3409
   price--listing price--variants"
3410
  data-price
3411
>
3412
​
3413
3414
<div class="price__pricing-group">
3415
    <div class="price__regular">
3416
      <dt>
3417
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3418
      </dt>
3419
      <dd>
3420
        <span class="price-item price-item--regular" data-regular-price>
3421
          $32.00
3422
        </span>
3423
      </dd>
3424
    </div>
3425
    <div class="price__sale">
3426
      <dt>
3427
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3428
      </dt>
3429
      <dd>
3430
        <s class="price-item price-item--regular" data-regular-price>
3431
3432
        </s>
3433
      </dd>
3434
      <dt>
3435
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
3436
      </dt>
3437
      <dd>
3438
        <span class="price-item price-item--sale" data-sale-price>
3439
          $32.00
3440
        </span>
3441
      </dd>
3442
    </div>
3443
    <div class="price__badges">
3444
      <span class="price__badge price__badge--sale" aria-hidden="true">
3445
        <span>Sale</span>
3446
      </span>
3447
    </div>
3448
  </div>
3449
  <div class="price__unit">
3450
    <dt>
3451
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3452
    </dt>
3453
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
3454
  </div>
3455
</dl>
3456
​
3457
        <a href="/products/pepper-mill" class="rte product-card__view-details" data-product-card-link>
3458
          View details
3459
        </a>
3460
      </div>
3461
      <div class="product-card__description-wrapper" aria-hidden="true">
3462
        <p class="product-card__description">
3463
A beautiful combination of modern technology, classic form and our iconic yellow. The ceramic grinder is strong enou...</p>
3464
      </div></div>
3465
  </div>
3466
</div>
3467
​
3468
            </li><li class="featured-collections__item" data-view-more-item>
3469
3470
<div class="product-card product-card--list" data-product-card data-product-id="4353667661846" tabindex="-1"><a class="full-width-link" href="/products/tote-bag" data-product-card-link>
3471
      <span class="visually-hidden">Tote bag</span>
3472
    </a><div class="product-card__quantity"
3473
    data-label-single="There is one Tote bag in your cart"
3474
    data-label-multi="There are [quantity] Tote bag in your cart"
3475
    data-quantity-indicator="4353667661846">
3476
    <span aria-hidden="true" data-quantity-number></span>
3477
    <span class="visually-hidden" data-quantity-label></span>
3478
  </div>
3479
​
3480
  <div class="product-card__link">
3481
    <div class="product-card__image-wrapper">
3482
3483
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_90x.png?v=1589535475 90w,
3484
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_180x.png?v=1589535475 180w,
3485
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x.png?v=1589535475 110w,
3486
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_220x.png?v=1589535475 220w,"
3487
          sizes="(min-width: 750px) 110px, 90px"
3488
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x110.png?v=1589535475"
3489
          width="3810"
3490
          height="3810"
3491
          loading="lazy"
3492
          class="product-card__image"
3493
          alt="Tote bag"></div>
3494
    <div class="product-card__content">
3495
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Tote bag</span><div class="product-card__image-wrapper">
3496
3497
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_90x.png?v=1589535475 90w,
3498
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_180x.png?v=1589535475 180w,
3499
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x.png?v=1589535475 110w,
3500
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_220x.png?v=1589535475 220w,"
3501
          sizes="(min-width: 750px) 110px, 90px"
3502
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x110.png?v=1589535475"
3503
          width="3810"
3504
          height="3810"
3505
          loading="lazy"
3506
          class="product-card__image"
3507
          alt="Tote bag"></div>
3508
      </div><div class="product-card__price-wrapper">
3509
3510
<dl class="price price--listing"
3511
><div class="price__regular">
3512
    <dt>
3513
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3514
    </dt>
3515
    <dd>
3516
      <span class="price-item price-item--regular">$40.00
3517
</span>
3518
    </dd>
3519
  </div>
3520
  <div class="price__sale">
3521
    <div class="price__compare">
3522
      <dt>
3523
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3524
      </dt>
3525
      <dd>
3526
        <s class="price-item price-item--regular">
3527
3528
        </s>
3529
      </dd>
3530
    </div>
3531
    <dt>
3532
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
3533
    </dt>
3534
    <dd>
3535
      <span class="price-item price-item--sale">$40.00
3536
</span>
3537
    </dd>
3538
  </div>
3539
  <span class="price__badge price__badge--sale" aria-hidden="true">
3540
    <span>Sale</span>
3541
  </span>
3542
  <span class="price__badge price__badge--sold-out">
3543
    <span>Sold Out</span>
3544
  </span>
3545
  <div class="price__unit">
3546
    <dt>
3547
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3548
    </dt>
3549
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
3550
  </div>
3551
</dl>
3552
​
3553
3554
<dl class="price
3555
3556
3557
3558
   price--listing price--variants"
3559
  data-price
3560
>
3561
​
3562
3563
<div class="price__pricing-group">
3564
    <div class="price__regular">
3565
      <dt>
3566
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3567
      </dt>
3568
      <dd>
3569
        <span class="price-item price-item--regular" data-regular-price>
3570
          $40.00
3571
        </span>
3572
      </dd>
3573
    </div>
3574
    <div class="price__sale">
3575
      <dt>
3576
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3577
      </dt>
3578
      <dd>
3579
        <s class="price-item price-item--regular" data-regular-price>
3580
3581
        </s>
3582
      </dd>
3583
      <dt>
3584
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
3585
      </dt>
3586
      <dd>
3587
        <span class="price-item price-item--sale" data-sale-price>
3588
          $40.00
3589
        </span>
3590
      </dd>
3591
    </div>
3592
    <div class="price__badges">
3593
      <span class="price__badge price__badge--sale" aria-hidden="true">
3594
        <span>Sale</span>
3595
      </span>
3596
    </div>
3597
  </div>
3598
  <div class="price__unit">
3599
    <dt>
3600
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3601
    </dt>
3602
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
3603
  </div>
3604
</dl>
3605
​
3606
        <a href="/products/tote-bag" class="rte product-card__view-details" data-product-card-link>
3607
          View details
3608
        </a>
3609
      </div>
3610
      <div class="product-card__description-wrapper" aria-hidden="true">
3611
        <p class="product-card__description">Cotton tote bag 50x50cm
3612
 
3613
​
3614
This is a demonstration store.</p>
3615
      </div></div>
3616
  </div>
3617
</div>
3618
​
3619
            </li><li class="featured-collections__item" data-view-more-item>
3620
3621
<div class="product-card product-card--list" data-product-card data-product-id="4352792559638" tabindex="-1"><a class="full-width-link" href="/products/flour" data-product-card-link>
3622
      <span class="visually-hidden">Flour</span>
3623
    </a><div class="product-card__quantity"
3624
    data-label-single="There is one Flour in your cart"
3625
    data-label-multi="There are [quantity] Flour in your cart"
3626
    data-quantity-indicator="4352792559638">
3627
    <span aria-hidden="true" data-quantity-number></span>
3628
    <span class="visually-hidden" data-quantity-label></span>
3629
  </div>
3630
​
3631
  <div class="product-card__link">
3632
    <div class="product-card__image-wrapper">
3633
3634
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_90x.png?v=1588971823 90w,
3635
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_180x.png?v=1588971823 180w,
3636
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x.png?v=1588971823 110w,
3637
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_220x.png?v=1588971823 220w,"
3638
          sizes="(min-width: 750px) 110px, 90px"
3639
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x110.png?v=1588971823"
3640
          width="2540"
3641
          height="2540"
3642
          loading="lazy"
3643
          class="product-card__image"
3644
          alt="Flour"></div>
3645
    <div class="product-card__content">
3646
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Flour</span><div class="product-card__image-wrapper">
3647
3648
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_90x.png?v=1588971823 90w,
3649
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_180x.png?v=1588971823 180w,
3650
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x.png?v=1588971823 110w,
3651
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_220x.png?v=1588971823 220w,"
3652
          sizes="(min-width: 750px) 110px, 90px"
3653
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x110.png?v=1588971823"
3654
          width="2540"
3655
          height="2540"
3656
          loading="lazy"
3657
          class="product-card__image"
3658
          alt="Flour"></div>
3659
      </div><div class="product-card__price-wrapper">
3660
3661
<dl class="price price--listing"
3662
><div class="price__regular">
3663
    <dt>
3664
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3665
    </dt>
3666
    <dd>
3667
      <span class="price-item price-item--regular">$6.00
3668
</span>
3669
    </dd>
3670
  </div>
3671
  <div class="price__sale">
3672
    <div class="price__compare">
3673
      <dt>
3674
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3675
      </dt>
3676
      <dd>
3677
        <s class="price-item price-item--regular">
3678
3679
        </s>
3680
      </dd>
3681
    </div>
3682
    <dt>
3683
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
3684
    </dt>
3685
    <dd>
3686
      <span class="price-item price-item--sale">$6.00
3687
</span>
3688
    </dd>
3689
  </div>
3690
  <span class="price__badge price__badge--sale" aria-hidden="true">
3691
    <span>Sale</span>
3692
  </span>
3693
  <span class="price__badge price__badge--sold-out">
3694
    <span>Sold Out</span>
3695
  </span>
3696
  <div class="price__unit">
3697
    <dt>
3698
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3699
    </dt>
3700
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
3701
  </div>
3702
</dl>
3703
​
3704
3705
<dl class="price
3706
3707
3708
3709
   price--listing price--variants"
3710
  data-price
3711
>
3712
​
3713
3714
<div class="price__pricing-group">
3715
    <div class="price__regular">
3716
      <dt>
3717
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3718
      </dt>
3719
      <dd>
3720
        <span class="price-item price-item--regular" data-regular-price>
3721
          $6.00
3722
        </span>
3723
      </dd>
3724
    </div>
3725
    <div class="price__sale">
3726
      <dt>
3727
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3728
      </dt>
3729
      <dd>
3730
        <s class="price-item price-item--regular" data-regular-price>
3731
3732
        </s>
3733
      </dd>
3734
      <dt>
3735
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
3736
      </dt>
3737
      <dd>
3738
        <span class="price-item price-item--sale" data-sale-price>
3739
          $6.00
3740
        </span>
3741
      </dd>
3742
    </div>
3743
    <div class="price__badges">
3744
      <span class="price__badge price__badge--sale" aria-hidden="true">
3745
        <span>Sale</span>
3746
      </span>
3747
    </div>
3748
  </div>
3749
  <div class="price__unit">
3750
    <dt>
3751
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3752
    </dt>
3753
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
3754
  </div>
3755
</dl>
3756
​
3757
        <a href="/products/flour" class="rte product-card__view-details" data-product-card-link>
3758
          View details
3759
        </a>
3760
      </div>
3761
      <div class="product-card__description-wrapper" aria-hidden="true">
3762
        <p class="product-card__description">Giallo flour is made from a high quality hard red spring wheat and soft wheat, making it an ideal flour for your favo...</p>
3763
      </div></div>
3764
  </div>
3765
</div>
3766
​
3767
            </li><li class="featured-collections__item" data-view-more-item>
3768
3769
<div class="product-card product-card--list" data-product-card data-product-id="4352792330262" tabindex="-1"><a class="full-width-link" href="/products/short-sleeve-t-shirt" data-product-card-link>
3770
      <span class="visually-hidden">Short Sleeve T-Shirt</span>
3771
    </a><div class="product-card__quantity"
3772
    data-label-single="There is one Short Sleeve T-Shirt in your cart"
3773
    data-label-multi="There are [quantity] Short Sleeve T-Shirt in your cart"
3774
    data-quantity-indicator="4352792330262">
3775
    <span aria-hidden="true" data-quantity-number></span>
3776
    <span class="visually-hidden" data-quantity-label></span>
3777
  </div>
3778
​
3779
  <div class="product-card__link">
3780
    <div class="product-card__image-wrapper">
3781
3782
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_90x.png?v=1588971183 90w,
3783
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_180x.png?v=1588971183 180w,
3784
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x.png?v=1588971183 110w,
3785
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_220x.png?v=1588971183 220w,"
3786
          sizes="(min-width: 750px) 110px, 90px"
3787
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x110.png?v=1588971183"
3788
          width="2540"
3789
          height="2540"
3790
          loading="lazy"
3791
          class="product-card__image"
3792
          alt="Short Sleeve T-Shirt"></div>
3793
    <div class="product-card__content">
3794
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Short Sleeve T-Shirt</span><div class="product-card__image-wrapper">
3795
3796
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_90x.png?v=1588971183 90w,
3797
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_180x.png?v=1588971183 180w,
3798
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x.png?v=1588971183 110w,
3799
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_220x.png?v=1588971183 220w,"
3800
          sizes="(min-width: 750px) 110px, 90px"
3801
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x110.png?v=1588971183"
3802
          width="2540"
3803
          height="2540"
3804
          loading="lazy"
3805
          class="product-card__image"
3806
          alt="Short Sleeve T-Shirt"></div>
3807
      </div><div class="product-card__price-wrapper">
3808
3809
<dl class="price price--listing price--on-sale "
3810
><div class="price__regular">
3811
    <dt>
3812
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3813
    </dt>
3814
    <dd>
3815
      <span class="price-item price-item--regular">$18.00
3816
</span>
3817
    </dd>
3818
  </div>
3819
  <div class="price__sale">
3820
    <div class="price__compare">
3821
      <dt>
3822
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3823
      </dt>
3824
      <dd>
3825
        <s class="price-item price-item--regular">
3826
          $28.00
3827
        </s>
3828
      </dd>
3829
    </div>
3830
    <dt>
3831
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
3832
    </dt>
3833
    <dd>
3834
      <span class="price-item price-item--sale">$18.00
3835
</span>
3836
    </dd>
3837
  </div>
3838
  <span class="price__badge price__badge--sale" aria-hidden="true">
3839
    <span>Sale</span>
3840
  </span>
3841
  <span class="price__badge price__badge--sold-out">
3842
    <span>Sold Out</span>
3843
  </span>
3844
  <div class="price__unit">
3845
    <dt>
3846
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3847
    </dt>
3848
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
3849
  </div>
3850
</dl>
3851
​
3852
3853
<dl class="price
3854
3855
   price--on-sale
3856
3857
   price--listing price--variants"
3858
  data-price
3859
>
3860
​
3861
3862
<div class="price__pricing-group">
3863
    <div class="price__regular">
3864
      <dt>
3865
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3866
      </dt>
3867
      <dd>
3868
        <span class="price-item price-item--regular" data-regular-price>
3869
          $18.00
3870
        </span>
3871
      </dd>
3872
    </div>
3873
    <div class="price__sale">
3874
      <dt>
3875
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3876
      </dt>
3877
      <dd>
3878
        <s class="price-item price-item--regular" data-regular-price>
3879
          $28.00
3880
        </s>
3881
      </dd>
3882
      <dt>
3883
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
3884
      </dt>
3885
      <dd>
3886
        <span class="price-item price-item--sale" data-sale-price>
3887
          $18.00
3888
        </span>
3889
      </dd>
3890
    </div>
3891
    <div class="price__badges">
3892
      <span class="price__badge price__badge--sale" aria-hidden="true">
3893
        <span>Sale</span>
3894
      </span>
3895
    </div>
3896
  </div>
3897
  <div class="price__unit">
3898
    <dt>
3899
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3900
    </dt>
3901
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
3902
  </div>
3903
</dl>
3904
​
3905
        <a href="/products/short-sleeve-t-shirt" class="rte product-card__view-details" data-product-card-link>
3906
          View details
3907
        </a>
3908
      </div>
3909
      <div class="product-card__description-wrapper" aria-hidden="true">
3910
        <p class="product-card__description">
3911
100% cotton
3912
 
3913
This is a demonstration store.</p>
3914
      </div></div>
3915
  </div>
3916
</div>
3917
​
3918
            </li><li class="featured-collections__item" data-view-more-item>
3919
3920
<div class="product-card product-card--list" data-product-card data-product-id="4352791281686" tabindex="-1"><a class="full-width-link" href="/products/giallo-olive-oil" data-product-card-link>
3921
      <span class="visually-hidden">Olive Oil</span>
3922
    </a><div class="product-card__quantity"
3923
    data-label-single="There is one Olive Oil in your cart"
3924
    data-label-multi="There are [quantity] Olive Oil in your cart"
3925
    data-quantity-indicator="4352791281686">
3926
    <span aria-hidden="true" data-quantity-number></span>
3927
    <span class="visually-hidden" data-quantity-label></span>
3928
  </div>
3929
​
3930
  <div class="product-card__link">
3931
    <div class="product-card__image-wrapper">
3932
3933
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_90x.png?v=1588969339 90w,
3934
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_180x.png?v=1588969339 180w,
3935
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x.png?v=1588969339 110w,
3936
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_220x.png?v=1588969339 220w,"
3937
          sizes="(min-width: 750px) 110px, 90px"
3938
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x110.png?v=1588969339"
3939
          width="1270"
3940
          height="1270"
3941
          loading="lazy"
3942
          class="product-card__image"
3943
          alt="Olive Oil"></div>
3944
    <div class="product-card__content">
3945
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Olive Oil</span><div class="product-card__image-wrapper">
3946
3947
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_90x.png?v=1588969339 90w,
3948
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_180x.png?v=1588969339 180w,
3949
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x.png?v=1588969339 110w,
3950
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_220x.png?v=1588969339 220w,"
3951
          sizes="(min-width: 750px) 110px, 90px"
3952
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x110.png?v=1588969339"
3953
          width="1270"
3954
          height="1270"
3955
          loading="lazy"
3956
          class="product-card__image"
3957
          alt="Olive Oil"></div>
3958
      </div><div class="product-card__price-wrapper">
3959
3960
<dl class="price price--listing"
3961
><div class="price__regular">
3962
    <dt>
3963
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
3964
    </dt>
3965
    <dd>
3966
      <span class="price-item price-item--regular">$26.00
3967
</span>
3968
    </dd>
3969
  </div>
3970
  <div class="price__sale">
3971
    <div class="price__compare">
3972
      <dt>
3973
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
3974
      </dt>
3975
      <dd>
3976
        <s class="price-item price-item--regular">
3977
3978
        </s>
3979
      </dd>
3980
    </div>
3981
    <dt>
3982
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
3983
    </dt>
3984
    <dd>
3985
      <span class="price-item price-item--sale">$26.00
3986
</span>
3987
    </dd>
3988
  </div>
3989
  <span class="price__badge price__badge--sale" aria-hidden="true">
3990
    <span>Sale</span>
3991
  </span>
3992
  <span class="price__badge price__badge--sold-out">
3993
    <span>Sold Out</span>
3994
  </span>
3995
  <div class="price__unit">
3996
    <dt>
3997
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
3998
    </dt>
3999
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
4000
  </div>
4001
</dl>
4002
​
4003
4004
<dl class="price
4005
4006
4007
4008
   price--listing price--variants"
4009
  data-price
4010
>
4011
​
4012
4013
<div class="price__pricing-group">
4014
    <div class="price__regular">
4015
      <dt>
4016
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
4017
      </dt>
4018
      <dd>
4019
        <span class="price-item price-item--regular" data-regular-price>
4020
          $26.00
4021
        </span>
4022
      </dd>
4023
    </div>
4024
    <div class="price__sale">
4025
      <dt>
4026
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
4027
      </dt>
4028
      <dd>
4029
        <s class="price-item price-item--regular" data-regular-price>
4030
4031
        </s>
4032
      </dd>
4033
      <dt>
4034
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
4035
      </dt>
4036
      <dd>
4037
        <span class="price-item price-item--sale" data-sale-price>
4038
          $26.00
4039
        </span>
4040
      </dd>
4041
    </div>
4042
    <div class="price__badges">
4043
      <span class="price__badge price__badge--sale" aria-hidden="true">
4044
        <span>Sale</span>
4045
      </span>
4046
    </div>
4047
  </div>
4048
  <div class="price__unit">
4049
    <dt>
4050
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
4051
    </dt>
4052
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
4053
  </div>
4054
</dl>
4055
​
4056
        <a href="/products/giallo-olive-oil" class="rte product-card__view-details" data-product-card-link>
4057
          View details
4058
        </a>
4059
      </div>
4060
      <div class="product-card__description-wrapper" aria-hidden="true">
4061
        <p class="product-card__description">Our signature olive oil imported from italy.
4062
500ml
4063
 
4064
​
4065
This is a demonstration store.</p>
4066
      </div></div>
4067
  </div>
4068
</div>
4069
​
4070
            </li></ul></div></div>
4071
</section>
4072
​
4073
​
4074
</div><div id="shopify-section-featured-product" class="shopify-section"><section class="product"
4075
  data-section-id="featured-product"
4076
  data-section-type="product"
4077
  data-media-type="gallery"
4078
  >
4079
​
4080
  <h2 class="visually-hidden">Featured product</h2>
4081
  <div class="product__media-wrapper"><div >
4082
          <div class="product__gallery">
4083
            <div class="gallery" id="Gallery-featured-product" aria-live="polite">
4084
              <ul class="gallery__strip" data-media-strip><li class="gallery__image-wrapper"
4085
                    data-media-wrapper
4086
                    role="group"
4087
                    aria-roledescription="Slide"
4088
                    aria-label="1 of 1">
4089
​
4090
                    <img
4091
4092
                        srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_311x.png?v=1589332899 311w,
4093
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_622x.png?v=1589332899 622w,
4094
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x.png?v=1589332899 503w,
4095
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_1006x.png?v=1589332899 1006w,
4096
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_685x.png?v=1589332899 685w,
4097
                        "
4098
4099
​
4100
                      sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
4101
4102
                        src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x503.png?v=1589332899"
4103
4104
                      width="1291"
4105
                      height="1450"
4106
                      loading="lazy"
4107
                      class="gallery__image is-active"
4108
                      data-media-id="1474872672278"
4109
                      data-media-image
4110
                      data-media-index="1"
4111
                      alt="">
4112
                  </li></ul>
4113
​
4114
              <noscript>
4115
                <img
4116
                  srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_311x.png?v=1589332899 311w,
4117
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_622x.png?v=1589332899 622w,
4118
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x.png?v=1589332899 503w,
4119
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_1006x.png?v=1589332899 1006w,
4120
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_685x.png?v=1589332899 685w,
4121
                  "
4122
                  sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
4123
                  src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x503.png?v=1589332899"
4124
                  width="1291"
4125
                  height="1450"
4126
                  class="gallery__image--no-js"
4127
                  loading="lazy"
4128
                  alt="">
4129
                </noscript>
4130
            </div>
4131
          </div></div></div>
4132
​
4133
  <div class="product__content">
4134
    <h3 class="product__title">Gift Card</h3>
4135
​
4136
4137
<dl class="price
4138
4139
4140
4141
  "
4142
  data-price
4143
>
4144
​
4145
4146
<div class="price__pricing-group">
4147
    <div class="price__regular">
4148
      <dt>
4149
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
4150
      </dt>
4151
      <dd>
4152
        <span class="price-item price-item--regular" data-regular-price>
4153
          $100.00
4154
        </span>
4155
      </dd>
4156
    </div>
4157
    <div class="price__sale">
4158
      <dt>
4159
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
4160
      </dt>
4161
      <dd>
4162
        <s class="price-item price-item--regular" data-regular-price>
4163
4164
        </s>
4165
      </dd>
4166
      <dt>
4167
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
4168
      </dt>
4169
      <dd>
4170
        <span class="price-item price-item--sale" data-sale-price>
4171
          $100.00
4172
        </span>
4173
      </dd>
4174
    </div>
4175
    <div class="price__badges">
4176
      <span class="price__badge price__badge--sale" aria-hidden="true">
4177
        <span>Sale</span>
4178
      </span>
4179
    </div>
4180
  </div>
4181
  <div class="price__unit">
4182
    <dt>
4183
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
4184
    </dt>
4185
    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
4186
  </div>
4187
</dl>
4188
​
4189
​
4190
​
4191
​
4192
​
4193
<form method="post" action="/cart/add" id="product_form_4352795574294" accept-charset="UTF-8" class="
4194
  product-form
4195
   product-form--payment-button-disabled
4196
4197
  form
4198
" enctype="multipart/form-data" novalidate="novalidate" data-product-form="" data-product-id="4352795574294" data-product-handle="gift-card" data-variant-name="Gift Card"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><div class="form__error-message-wrapper hidden"
4199
    data-error-message-wrapper
4200
    role="alert"
4201
  >
4202
    <span class="visually-hidden">Error </span>
4203
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 14 14"><g fill="none"><path d="M7 0a7 7 0 0 1 7 7 7 7 0 1 1-7-7z"/><path class="icon-error__symbol" d="M6.328 8.396l-.252-5.4h1.836l-.24 5.4H6.328zM6.04 10.16c0-.528.432-.972.96-.972s.972.444.972.972c0 .516-.444.96-.972.96a.97.97 0 0 1-.96-.96z"/></g></svg>
4204
    <span class="form__error-message" data-error-message>Quantity must be 1 or more</span>
4205
  </div><select name="id" class="form__input no-js" data-product-master-select>
4206
4207
      <option
4208
        selected="selected"
4209
4210
        value="31364852219926">
4211
          Default Title
4212
      </option>
4213
4214
  </select>
4215
​
4216
  <div class="product-form__buttons">
4217
    <button
4218
      type="submit"
4219
      name="add"
4220
      class="product-form__add-to-cart"
4221
      data-add-to-cart
4222
4223
      aria-label="Add to Cart">
4224
        <span data-add-to-cart-text>Add to Cart
4225
</span>
4226
    </button><span class="product__success-message hidden" data-product-success-message></span><button
4227
      type="submit"
4228
      name="add"
4229
      class="product-form__add-to-cart no-js"
4230
      data-add-to-cart
4231
4232
      aria-label="Add to Cart">
4233
        <span data-add-to-cart-text>Add to Cart
4234
</span>
4235
    </button>
4236
4237
  </div><p class="visually-hidden" data-product-status
4238
    aria-live="polite"
4239
    role="status"
4240
  ></p></form><script type="application/json" data-product-json>
4241
  {
4242
    "variants": [{"id":31364852219926,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":false,"taxable":false,"featured_image":null,"available":true,"name":"Gift Card","public_title":null,"options":["Default Title"],"price":10000,"weight":0,"compare_at_price":null,"inventory_management":null,"barcode":""}],
4243
    "options": [{"name":"Title","position":1,"values":["Default Title"]}]
4244
  }
4245
</script>
4246
​
4247
<div class="product__description rte">
4248
        <meta charset="utf-8"><meta charset="utf-8"><meta charset="utf-8">
4249
<p><span>Gift card will be delivered by email and contain instructions to redeem them at the checkout. </span><span>Our gift card have no additional processing fees.</span></p>
4250
      </div></div>
4251
</section>
4252
​
4253
<script type="application/ld+json">
4254
  {
4255
    "@context": "http://schema.org/",
4256
    "@type": "Product",
4257
    "name": "Gift Card",
4258
    "url": "https:\/\/express-theme-bistro.myshopify.com\/products\/gift-card","image": [
4259
        "https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/1983\/9510\/products\/giftcard_1291x.png?v=1589332899"
4260
      ],"description": "\nGift card will be delivered by email and contain instructions to redeem them at the checkout. Our gift card have no additional processing fees.","brand": {
4261
      "@type": "Thing",
4262
      "name": "express-theme-bistro"
4263
    },
4264
    "offers": [{
4265
          "@type" : "Offer","availability" : "http://schema.org/InStock",
4266
          "price" : 100.0,
4267
          "priceCurrency" : "CAD",
4268
          "url" : "https:\/\/express-theme-bistro.myshopify.com\/products\/gift-card?variant=31364852219926"
4269
        }
4270
]
4271
  }
4272
</script>
4273
​
4274
​
4275
</div><div id="shopify-section-image-with-text-1" class="shopify-section"><section class="image-with-text image-with-text--full_background">
4276
  <div class="image-with-text__inner"><div class="image-with-text__content
4277
      image-with-text__content--medium
4278
4279
      ">
4280
​
4281
4282
        <h2 class="image-with-text__heading">
4283
          Handmade daily
4284
        </h2>
4285
4286
​
4287
4288
        <div class="image-with-text__text rte"><p>Every day, our team of skilled artisans congregate in our kitchen to make pasta by hand. We use ethically sourced eggs and flour to obtain the best quality pasta.</p></div>
4289
4290
​
4291
4292
    </div><div>
4293
    <div class="image-with-text__media
4294
      image-with-text__media--right
4295
       image-with-text__media--square"><img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/files/KN3zLwuA_1_1_311x.png?v=1588995623 311w,
4296
4297
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/KN3zLwuA_1_1_503x.png?v=1588995623 503w,
4298
4299
4300
            "
4301
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
4302
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/KN3zLwuA_1_1_503x503.png?v=1588995623"
4303
          width="519"
4304
          height="447"
4305
          loading="lazy"
4306
          class="image-with-text__image"
4307
          alt=""></div>
4308
  </div></div>
4309
</section>
4310
​
4311
​
4312
</div><div id="shopify-section-image-with-text-2" class="shopify-section"><section class="image-with-text image-with-text--full_background">
4313
  <div class="image-with-text__inner"><div>
4314
    <div class="image-with-text__media
4315
      image-with-text__media--left
4316
       image-with-text__media--square"><img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_311x.jpeg?v=1589540375 311w,
4317
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_622x.jpeg?v=1589540375 622w,
4318
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_503x.jpeg?v=1589540375 503w,
4319
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_1006x.jpeg?v=1589540375 1006w,
4320
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_685x.jpeg?v=1589540375 685w,
4321
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_1370x.jpeg?v=1589540375 1370w"
4322
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
4323
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_503x503.jpeg?v=1589540375"
4324
          width="3187"
4325
          height="2693"
4326
          loading="lazy"
4327
          class="image-with-text__image"
4328
          alt=""></div>
4329
  </div><div class="image-with-text__content
4330
      image-with-text__content--medium
4331
4332
      ">
4333
​
4334
4335
        <h2 class="image-with-text__heading">
4336
          Family tradition
4337
        </h2>
4338
4339
​
4340
4341
        <div class="image-with-text__text rte"><p>Every dish has a purpose and story. We believe in the importance of respecting traditional methods so that our product remains true and integral.</p></div>
4342
4343
​
4344
4345
    </div></div>
4346
</section>
4347
​
4348
​
4349
</div><div id="shopify-section-image-with-text-3" class="shopify-section"><section class="image-with-text image-with-text--full_background">
4350
  <div class="image-with-text__inner"><div class="image-with-text__content
4351
      image-with-text__content--medium
4352
4353
      ">
4354
​
4355
4356
        <h2 class="image-with-text__heading">
4357
          Local pick up
4358
        </h2>
4359
4360
​
4361
4362
        <div class="image-with-text__text rte"><p>Our meals and pantry items are available for pick up at our South Street location Monday-Saturday 12-6pm•.</p></div>
4363
4364
​
4365
4366
    </div><div>
4367
    <div class="image-with-text__media
4368
      image-with-text__media--right
4369
       image-with-text__media--square"><img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_311x.png?v=1589539350 311w,
4370
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_622x.png?v=1589539350 622w,
4371
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_503x.png?v=1589539350 503w,
4372
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_1006x.png?v=1589539350 1006w,
4373
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_685x.png?v=1589539350 685w,
4374
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_1370x.png?v=1589539350 1370w"
4375
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
4376
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_503x503.png?v=1589539350"
4377
          width="1821"
4378
          height="1509"
4379
          loading="lazy"
4380
          class="image-with-text__image"
4381
          alt=""></div>
4382
  </div></div>
4383
</section>
4384
​
4385
​
4386
</div><!-- END content_for_index -->
4387
​
4388
    </main>
4389
​
4390
    <div id="shopify-section-footer" class="shopify-section"><footer class="footer footer--has-blocks critical-hidden" role="contentinfo" data-section-id="footer" data-section-type="footer"><style data-shopify>.footer {
4391
      border-top: 1px solid #000000;
4392
      color: #746b60;
4393
    }
4394
​
4395
    .footer__title,
4396
    .footer__newsletter-submit,
4397
    .disclosure,
4398
    .footer .disclosure-list__item--current .disclosure-list__option  {
4399
      color: #000000;
4400
    }
4401
​
4402
    .footer,
4403
    .footer .disclosure-list {
4404
      background-color: #faf3ec;
4405
    }
4406
​
4407
    .footer .disclosure-list__option {
4408
      color: #746b60;
4409
    }
4410
​
4411
    .footer .disclosure__toggle svg {
4412
      stroke: #746b60;
4413
    }
4414
​
4415
    .footer .disclosure__toggle {
4416
      border-bottom-color: #746b60;
4417
    }
4418
​
4419
    .footer .disclosure-list__option:hover,
4420
    .footer .disclosure-list__option:focus {
4421
      border-bottom: 1px solid #000000;
4422
    }
4423
​
4424
    .footer__newsletter-submit:hover,
4425
    .footer__newsletter-submit:focus {
4426
      background-color: #000000;
4427
      color: #faf3ec;
4428
    }</style><div class="footer__content footer__content--one-half"><div><p class="footer__title">Contact</p><div class="rte">
4429
                <p>1440 Amherst St,<br>Montreal, QC H2L 3L3<br>(855) 816-3857</p>
4430
              </div></div><div><p class="footer__title footer__title--newsletter">Newsletter</p><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter-form form" data-form="" novalidate="novalidate"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
4431
                <div class="footer__newsletter-form-content"><div class="footer__newsletter-input-wrapper form__input-wrapper" data-form-input-wrapper>
4432
                    <label class="footer__newsletter-label form__input-label" for="NewsletterForm--footer">
4433
                      Email address
4434
                    </label>
4435
                    <input
4436
                      id="NewsletterForm--footer"
4437
                      type="email"
4438
                      name="contact[email]"
4439
                      class="footer__newsletter-input form__input"
4440
                      value=""
4441
                      aria-required="true"
4442
                      required
4443
                      autocorrect="off"
4444
                      autocapitalize="off"
4445
                      >
4446
                  </div>
4447
                  <button type="submit" class="footer__newsletter-submit" name="commit" id="Subscribe">
4448
                    Subscribe
4449
                  </button>
4450
                </div></form></div></div><div class="footer__bottom-content footer__bottom-content--reverse">
4451
    <div class="footer__copyright-content-wrapper">
4452
      <small class="footer__copyright-content">&copy; 2020, <a href="/" title="">express-theme-bistro</a></small>
4453
      <small class="footer__copyright-content"><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></small>
4454
    </div></div>
4455
</footer>
4456
​
4457
​
4458
</div>
4459
​
4460
    <ul hidden>
4461
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
4462
      <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
4463
    </ul>
4464
​
4465
    <script>
4466
      window.theme = {
4467
        rootUrl: "/",
4468
        stylesheet: "//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923",
4469
        strings: {
4470
          addToCart: "Add to Cart",
4471
          cartError: "There was an error while updating your cart. Please try again.",
4472
          external: "Opens external website.",
4473
          itemAddedToCartSingle: "Item added to cart!",
4474
          itemAddedToCartMulti: "Items added to cart!",
4475
          newWindow: "Opens in a new window.",
4476
          newWindowExternal: "Opens external website in a new window.",
4477
          quantityError: "You can only add [quantity] \u003cstrong\u003e[title]\u003c\/strong\u003e to your cart.",
4478
          quantityMinimumMessage: "Quantity must be 1 or more",
4479
          productAddedToCart: "[title] added to your cart.",
4480
          productUpdatedOnCart: "Quantity of [title] in your cart updated to [quantity].",
4481
          productRemovedFromCart: "[title] removed from your cart.",
4482
          regularPrice: "Regular price",
4483
          salePrice: "Sale price",
4484
          soldOut: "Sold Out",
4485
          unavailable: "Unavailable",
4486
          unitPrice: "Unit price",
4487
          unitPriceSeparator: "per",
4488
          subtotal: "Subtotal",
4489
          mediaCarousel: "Carousel",
4490
          mediaSlide: "Slide"
4491
        },
4492
        moneyFormat: "${{amount}}",
4493
        moneyFormatWithCurrency: "${{amount}} CAD"
4494
      };
4495
    </script>
4496
    <script src="//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/vendor.min.js?v=4406113277122260113" defer="defer"></script><script src="//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.js?v=17691779636629022336" defer="defer"></script>
4497
  </body>
4498
</html>
Tests:

  • getElementByID

     
    document.getElementById("data-cart")

  • getElementsByClassName

     
    document.getElementsByClassName(".data-cart")

  • querySelector (ID)

     
    document.querySelector("#data-cart")

  • querySelector (class)

     
    document.querySelector(".data-cart")

  • querySelector (data)

     
    document.querySelector("[data-cart]")

  • querySelectorAll (class)

     
    document.querySelectorAll(".data-cart")

  • querySelectorAll (data)

     
    document.querySelectorAll("[data-cart]")
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    getElementByID
    getElementsByClassName
    querySelector (ID)
    querySelector (class)
    querySelector (data)
    querySelectorAll (class)
    querySelectorAll (data)

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 4 years ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36
Chrome 85 on Mac OS X 10.15.7
View result in a separate tab
Test name Executions per second
getElementByID 5052328.5 Ops/sec
getElementsByClassName 4832212.0 Ops/sec
querySelector (ID) 866348.1 Ops/sec
querySelector (class) 1971409.2 Ops/sec
querySelector (data) 622247.6 Ops/sec
querySelectorAll (class) 35819.7 Ops/sec
querySelectorAll (data) 18848.0 Ops/sec
LLMs can make mistakes. Check important info.
Related benchmarks: