/* Pages eSIM — mêmes jetons que le Brandbook v4 (site.css :root). */
.es>section,.es>nav{padding:0;margin:0}
.es{padding-top:22px;padding-bottom:56px;display:flex;flex-direction:column;gap:40px}
.es-crumbs{font-size:14px;color:var(--pierre)}.es-crumbs a{color:inherit}
.es-h1{font:700 clamp(34px,5vw,60px)/1.02 var(--sans);letter-spacing:-.045em;margin:16px 0 14px;text-wrap:balance}
.es-h1 em{font:400 italic 1.05em/1 var(--serif);letter-spacing:-.02em;color:var(--soleil)}
.es-h2{font:700 clamp(22px,2.6vw,30px)/1.1 var(--sans);letter-spacing:-.03em;margin:0 0 14px}
.es-lead{font-size:clamp(17px,1.6vw,19px);line-height:1.5;color:var(--pierre);margin:0 0 18px;max-width:58ch}
.es-sim{width:15px;height:18px;color:var(--soleil)}
.es-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start}
.es-hero.hub{align-items:center}
.es-hero.dest{grid-template-areas:'intro buy' 'roam buy';grid-template-rows:auto 1fr}.es-intro{grid-area:intro}.dest .es-roam{grid-area:roam;align-self:start}.dest .es-buy{grid-area:buy}
.es-proofs{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.es-proofs li{font:600 13.5px/1 var(--sans);background:#fff;box-shadow:inset 0 0 0 1px var(--ligne);padding:9px 12px;border-radius:999px}
.es-proofs li::before{content:"✓ ";color:var(--ok)}
.es-roam{border-radius:var(--r-bloc);padding:16px 18px;background:var(--peche)}
.es-roam.ok{background:var(--ok-bg)}.es-roam b{display:block;margin-bottom:4px}.es-roam p{margin:0;font-size:15px;line-height:1.5}
.es-buy{background:#fff;border-radius:var(--r-carte);padding:clamp(20px,3vw,28px);box-shadow:var(--ombre),inset 0 0 0 1px var(--ligne);position:sticky;top:90px}
.es-demo{font:600 13px/1.4 var(--sans);background:#FFF3C4;border-radius:10px;padding:8px 12px;margin:0 0 14px}
.es-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.es-plan{position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 12px 12px;border-radius:var(--r-bloc);box-shadow:inset 0 0 0 1.5px var(--ligne-forte);cursor:pointer;background:var(--creme);transition:box-shadow .15s,transform .15s}
.es-plan:hover{transform:translateY(-1px)}
.es-plan input{position:absolute;opacity:0;pointer-events:none}
.es-plan:has(input:checked){box-shadow:inset 0 0 0 2.5px var(--encre);background:#fff}
.es-plan:has(input:focus-visible){outline:3px solid var(--soleil);outline-offset:2px}
.es-plan b{font:700 22px/1 var(--sans);letter-spacing:-.03em}
.es-plan span{font-size:13.5px;color:var(--pierre)}
.es-plan strong{font:700 18px/1.2 var(--sans);margin-top:8px}
.es-plan small{font-size:12px;color:var(--pierre)}
.es-plan em{position:absolute;top:-9px;left:10px;font:600 11px/1 var(--sans);font-style:normal;background:var(--soleil);color:#fff;padding:5px 8px;border-radius:999px}
.es-order{display:flex;flex-direction:column;gap:12px}
.es-order input[type=email]{font:400 17px var(--sans);padding:14px 16px;border:0;border-radius:var(--r-champ);background:#fff;box-shadow:inset 0 0 0 1px var(--ligne-forte);min-height:54px;width:100%}
.es-ok{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--pierre)}
.es-ok input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--encre)}
.es-pay{width:100%;justify-content:center;margin:4px 0 0}
.es-pm{margin:0;text-align:center;font-size:13px;color:var(--pierre)}
.es-out{margin:0;font-size:14px;border-radius:10px;padding:10px 12px;background:var(--ko-bg);color:var(--ko)}
.es-soon{background:var(--sable);border-radius:var(--r-bloc);padding:18px}
.es-soon b{display:block;margin-bottom:6px}.es-soon p{margin:0 0 12px;line-height:1.5}
.es-sec{display:flex;flex-direction:column}
.es-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.es-steps li{counter-increment:s;background:#fff;border-radius:var(--r-bloc);padding:18px;box-shadow:inset 0 0 0 1px var(--ligne);display:flex;flex-direction:column;gap:6px}
.es-steps li::before{content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;font:700 14px/1 var(--sans);margin-bottom:6px}
.es-steps span{font-size:14.5px;line-height:1.45;color:var(--pierre)}
.es-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.es-card,.es-compat{background:#fff;border-radius:var(--r-carte);padding:clamp(20px,3vw,28px);box-shadow:inset 0 0 0 1px var(--ligne)}
.es-compat p{margin:0 0 12px;line-height:1.5}
.es-list{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:8px;line-height:1.5}
.es-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.es-links a{display:flex;flex-direction:column;gap:4px;background:var(--encre);color:#fff;border-radius:var(--r-bloc);padding:18px;text-decoration:none;position:relative}
.es-links a small{color:var(--gris-nuit)}.es-links a svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--soleil)}
.es-links a b{padding-right:30px}
.es-src{color:var(--pierre)}
.es-search input{font:500 18px var(--sans);width:100%;padding:18px 20px;border:0;border-radius:999px;background:#fff;box-shadow:var(--ombre),inset 0 0 0 1.5px var(--encre);margin-bottom:16px}
.es-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.es-dest{display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:var(--r-bloc);padding:14px 16px;box-shadow:inset 0 0 0 1px var(--ligne);text-decoration:none;color:var(--encre);transition:box-shadow .15s}
.es-dest:hover{box-shadow:inset 0 0 0 1.5px var(--encre)}
.es-dest span{font-size:13.5px;color:var(--pierre)}
.es-empty{margin:14px 0 0}
.es-phone{justify-self:center;width:min(300px,80vw);aspect-ratio:9/17;border-radius:46px;background:var(--encre);padding:14px;box-shadow:var(--ombre)}
.es-screen{height:100%;border-radius:34px;background:linear-gradient(160deg,#FFE3D3,#FFF8F2 60%);padding:56px 22px;display:flex;flex-direction:column;gap:12px}
.es-screen small{font-weight:600;color:var(--pierre)}.es-screen b{font:700 28px/1.05 var(--sans);letter-spacing:-.03em}
.es-bar{height:10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--ligne);overflow:hidden}.es-bar i{display:block;height:100%;width:72%;background:var(--soleil);border-radius:9px}
.es-row{font-size:14px;color:var(--pierre)}.es-row em{font-style:normal;font-weight:700;color:var(--ok);margin-right:4px}
.es-inst{max-width:860px}
.es-wait{height:6px;border-radius:6px;background:var(--sable);overflow:hidden}.es-wait i{display:block;height:100%;width:30%;background:var(--soleil);border-radius:6px;animation:esw 1.4s ease-in-out infinite}
@keyframes esw{0%{transform:translateX(-100%)}100%{transform:translateX(340%)}}
.es-ready{display:flex;flex-direction:column;gap:16px}
.es-qr-card{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}
.es-qr{background:#fff;border-radius:16px;padding:10px;box-shadow:inset 0 0 0 1px var(--ligne)}.es-qr svg,.es-qr img{width:100%;height:auto;display:block}
.es-code{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--ligne)}
.es-code small{grid-column:1/-1;color:var(--pierre)}.es-code code{font:500 15px/1.4 ui-monospace,monospace;word-break:break-all}
.esim-more{display:inline-block;margin-top:14px;font-weight:600;color:var(--encre)}
@media (max-width:900px){.es-hero{grid-template-columns:1fr}.es-hero.dest{grid-template-areas:'intro' 'buy' 'roam';grid-template-rows:auto}.es-buy{position:static}.es-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.es-two{grid-template-columns:1fr}.es-phone{display:none}}
@media (max-width:560px){.es-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.es-steps{grid-template-columns:1fr}.es-qr-card{grid-template-columns:1fr}.es-qr{max-width:240px}}