<turbo-stream action="replace" target="mini_cart_wrapper">
  <template>
    <div id="mini_cart_wrapper" class="mini_cart_wrapper">
  <a href="javascript:void(0);"><span class="lnr lnr-cart"></span>My Cart </a>
  
    <span class="cart_quantity">3</span>
  
</div>
<script>
  $(document).ready(function () {
    $('.mini_cart_wrapper > a').on('click', function(){
        $('.mini_cart,.off_canvars_overlay').addClass('active')
    });
    
    $('.mini_cart_close,.off_canvars_overlay').on('click', function(){
        $('.mini_cart,.off_canvars_overlay').removeClass('active')
    });
  });
</script>
  </template>
</turbo-stream>


<turbo-stream action="replace" target="mini_cart">
  <template>
    <div id="mini_cart" class="mini_cart">
  <div class="cart_close">
    <div class="cart_text">
      <h3>Shopping Cart</h3>
    </div>
  </div>
  
    
      <div class="cart_item">
        <div class="cart_img">
          <a href="/product/c70138d7-94d5-43d2-b1b9-8939310228b0">
            
              <img src="https://orchard-public-storage-production.s3.eu-west-1.amazonaws.com/0e453a6e-ad25-4b2a-9f2b-eb9afd3aa835-small.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVTBOALRQT4DBO6YU%2F20260416%2Feu-west-1%2Fs3%2Faws4_request&X-Amz-Date=20260416T052757Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=5b02f5545a4635855a78497b5af6a1f9f8d0b4ed7cd1e2f8e4c3bd080ca9b82b"  alt="5W30 Premium Synthetic Blend Motor oil">
            
          </a>
        </div>
        <div class="cart_info">
          <a href="/product/c70138d7-94d5-43d2-b1b9-8939310228b0">5W30 Premium Synthetic Blend Motor oil</a>
          <span class="quantity">Qty: 1</span>
          
            <span class="price_cart">NA</span>
          
        </div>
        <div class="cart_remove">
          <a href="/cart/remove/c70138d7-94d5-43d2-b1b9-8939310228b0"><i class="ion-android-close"></i></a>
        </div>
      </div>
    
      <div class="cart_item">
        <div class="cart_img">
          <a href="/product/23510f3c-2840-4aac-a71b-9e3c749b6732">
            
              <img src="https://orchard-public-storage-production.s3.eu-west-1.amazonaws.com/6b2ce2e1-bc4d-496c-b5d2-dfb20e303625-small.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVTBOALRQT4DBO6YU%2F20260415%2Feu-west-1%2Fs3%2Faws4_request&X-Amz-Date=20260415T231048Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=f8c7ae5dd770ef3abb5759eb8b0c87d000bb0663e929405ee21af00dd4ef215b"  alt="10W40 Synthetic Blend Motor oil">
            
          </a>
        </div>
        <div class="cart_info">
          <a href="/product/23510f3c-2840-4aac-a71b-9e3c749b6732">10W40 Synthetic Blend Motor oil</a>
          <span class="quantity">Qty: 1</span>
          
            <span class="price_cart">NA</span>
          
        </div>
        <div class="cart_remove">
          <a href="/cart/remove/23510f3c-2840-4aac-a71b-9e3c749b6732"><i class="ion-android-close"></i></a>
        </div>
      </div>
    
      <div class="cart_item">
        <div class="cart_img">
          <a href="/product/6917d363-d130-4596-8cc4-9cd008003f9a">
            
              <img src="https://orchard-public-storage-production.s3.eu-west-1.amazonaws.com/3dfb24da-fb88-42d7-870f-17bfb5dba231-small.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVTBOALRQT4DBO6YU%2F20260416%2Feu-west-1%2Fs3%2Faws4_request&X-Amz-Date=20260416T052758Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=5bd87e11895880bf853b62883ea0488c0f507f924409374abbc67de9ef77ed89"  alt="ATF DEX III Transmissions oil">
            
          </a>
        </div>
        <div class="cart_info">
          <a href="/product/6917d363-d130-4596-8cc4-9cd008003f9a">ATF DEX III Transmissions oil</a>
          <span class="quantity">Qty: 1</span>
          
            <span class="price_cart">NA</span>
          
        </div>
        <div class="cart_remove">
          <a href="/cart/remove/6917d363-d130-4596-8cc4-9cd008003f9a"><i class="ion-android-close"></i></a>
        </div>
      </div>
    
  
  <div class="mini_cart_footer">
    <div class="cart_button">
      <a href="/cart" class="illum-page-block">View cart</a>
    </div>
  </div>
</div>

  </template>
</turbo-stream>


<turbo-stream action="replace" target="flash">
  <template>
    <div id="flash">
      <script type="text/javascript">
        toastr.success('The item has been added to your shopping cart');
      </script>
    </div>
  </template>
</turbo-stream>