<div class="mb-10" x-data="{selected:0}"> <div class="title mb-5 cursor-pointer md:cursor-default" @click="selected !== 'usp' ? selected = 'usp' : selected = null"> <div class="text-2xl font-bold flex items-center gap-x-6 justify-center text-blackout text-center sm:heading-lines">Dostava i podrška <span class="transition-all duration-400 md:hidden" :class="{ 'transform-180': selected === 'usp', 'transform-0': !selected }"> </span> </div> </div> <div class="content"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 overflow-hidden transition-all duration-400 accordion-mobile" x-ref="containerUSP" x-bind:style="selected === 'usp' ? 'max-height: ' + $refs.containerUSP.scrollHeight + 'px' : ''"> <div class="block usp pr-4"> <div class="content h-full flex"> <div class="pr-6"> </div> <div> <strong class="uppercase text-blackout mb-2">Besplatna Dostava</strong> <p>Troškovi dostave su 9,00KM za porudžbine iznad 70KM troškovi dostave su besplatni.</p> </div> </div> </div> <div class="block usp pr-4"> <div class="content h-full flex"> <div class="pr-6"> </div> <div> <strong class="uppercase text-blackout mb-2">Podrška</strong> <p>Za potrebnu pomoć prilikom online kupovine pozovite nas na 00387 65 191 414 ponedeljak-petak od 9h do 15h</p> </div> </div> </div> <div class="block usp pr-4"> <div class="content h-full flex"> <div class="pr-6"> </div> <div> <strong class="uppercase text-blackout mb-2">Povrat robe</strong> <p>Povrat je moguće izvršiti u periodu od 14 dana od dana prijema pošiljke.</p> </div> </div> </div> <div class="block usp pr-4"> <div class="content h-full flex"> <div class="pr-6"> </div> <div> <strong class="uppercase text-blackout mb-2">Rok isporuke</strong> <p>Rok isporuke pošiljke je do 5 radnih dana.</p> </div> </div> </div> </div> </div> </div>