/* Only the existing not-found component. Navigation, footer and other pages are unchanged. */
.store-shell .not-found-page {
 min-height:340px;
 padding:clamp(42px,6vw,76px) 24px;
 align-items:center;
 justify-content:center;
 gap:0;
 text-align:center;
}
.store-shell .not-found-page::before {
 content:"404";
 margin-bottom:18px;
 padding:7px 12px;
 border:1px solid #c6dce5;
 border-radius:6px;
 background:#eaf2f6;
 color:#0b7196;
 font:700 13px/1.2 var(--font-heading);
 letter-spacing:.12em;
}
.store-shell .not-found-page > h1 {
 margin:0;
 color:#173746;
 font-family:var(--font-heading);
 font-size:clamp(28px,3.4vw,40px);
 font-weight:750;
 line-height:1.2;
}
.store-shell .not-found-page > p {
 max-width:55ch;
 margin:18px 0 0;
 color:#5b707d;
 font-family:var(--font-base);
 font-size:16px;
 font-weight:400;
 line-height:1.65;
}
.store-shell .not-found-page > p:last-child { margin-top:28px; }
.store-shell .not-found-page > p > a {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:48px;
 max-width:100%;
 padding:12px 22px;
 border:1px solid transparent;
 border-radius:4px;
 background:#0b7196;
 color:#fff;
 font:700 14px/1.45 var(--font-heading);
 text-decoration:none;
 transition:background-color .2s ease;
}
.store-shell .not-found-page > p > a:hover { background:#085b7a; }
.store-shell .not-found-page > p > a:focus-visible { outline:3px solid #3ba7e3; outline-offset:4px; }
@media(max-width:640px) {
 .store-shell .not-found-page { min-height:340px; padding:44px 12px 48px; }
 .store-shell .not-found-page > p { margin-top:16px; font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .store-shell .not-found-page > p > a { transition:none; } }