Delivery - Marketplace <div class="mk-guest-gate" id="mk-guest-gate"> <div class="mk-guest-card"> <div class="mk-guest-badge">🛒</div> <h3 class="text-2xl font-black mb-2">Entre rápido para usar o marketplace</h3> <p class="text-sm text-white/75 mb-5">Digite seu nome e WhatsApp. Vamos salvar como conta rápida para você comprar sem sair da tela.</p> <form method="post" action="/marketplace/" class="space-y-4"> <input type="hidden" name="csrfmiddlewaretoken" value="GkXofNCd1YIsd7Gf0PWSIx1vDlHqIRGeO1SxdMImzkpjMvKF8ItT4GeuUlhQqsY0"> <div> <label class="block text-sm font-semibold text-white/80 mb-2">Nome</label> <input type="text" name="nome" placeholder="Seu nome" class="w-full bg-neutral-900 border border-neutral-700 text-gray-100 p-3 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:outline-none placeholder-gray-500 transition" maxlength="150" required id="id_nome"> </div> <div> <label class="block text-sm font-semibold text-white/80 mb-2">WhatsApp</label> <input type="text" name="whatsapp" placeholder="WhatsApp com DDD" class="w-full bg-neutral-900 border border-neutral-700 text-gray-100 p-3 rounded-lg focus:ring-2 focus:ring-yellow-500 focus:outline-none placeholder-gray-500 transition" inputmode="numeric" maxlength="20" required id="id_whatsapp"> </div> <button type="submit" class="mk-guest-submit">Continuar</button> <div class="text-center text-sm text-white/65"> Já tem conta? <a href="/usuarios/login/" class="font-bold text-yellow-300">Entrar</a> </div> </form> </div> </div> <script> document.addEventListener('DOMContentLoaded', function(){ ['id_nome','id_whatsapp'].forEach(function(id){ var el = document.getElementById(id); if(el){ el.classList.add('mk-guest-input'); } }); }); </script>