/**
 * Copyright (c) 2026 DNA Genics, S.L. All rights reserved.
 *
 * StartPurchase view - editorial layout overrides only.
 * All primitives come from wwwroot/css/shared/onboarding-checkout.css (ob-* layer).
 */

.sp-page {
    /* Add breathing room above the hero so the fixed header never overlaps the title */
    padding-top: clamp(5rem, 8vw, 7rem);
}

.sp-hero__image {
    align-self: stretch;
}

.sp-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}

.sp-price {
    margin: 0.5rem 0 2.25rem;
    padding: 1.5rem 0;
    border-top: 1px solid var(--ob-rule);
    border-bottom: 1px solid var(--ob-rule);
}

.sp-cta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
}

.sp-cta__signin {
    margin: 0;
    font-size: 0.9rem;
    color: var(--ob-ink-muted);
    text-align: center;
}

.sp-compat {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.sp-compat li {
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--ob-rule);
    font-size: 0.95rem;
    color: var(--ob-ink);
}

.sp-compat li:nth-last-child(-n+2) {
    border-bottom: 0;
}

@media (max-width: 600px) {
    .sp-compat {
        grid-template-columns: 1fr;
    }

    .sp-compat li,
    .sp-compat li:nth-last-child(-n+2) {
        border-bottom: 1px solid var(--ob-rule);
    }

    .sp-compat li:last-child {
        border-bottom: 0;
    }
}