Benchmark: Selector Comparisons with Example Shop Data

HTML Preparation code:
<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <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
&ndash; express-theme-bistro</title><script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
    </script>
    <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">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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>
<script>var Shopify = Shopify || {};
Shopify.shop = "express-theme-bistro.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"CAD","rate":"1.0"};
Shopify.theme = {"name":"Express-reunite","id":80771842070,"theme_store_id":885,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cdn.shopify.com";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<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>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'CAD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</script>
<script class="analytics">(function () {
  var customDocumentWrite = function(content) {
    var jquery = null;

    if (window.jQuery) {
      jquery = window.jQuery;
    } else if (window.Checkout && window.Checkout.$) {
      jquery = window.Checkout.$;
    }

    if (jquery) {
      jquery('body').append(content);
    }
  };

  var isDuplicatedThankYouPageView = function() {
    return document.cookie.indexOf('loggedConversion=' + window.location.pathname) !== -1;
  }

  var setCookieIfThankYouPage = function() {
    if (window.location.pathname.indexOf('/checkouts') !== -1 &&
        window.location.pathname.indexOf('/thank_you') !== -1) {

      var twoMonthsFromNow = new Date(Date.now());
      twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

      document.cookie = 'loggedConversion=' + window.location.pathname + '; expires=' + twoMonthsFromNow;
    }
  }

  var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  if (trekkie.integrations) {
    return;
  }
  trekkie.methods = [
    'identify',
    'page',
    'ready',
    'track',
    'trackForm',
    'trackLink'
  ];
  trekkie.factory = function(method) {
    return function() {
      var args = Array.prototype.slice.call(arguments);
      args.unshift(method);
      trekkie.push(args);
      return trekkie;
    };
  };
  for (var i = 0; i < trekkie.methods.length; i++) {
    var key = trekkie.methods[i];
    trekkie[key] = trekkie.factory(key);
  }
  trekkie.load = function(config) {
    trekkie.config = config;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onerror = function(e) {      var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });
    
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful
    
        } // XHR beacon   
    
        var xhr = new XMLHttpRequest();
    
        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }
    
        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.0',
      {shop_id: 26219839510,
      theme_id: 80771842070,
      app_name: "storefront"});          

      (new Image()).src = '//v.shopify.com/internal_errors/track?error=trekkie_load';
    };
    script.async = true;
    script.src = 'https://cdn.shopify.com/s/javascripts/tricorder/trekkie.storefront.min.js?v=2020.07.13.1';
    var first = document.getElementsByTagName('script')[0];
    first.parentNode.insertBefore(script, first);
  };
  trekkie.load(
    {"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":{}}
  );

  var loaded = false;
  trekkie.ready(function() {
    if (loaded) return;
    loaded = true;

    window.ShopifyAnalytics.lib = window.trekkie;
    

    var originalDocumentWrite = document.write;
    document.write = customDocumentWrite;
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
    document.write = originalDocumentWrite;
      (function () {
        if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
          return;
        }
        window.BOOMR = window.BOOMR || {};
        window.BOOMR.snippetStart = new Date().getTime();
        window.BOOMR.snippetExecuted = true;
        window.BOOMR.snippetVersion = 12;
        window.BOOMR.application = "storefront-renderer";
        window.BOOMR.themeName = "Express";
        window.BOOMR.themeVersion = "1.6.0";
        window.BOOMR.shopId = 26219839510;
        window.BOOMR.themeId = 80771842070;
        window.BOOMR.url =
          "https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
        var where = document.currentScript || document.getElementsByTagName("script")[0];
        var parentNode = where.parentNode;
        var promoted = false;
        var LOADER_TIMEOUT = 3000;
        function promote() {
          if (promoted) {
            return;
          }
          var script = document.createElement("script");
          script.id = "boomr-scr-as";
          script.src = window.BOOMR.url;
          script.async = true;
          parentNode.appendChild(script);
          promoted = true;
        }
        function iframeLoader(wasFallback) {
          promoted = true;
          var dom, bootstrap, iframe, iframeStyle;
          var doc = document;
          var win = window;
          window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
          bootstrap = function(parent, scriptId) {
            var script = doc.createElement("script");
            script.id = scriptId || "boomr-if-as";
            script.src = window.BOOMR.url;
            BOOMR_lstart = new Date().getTime();
            parent = parent || doc.body;
            parent.appendChild(script);
          };
          if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
            window.BOOMR.snippetMethod = "s";
            bootstrap(parentNode, "boomr-async");
            return;
          }
          iframe = document.createElement("IFRAME");
          iframe.src = "about:blank";
          iframe.title = "";
          iframe.role = "presentation";
          iframe.loading = "eager";
          iframeStyle = (iframe.frameElement || iframe).style;
          iframeStyle.width = 0;
          iframeStyle.height = 0;
          iframeStyle.border = 0;
          iframeStyle.display = "none";
          parentNode.appendChild(iframe);
          try {
            win = iframe.contentWindow;
            doc = win.document.open();
          } catch (e) {
            dom = document.domain;
            iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
            win = iframe.contentWindow;
            doc = win.document.open();
          }
          if (dom) {
            doc._boomrl = function() {
              this.domain = dom;
              bootstrap();
            };
            doc.write("<body onload='document._boomrl();'>");
          } else {
            win._boomrl = function() {
              bootstrap();
            };
            if (win.addEventListener) {
              win.addEventListener("load", win._boomrl, false);
            } else if (win.attachEvent) {
              win.attachEvent("onload", win._boomrl);
            }
          }
          doc.close();
        }
        var link = document.createElement("link");
        if (link.relList &&
          typeof link.relList.supports === "function" &&
          link.relList.supports("preload") &&
          ("as" in link)) {
          window.BOOMR.snippetMethod = "p";
          link.href = window.BOOMR.url;
          link.rel = "preload";
          link.as = "script";
          link.addEventListener("load", promote);
          link.addEventListener("error", function() {
            iframeLoader(true);
          });
          setTimeout(function() {
            if (!promoted) {
              iframeLoader(true);
            }
          }, LOADER_TIMEOUT);
          BOOMR_lstart = new Date().getTime();
          parentNode.appendChild(link);
        } else {
          iframeLoader(false);
        }
        function boomerangSaveLoadTime(e) {
          window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
        }
        if (window.addEventListener) {
          window.addEventListener("load", boomerangSaveLoadTime, false);
        } else if (window.attachEvent) {
          window.attachEvent("onload", boomerangSaveLoadTime);
        }
        if (document.addEventListener) {
          document.addEventListener("onBoomerangLoaded", function(e) {
            e.detail.BOOMR.init({
              producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
              ResourceTiming: {
                enabled: true,
                trackedResourceTypes: ["script", "img", "css"]
              },
            });
            e.detail.BOOMR.t_end = new Date().getTime();
          });
        } else if (document.attachEvent) {
          document.attachEvent("onpropertychange", function(e) {
            if (!e) e=event;
            if (e.propertyName === "onBoomerangLoaded") {
              e.detail.BOOMR.init({
                producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
                ResourceTiming: {
                  enabled: true,
                  trackedResourceTypes: ["script", "img", "css"]
                },
              });
              e.detail.BOOMR.t_end = new Date().getTime();
            }
          });
        }
      })();
    

    if (!isDuplicatedThankYouPageView()) {
      setCookieIfThankYouPage();
      
        window.ShopifyAnalytics.lib.page(
          null,
          {"pageType":"home"}
        );
      
      
    }
  });

  
      var eventsListenerScript = document.createElement('script');
      eventsListenerScript.async = true;
      eventsListenerScript.src = "//cdn.shopify.com/s/assets/shop_events_listener-d81deda6557a113fbcc6a993184828adcef6f241e4ca52b6a21169cb03169317.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<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>
<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>


<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    


<meta property="og:site_name" content="express-theme-bistro">
<meta property="og:url" content="https://express-theme-bistro.myshopify.com/">
<meta property="og:title" content="Giallo">
<meta property="og:type" content="website">
<meta property="og:description" content="express-theme-bistro">

<meta name="twitter:site" content="@">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Giallo">
<meta name="twitter:description" content="express-theme-bistro">

    <style data-shopify>@font-face {
  font-family: Cardo;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/cardo/cardo_n4.eebb245e383be6550785a657b25f51c2b83d7e78.woff2?&hmac=f55d2f6889c1d7bebc007428be6b8c853e68c3f440bfe6ad29f8c2ac6d197874") format("woff2"),
       url("https://fonts.shopifycdn.com/cardo/cardo_n4.5873ec3470fadfb2463a972a55c13c82fcea3051.woff?&hmac=34e67c048bbb4f9d8e576046a824377f14d053a845ae295ae852458749c1cf0f") format("woff");
}

  @font-face {
  font-family: Helvetica;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_n4.fe093fe9ca22a15354813c912484945a36b79146.woff2?&hmac=64c57d7fee8da8223a0d4856285068c02c248ef210cae57dcd9c3e633375e8a4") format("woff2"),
       url("https://fonts.shopifycdn.com/helvetica/helvetica_n4.8bddb85c18a0094c427a9bf65dee963ad88de4e8.woff?&hmac=f74109e3105603c8a8cfbd8dec4e8a7e53572346fb96aacec203fc3881ddabf1") format("woff");
}

  @font-face {
  font-family: Helvetica;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_n7.39bee04bd277a9c4e94e2fd42d53f4e3c0afb8a5.woff2?&hmac=b99c35ba03edd5495ba7af87326d5fe8af5b2363f485475338ae16401b9af50d") format("woff2"),
       url("https://fonts.shopifycdn.com/helvetica/helvetica_n7.b95359461a6788d5549e702cb2123bc40c227e49.woff?&hmac=684bc7a600f408db705c8f9b90d3d964d22c13a8ce7492386d351a852f30309b") format("woff");
}

  @font-face {
  font-family: Helvetica;
  font-weight: 400;
  font-style: oblique;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_o4.f9832a0fc1ee8fc5a359636e410d6941e1e4ca03.woff2?&hmac=775a8a34e13ea386c331d51fd5f061993cd3135ce54cc4ed2b9254f3a3be05df") format("woff2"),
       url("https://fonts.shopifycdn.com/helvetica/helvetica_o4.0063286aec443697ebae04eeb9c78b820f9f7805.woff?&hmac=32c2cf4f29cdfb274d76aeb45a9a8b5c97eb6a9255cc2073ee5c1a85140ad7fe") format("woff");
}

  @font-face {
  font-family: Helvetica;
  font-weight: 700;
  font-style: oblique;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/helvetica/helvetica_o7.215fd4ca1a06214fa01e44328a1992c977700ea2.woff2?&hmac=b7d9523eaf6b1e57f158595303d5e41e66c07d43212d2fbfe8df1f4b7d6c1f79") format("woff2"),
       url("https://fonts.shopifycdn.com/helvetica/helvetica_o7.b0a2026ae2aa64d060f9ce0ee1b3c3c1aa21bf88.woff?&hmac=97dc9f03549c58cc74feee46ffde68daa822080823ae1159e9cd489daf68bcb9") format("woff");
}


  :root {
    
    --font-heading-family: Cardo, serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-heading-base-size: 2.6rem;

    
    --font-body-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
    --font-body-base-size: 62.5%;

    
    --color-background: #fffbf6;
    --color-background-rgba-stripped: 255, 251, 246;
    --color-secondary-background: #faf3ec;
    --color-borders-and-lines: #dad0ca;
    --color-borders-and-lines-rgba-stripped: 218, 208, 202;
    --color-button: #000000;

    
    --color-headings-and-links: #000000;
    --color-headings-and-links-rgba-stripped: 0, 0, 0;
    --color-body-text: #746b60;
    --color-body-text-rgba-stripped: 116, 107, 96;
    --color-secondary-background-text: #000000;
    --color-secondary-background-text-rgba-stripped: 0, 0, 0;
    --color-sale-price: #c74230;

    
    --color-field-text: #000000;
    --color-field-borders: #000000;
  }</style>

    <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>

    <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;">
    <noscript><link rel="stylesheet" href="//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923"></noscript>
    <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)}

    var preload = document.querySelector('link[href="//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923"]');
    var stylesheet = loadCSS("//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923", preload);
    onloadCSS(stylesheet, function() { stylesheet.loaded = true; });
    </script>
  <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" />
<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" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />
</head>

  <body>
    <a class="skip-link" href="#MainContent">Skip to content</a><div class="stage stage--cart" data-popup-stage="cart">
  <div class="stage__overlay" data-popup-close="cart"></div>
    <div role="dialog"
         aria-modal="true"
         aria-labelledby="cart-drawer-title"
         data-cart
         data-popup="cart"
         class="drawer drawer--right  is-empty data-cart"
         id="data-cart"
         >
      <div class="cart-drawer-container" data-popup-focus="cart" tabindex="-1">
        <form id="CartDrawer"
          action="/cart"
          class="cart-drawer critical-hidden"
          method="post"
          novalidate>

          <div class="cart-drawer__header">
            <h2 class="visually-hidden" id="cart-drawer-title">Shopping Cart</h2>
            <button type="button"
              class="cart-drawer__close-button"
              data-popup-close="cart"
              data-cart-close>

              <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>
              <span class="cart-drawer__title">Continue shopping</span>
            </button>
          </div>

          <div class="cart-drawer__content">
            <p class="cart-drawer__empty-text" data-cart-empty-text>Your cart is currently empty.</p>
            <p class="cart-drawer__no-cookies-text">Enable cookies to use the shopping cart</p>

            <div class="cart-drawer__items" data-cart-items>
              
            </div>

            
          </div>

          <div class="cart-drawer__footer">
            <div class="cart-drawer__totals">
              <h3 class="cart-drawer__subtotal">Subtotal</h3>
              <p class="cart-drawer__subtotal-value" data-cart-price>$0.00</p>
              <p class="visually-hidden" data-price-live-region aria-live="polite" role="status"></p>
            </div>

            <div data-discounts>
              
            </div><p class="cart-drawer__notice">Taxes and shipping calculated at checkout
</p>

            <div class="cart-drawer__ctas">
              <button type="submit"
                class="button"
                name="checkout"
                data-checkout-button
                 disabled >

                Check Out
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<div class="product-modal-wrapper critical-hidden" role="dialog" aria-modal="true" aria-labelledby="ProductHeadingModal" data-product-modal-wrapper data-popup-stage="product-modal">
  <div class="stage__overlay" data-popup-close="product-modal"></div>
  <div class="product-modal" data-product-modal data-popup="product-modal" data-popup-focus="product-modal" tabindex="-1">
    <button class="product-modal__close" aria-label="Close" data-popup-close="product-modal">
      <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>
    </button>
    <div class="product-modal__content" data-product-modal-content>
    </div>
  </div>
</div>

<div id="SearchDrawer"
	class="stage critical-hidden"
	role="dialog"
  aria-modal="true"
	data-popup-stage="search">
	<div class="stage__overlay" data-popup-close="search"></div>
	<div class="search-drawer search" data-popup="search">
		<div class="search-wrapper">
			<form action="/search" class="search__form" method="get" role="search" data-form>
				<div class="search__form-input-wrapper form__input-wrapper" data-form-input-wrapper>
					<label class="search__form-input-label search__form-input-label--drawer form__input-label" for="q" aria-hidden="true">Search</label>
					<input class="search__form-input search__form-input--drawer form__input" type="search" name="q" value="" data-popup-focus="search" required>
				</div>

				<button class="search__form-button search__form-button--drawer search-submit" type="submit">
					<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>
					<span class="icon-fallback-text">Search</span>
				</button>
				<button class="search__form-button search__form-button--drawer search-close" type="button" data-popup-close="search">
					<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>
					<span class="icon-fallback-text">Close search</span>
				</button>
			</form>
		</div>
	</div>
</div>


    <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 {
        background-color: #faf3ec;
        border-bottom: 1px solid #373737;
      }

      .announcement-bar__message {
        color: #373737;
      }.search-drawer {
          background-color: var(--color-secondary-background);
        }

        .search__form-button--drawer, .search__form-input-label--drawer, .search__form-input--drawer.form__input {
          color: var(--color-secondary-background-text);
        }

        .search__form-input--drawer.form__input{
          border-color: var(--color-secondary-background-text);
        }

        .search__form-button--drawer .icon-close {
          stroke: var(--color-secondary-background-text);
        }</style><div class="announcement-bar" role="region" aria-label="Announcement" data-announcement-bar>
      <p class="announcement-bar__message">Due to covid 19 we have temporarily transitioned to curbside pickup and home delivery</p>
    </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 {
              max-width: 80px;
            }</style>
          <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"
            src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d_80x.png?v=1589288041"
            loading="lazy"
            class="header__logo-image"
            alt="express-theme-bistro"
            data-logo-image>
        
      </a>
      </h1><div class="header__icons"><button type="button"
          class="header__icon header__icon--button header__icon--search-button"
          aria-controls="SearchDrawer"
          aria-haspopup="dialog"
          aria-expanded="false"
          data-popup-open="search"
          data-search-toggle
          data-header-icon
        >
          <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>
          <span class="visually-hidden">Search</span>
        </button>

        <a href="/search" class="header__icon header__icon--search-link" data-header-icon>
          <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>
          <span class="icon-fallback-text">Search</span>
        </a><a href="/cart"
        class="header__icon header__icon--button header__icon--cart-button-link"
        data-header-icon
      >
        <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>
        <span class="icon-fallback-text">Cart</span>

        <div class="header__cart-count-bubble hidden" data-cart-count-bubble>
            <span class="icon-fallback-text" data-cart-count-text>Number of items in your cart:</span>
            <span data-cart-count>0
</span>
          </div>
      </a><button class="header__icon header__icon--button header__icon--cart"
          data-header-icon
          aria-controls="CartDrawer"
          aria-haspopup="dialog"
          aria-expanded="false"
          data-popup-open="cart">

          <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>
          <span class="icon-fallback-text">Cart</span>

          <div class="header__cart-count-bubble hidden" data-cart-count-bubble>
            <span class="icon-fallback-text" data-cart-count-text>Number of items in your cart:</span>
            <span data-cart-count>0
</span>
          </div>
        </button><div class="header__cart-price-bubble" data-header-icon>
        <span class="icon-fallback-text">Cart price</span>
        <span data-cart-price-bubble data-cart-price>$0.00</span>
      </div></div></header>
</div>

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "name": "express-theme-bistro",
  
    
    "logo": "https://cdn.shopify.com/s/files/1/0262/1983/9510/files/Giallo_44f1657d-a6e3-44c3-8d43-dbd20129329d_289x.png?v=1589288041",
  
  "sameAs": [
    "",
    "",
    "",
    "",
    "",
    "",
    "",
    ""
  ],
  "url": "https://express-theme-bistro.myshopify.com"
}
</script>


  
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "express-theme-bistro",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/express-theme-bistro.myshopify.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/express-theme-bistro.myshopify.com"
    }
  </script>



</div>

    <main id="MainContent" class="content-for-layout" role="main" data-main-content>
      <div class="sticky-header-sentinel" data-sticky-sentinel-header></div>
      <!-- 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">
  <div class="image-with-text__inner"><div class="image-with-text__content
      image-with-text__content--large
      
      ">

      
        <h2 class="image-with-text__heading">
          Traditional fresh pasta since 1978.
        </h2>
      

      

      
    </div><div>
    <div class="image-with-text__media
      image-with-text__media--right
      "><img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_311x.png?v=1589548218 311w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_622x.png?v=1589548218 622w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_503x.png?v=1589548218 503w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_1006x.png?v=1589548218 1006w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_685x.png?v=1589548218 685w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_1370x.png?v=1589548218 1370w"
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/newpastaficed-2_503x503.png?v=1589548218"
          width="2421"
          height="1989"
          loading="lazy"
          class="image-with-text__image image-with-text__image--auto"
          alt=""></div>
  </div></div>
</section>


</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>
      <div class="featured-collections__tabpanel scroller-parent">
        <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
                  class="featured-collections-tab__item featured-collections-tab__item--active"
                  id="featured-collections-0-tab"
                  role="tab"
                  aria-selected="true"
                  aria-controls="featured-collections-0-tab-panel"
                  tabindex="0"
                  data-featured-collections-tab
                   data-featured-collections-selected-tab
                  data-collection-title="Fresh Meals"
                  data-featured-collections-tab-number="0"
                  data-featured-collections-block-id="featured-collections-0"
                  ><span class="featured-collections__item-title">Fresh Meals</span>
                    <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></li><li
                  class="featured-collections-tab__item"
                  id="featured-collections-1-tab"
                  role="tab"
                  aria-selected="false"
                  aria-controls="featured-collections-1-tab-panel"
                  tabindex="-1"
                  data-featured-collections-tab
                  
                  data-collection-title="Pasta"
                  data-featured-collections-tab-number="1"
                  data-featured-collections-block-id="featured-collections-1"
                  ><span class="featured-collections__item-title">Pasta</span>
                    <sup class="featured-collections__product-count">16<span class="visually-hidden"> products</span></sup></li><li
                  class="featured-collections-tab__item"
                  id="featured-collections-2-tab"
                  role="tab"
                  aria-selected="false"
                  aria-controls="featured-collections-2-tab-panel"
                  tabindex="-1"
                  data-featured-collections-tab
                  
                  data-collection-title="Drinks & Desserts"
                  data-featured-collections-tab-number="2"
                  data-featured-collections-block-id="featured-collections-2"
                  ><span class="featured-collections__item-title">Drinks &amp; Desserts</span>
                    <sup class="featured-collections__product-count">4<span class="visually-hidden"> products</span></sup></li><li
                  class="featured-collections-tab__item"
                  id="featured-collections-3-tab"
                  role="tab"
                  aria-selected="false"
                  aria-controls="featured-collections-3-tab-panel"
                  tabindex="-1"
                  data-featured-collections-tab
                  
                  data-collection-title="Merchandise"
                  data-featured-collections-tab-number="3"
                  data-featured-collections-block-id="featured-collections-3"
                  ><span class="featured-collections__item-title">Merchandise</span>
                    <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></li></ul></div>
        <div class="featured-collections__gradient">
        </div>
        <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">
          <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>
          <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>
        </button>
        <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">
          <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>
          <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>
        </button>
      </div>
    </div><div class="featured-collections__wrapper" data-featured-collections-wrapper><div class="featured-collections__panel featured-collections__panel--active featured-collections__panel--visible"
        role="tabpanel"
        id="featured-collections-0-tab-panel"
        aria-labelledby="featured-collections-0-tab"
        data-featured-collections-tab-panel
        data-collection-title="Fresh Meals"
        
          
        >
        <noscript>
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Fresh Meals</span>
              <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></h2>
        </noscript>
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Lasagna</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Lasagna in your cart"
    data-label-multi="There are [quantity] Lasagna in your cart"
    data-quantity-indicator="4352759365654">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_90x.jpg?v=1589312197 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_180x.jpg?v=1589312197 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x.jpg?v=1589312197 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_220x.jpg?v=1589312197 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x110.jpg?v=1589312197"
          width="3492"
          height="4656"
          loading="lazy"
          class="product-card__image"
          alt="Lasagna"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Lasagna</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_90x.jpg?v=1589312197 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_180x.jpg?v=1589312197 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x.jpg?v=1589312197 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_220x.jpg?v=1589312197 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/sunorwind-PgkGsxjvGB4-unsplash_110x110.jpg?v=1589312197"
          width="3492"
          height="4656"
          loading="lazy"
          class="product-card__image"
          alt="Lasagna"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$19.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$19.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $19.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $19.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/spinach-lasagna" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Spinach pasta, tomato sauce, fresh mozzarella, fresh basil.

This is a demonstration store.</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Pappardelle</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Pappardelle in your cart"
    data-label-multi="There are [quantity] Pappardelle in your cart"
    data-quantity-indicator="4352759234582">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_90x.jpg?v=1589334386 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_180x.jpg?v=1589334386 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x.jpg?v=1589334386 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_220x.jpg?v=1589334386 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x110.jpg?v=1589334386"
          width="3373"
          height="3373"
          loading="lazy"
          class="product-card__image"
          alt="Pappardelle"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Pappardelle</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_90x.jpg?v=1589334386 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_180x.jpg?v=1589334386 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x.jpg?v=1589334386 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_220x.jpg?v=1589334386 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/christine-siracusa-Cs5xVwB50Ps-unsplash_110x110.jpg?v=1589334386"
          width="3373"
          height="3373"
          loading="lazy"
          class="product-card__image"
          alt="Pappardelle"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$23.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$23.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $23.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $23.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/vegan-tomato-bolognese" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Fresh pappardelle, tomato sauce, soy-based vegan bolognese, fresh basil.
 

This is a demonstration store.</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Gnocchi Verde</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Gnocchi Verde in your cart"
    data-label-multi="There are [quantity] Gnocchi Verde in your cart"
    data-quantity-indicator="4352759005206">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_90x.png?v=1589334449 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_180x.png?v=1589334449 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x.png?v=1589334449 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_220x.png?v=1589334449 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x110.png?v=1589334449"
          width="1600"
          height="1432"
          loading="lazy"
          class="product-card__image"
          alt="Gnocchi Verde"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Gnocchi Verde</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_90x.png?v=1589334449 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_180x.png?v=1589334449 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x.png?v=1589334449 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_220x.png?v=1589334449 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/gnocci_110x110.png?v=1589334449"
          width="1600"
          height="1432"
          loading="lazy"
          class="product-card__image"
          alt="Gnocchi Verde"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$18.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$18.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $18.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $18.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/tomato-gnocchi" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Handmade potato gnocchi, pork fennel sausages, pesto, fresh basil.

This is a demonstration store.</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Carbonara Bucatini</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Carbonara Bucatini in your cart"
    data-label-multi="There are [quantity] Carbonara Bucatini in your cart"
    data-quantity-indicator="4352758939670">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_90x.png?v=1588959544 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_180x.png?v=1588959544 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x.png?v=1588959544 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_220x.png?v=1588959544 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x110.png?v=1588959544"
          width="698"
          height="730"
          loading="lazy"
          class="product-card__image"
          alt="Carbonara Bucatini"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Carbonara Bucatini</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_90x.png?v=1588959544 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_180x.png?v=1588959544 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x.png?v=1588959544 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_220x.png?v=1588959544 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_6440_110x110.png?v=1588959544"
          width="698"
          height="730"
          loading="lazy"
          class="product-card__image"
          alt="Carbonara Bucatini"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$22.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$22.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $22.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $22.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/carbonara" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">


Wine cream, smoked bacon, chives, garlic, black pepper, soft egg, parmesan.









This is a demonstration store.
</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Bolognese</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Bolognese in your cart"
    data-label-multi="There are [quantity] Bolognese in your cart"
    data-quantity-indicator="4352758743062">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_90x.png?v=1588959691 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_180x.png?v=1588959691 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x.png?v=1588959691 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_220x.png?v=1588959691 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x110.png?v=1588959691"
          width="622"
          height="730"
          loading="lazy"
          class="product-card__image"
          alt="Bolognese"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Bolognese</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_90x.png?v=1588959691 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_180x.png?v=1588959691 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x.png?v=1588959691 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_220x.png?v=1588959691 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/IMG_0172_110x110.png?v=1588959691"
          width="622"
          height="730"
          loading="lazy"
          class="product-card__image"
          alt="Bolognese"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$21.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$21.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $21.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $21.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/leos-bolognese" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Tagliatelle, organic angus beef, fennel sausage, bacon, tomato sauce, ricotta, parmesan, basil oil.
 

This is a demo...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Classic Ricotta Ravioli</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Classic Ricotta Ravioli in your cart"
    data-label-multi="There are [quantity] Classic Ricotta Ravioli in your cart"
    data-quantity-indicator="4352758710294">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_90x.png?v=1589334565 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_180x.png?v=1589334565 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x.png?v=1589334565 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_220x.png?v=1589334565 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x110.png?v=1589334565"
          width="1432"
          height="1340"
          loading="lazy"
          class="product-card__image"
          alt="Classic Ricotta Ravioli"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Classic Ricotta Ravioli</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_90x.png?v=1589334565 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_180x.png?v=1589334565 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x.png?v=1589334565 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_220x.png?v=1589334565 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/ravioli_97bb57b2-590f-47ae-b80b-4f3af2d2890f_110x110.png?v=1589334565"
          width="1432"
          height="1340"
          loading="lazy"
          class="product-card__image"
          alt="Classic Ricotta Ravioli"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$18.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          $12.00
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$18.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $18.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          $12.00
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $18.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/classic-ricotta-ravioli" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Handmade pasta, ricotta, tomato sauce, and fresh basil.


This is a demonstration store.</p>
      </div></div>
  </div>
</div>

            </li></ul></div><div class="featured-collections__panel"
        role="tabpanel"
        id="featured-collections-1-tab-panel"
        aria-labelledby="featured-collections-1-tab"
        data-featured-collections-tab-panel
        data-collection-title="Pasta"
        
           data-view-more="true"
        >
        <noscript>
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Pasta</span>
              <sup class="featured-collections__product-count">16<span class="visually-hidden"> products</span></sup></h2>
        </noscript>
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Medaglie</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Medaglie in your cart"
    data-label-multi="There are [quantity] Medaglie in your cart"
    data-quantity-indicator="4353754824726">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_90x.png?v=1589410528 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_180x.png?v=1589410528 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x.png?v=1589410528 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_220x.png?v=1589410528 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x110.png?v=1589410528"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Medaglie"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Medaglie</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_90x.png?v=1589410528 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_180x.png?v=1589410528 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x.png?v=1589410528 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_220x.png?v=1589410528 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Medaglie_110x110.png?v=1589410528"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Medaglie"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$9.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$9.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $9.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $9.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/medaglie" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
A versatile stamped pasta shape that can add quite a bit of beauty to a modern or traditional plate. Our medaglie ar...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Cappellacci</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Cappellacci in your cart"
    data-label-multi="There are [quantity] Cappellacci in your cart"
    data-quantity-indicator="4353750630422">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_90x.png?v=1589410363 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_180x.png?v=1589410363 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x.png?v=1589410363 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_220x.png?v=1589410363 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x110.png?v=1589410363"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Cappellacci"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Cappellacci</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_90x.png?v=1589410363 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_180x.png?v=1589410363 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x.png?v=1589410363 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_220x.png?v=1589410363 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Capellaci_110x110.png?v=1589410363"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Cappellacci"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$9.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$9.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $9.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $9.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/cappellacci" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
Some say they resemble the straw headwear once worn by farmers in the Pianura Padana, while others believe the name ...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Rigatoni</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Rigatoni in your cart"
    data-label-multi="There are [quantity] Rigatoni in your cart"
    data-quantity-indicator="4352760807446">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_90x.png?v=1588961752 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_180x.png?v=1588961752 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x.png?v=1588961752 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_220x.png?v=1588961752 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x110.png?v=1588961752"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Rigatoni"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Rigatoni</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_90x.png?v=1588961752 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_180x.png?v=1588961752 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x.png?v=1588961752 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_220x.png?v=1588961752 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/BDP-Rigatoni_110x110.png?v=1588961752"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Rigatoni"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$8.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$8.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $8.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $8.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/rigatoni" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
Exceptional ability to carry sauce. An absolute classic maccherone, rigatoni are a favorite for many pasta lovers. T...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Sfoglie</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Sfoglie in your cart"
    data-label-multi="There are [quantity] Sfoglie in your cart"
    data-quantity-indicator="4352760741910">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_90x.png?v=1588961660 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_180x.png?v=1588961660 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x.png?v=1588961660 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_220x.png?v=1588961660 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x110.png?v=1588961660"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Sfoglie"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Sfoglie</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_90x.png?v=1588961660 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_180x.png?v=1588961660 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x.png?v=1588961660 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_220x.png?v=1588961660 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/LP-Sfoglie_110x110.png?v=1588961660"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Sfoglie"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$16.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$16.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $16.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $16.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/sfoglie" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
These delicate, thin sheets can be used to produce anything you can imagine, for modern or traditional dishes.

Ingr...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Tortellini</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Tortellini in your cart"
    data-label-multi="There are [quantity] Tortellini in your cart"
    data-quantity-indicator="4352760512534">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_90x.png?v=1588961583 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_180x.png?v=1588961583 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x.png?v=1588961583 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_220x.png?v=1588961583 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x110.png?v=1588961583"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Tortellini"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Tortellini</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_90x.png?v=1588961583 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_180x.png?v=1588961583 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x.png?v=1588961583 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_220x.png?v=1588961583 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Tortellini-copy_110x110.png?v=1588961583"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Tortellini"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$8.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$8.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $8.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $8.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/tortellini" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
A Bolognese tradition. These legendary jewels of pasta are widely eaten in Bologna and Modena to celebrate Christmas...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Classic Ravioli</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Classic Ravioli in your cart"
    data-label-multi="There are [quantity] Classic Ravioli in your cart"
    data-quantity-indicator="4352760414230">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_90x.png?v=1588961432 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_180x.png?v=1588961432 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x.png?v=1588961432 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_220x.png?v=1588961432 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x110.png?v=1588961432"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Classic Ravioli"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Classic Ravioli</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_90x.png?v=1588961432 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_180x.png?v=1588961432 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x.png?v=1588961432 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_220x.png?v=1588961432 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/FP-Classic-Ravioli_110x110.png?v=1588961432"
          width="330"
          height="284"
          loading="lazy"
          class="product-card__image"
          alt="Classic Ravioli"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$9.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$9.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $9.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $9.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/classic-ravioli" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
Our signature filled pasta. Our signature filled pasta is characterized by its humble shape, practical production, a...</p>
      </div></div>
  </div>
</div>

            </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
              class="featured-collections__view-more"
              aria-label="Load more products from Pasta collection"
              data-view-more-button
              data-view-more-step="36"
              data-view-more-current="6"
              data-view-more-max="16"
              data-view-more-next="/collections/pasta?section_id=collection-template&page=[pagination]">
              View more
            </button>
            <noscript>
              <a href="/collections/pasta" class="featured-collections__view-more">
                View more
              </a>
            </noscript></div><div class="featured-collections__panel"
        role="tabpanel"
        id="featured-collections-2-tab-panel"
        aria-labelledby="featured-collections-2-tab"
        data-featured-collections-tab-panel
        data-collection-title="Drinks & Desserts"
        
          
        >
        <noscript>
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Drinks &amp; Desserts</span>
              <sup class="featured-collections__product-count">4<span class="visually-hidden"> products</span></sup></h2>
        </noscript>
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Giallo cake</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Giallo cake in your cart"
    data-label-multi="There are [quantity] Giallo cake in your cart"
    data-quantity-indicator="4353673920534">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Giallo cake</span>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$7.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$7.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $7.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $7.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/giallo-cake" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
Chocolate biscuit bathed in Espresso coffee, whipped cream, sprinkled with chocolate powder and crushed almonds.

Th...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Acqua Panna</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Acqua Panna in your cart"
    data-label-multi="There are [quantity] Acqua Panna in your cart"
    data-quantity-indicator="4352795279382">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Acqua Panna</span>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$3.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$3.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $3.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $3.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/aqua-pana" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
Premium bottled natural spring water crafted by nature. Perfect for on-the-go or a special meal. 250ml bottle. 

Thi...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Panna Cotta</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Panna Cotta in your cart"
    data-label-multi="There are [quantity] Panna Cotta in your cart"
    data-quantity-indicator="4352795246614">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Panna Cotta</span>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$7.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$7.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $7.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $7.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/pana-cotta" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
Chilled Italian dessert with homemade raspberry syrup. Incredibly smooth custard cream and garnished with fresh mint...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Lemonade</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Lemonade in your cart"
    data-label-multi="There are [quantity] Lemonade in your cart"
    data-quantity-indicator="4352795213846">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Lemonade</span>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$5.50
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          $3.50
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$5.50
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $5.50
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          $3.50
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $5.50
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/lemonade" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Homemade artisanal lemonade made in our kitchen daily. Perfect for on-the-go or a special meal. 300ml bottle. 

This ...</p>
      </div></div>
  </div>
</div>

            </li></ul></div><div class="featured-collections__panel"
        role="tabpanel"
        id="featured-collections-3-tab-panel"
        aria-labelledby="featured-collections-3-tab"
        data-featured-collections-tab-panel
        data-collection-title="Merchandise"
        
          
        >
        <noscript>
          <h2 class="featured-collections__title"><span class="featured-collections__item-title">Merchandise</span>
              <sup class="featured-collections__product-count">6<span class="visually-hidden"> products</span></sup></h2>
        </noscript>
        <ul class="featured-collections__products" role="list" data-view-more-content><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Reusable food store bag</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Reusable food store bag in your cart"
    data-label-multi="There are [quantity] Reusable food store bag in your cart"
    data-quantity-indicator="4353674182678">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_90x.png?v=1589334910 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_180x.png?v=1589334910 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x.png?v=1589334910 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_220x.png?v=1589334910 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x110.png?v=1589334910"
          width="3810"
          height="3810"
          loading="lazy"
          class="product-card__image"
          alt="Reusable food store bag"></div>
    <div class="product-card__content">
      <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">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_90x.png?v=1589334910 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_180x.png?v=1589334910 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x.png?v=1589334910 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_220x.png?v=1589334910 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/pastabag_110x110.png?v=1589334910"
          width="3810"
          height="3810"
          loading="lazy"
          class="product-card__image"
          alt="Reusable food store bag"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$8.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          $5.00
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$8.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $8.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          $5.00
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $8.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/reusable-food-store-bag" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
The Organic Bag is a wonderful reusable alternative to plastic bags - reducing the waste and toxic pollutants associ...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Pepper Mill</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Pepper Mill in your cart"
    data-label-multi="There are [quantity] Pepper Mill in your cart"
    data-quantity-indicator="4353674084374">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_90x.png?v=1589334653 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_180x.png?v=1589334653 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x.png?v=1589334653 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_220x.png?v=1589334653 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x110.png?v=1589334653"
          width="3810"
          height="3810"
          loading="lazy"
          class="product-card__image"
          alt="Pepper Mill"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Pepper Mill</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_90x.png?v=1589334653 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_180x.png?v=1589334653 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x.png?v=1589334653 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_220x.png?v=1589334653 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/peppermill_110x110.png?v=1589334653"
          width="3810"
          height="3810"
          loading="lazy"
          class="product-card__image"
          alt="Pepper Mill"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing price--sold-out "
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$32.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$32.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
   price--sold-out 
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $32.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $32.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/pepper-mill" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
A beautiful combination of modern technology, classic form and our iconic yellow. The ceramic grinder is strong enou...</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Tote bag</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Tote bag in your cart"
    data-label-multi="There are [quantity] Tote bag in your cart"
    data-quantity-indicator="4353667661846">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_90x.png?v=1589535475 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_180x.png?v=1589535475 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x.png?v=1589535475 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_220x.png?v=1589535475 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x110.png?v=1589535475"
          width="3810"
          height="3810"
          loading="lazy"
          class="product-card__image"
          alt="Tote bag"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Tote bag</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_90x.png?v=1589535475 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_180x.png?v=1589535475 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x.png?v=1589535475 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_220x.png?v=1589535475 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/tote_110x110.png?v=1589535475"
          width="3810"
          height="3810"
          loading="lazy"
          class="product-card__image"
          alt="Tote bag"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$40.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$40.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $40.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $40.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/tote-bag" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Cotton tote bag 50x50cm
 

This is a demonstration store.</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Flour</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Flour in your cart"
    data-label-multi="There are [quantity] Flour in your cart"
    data-quantity-indicator="4352792559638">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_90x.png?v=1588971823 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_180x.png?v=1588971823 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x.png?v=1588971823 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_220x.png?v=1588971823 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x110.png?v=1588971823"
          width="2540"
          height="2540"
          loading="lazy"
          class="product-card__image"
          alt="Flour"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Flour</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_90x.png?v=1588971823 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_180x.png?v=1588971823 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x.png?v=1588971823 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_220x.png?v=1588971823 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/flour_110x110.png?v=1588971823"
          width="2540"
          height="2540"
          loading="lazy"
          class="product-card__image"
          alt="Flour"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$6.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$6.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $6.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $6.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/flour" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <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>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Short Sleeve T-Shirt</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Short Sleeve T-Shirt in your cart"
    data-label-multi="There are [quantity] Short Sleeve T-Shirt in your cart"
    data-quantity-indicator="4352792330262">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_90x.png?v=1588971183 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_180x.png?v=1588971183 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x.png?v=1588971183 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_220x.png?v=1588971183 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x110.png?v=1588971183"
          width="2540"
          height="2540"
          loading="lazy"
          class="product-card__image"
          alt="Short Sleeve T-Shirt"></div>
    <div class="product-card__content">
      <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">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_90x.png?v=1588971183 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_180x.png?v=1588971183 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x.png?v=1588971183 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_220x.png?v=1588971183 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/Tshirt_110x110.png?v=1588971183"
          width="2540"
          height="2540"
          loading="lazy"
          class="product-card__image"
          alt="Short Sleeve T-Shirt"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing price--on-sale "
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$18.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          $28.00
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$18.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
   price--on-sale 
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $18.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          $28.00
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $18.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/short-sleeve-t-shirt" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">
100% cotton
 
This is a demonstration store.</p>
      </div></div>
  </div>
</div>

            </li><li class="featured-collections__item" data-view-more-item>
              
<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>
      <span class="visually-hidden">Olive Oil</span>
    </a><div class="product-card__quantity"
    data-label-single="There is one Olive Oil in your cart"
    data-label-multi="There are [quantity] Olive Oil in your cart"
    data-quantity-indicator="4352791281686">
    <span aria-hidden="true" data-quantity-number></span>
    <span class="visually-hidden" data-quantity-label></span>
  </div>

  <div class="product-card__link">
    <div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_90x.png?v=1588969339 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_180x.png?v=1588969339 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x.png?v=1588969339 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_220x.png?v=1588969339 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x110.png?v=1588969339"
          width="1270"
          height="1270"
          loading="lazy"
          class="product-card__image"
          alt="Olive Oil"></div>
    <div class="product-card__content">
      <div class="product-card__title-wrapper" aria-hidden="true"><span class="product-card__title">Olive Oil</span><div class="product-card__image-wrapper">
      
<img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_90x.png?v=1588969339 90w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_180x.png?v=1588969339 180w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x.png?v=1588969339 110w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_220x.png?v=1588969339 220w,"
          sizes="(min-width: 750px) 110px, 90px"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/oil_110x110.png?v=1588969339"
          width="1270"
          height="1270"
          loading="lazy"
          class="product-card__image"
          alt="Olive Oil"></div>
      </div><div class="product-card__price-wrapper">
        
<dl class="price price--listing"
><div class="price__regular">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Regular price</span>
    </dt>
    <dd>
      <span class="price-item price-item--regular">$26.00
</span>
    </dd>
  </div>
  <div class="price__sale">
    <div class="price__compare">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular">
          
        </s>
      </dd>
    </div>
    <dt>
      <span class="visually-hidden visually-hidden--inline">Sale price</span>
    </dt>
    <dd>
      <span class="price-item price-item--sale">$26.00
</span>
    </dd>
  </div>
  <span class="price__badge price__badge--sale" aria-hidden="true">
    <span>Sale</span>
  </span>
  <span class="price__badge price__badge--sold-out">
    <span>Sold Out</span>
  </span>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <dd class="price-unit-price"><span></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span></span></dd>
  </div>
</dl>

        
<dl class="price
  
  
  
   price--listing price--variants"
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $26.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $26.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>

        <a href="/products/giallo-olive-oil" class="rte product-card__view-details" data-product-card-link>
          View details
        </a>
      </div>
      <div class="product-card__description-wrapper" aria-hidden="true">
        <p class="product-card__description">Our signature olive oil imported from italy.
500ml
 

This is a demonstration store.</p>
      </div></div>
  </div>
</div>

            </li></ul></div></div>
</section>


</div><div id="shopify-section-featured-product" class="shopify-section"><section class="product"
  data-section-id="featured-product"
  data-section-type="product"
  data-media-type="gallery"
  >

  <h2 class="visually-hidden">Featured product</h2>
  <div class="product__media-wrapper"><div >
          <div class="product__gallery">
            <div class="gallery" id="Gallery-featured-product" aria-live="polite">
              <ul class="gallery__strip" data-media-strip><li class="gallery__image-wrapper"
                    data-media-wrapper
                    role="group"
                    aria-roledescription="Slide"
                    aria-label="1 of 1">

                    <img
                      
                        srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_311x.png?v=1589332899 311w,
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_622x.png?v=1589332899 622w,
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x.png?v=1589332899 503w,
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_1006x.png?v=1589332899 1006w,
                        //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_685x.png?v=1589332899 685w,
                        "
                      

                      sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
                      
                        src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x503.png?v=1589332899"
                      
                      width="1291"
                      height="1450"
                      loading="lazy"
                      class="gallery__image is-active"
                      data-media-id="1474872672278"
                      data-media-image
                      data-media-index="1"
                      alt="">
                  </li></ul>

              <noscript>
                <img
                  srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_311x.png?v=1589332899 311w,
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_622x.png?v=1589332899 622w,
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x.png?v=1589332899 503w,
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_1006x.png?v=1589332899 1006w,
                  //cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_685x.png?v=1589332899 685w,
                  "
                  sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
                  src="//cdn.shopify.com/s/files/1/0262/1983/9510/products/giftcard_503x503.png?v=1589332899"
                  width="1291"
                  height="1450"
                  class="gallery__image--no-js"
                  loading="lazy"
                  alt="">
                </noscript>
            </div>
          </div></div></div>

  <div class="product__content">
    <h3 class="product__title">Gift Card</h3>

    
<dl class="price
  
  
  
  "
  data-price
>

  
<div class="price__pricing-group">
    <div class="price__regular">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <span class="price-item price-item--regular" data-regular-price>
          $100.00
        </span>
      </dd>
    </div>
    <div class="price__sale">
      <dt>
        <span class="visually-hidden visually-hidden--inline">Regular price</span>
      </dt>
      <dd>
        <s class="price-item price-item--regular" data-regular-price>
          
        </s>
      </dd>
      <dt>
        <span class="visually-hidden visually-hidden--inline">Sale price</span>
      </dt>
      <dd>
        <span class="price-item price-item--sale" data-sale-price>
          $100.00
        </span>
      </dd>
    </div>
    <div class="price__badges">
      <span class="price__badge price__badge--sale" aria-hidden="true">
        <span>Sale</span>
      </span>
    </div>
  </div>
  <div class="price__unit">
    <dt>
      <span class="visually-hidden visually-hidden--inline">Unit price</span>
    </dt>
    <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>
  </div>
</dl>





<form method="post" action="/cart/add" id="product_form_4352795574294" accept-charset="UTF-8" class="
  product-form
   product-form--payment-button-disabled
  
  form
" 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"
    data-error-message-wrapper
    role="alert"
  >
    <span class="visually-hidden">Error </span>
    <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>
    <span class="form__error-message" data-error-message>Quantity must be 1 or more</span>
  </div><select name="id" class="form__input no-js" data-product-master-select>
    
      <option
        selected="selected"
        
        value="31364852219926">
          Default Title 
      </option>
    
  </select>

  <div class="product-form__buttons">
    <button
      type="submit"
      name="add"
      class="product-form__add-to-cart"
      data-add-to-cart
      
      aria-label="Add to Cart">
        <span data-add-to-cart-text>Add to Cart
</span>
    </button><span class="product__success-message hidden" data-product-success-message></span><button
      type="submit"
      name="add"
      class="product-form__add-to-cart no-js"
      data-add-to-cart
      
      aria-label="Add to Cart">
        <span data-add-to-cart-text>Add to Cart
</span>
    </button>
    
  </div><p class="visually-hidden" data-product-status
    aria-live="polite"
    role="status"
  ></p></form><script type="application/json" data-product-json>
  {
    "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":""}],
    "options": [{"name":"Title","position":1,"values":["Default Title"]}]
  }
</script>

<div class="product__description rte">
        <meta charset="utf-8"><meta charset="utf-8"><meta charset="utf-8">
<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>
      </div></div>
</section>

<script type="application/ld+json">
  {
    "@context": "http://schema.org/",
    "@type": "Product",
    "name": "Gift Card",
    "url": "https:\/\/express-theme-bistro.myshopify.com\/products\/gift-card","image": [
        "https:\/\/cdn.shopify.com\/s\/files\/1\/0262\/1983\/9510\/products\/giftcard_1291x.png?v=1589332899"
      ],"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": {
      "@type": "Thing",
      "name": "express-theme-bistro"
    },
    "offers": [{
          "@type" : "Offer","availability" : "http://schema.org/InStock",
          "price" : 100.0,
          "priceCurrency" : "CAD",
          "url" : "https:\/\/express-theme-bistro.myshopify.com\/products\/gift-card?variant=31364852219926"
        }
]
  }
</script>


</div><div id="shopify-section-image-with-text-1" class="shopify-section"><section class="image-with-text image-with-text--full_background">
  <div class="image-with-text__inner"><div class="image-with-text__content
      image-with-text__content--medium
      
      ">

      
        <h2 class="image-with-text__heading">
          Handmade daily
        </h2>
      

      
        <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>
      

      
    </div><div>
    <div class="image-with-text__media
      image-with-text__media--right
       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,
            
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/KN3zLwuA_1_1_503x.png?v=1588995623 503w,
            
            
            "
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/KN3zLwuA_1_1_503x503.png?v=1588995623"
          width="519"
          height="447"
          loading="lazy"
          class="image-with-text__image"
          alt=""></div>
  </div></div>
</section>


</div><div id="shopify-section-image-with-text-2" class="shopify-section"><section class="image-with-text image-with-text--full_background">
  <div class="image-with-text__inner"><div>
    <div class="image-with-text__media
      image-with-text__media--left
       image-with-text__media--square"><img srcset="//cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_311x.jpeg?v=1589540375 311w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_622x.jpeg?v=1589540375 622w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_503x.jpeg?v=1589540375 503w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_1006x.jpeg?v=1589540375 1006w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_685x.jpeg?v=1589540375 685w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_1370x.jpeg?v=1589540375 1370w"
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/pasta11_503x503.jpeg?v=1589540375"
          width="3187"
          height="2693"
          loading="lazy"
          class="image-with-text__image"
          alt=""></div>
  </div><div class="image-with-text__content
      image-with-text__content--medium
      
      ">

      
        <h2 class="image-with-text__heading">
          Family tradition
        </h2>
      

      
        <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>
      

      
    </div></div>
</section>


</div><div id="shopify-section-image-with-text-3" class="shopify-section"><section class="image-with-text image-with-text--full_background">
  <div class="image-with-text__inner"><div class="image-with-text__content
      image-with-text__content--medium
      
      ">

      
        <h2 class="image-with-text__heading">
          Local pick up
        </h2>
      

      
        <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>
      

      
    </div><div>
    <div class="image-with-text__media
      image-with-text__media--right
       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,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_622x.png?v=1589539350 622w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_503x.png?v=1589539350 503w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_1006x.png?v=1589539350 1006w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_685x.png?v=1589539350 685w,
            //cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_1370x.png?v=1589539350 1370w"
          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 2), (min-width: 750px) calc((100vw - 19.5rem) / 2), calc(100vw - 6.4rem)"
          src="//cdn.shopify.com/s/files/1/0262/1983/9510/files/delivery_b1e91522-41a9-4478-8d3e-4cfe3a547b97_503x503.png?v=1589539350"
          width="1821"
          height="1509"
          loading="lazy"
          class="image-with-text__image"
          alt=""></div>
  </div></div>
</section>


</div><!-- END content_for_index -->

    </main>

    <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 {
      border-top: 1px solid #000000;
      color: #746b60;
    }

    .footer__title,
    .footer__newsletter-submit,
    .disclosure,
    .footer .disclosure-list__item--current .disclosure-list__option  {
      color: #000000;
    }

    .footer,
    .footer .disclosure-list {
      background-color: #faf3ec;
    }

    .footer .disclosure-list__option {
      color: #746b60;
    }

    .footer .disclosure__toggle svg {
      stroke: #746b60;
    }

    .footer .disclosure__toggle {
      border-bottom-color: #746b60;
    }

    .footer .disclosure-list__option:hover,
    .footer .disclosure-list__option:focus {
      border-bottom: 1px solid #000000;
    }

    .footer__newsletter-submit:hover,
    .footer__newsletter-submit:focus {
      background-color: #000000;
      color: #faf3ec;
    }</style><div class="footer__content footer__content--one-half"><div><p class="footer__title">Contact</p><div class="rte">
                <p>1440 Amherst St,<br>Montreal, QC H2L 3L3<br>(855) 816-3857</p>
              </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">
                <div class="footer__newsletter-form-content"><div class="footer__newsletter-input-wrapper form__input-wrapper" data-form-input-wrapper>
                    <label class="footer__newsletter-label form__input-label" for="NewsletterForm--footer">
                      Email address
                    </label>
                    <input
                      id="NewsletterForm--footer"
                      type="email"
                      name="contact[email]"
                      class="footer__newsletter-input form__input"
                      value=""
                      aria-required="true"
                      required
                      autocorrect="off"
                      autocapitalize="off"
                      >
                  </div>
                  <button type="submit" class="footer__newsletter-submit" name="commit" id="Subscribe">
                    Subscribe
                  </button>
                </div></form></div></div><div class="footer__bottom-content footer__bottom-content--reverse">
    <div class="footer__copyright-content-wrapper">
      <small class="footer__copyright-content">&copy; 2020, <a href="/" title="">express-theme-bistro</a></small>
      <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>
    </div></div>
</footer>


</div>

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
    </ul>

    <script>
      window.theme = {
        rootUrl: "/",
        stylesheet: "//cdn.shopify.com/s/files/1/0262/1983/9510/t/13/assets/theme.min.css?v=2750178880255349923",
        strings: {
          addToCart: "Add to Cart",
          cartError: "There was an error while updating your cart. Please try again.",
          external: "Opens external website.",
          itemAddedToCartSingle: "Item added to cart!",
          itemAddedToCartMulti: "Items added to cart!",
          newWindow: "Opens in a new window.",
          newWindowExternal: "Opens external website in a new window.",
          quantityError: "You can only add [quantity] \u003cstrong\u003e[title]\u003c\/strong\u003e to your cart.",
          quantityMinimumMessage: "Quantity must be 1 or more",
          productAddedToCart: "[title] added to your cart.",
          productUpdatedOnCart: "Quantity of [title] in your cart updated to [quantity].",
          productRemovedFromCart: "[title] removed from your cart.",
          regularPrice: "Regular price",
          salePrice: "Sale price",
          soldOut: "Sold Out",
          unavailable: "Unavailable",
          unitPrice: "Unit price",
          unitPriceSeparator: "per",
          subtotal: "Subtotal",
          mediaCarousel: "Carousel",
          mediaSlide: "Slide"
        },
        moneyFormat: "${{amount}}",
        moneyFormatWithCurrency: "${{amount}} CAD"
      };
    </script>
    <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>
  </body>
</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
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)
User agent: 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
Browser/OS: 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
Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):

LLMs can make mistakes. Check important info.
It looks like we're analyzing benchmark results for DOM querying methods in JavaScript!
Let's extract the relevant information from the two JSON objects:
**Benchmark definitions:**
1. `getElementByID`
2. `getElementsByClassName`
3. `querySelector (ID)`
4. `querySelector (class)`
5. `querySelector (data)`
6. `querySelectorAll (class)`
7. `querySelectorAll (data)`
**Latest benchmark results:**
The latest results are stored in a JSON object with 8 elements, each representing a different DOM querying method.
Here's a summary of the results:
* `getElementByID`: 5052328.5 executions/second
* `getElementsByClassName`: 4832212.0 executions/second
* `querySelector (class)`: 1971409.25 executions/second
* `querySelector (ID)`: 866348.125 executions/second
* `querySelector (data)`: 622247.5625 executions/second
* `querySelectorAll (class)`: 35819.69140625 executions/second
* `querySelectorAll (data)`: 18847.984375 executions/second
These results suggest that:
1. `getElementByID` is the fastest method, followed by `querySelector (ID)` and then `getElementsByClassName`.
2. `querySelector (class)` and `querySelector (data)` are slower than the other two methods.
3. Both `querySelectorAll (class)` and `querySelectorAll (data)` are relatively slow compared to the other methods.
Keep in mind that these results might not be representative of all use cases, as browser versions, operating systems, and hardware can affect performance.
Now, do you have a specific question about these results or would you like me to help with something else?
Related benchmarks:
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

getElementByID

getElementsByClassName

querySelector (ID)

querySelector (class)

querySelector (data)

querySelectorAll (class)

querySelectorAll (data)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):
