/* Accueil coworkingprices.com « landing 2 » (01/11/2026) : feuille propre au site international, servie seulement par les 9 accueils.
   1. scène animée de l'espace pro (bloc gérants) : onglets avec barre de progression, fenêtre produit, étapes en keyframes ;
      l'état final de chaque élément est son style de base (affiché tel quel si l'animation est coupée : prefers-reduced-motion, sans JS) ;
   2. débordements mobiles du bloc « prix médian en Europe » et du tableau des Amériques (accueil seulement). */

/* bloc gérants : texte à gauche, scène à droite */
.l2-pro .l2-pin{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(24px,4vw,56px)}
.l2-pro .l2-pt .lede{max-width:34ch}
.ps{min-width:0}
.ps-tabs{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
.ps-tabs::-webkit-scrollbar{display:none}
.ps-tabs button{position:relative;flex:1 1 0;min-width:max-content;font:600 13.5px/1.2 var(--font,inherit);color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 12px 12px;cursor:pointer;overflow:hidden;text-align:start}
.ps-tabs button:hover{color:#fff}
.ps-tabs button[aria-selected=true]{color:var(--forest);background:var(--lime);border-color:var(--lime)}
.ps-tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ps-pg{position:absolute;inset:auto 10px 5px 10px;height:2px;border-radius:2px;background:rgba(20,48,42,.18);opacity:0}
.ps-pg::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--forest);transform:scaleX(0);transform-origin:left}
[dir=rtl] .ps-pg::after{transform-origin:right}
.js .ps.auto [aria-selected=true] .ps-pg{opacity:1}
.js .ps.auto [aria-selected=true] .ps-pg::after{animation:psBar 8.5s linear both}

.ps-win{position:relative;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.ps-bar{margin:0;display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F3F5F1;border-bottom:1px solid var(--line)}
.ps-bar i{width:9px;height:9px;border-radius:50%;background:#D5DBD3}
.ps-url{margin-inline-start:10px;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 10px}
.ps-ex{position:absolute;top:9px;inset-inline-end:12px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:99px;padding:2px 8px}
/* panneaux superposés dans la même case : la fenêtre garde la hauteur du plus grand, rien ne saute d'un onglet à l'autre */
.ps-panes{display:grid}
.ps-pane{grid-area:1/1;padding:16px 18px 18px;box-sizing:border-box}
.ps-pane[hidden]{display:block;visibility:hidden}
.ps-cap h3{margin:0;font-size:17px;letter-spacing:-.01em}
.ps-cap p{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.ps-mock{margin-top:14px;background:var(--ivory,#F7F5EF);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:13.5px}
.ps svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ps-btn{align-self:flex-start;display:inline-block;background:var(--ink);color:#fff;border-radius:9px;padding:8px 13px;font-weight:700;font-size:13px}
.ps-sm{padding:6px 11px;font-size:12.5px;background:var(--forest)}

/* 1. réclamer la fiche */
.ps-li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.ps-li b{display:block;font-size:14px}.ps-li small{color:var(--muted)}
.ps-av{width:34px;height:34px;border-radius:9px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-weight:800}
.ps-claimed{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;background:#E2F2EC;color:#1F6B4F;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}
.ps-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ps-fh{grid-column:1/-1;margin:0;font-weight:700;font-size:14px}
.ps-fh small{font-weight:400;color:var(--muted);margin-inline-start:6px}
.ps-in{border:1px solid var(--line);border-radius:9px;padding:6px 9px;min-width:0}
.ps-in small{display:block;font-size:11px;color:var(--muted)}
.ps-type{display:inline-block;font-weight:600;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ps-cb{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start}
.ps-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--forest);background:var(--lime);color:var(--forest);display:grid;place-items:center;flex:none}
.ps-box svg{width:13px;height:13px;stroke-width:3}
.ps-cbt{font-size:11.5px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ps-form .ps-btn{grid-column:1/-1}
.ps-mail{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:0 12px 24px -14px rgba(20,48,42,.35)}
.ps-mail b{display:block;margin-bottom:6px;font-size:13.5px}
.ps-env{width:30px;height:30px;border-radius:8px;background:var(--lime);color:var(--forest);display:grid;place-items:center;flex:none}

/* 2. compléter la fiche */
.ps-lbl{color:var(--muted);font-size:12px}
.ps-ta{margin:-4px 0 0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;line-height:1.5;min-height:3em}
.ps-phs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ps-img{position:relative;aspect-ratio:3/2;border-radius:10px;display:grid;place-items:center;color:rgba(255,255,255,.85);overflow:hidden}
.ps-img svg{width:26px;height:26px;stroke-width:1.6}
.ps-i1{background:linear-gradient(135deg,#C9B79C,#8C7A62)}.ps-i2{background:linear-gradient(135deg,#9DB4A8,#4E6E62)}.ps-i3{background:linear-gradient(135deg,#B9C4D6,#6C7C98)}
.ps-img em{position:absolute;inset:auto 6px 6px;font-style:normal;font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 7px;display:inline-flex;align-items:center;gap:3px;justify-self:start;width:max-content;max-width:calc(100% - 12px);overflow:hidden;white-space:nowrap}
.ps-img em svg{width:11px;height:11px;stroke-width:3}
.ps-w{background:#FBF0DE;color:#7A4E06;opacity:0}
.ps-p{background:#E2F2EC;color:#1F6B4F}
.ps-save{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ps-ok{display:inline-flex;align-items:center;gap:5px;color:#1F6B4F;font-weight:700;font-size:12.5px}

/* 3. demandes */
.ps-rq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 24px -14px rgba(20,48,42,.35)}
.ps-mh{margin:0;display:flex;gap:10px;align-items:center}
.ps-mh b{font-size:14px;line-height:1.35}
.ps-dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ps-dl div{background:var(--ivory,#F7F5EF);border-radius:9px;padding:7px 9px;min-width:0}
.ps-dl dt{font-size:11px;color:var(--muted)}.ps-dl dd{margin:0;font-weight:700;font-size:13px}
.ps-ct{margin:0;border:1px dashed var(--line);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}
.ps-oh{display:inline-flex;align-items:center;gap:5px;color:#1F6B4F;font-weight:700;font-size:12.5px}
.ps-blur{font-weight:600;align-self:flex-start}

/* 4. bloc avis */
.ps-code{background:#14302A;color:#D9F0A3;border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ps-code code{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;flex:1 1 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-code .ps-sm{background:var(--lime);color:var(--forest)}
.ps-cp{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:12px;font-weight:600}
.ps-site{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ps-sb{margin:0;display:flex;gap:5px;align-items:center;padding:7px 10px;background:#F3F5F1;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.ps-sb i{width:7px;height:7px;border-radius:50%;background:#D5DBD3}.ps-sb span{margin-inline-start:6px}
.ps-sbody{padding:12px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.ps-ln{display:block;height:7px;border-radius:4px;background:#E9EDE7}
.ps-rev{margin:4px 0;background:#fff;border:1px solid #E1E6DF;border-radius:12px;padding:10px 12px;box-shadow:0 14px 28px -16px rgba(20,48,42,.45);display:flex;flex-direction:column;gap:2px;min-width:190px}
.ps-rev p{margin:0;display:flex;align-items:center;gap:8px}.ps-rev b{font-size:24px;line-height:1}
.ps-st{color:#E8A317;letter-spacing:2px}
.ps-rev small{color:#59675F;font-size:11.5px}.ps-rev span[dir]{color:#1F6B4F;font-size:11px;font-weight:700}

/* enchaînement : chaque élément part de son état initial et finit dans son style de base */
@keyframes psBar{to{transform:scaleX(1)}}
@keyframes psIn{from{opacity:0;transform:translateY(10px)}}
@keyframes psPop{from{opacity:0;transform:scale(.6)}}
@keyframes psType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes psPress{40%{transform:scale(.92);box-shadow:0 0 0 6px rgba(215,240,110,.55)}}
@keyframes psBox{from{background:#fff}}
@keyframes psDrop{from{opacity:0;transform:translateY(-18px) scale(1.12) rotate(-4deg)}}
@keyframes psWait{0%,100%{opacity:0}12%,85%{opacity:1}}
@keyframes psUnblur{from{filter:blur(5px);opacity:.55}}
@keyframes psWord{from{opacity:0}}
.ps-pane.on .ps-t1{animation:psType .5s steps(4) .5s both}
.ps-pane.on .ps-t2{animation:psType .9s steps(16) 1.1s both}
.ps-pane.on .ps-box{animation:psBox .01s 2.2s both}
.ps-pane.on .ps-box svg{animation:psPop .3s 2.2s both}
.ps-pane.on .ps-b1{animation:psPress .35s 2.7s}
.ps-pane.on .ps-mail{animation:psIn .45s 3.2s both}
.ps-pane.on .ps-b2{animation:psPress .35s 4.3s}
.ps-pane.on .ps-claimed{animation:psPop .4s 4.9s both}
.ps-pane.on .ps-ta span{animation:psWord .2s calc(.4s + var(--i) * 80ms) both}
.ps-pane.on .ps-i1{animation:psDrop .5s 2.2s both}.ps-pane.on .ps-i2{animation:psDrop .5s 2.6s both}.ps-pane.on .ps-i3{animation:psDrop .5s 3s both}
.ps-pane.on .ps-i1 .ps-w{animation:psWait 2.8s 2.4s both}.ps-pane.on .ps-i2 .ps-w{animation:psWait 2.6s 2.8s both}.ps-pane.on .ps-i3 .ps-w{animation:psWait 2.4s 3.2s both}
.ps-pane.on .ps-i1 .ps-p{animation:psPop .3s 5.2s both}.ps-pane.on .ps-i2 .ps-p{animation:psPop .3s 5.4s both}.ps-pane.on .ps-i3 .ps-p{animation:psPop .3s 5.6s both}
.ps-pane.on .ps-b3{animation:psPress .35s 6.1s}
.ps-pane.on .ps-ok{animation:psIn .4s 6.5s both}
.ps-pane.on .ps-rq{animation:psIn .5s .3s both}
.ps-pane.on .ps-dl div:nth-child(1){animation:psIn .4s .9s both}.ps-pane.on .ps-dl div:nth-child(2){animation:psIn .4s 1.1s both}.ps-pane.on .ps-dl div:nth-child(3){animation:psIn .4s 1.3s both}
.ps-pane.on .ps-ct{animation:psIn .4s 1.7s both}
.ps-pane.on .ps-b4{animation:psPress .35s 3.4s}
.ps-pane.on .ps-oh{animation:psIn .4s 3.9s both}
.ps-pane.on .ps-blur{animation:psUnblur .6s 4.1s both}
.ps-pane.on .ps-code{animation:psIn .4s .3s both}
.ps-pane.on .ps-code code{animation:psType 1.4s steps(40) .6s both}
.ps-pane.on .ps-b5{animation:psPress .35s 2.4s}
.ps-pane.on .ps-cp{animation:psIn .35s 2.8s both}
.ps-pane.on .ps-site{animation:psIn .5s 3.3s both}
.ps-pane.on .ps-rev{animation:psDrop .6s 4.2s both}
/* en attente tant que la scène n'est pas visible, en pause au survol */
.js .ps:not(.run) *,.js .ps:not(.run) *::after,.ps.hold *,.ps.hold *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.ps *,.ps *::after{animation:none!important}.ps-pg{display:none}}

@media (max-width:1000px){.l2-pro .l2-pin{grid-template-columns:1fr}}
@media (max-width:760px){
  .ps-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .ps-tabs button{min-width:0;padding:8px 10px 11px;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
  .ps-pane{padding:14px 12px 14px}
  .ps-mock{padding:10px}
  .ps-form{grid-template-columns:1fr}
  .ps-dl{grid-template-columns:1fr 1fr}
  .ps-url{display:none}
  .l2-pro{padding:22px 14px!important}
  .l2-pro .l2-pt .lede{max-width:none}
}

/* débordements mobiles de l'accueil : bloc sombre « prix médian en Europe » et tableau des Amériques */
@media (max-width:760px){
  .hx .hv-dark .hv-prices,.hx .hv-dark .hv-prices>div{min-width:0}
  .hx .hv-dark .hv-pl li{min-width:0}
  .hx .hv-dark .hv-pl small{white-space:nowrap}
  .hx .table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .hx .hv-pt th,.hx .hv-pt td{padding:10px 10px}
}

/* accueil allégé (01/11/2026) : une idée par bloc */
.l2-more{margin:22px 0 0}
.l2-cl{margin-top:14px}
.l2-steps li{flex-direction:row;align-items:center;gap:12px;padding:14px 16px}
.l2-steps li::before{margin:0;flex:none}
.l2-ft .l2-f{grid-column:span 2;gap:6px}
.l2-fv{background:var(--ivory,#F7F5EF);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:150px;display:flex;flex-direction:column;justify-content:center;margin-bottom:6px}
.l2-fv .l2-ex{grid-template-columns:1fr;gap:6px;margin:0}
.l2-fv .l2-ex li{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:7px 10px;background:#fff}
.l2-fv .l2-ex a{flex:1 1 60%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l2-fv .l2-ex li>small{order:3;flex-basis:100%}
.l2-fv .l2-ex b{font-size:15px}
.l2-gr{background:#fff;border:1px solid #E1E6DF;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;align-self:center;min-width:200px;box-shadow:0 14px 28px -18px rgba(20,48,42,.45)}
.l2-gr a{color:var(--ink);font-weight:700;text-decoration:none}.l2-gr small{color:var(--muted);font-size:12.5px}
.l2-gr p{margin:2px 0;display:flex;align-items:center;gap:8px}.l2-gr b{font-size:26px;line-height:1}
.l2-fv .l2-langs{margin:0;text-align:center;line-height:2}
.l2-f h3{font-size:16.5px}
.ia-more{margin-top:10px}.ia-more summary{cursor:pointer;font-weight:700;color:var(--lime,#D7F06E)}
.hx #budget .bud-list li:nth-child(n+10){display:none}
/* page « All countries » */
.l2-tous h1{margin:0 0 6px}
.l2-tous .l2-zone h2{font-size:22px;margin:0 0 10px}
.l2-tous .l2-dir{columns:2;column-gap:32px}
.l2-tous .l2-dir li{break-inside:avoid}
@media (max-width:760px){.l2-ft .l2-f{grid-column:auto}.l2-tous .l2-dir{columns:1}.l2-fv{min-height:0}}
/* hauteur de page divisée environ par deux : espacements resserrés, cartes pays sur deux rangées (défilement horizontal sur mobile) */
.hx .hx-sec{padding-top:56px}
.hx .hv-sec{padding-top:56px}
.hx .hv-white,.hx .hv-dark{margin-top:56px;padding-bottom:56px!important}
.hx .l2-cards{grid-template-columns:repeat(6,1fr);gap:12px}
.hx .l2-ci{aspect-ratio:1/1}
.hx .l2-ov{padding:30px 10px 9px}.hx .l2-ov b{font-size:16px}.hx .l2-ov small{font-size:12px}
.hx .hx-cities{grid-template-rows:170px 170px}
.hx #budget .bud-list li:nth-child(n+7){display:none}
.l2-fv{min-height:120px}
@media (max-width:1000px){.hx .l2-cards{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){
  .hx .hx-sec,.hx .hv-sec{padding-top:40px}
  .hx .hv-white,.hx .hv-dark{margin-top:40px;padding-bottom:40px!important}
  .hx .l2-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;scrollbar-width:none}
  .hx .l2-cards::-webkit-scrollbar{display:none}
  .hx .l2-cards>li{flex:0 0 44%;scroll-snap-align:start}
  .hx .l2-ci{aspect-ratio:4/5}
  .hx .hx-cities{grid-auto-rows:140px;gap:10px}
  .l2-steps li{padding:10px 12px}
}
.hx .hv-end{padding-top:40px!important;padding-bottom:40px!important;margin-top:56px;margin-bottom:0}
/* crédits photo en une ligne sous la bande finale, juste avant le pied de page (la bande ne colle plus au pied de page) */
.hx>.l2-cr{margin:18px 0 -72px}
.hx .hx-cities{grid-template-rows:150px 150px}