.page-pagenotfound #content,
.page-not-found,
#products .page-not-found {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.page-pagenotfound #main .page-header,
.page-pagenotfound #main .page-header h1,
.page-not-found h4 {
    width: 100%;
    text-align: center;
    font-size: 2rem;
    color: var(--font-primary)
}

.page-pagenotfound #main .page-header p,
.page-not-found p {
    width: 100%;
    color: var(--primary);
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: .5rem;
    text-align: center;
}

.page-pagenotfound #main .links,
.page-not-found .links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: 2rem 0;
    justify-content: center;
}

.page-pagenotfound #main .links a,
.page-not-found .links a {
    display: inline-flex
}