#top.hero {
    background-image: linear-gradient(180deg, rgba(15, 28, 46, 0.31), rgba(15, 28, 46, 0.51)),
        url("../assets/danke/danke-bestellung-detoxhelden.webp");
    background-position: 50% 60%;
    min-height: var(--hero-height-without-cta);
}
#top.hero .hero-grid {
    min-height: calc(var(--hero-height-without-cta) - 80px);
}
.checkout-details {
    background: var(--color-off-white);
    border-top: 1px solid rgba(15, 28, 46, 0.08);
}
.checkout-details-card {
    width: 100%;
    display: grid;
    gap: var(--space-2);
}
.checkout-details-line {
    font-size: var(--fs-body);
}
.checkout-details-label {
    font-weight: 600;
    color: var(--color-navy);
    margin-right: var(--space-1);
}
.checkout-details-cta {
    color: var(--color-muted);
}
.checkout-details-footer {
    margin-top: var(--space-2);
}
.checkout-details-cta {
    margin-top: var(--space-2);
}
@media (max-width: 720px) {
    #top.hero {
        background-position: 35% 60%;
        min-height: var(--hero-height-without-cta-mobile);
    }

    #top.hero .hero-grid {
        min-height: calc(var(--hero-height-without-cta-mobile) - 80px);
    }

    .checkout-top {
        position: static;
        padding: var(--space-3);
    }

    .form-card {
        padding: var(--space-4);
    }
}