/* Current storefront presentation for every front-office 404 page. */
#pagenotfound #main .page-header {
  margin-bottom: var(--sm-spacing);
  text-align: center;
}

#pagenotfound #main .page-header h1 {
  color: var(--palette1);
  font-family: var(--heading-font-family);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: var(--heading-weight);
  line-height: var(--heading-line-height);
  text-transform: none;
}

body#pagenotfound #main .page-not-found {
  width: min(100%, 760px);
  padding: var(--lg-spacing);
  margin: 0 auto var(--xl-spacing);
  text-align: center;
}

#pagenotfound .page-not-found h2 {
  margin-bottom: var(--xxs-spacing);
  color: var(--palette3);
  font-family: var(--heading-font-family);
  font-size: clamp(1.35rem, 2.3vw, 1.8rem);
  font-weight: var(--heading-weight);
  line-height: var(--heading-line-height);
  text-transform: none;
}

#pagenotfound .page-not-found p {
  margin-bottom: var(--sm-spacing);
  color: var(--palette4);
}

#pagenotfound .page-not-found .search-widget {
  width: min(100%, 560px);
}

#pagenotfound .page-not-found .search-widget form,
#pagenotfound .page-not-found .search-widget input[type="text"] {
  width: 100%;
}

@media (max-width: 767.98px) {
  body#pagenotfound #main .page-not-found {
    padding: var(--sm-spacing) var(--xxs-spacing);
  }
}