/* ======================================================
   GLOBAL LAYOUT SYSTEM (SINGLE SOURCE OF TRUTH)
====================================================== */

:root {
  --site-max-width:  1140px;
  --site-padding: 24px;
}

/* Main layout wrapper */
.site-container {
  max-width: var(--site-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--site-padding);
  padding-right: var(--site-padding);
  width: 100%;
}

/* Optional common aliases */
.container,
.wrap,
.inner,
.content-wrap {
  max-width: var(--site-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--site-padding);
  padding-right: var(--site-padding);
}


/* =====================================================
   404 PAGE – ADELE ARCHEL
===================================================== */

.aa-404 {
  min-height: calc(50vh - 160px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 80px 24px;
}

.aa-404__container {
  max-width: 720px;
  text-align: center;
}

.aa-404__code {
  display: block;
  font-size: 120px;
  font-weight: 800;
  color: #FA6804;
  line-height: 1;
  margin-bottom: 20px;
}

.aa-404__title {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  color: #111;
  margin-bottom: 16px;
}

.aa-404__message {
  font-size: 18px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 36px;
}

.aa-404__actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.aa-404__btn {
  padding: 14px 28px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.aa-404__btn.primary {
  background: #FA6804;
  color: #fff;
}

.aa-404__btn.secondary {
  background:#69c1c0;
  color: #fff;
}

.aa-404__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Mobile */
@media (max-width: 480px) {
  .aa-404__code {
    font-size: 90px;
  }
}