<div class="drawer-overlay" id="drawerOverlay"></div>
<aside class="drawer" id="cartDrawer" aria-label="Shopping cart">
  <div class="drawer-head">
    <h3><i class="ic" data-ic="cart"></i> Your Cart</h3>
    <button class="icon-btn" id="drawerClose" aria-label="Close cart"><i class="ic" data-ic="close"></i></button>
  </div>
  <div class="drawer-body" id="drawerBody">
    <div class="empty" style="padding:40px 10px;">
      <div class="ico"><i class="ic" data-ic="bag"></i></div>
      <h3>Your cart is empty</h3>
      <p>Add something fresh to get the drip going.</p>
      <a class="btn btn-gold" href="/gadgets">Shop now</a>
    </div>
  </div>
  <div class="drawer-foot" id="drawerFoot" hidden>
    <div class="drawer-total"><span>Subtotal</span><span id="drawerTotal">R 0.00</span></div>
    <a class="btn btn-gold btn-block" href="/cart">View cart &amp; checkout</a>
  </div>
</aside>
