/* MCKIDS — mise en page : centrage, grille régulière, responsive (chargé en dernier) */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,iframe{max-width:100%}
header,.header,.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.2rem}
@media(min-width:769px){.nav-list{flex-wrap:wrap;justify-content:center;gap:.3rem 1rem}
.nav-list li{margin:0!important}
.nav-list li a{display:block;white-space:nowrap;padding:.4rem .5rem}}
main section,.united-zone,.mckids-globe,.ala-une{margin-left:auto;margin-right:auto;text-align:center}
main section>p,.united-zone>p,.mckids-globe>p{margin-left:auto;margin-right:auto;max-width:70ch}
main h1,main h2,main h3{text-align:center;text-wrap:balance}
.cities,.united-cta,.hero-buttons,.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1rem}
.carousel{margin-left:auto;margin-right:auto}
footer{text-align:center;padding:1.5rem 1rem}
footer p{margin-left:auto;margin-right:auto}
@media(max-width:768px){main section{padding-left:1rem;padding-right:1rem}.hero-btn,.btn-primary,.secondary-btn{width:min(100%,320px);text-align:center}}
/* ---- Page Rejoindre ---- */
.page-rejoindre main{width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}
.page-rejoindre .hero{height:auto;min-height:55vh;padding:4rem 1rem 3rem}
.page-rejoindre .hero-content{transform:none!important;margin:0 auto;max-width:720px}
.page-rejoindre .fullscreen-zone{text-align:center;padding:1.5rem 1rem}
.page-rejoindre .info-rejoindre{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;justify-items:center;max-width:1100px;margin:0 auto}
.page-rejoindre .info-card{width:100%;max-width:340px;text-align:center}
.page-rejoindre .info-card img{display:block;margin:0 auto 1rem;max-width:100%;height:auto}
.page-rejoindre #profile-designer{max-width:640px;width:calc(100% - 2rem);margin:2rem auto;text-align:center}
.page-rejoindre .designer-options{display:grid;grid-template-columns:1fr;gap:.6rem;justify-items:center}
.page-rejoindre #preview-box{margin:1rem auto}
.page-rejoindre .neon-portal{margin:2rem auto}
.page-rejoindre .container{width:min(92%,680px)!important;max-width:680px!important;margin:2rem auto 4rem!important;padding:1.5rem 1rem;text-align:center}
.page-rejoindre form{text-align:left;width:100%;margin:0 auto}
.page-rejoindre form input,.page-rejoindre form textarea{display:block;width:100%;margin-bottom:1rem}
.page-rejoindre form button{display:block;width:100%;max-width:320px;margin:1.2rem auto 0}
.page-rejoindre header{justify-content:center}
.page-rejoindre .fullscreen-zone{height:auto!important;min-height:40vh;padding:5rem 1rem 2rem;font-size:clamp(1.1rem,3vw,1.6rem)}
.page-rejoindre .hero::after{content:none!important}
.page-rejoindre .section-step{left:50%!important;translate:-50% 0}
.page-rejoindre header{width:100%;padding:.8rem 1rem}
#or-banner{width:100%;align-self:stretch}
@media(max-width:768px){.page-rejoindre #badge-panel{top:auto!important;bottom:84px;left:50%;right:auto!important;translate:-50% 0;flex-direction:row!important}.page-rejoindre #mcia-guide{right:10px;bottom:10px;max-width:70vw}}
nav>ul:not(.nav-list){flex-wrap:wrap;justify-content:center;padding:0;list-style:none}
nav>ul:not(.nav-list) li{list-style:none}
nav>ul:not(.nav-list) a{display:inline-block;padding:.35rem .6rem}
