Run results for: Selector Comparisons with Example Shop Data

Run details:
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: Chrome 85
Operating system: Mac OS X 10.15.7
Device Platform: Desktop
Date tested: 4 years ago
Test name	Executions per second
querySelector (class)	3993458.8 Ops/sec
querySelectorAll (class)	1464930.4 Ops/sec
getElementsByClassName	4802054.0 Ops/sec
querySelector (ID)	2743987.5 Ops/sec
getElementsByID	3710779.8 Ops/sec
querySelector (data)	2215748.5 Ops/sec
querySelectorAll (data)	944819.8 Ops/sec
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]")
Run results for: Selector Comparisons with Example Shop Data

getElementByID

getElementsByClassName

querySelector (ID)

querySelector (class)

querySelector (data)

querySelectorAll (class)

querySelectorAll (data)
