<div class="sticky top-8 h-max w-[442px] max-w-full max-lg:w-auto max-lg:max-w-[442px] max-sm:relative max-sm:top-4 ltr:pl-8 max-lg:ltr:pl-0 rtl:pr-8 max-lg:rtl:pr-0">
    <h2 class="shimmer h-8 w-2/4"></h2>
    <div class="mt-10 grid border-b border-zinc-200 max-sm:mt-5">

        <!-- single card -->
        <div class="flex gap-x-4 pb-5">
            <div class="shimmer h-[90px] w-[90px] rounded-md"></div>

            <div>
                <p class="shimmer h-6 w-[180px]"></p>
                <p class="shimmer mt-2.5 h-7 w-20"></p>
            </div>
        </div>

        <!-- single card -->
        <div class="flex gap-x-4 pb-5">
            <div class="shimmer h-[90px] w-[90px] rounded-md"></div>

            <div>
                <p class="shimmer h-6 w-[180px]"></p>
                <p class="shimmer mt-2.5 h-7 w-20"></p>
            </div>
        </div>

        <!-- single card -->
        <div class="flex gap-x-4 pb-5">
            <div class="shimmer h-[90px] w-[90px] rounded-md"></div>

            <div>
                <p class="shimmer h-6 w-[180px]"></p>
                <p class="shimmer mt-2.5 h-7 w-20"></p>
            </div>
        </div>
    </div>

    <!-- Price Summary -->
    <div class="mb-8 mt-6 grid gap-4">
        <div class="flex justify-between text-right">
            <p class="shimmer h-6 w-1/5"></p>
            <p class="shimmer h-6 w-1/4"></p>
        </div>
        
        <div class="flex justify-between text-right">
            <p class="shimmer h-6 w-1/5"></p>
            <p class="shimmer h-6 w-[15%]"></p>
        </div>

        <div class="flex justify-between text-right">
            <p class="shimmer h-6 w-1/4"></p>
            <p class="shimmer h-6 w-[35%]"></p>
        </div>

        <div class="flex justify-between text-right">
            <p class="shimmer h-6 w-[35%]"></p>
            <p class="shimmer h-[38px] w-[30%]"></p>
        </div>
    </div>

    <!-- Proceed to checkout button -->
    <div class="shimmer h-[46px] w-2/4 rounded-2xl max-sm:mb-10 max-sm:hidden"></div>
</div>
