/* ============================================================
   Page 404 — mix Amazon/eBay/AliExpress/LWS/IONOS/OVH (ACTI)
   ============================================================ */
.e404{--g:#3e9172;--gd:#2f7259;--gl:#e8f3ee;--o:#ff6b35;--od:#e85520;--ink:#17181c;--muted:#6b7280;--faint:#9aa1b1;--line:#ececed;--bg:#f6f7f9;font-family:'Plus Jakarta Sans',system-ui,sans-serif;display:block;}
.e404 *{box-sizing:border-box;}

/* Header de marque */

/* Corps */
.e404-body{padding:46px 24px 44px;text-align:center;background:radial-gradient(ellipse at top,#eef5f1,#fff);min-height:70vh;}

/* Glyphe 404 */
.e404-glyph{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px;}
.e404-d{font-size:6rem;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1;}
.e404-server{width:96px;height:96px;border-radius:24px;background:linear-gradient(135deg,var(--g),var(--gd));display:grid;place-items:center;position:relative;box-shadow:0 18px 40px -16px rgba(62,145,114,.6);animation:e404float 3s ease-in-out infinite;}
.e404-server>i{color:#fff;font-size:38px;}
.e404-off{position:absolute;top:-7px;right:-7px;width:30px;height:30px;border-radius:50%;background:#e11d48;color:#fff;display:grid;place-items:center;font-size:12px;border:3px solid #fff;}
@keyframes e404float{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}

.e404-title{font-size:1.9rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:14px 0 8px;}
.e404-sub{font-size:1rem;color:var(--muted);line-height:1.6;max-width:500px;margin:0 auto 26px;}

/* Recherche */
.e404-search{display:flex;gap:8px;max-width:540px;margin:0 auto 16px;background:#fff;border:2px solid var(--g);border-radius:13px;padding:6px;box-shadow:0 12px 30px -16px rgba(62,145,114,.4);}
.e404-search i{color:var(--faint);align-self:center;padding-left:12px;}
.e404-search input{flex:1;border:none;outline:none;background:none;font-size:14px;font-family:inherit;padding:0 10px;height:44px;color:var(--ink);}
.e404-search button{background:linear-gradient(135deg,var(--o),var(--od));color:#fff;border:none;border-radius:9px;padding:0 28px;font-weight:700;font-size:14.5px;font-family:inherit;cursor:pointer;}

/* Liens rapides */
.e404-quick{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:38px;}
.e404-quick a{color:var(--gd);font-weight:600;font-size:13.5px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.e404-quick a i{font-size:11px;color:var(--faint);}
.e404-quick a:hover{text-decoration:underline;}

/* Catégories */
.e404-cats-wrap{max-width:720px;margin:0 auto;}
.e404-cats-t{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:0 0 16px;}
.e404-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;}
.e404-cats a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;text-decoration:none;transition:.15s;}
.e404-cats a:hover{border-color:var(--g);transform:translateY(-3px);box-shadow:0 12px 26px -16px rgba(0,0,0,.25);}
.e404-cats a .ic{width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);display:grid;place-items:center;font-size:19px;}
.e404-cats a b{font-size:13px;color:var(--ink);font-weight:700;line-height:1.25;}

/* Bandeau support */
.e404-help{max-width:720px;margin:30px auto 0;background:linear-gradient(135deg,#0f2a20,#2f7259);border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;text-align:left;}
.e404-help-ic{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;font-size:18px;flex-shrink:0;}
.e404-help-tx{flex:1;}
.e404-help-tx b{color:#fff;font-size:15px;display:block;}
.e404-help-tx small{color:rgba(255,255,255,.8);font-size:13px;}
.e404-help-btn{background:#fff;color:var(--gd);font-weight:700;font-size:13.5px;padding:11px 18px;border-radius:10px;white-space:nowrap;text-decoration:none;transition:.15s;}
.e404-help-btn:hover{background:var(--gl);}

@media(max-width:768px){
  .e404-cats{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:560px){
  .e404-d{font-size:4.2rem;}
  .e404-server{width:68px;height:68px;border-radius:18px;}
  .e404-server>i{font-size:27px;}
  .e404-title{font-size:1.5rem;}
  .e404-cats{grid-template-columns:repeat(2,1fr);}
  .e404-quick{gap:12px;}
  .e404-help{flex-direction:column;text-align:center;}
  .e404-help-tx{text-align:center;}
}