<div>
    <button @click="openItem === 4 ? openItem = null : openItem = 4"
            class="w-full flex justify-between items-center p-4 lg:bg-gray-100 border-b">
        <span class="text-black text-sm lg:text-xl font-semibold font-inter">What is your return policy?</span>
        <span class="ml-4 flex-shrink-0">
                            <svg x-show="openItem === 4" x-cloak xmlns="http://www.w3.org/2000/svg" width="22" height="2" viewBox="0 0 22 2" fill="none">
                             <path d="M0 1H22" stroke="#2A2A2A" stroke-width="2" />
                            </svg>
                            <svg x-show="openItem !== 4" x-cloak xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                                <path d="M11 0V22" stroke="#2A2A2A" stroke-width="2" />
                                 <path d="M0 11H22" stroke="#2A2A2A" stroke-width="2" />
                            </svg>
                         </span>
    </button>
    <div x-show="openItem === 4" x-collapse class="p-4 text-sm text-gray-700">
        You can return products within 14 days. The product must be unused and in its original packaging.
    </div>
</div>
