<input type="checkbox" id="show-mini-cart-wrapper" class="hidden" autocomplete="off">
<div id="mini-cart-header">
    <div class="mini-cart-wrapper mini-cart-wrapper-not-add">
        <label for="show-mini-cart-wrapper" class="overlay-mini-cart-wrapper"></label>
        <label class="overlay-mini-cart-wrapper-input" style="display: none;"></label>
        <div from="right" class="mini-cart-drawer">
            <div class="mini-cart-close">
                <label for="show-mini-cart-wrapper">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
                        <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
                    </svg>
                </label>
            </div>
            <div class="mini-cart-padding">
                <div class="minicart-title">{{__('All items in cart')}}</div>
                <div class="minicart-body">
                    <div class="layout-content">
                        <div class="sticky-cart">
                            <div class="all-item-in-cart"></div>
                            <div class="cart-lds-wrapper sidebar-cart-loading item-sidebar-cart-loading" style="display: none;">
                                <div class="lds-dual-ring"></div>
                            </div>
                        </div>
                        <div class="all-item-cart-block no-item-cart-wrapper" style="display: none;">
                            <div class="all-item-cart-container">
                                <div class="no-items-cart">
                                <div class="empty-image">
                                    <img src="/modules/cart/images/cart-empty.jpg" alt="{{__('Empty cart')}}" loading="lazy" class="cart-is-empty" width="80" height="80">
                                </div>
                                    <p>{{ __('Your Cart is currently empty!') }}</p>
                                </div>
                            </div> 
                        </div>
                        <div class="action-layout">
                            <div class="split-button-sidebar">
                                <div id="payment-request-button-sidebar"></div>
                                <div class="line">
                                    <span>{{__('or')}}</span>
                                </div>
                            </div>
                            <div class="finalize-purchase only-checkout">
                                <a href="{{ clroute('/checkout') }}?internal_source=sidebar_checkout" class="checkout-button">
                                    <span class="add--to--cart">{{__('Checkout')}}</span>
                                </a>
                            </div>
                            <div class="continue-shopping">
                                <label for="show-mini-cart-wrapper" class="continue-shoping-btn">{{__('Continue Shopping')}}</label>
                            </div>
                        </div>
                        <div class="you-may-also-like-block">
                            <div class="related-items-wrapper" style="display: none;">
                                <div class="you-may-also-like-title">
                                    {{ __('You may also like') }}
                                </div>
                                <div class="product-grid related-items"></div>
                                <div class="lds-wrapper sidebar-cart-loading also-like-sidebar-cart-loading" style="display: none;">
                                    <div class="lds-dual-ring"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>