/* Styles spécifiques à la page d'accueil. */

.dr-hero {
    padding-block: var(--dr-space-xl);
    background: var(--dr-color-surface);
    text-align: center;
}

.dr-hero__title {
    font-size: 2.25rem;
}

.dr-hero__subtitle {
    max-width: 40ch;
    margin-inline: auto;
    color: var(--dr-color-muted);
}

.dr-hero__actions {
    display: flex;
    justify-content: center;
    gap: var(--dr-space-sm);
    margin-top: var(--dr-space-md);
}

.dr-section--gifting-teaser .dr-gift-card {
    max-width: 560px;
    margin-inline: auto;
    text-align: center;
}