.edb-404 { --accent:#F16461; --ink:#3c3a4a; --muted:#6b6a75; --surface:#ffffff; --ring:#d8d8df; font-family: 'Poppins', sans-serif !important; padding: 40px 20px 100px 20px; background-image: url('../img/404.webp'); background-size: cover; background-repeat: no-repeat;  background-position: center center; }
.edb-404__hero{ position:relative; overflow:hidden; border-radius:20px; margin:24px auto; max-width:1200px; }
.edb-404__img{ width:100%; height:320px; object-fit:cover; display:block; }
@media (min-width:900px){ .edb-404__img{ height:380px; } }
.edb-404__overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.45)); }
.edb-404__headline{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; padding:20px; }
.edb-404__headline h1{     font-weight: 800;
    letter-spacing: .2px;
    color: #fff;
    font-size: 250px;
    opacity: 0.7; }
.edb-404__headline p{ margin:0; opacity:.9; }

.edb-404__content { width: 100%; max-width:800px !important; text-align: center; margin:0 auto; padding: 20px !important; border-radius: 40px; background: rgba(255,255,255,0.95); }

@media (min-width:900px){ .edb-404__card{ grid-template-columns:1.2fr .8fr; padding:32px; } }

.edb-404__left form.search-form{ display:flex; gap:10px; margin:4px 0 12px; }
.edb-404__left .search-field{ flex:1; border:1px solid var(--ring); border-radius:999px; padding:12px 16px; font-size:16px; }
.edb-404__left .search-submit{ border:0; border-radius:999px; padding:12px 18px; background:var(--accent); color:#fff; font-weight:700; cursor:pointer; }
.edb-404__hint{ color:var(--muted); font-size:14px; margin-top:8px; }

.edb-404__actions{ display:flex; gap:12px; flex-wrap:wrap; justify-content: center; margin:14px 0 4px; }
.edb-btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; font-weight:700; text-decoration:none; }
.edb-btn--primary{ background:var(--accent); color:#fff; }
.edb-btn--primary:hover{ background:var(--accent); color:#fff; opacity: 0.8; }
.edb-btn--ghost{ background:#f6f7fb; color:var(--ink); border:1px solid var(--ring); }

.edb-404__right h2{ margin:0 0 10px; font-size:20px; }
.edb-404__links{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.edb-404__links a{ text-decoration:none; color:var(--ink); border:1px solid var(--ring); padding:10px 14px; border-radius:12px; display:block; }
.edb-404__links a:hover{ border-color:#c6c7cf; }

.edb-404__menus {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  text-align: left;
}


@media (max-width:780px){

  .edb-404__headline h1{
    font-size: 150px;
  }
  .mobile-hidden {
    display: none;
  }

}