/* Retraite Maurice — Maurice ou ailleurs ? (gabarits/ailleurs.html). Chargé après accueil.css, vente.css et france.css. */

/* en-tête : deux vraies photos face à face, « ou » au milieu */
.ai-hero{padding:104px 24px 0}
.ai-duo{position:relative;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;height:min(52vh,460px)}
.ai-cote{position:relative;margin:0;overflow:hidden;border-radius:40px 12px 12px 40px;box-shadow:0 40px 80px -50px rgba(15,58,107,.8)}
.ai-cote+.ai-ou+.ai-cote{border-radius:12px 40px 40px 12px}
.ai-cote img{width:100%;height:100%;object-fit:cover;animation:aikb 28s ease-in-out infinite alternate}
.ai-cote+.ai-ou+.ai-cote img{animation-direction:alternate-reverse}
@keyframes aikb{from{transform:scale(1.03)}to{transform:scale(1.12)}}
.ai-cote figcaption{position:absolute;left:22px;bottom:20px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);font-size:15px;font-weight:700;color:var(--navy-d)}
.ai-cote+.ai-ou+.ai-cote figcaption{left:auto;right:22px}
.ai-ou{position:absolute;left:50%;top:50%;z-index:2;width:86px;height:86px;margin:-43px 0 0 -43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#fbb52a,#f48a1f);color:#fff;font:italic 600 34px/1 "Fraunces",Georgia,serif;box-shadow:0 0 0 8px rgba(255,255,255,.9),0 24px 40px -16px rgba(244,138,31,.8)}
.ai-credit{position:absolute;right:14px;top:12px;max-width:70%;padding:4px 10px;border-radius:999px;background:rgba(10,37,71,.45);font-size:10.5px;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}
.ai-cote:first-child .ai-credit{right:auto;left:14px}
.ai-hero-txt{text-align:center;padding-top:34px}
.ai-hero-txt .crumbs{justify-content:center;margin-bottom:14px}
.ai-hero h1{font-size:clamp(36px,4.6vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.04;color:var(--navy-d)}
.ai-hero .lead{max-width:760px;margin:16px auto 0;font-size:18px;line-height:1.65;color:#41607f}
.ai-onglets{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px}
.ai-onglets-l{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6d86a0;margin-right:4px}
.ai-onglet{padding:9px 16px;border-radius:999px;border:1.5px solid rgba(15,58,107,.14);background:#fff;font-size:15px;font-weight:600;color:var(--navy-d);text-decoration:none;transition:border-color .2s,transform .2s}
.ai-onglet:hover{border-color:var(--lagoon);transform:translateY(-2px)}
.ai-onglet.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 12px 24px -14px rgba(15,58,107,.9)}

/* le comparateur */
.ai-outil-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;margin-top:30px}
.ai-choix{display:grid;gap:18px;padding:26px;border-radius:28px;background:#fff;border:1px solid rgba(15,58,107,.08);box-shadow:0 30px 60px -46px rgba(15,58,107,.7)}
.ai-q>span,.ai-q>label{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin-bottom:8px}
.ai-ch{display:flex;flex-wrap:wrap;gap:6px}
.ai-ch button{padding:9px 14px;border-radius:999px;border:1.5px solid rgba(28,125,179,.16);background:#fff;font:500 14.5px Outfit,sans-serif;color:var(--navy-d);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ai-ch button:hover{border-color:var(--lagoon)}
.ai-ch button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.ai-q select{width:100%;padding:11px 14px;border-radius:14px;border:1.5px solid rgba(28,125,179,.22);background:#fff;font:600 15.5px Outfit,sans-serif;color:var(--navy-d);cursor:pointer}
.ai-res{position:sticky;top:100px;padding:26px;border-radius:28px;background:linear-gradient(160deg,#0a2547,#0f3a6b 55%,#1c6ea0);color:#fff;box-shadow:0 40px 80px -40px rgba(10,37,71,.9)}
.ai-face{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.ai-tot{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.ai-tot.mu{background:rgba(63,208,212,.18);border-color:rgba(63,208,212,.45)}
.ai-tot small{display:block;font-size:13px;color:#cfe8f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-tot b{display:block;margin:4px 0 0;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;line-height:1.1}
.ai-tot span{font-size:12.5px;color:#a9c8dd}
.ai-vs{font:italic 600 22px "Fraunces",Georgia,serif;color:var(--sun1)}
.ai-ecart{margin:16px 0 0;padding:14px 16px;border-radius:16px;background:#e6f6ee;font-size:15px;line-height:1.55;color:#24563d}
.ai-ecart b{color:#0f6b3c}
.ai-ecart.egal{background:#fff4e2;color:#7a4a12}
.ai-ecart.plus{background:#eef4fb;color:#24456b}
.ai-ecart.plus b{color:var(--navy-d)}
.ai-postes{display:grid;gap:12px;margin-top:18px}
.ai-po-t{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#dbeefa;margin-bottom:5px}
.ai-po-t em{font-style:normal;font-size:12.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.12);color:#e6f6ee}
.ai-po-t em.moins{background:rgba(21,151,83,.35);color:#d6ffe9}
.ai-po-t em.plus{background:rgba(244,138,31,.35);color:#ffe7cc}
.ai-po-b{display:grid;grid-template-columns:1fr 70px;gap:10px;align-items:center;height:16px}
.ai-po-b+.ai-po-b{margin-top:4px}
.ai-po-b i{display:block;height:10px;border-radius:0 4px 4px 0;background:#8fa9c2;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.ai-po-b.mu i{background:linear-gradient(90deg,var(--lagoon),#5ec8f2)}
.ai-po-b b{font-size:13px;font-weight:600;text-align:right;color:#fff;white-space:nowrap}
.ai-leg{display:flex;align-items:center;gap:8px;margin:14px 0 18px;font-size:12.5px;color:#a9c8dd}
.ai-leg i{width:14px;height:8px;border-radius:2px;background:#8fa9c2;margin-left:6px}
.ai-leg i.mu{background:linear-gradient(90deg,var(--lagoon),#5ec8f2);margin-left:0}

/* le classement */
.ai-class-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.ai-score{margin-top:24px;padding:18px 22px;border-radius:22px;background:#e6f6ee;max-width:380px}
.ai-score b{display:block;font-size:38px;letter-spacing:-.03em;color:var(--navy-d)}
.ai-score span{font-size:15px;color:#41607f}
.ai-barres{display:flex;flex-direction:column}
.ai-barres figcaption{order:-1}

/* critères : les cartes .vt-baisse de vente.css, deux petits ajouts */
.vt-baisse-g .ai-av{display:block;margin-bottom:6px;font-size:11px}
.vt-baisse-g p.ai-fr{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);font-size:13.5px}
.vt-baisse-g p.ai-fr b{color:#fff}

/* la vie, la vraie : Maurice à gauche (bleu nuit), l'autre pays à droite (blanc), honnête */
.ai-vie{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:30px;align-items:start}
.ai-vie h3{font-size:22px;letter-spacing:-.02em;margin-bottom:16px}
.ai-vie ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ai-vie li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.ai-vie li b{display:block;font-size:16.5px;line-height:1.35}
.ai-vie li p{margin-top:3px;font-size:14.5px;line-height:1.6}
.ai-vie-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}
.ai-vie-mu{padding:30px;border-radius:30px;background:linear-gradient(160deg,#0a2547,#0f3a6b 60%,#1c6ea0);color:#fff;box-shadow:0 40px 80px -46px rgba(10,37,71,.9)}
.ai-vie-mu h3{color:#fff}.ai-vie-mu li p{color:#cfe2f1}
.ai-vie-mu .ai-vie-ic{background:rgba(63,208,212,.2);color:#7ee6e9}
.ai-vie-pays{padding:30px;border-radius:30px;background:#fff;border:1px solid rgba(15,58,107,.1);box-shadow:0 30px 60px -48px rgba(15,58,107,.7)}
.ai-vie-pays h3{color:var(--navy-d)}.ai-vie-pays li b{color:var(--navy-d)}.ai-vie-pays li p{color:var(--muted)}
.ai-vie-pays .ai-vie-ic{background:var(--ice);color:var(--navy)}
.ai-vie-v{margin-top:20px;padding:16px 18px;border-radius:18px;background:#fff7e6;font-size:14.5px;line-height:1.6;color:#6b4a14}

/* les autres destinations : une carte-lien chacune */
.ai-pays{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:26px}
.ai-p{position:relative;display:block;padding:22px 22px 46px;border-radius:22px;background:linear-gradient(150deg,#f4fafe,#fff 60%);border:1.5px solid rgba(28,125,179,.14);text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.ai-p:hover{transform:translateY(-5px);border-color:var(--lagoon);box-shadow:0 26px 50px -36px rgba(15,58,107,.6)}
.ai-p small{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}
.ai-p b{display:block;margin-top:2px;font-size:20px;color:var(--navy-d)}
.ai-p p{margin-top:6px;font-size:14.5px;line-height:1.55;color:#4d6b88}
.ai-p>span{position:absolute;left:22px;bottom:16px;font-size:18px;color:var(--lagoon)}

.ai-sources{padding-top:30px}
.ai-sources p{font-size:12px;line-height:1.7;color:#8aa0b5}
.ai-sources a{color:#6d86a0;text-decoration:underline;text-underline-offset:2px}

@media(max-width:980px){.ai-outil-g,.ai-class-g,.ai-vie{grid-template-columns:1fr;gap:22px}.ai-res{position:relative;top:0}}
@media(max-width:600px){
  .ai-hero{padding:88px 12px 0}.ai-duo{height:300px;gap:6px}.ai-cote{border-radius:26px 8px 8px 26px}.ai-cote+.ai-ou+.ai-cote{border-radius:8px 26px 26px 8px}
  .ai-ou{width:60px;height:60px;margin:-30px 0 0 -30px;font-size:24px}.ai-cote figcaption{font-size:13px;padding:7px 12px;left:12px;bottom:12px}.ai-cote+.ai-ou+.ai-cote figcaption{right:12px}
  .ai-credit{display:none}
  .ai-choix,.ai-res{padding:18px}.ai-face{grid-template-columns:1fr;gap:6px}.ai-vs{text-align:center}
  .ai-vie-mu,.ai-vie-pays{padding:22px}
  .ai-barres .fr-l{grid-template-columns:118px 1fr 60px}
}
@media(prefers-reduced-motion:reduce){.ai-cote img{animation:none}}