{% extends "public/base.html" %}
{% load static %}

{% block title %}Deposit Confirmed — {{ listing.name }}{% endblock %}

{% block content %}
<div class="section-first-inner">
    <div class="section">
        <div class="hero-container">
            <div style="max-width:560px;margin:4rem auto;text-align:center;">
                <i class="fa-solid fa-circle-check" style="font-size:4rem;color:var(--accent-color,#ff404b);display:block;margin-bottom:1.5rem;"></i>
                <h1 style="font-size:2rem;margin-bottom:1rem;">Deposit Confirmed</h1>
                <p class="secondary-accent" style="font-size:1rem;line-height:1.8;margin-bottom:2rem;">
                    Your 15% reservation deposit for <strong style="color:#fff;">{{ listing.name }}</strong> has been received.<br>
                    We will contact you within <strong style="color:#fff;">48 hours</strong> to arrange the remaining balance and transfer.
                </p>
                <a href="{% url 'auction' %}" class="btn btn-accent">Browse More Domains</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}