/* ==========================================================================
   Confirmation page
   ========================================================================== */
.confirmation { padding-block: 90px; }
.confirmation-card {
    max-width: 480px;
    text-align: center;
    display: grid;
    gap: 14px;
    justify-items: center;
}
.confirmation-detail { color: var(--color-body); font-size: 1.05rem; }
.confirmation-ref { font-family: monospace; color: var(--color-body); font-size: 0.85rem; }
.confirmation-note { color: var(--color-body); font-size: 0.9rem; margin-bottom: 10px; }


/* ---- Responsive ---- */
@media (max-width: 768px) {
    .confirmation { padding-block: 56px; }
}

@media (max-width: 600px) {
    .confirmation-card { padding-inline: 8px; }
}