.numerologie-main,
.numerologie-page{
  max-width:1200px;
  margin:0 auto;
  padding:30px 24px 130px;
}

.numerologie-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:34px 28px 40px;
}

.numerologie-page-title{
  margin:0 0 16px;
  text-align:center;
  font-family:var(--brand);
  font-weight:900;
  color:var(--gold-txt);
  text-shadow:0 0 18px rgba(255,216,107,.33);
  font-size:clamp(32px,4vw,48px);
  line-height:1.08;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.numerologie-intro,
.numerologie-subtitle{
  max-width:820px;
  text-align:center;
  color:var(--text);
  margin:0 auto 40px;
  font-size:16px;
  line-height:1.7;
}

.numerologie-section-title{
  margin:28px 0 10px;
  font-family:var(--ui);
  font-weight:900;
  color:var(--gold-txt);
  font-size:24px;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.numerologie-sub-title{
  margin:16px 0 8px;
  font-family:var(--ui);
  font-weight:900;
  color:var(--gold-txt);
  font-size:15px;
  line-height:1.35;
}

.numerologie-text{
  margin:0 0 10px;
  color:var(--text);
  font-family:var(--ui);
  font-size:16px;
  line-height:1.8;
}

.numerologie-list{
  margin:0 0 0 18px;
  padding:0;
  color:var(--text);
  font-family:var(--ui);
  font-size:16px;
  line-height:1.8;
}

.numerologie-list li{
  margin:0 0 6px;
}

.numerologie-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.numerologie-field{
  min-width:0;
}

.numerologie-field label{
  display:block;
  margin:0 0 6px;
  font-family:var(--ui);
  font-weight:700;
  font-size:13px;
  color:var(--text);
}

.numerologie-field--full{
  grid-column:1 / -1;
}

.numerologie-actions{
  margin-top:32px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.numerologie-result-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.numerologie-box{
  border:1px solid var(--border);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.06);
}

.numerologie-kv{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.numerologie-k{
  color:var(--muted);
  font-family:var(--ui);
  font-size:14px;
}

.numerologie-v{
  color:var(--text);
  font-family:var(--ui);
  font-weight:900;
  font-size:14px;
  text-align:right;
}

.numerologie-error{
  display:none;
  margin:0 0 18px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,107,107,.35);
  background:rgba(255,107,107,.12);
  color:var(--text);
  font-weight:800;
  font-size:14px;
}

.numerologie-placeholder{
  border:1px solid var(--border);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.05);
}

.numerologie-result-actions{
  margin-top:22px;
  display:flex;
  justify-content:center;
}

.numerologie-wrap{
  max-width:1080px;
  margin:0 auto;
}

.numerologie-index-card{
  width:100%;
  max-width:1080px;
  margin:0 auto;
}

.numerologie-heading{
  margin-bottom:26px;
  text-align:center;
}

.numerologie-kicker{
  margin:0 0 6px;
  color:var(--gold-txt);
  font-family:var(--brand);
  font-size:clamp(16px,1.8vw,22px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
}

.btn-back-float{
  display:none !important;
}

.numerologie-page--composition{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:30px 24px 130px;
}

.numerologie-page--composition .numerologie-card{
  width:100%;
  max-width:1120px;
  margin:0 auto;
}

.numerologie-page--composition .numerologie-page-title{
  margin:0 0 18px;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.08;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-align:center;
}

.numerologie-page--composition .numerologie-kicker{
  margin:0 0 6px;
  color:var(--gold-txt);
  font-family:var(--brand);
  font-size:clamp(16px,1.8vw,22px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
}

.numerologie-page--composition .numerologie-text,
.numerologie-page--composition .numerologie-list{
  font-size:15px;
  line-height:1.75;
}

.numerologie-page--composition .numerologie-section-title{
  margin-top:30px;
}

.numerologie-page--composition .numerologie-sub-title,
.numerologie-page--composition .numerologie-text,
.numerologie-page--composition .numerologie-list{
  font-family:var(--ui);
}

.numerologie-page--composition .no-copy{
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

.numerologie-page--correspondance{
  max-width:1200px;
  margin:0 auto;
  padding:30px 24px 130px;
}

.numerologie-page--correspondance .numerologie-title{
  margin:0 0 6px;
  text-align:center;
  font-family:var(--brand);
  font-weight:900;
  font-size:clamp(32px,4vw,48px);
  line-height:1.08;
  color:var(--gold-txt);
  text-transform:uppercase;
}

.numerologie-page--correspondance .numerologie-subtitle{
  max-width:none;
  text-align:center;
  margin:0 0 14px;
  font-family:var(--ui);
  font-weight:600;
}

.numerologie-page--correspondance .numerologie-correspondance-card{
  overflow:hidden;
}

.numerologie-page--correspondance .numerologie-scroll-x{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:6px;
}

.numerologie-page--correspondance .numerologie-scroll-x::-webkit-scrollbar{
  height:8px;
}

.numerologie-page--correspondance .numerologie-scroll-x::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.12);
  border-radius:999px;
}

.numerologie-page--correspondance .numerologie-map{
  display:grid;
  grid-template-columns:repeat(9,minmax(96px,1fr));
  gap:12px;
  align-items:stretch;
}

.numerologie-page--correspondance .numerologie-col{
  min-height:120px;
  padding:12px 10px;
  text-align:center;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.13);
}

.numerologie-page--correspondance .numerologie-n{
  margin:2px 0 10px;
  font-family:var(--ui);
  font-weight:900;
  font-size:24px;
  color:var(--gold-txt);
  text-shadow:0 0 14px rgba(255,216,107,.25);
}

.numerologie-page--correspondance .numerologie-letters{
  display:grid;
  gap:6px;
  justify-items:center;
  margin:0;
  padding:0;
  list-style:none;
  font-family:var(--ui);
  font-weight:700;
  font-size:16px;
  line-height:1.75;
  letter-spacing:.08em;
  color:var(--text);
}

.numerologie-page--correspondance .numerologie-letters li{
  width:100%;
  padding:6px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}

.numerologie-page--correspondance .numerologie-legend{
  margin-top:14px;
  text-align:left;
  font-size:13px;
  color:var(--muted);
  font-family:var(--ui);
}

.numerologie-page--resultat{
  max-width:980px;
  margin:0 auto;
  padding:20px 12px 110px;
}

.numerologie-page--resultat .numerologie-card{
  max-width:980px;
  margin:0 auto;
}

.numerologie-page--resultat .numerologie-page-title{
  text-align:left;
  margin-bottom:8px;
  font-size:clamp(32px,4vw,48px);
}

.numerologie-page--resultat .numerologie-intro{
  text-align:left;
  margin-bottom:18px;
}

.numerologie-section-title--center{
  text-align:center;
}

@media (max-width:820px){
  .numerologie-grid,
  .numerologie-result-grid,
  .numerologie-actions{
    grid-template-columns:1fr;
  }

  .numerologie-field--full{
    grid-column:auto;
  }
}

@media (max-width:720px){
  .numerologie-main,
  .numerologie-page,
  .numerologie-page--composition,
  .numerologie-page--correspondance,
  .numerologie-page--resultat{
    padding:18px 12px 104px;
  }

  .numerologie-card{
    padding:24px 18px 32px;
  }

  .numerologie-page-title,
  .numerologie-page--correspondance .numerologie-title,
  .numerologie-page--resultat .numerologie-page-title,
  .numerologie-page--composition .numerologie-page-title{
    font-size:var(--fs-h1-mobile);
  }

  .numerologie-text,
  .numerologie-list{
    font-size:15px;
  }

  .numerologie-intro,
  .numerologie-subtitle{
    margin:0 auto 28px;
    font-size:16px;
    line-height:1.7;
  }

  .numerologie-page--correspondance .numerologie-map{
    min-width:972px;
  }

  .numerologie-demo-nav{
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    gap:14px;
    overflow-x:auto;
  }

  .numerologie-demo-nav__link{
    flex:0 0 auto;
    white-space:nowrap;
  }

@media (max-width:720px){
  .floating-left,
  .floating-right,
  .floating-stack,
  .fab-stack,
  .status-fabs{
    margin-top:8px !important;
  }
}