/* ======================= VERSION ORDINATEUR (chargé seulement >= 1024px) ======================= */
html,body{background:#f3f7fc}
.app{max-width:none;background:transparent}
.bar-home,.tabbar{display:none}
.dtop{display:block;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(18,52,120,.05)}
.dtop-in{max-width:1180px;margin:0 auto;padding:0 28px;height:72px;display:flex;align-items:center;gap:36px}
.dlogo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.5rem;color:var(--navy);letter-spacing:.3px}
.dlogo img{width:42px;height:42px;border-radius:12px}
.dnav{display:flex;gap:6px;flex:1}
.dnav a{position:relative;padding:10px 18px;border-radius:12px;font-weight:500;font-size:.98rem;color:#2c3a58}
.dnav a:hover{background:#eef3fb}
.dnav a.on{background:#e3eefc;color:var(--blue);font-weight:600}
.dot2{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-inline-start:7px;border-radius:99px;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;padding:0 5px}
.dright{display:flex;align-items:center;gap:12px}
.dlang{font-weight:600;font-size:.9rem;color:var(--navy);padding:8px 10px}
.dacc{display:flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;border-radius:99px;background:#eef3fb;font-weight:600;color:var(--navy)}
.dav{width:34px;height:34px;border-radius:50%;overflow:hidden;display:block}.dav .ini{font-size:1rem}
.ghost2{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.btn{width:auto;display:inline-flex}
.btn.sm{padding:10px 20px;font-size:.92rem;border-radius:12px}

.page{max-width:1180px;margin:0 auto;padding:28px 28px 60px}
.page.narrow{max-width:700px}
.page.nonav{padding-bottom:60px}
.bar-back{position:static;max-width:1180px;margin:0 auto;padding:22px 28px 0;background:transparent;min-height:0}
.bar-back .ttl{text-align:start}
.bar-back h1{font-size:1.7rem}
.bar-back .ttl p{justify-content:flex-start}
.bar-back .lg{display:none}
.ib{background:#fff;box-shadow:0 2px 8px rgba(18,52,120,.08)}
.cta{position:static;transform:none;max-width:none;width:auto;padding:18px 0 0;background:transparent;justify-content:flex-start}
.cta .btn{flex:none;min-width:240px}.cta .btn.sq{min-width:0;width:58px}
label.f{margin-top:18px}

/* accueil */
.hello{min-height:260px;padding:40px 48px;border-radius:28px;background:linear-gradient(120deg,#ffffff 0%,#eaf3fe 100%);box-shadow:var(--sh);overflow:hidden;position:relative;border:1px solid #e8eff9}
.hello h1{font-size:2.4rem;line-height:1.2;margin-bottom:12px}
.hello p{font-size:1.15rem;max-width:460px}
.hello .blob{inset-inline-end:-60px;bottom:-90px;width:360px;height:360px}
.hello .pic{width:230px;height:230px;margin-inline-end:36px}
.search{max-width:720px;margin:26px 0 8px;padding:6px 20px;border-radius:18px}
.search input{font-size:1.05rem;padding:16px 0}
.tiles{grid-template-columns:repeat(6,1fr);gap:16px;margin:26px 0 30px}
.tile{min-height:140px;border-radius:22px;transition:.15s}.tile:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.tile svg{width:42px;height:42px}.tile span{font-size:.92rem}
.sec h2{font-size:1.45rem}
.rec{grid-template-columns:repeat(3,1fr);gap:20px}
.rc{border-radius:20px;transition:.15s}.rc:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.rc .ph{aspect-ratio:16/10}.rc .ph .ini{font-size:3.4rem}
.rc div.t{padding:14px 16px}.rc b{font-size:1.05rem}
.banner{margin-top:30px;padding:28px 34px;border-radius:24px;font-size:1.25rem}
.banner .btn{padding:12px 26px}

/* liste des pros */
.chips{margin:0 0 6px;padding:4px 0 12px;flex-wrap:wrap;overflow:visible}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 3px 12px rgba(18,52,120,.05);transition:.15s}
.pcard:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.pcard .avw,.pcard .avw .av{width:76px;height:76px}
.pcard h3{font-size:1.15rem}

/* fiche pro : deux colonnes */
.page.flush{max-width:1180px;padding:28px;display:grid;grid-template-columns:380px 1fr;column-gap:36px;align-items:start}
.page.flush>.hero-photo{grid-column:1;grid-row:1 / span 5;height:480px;border-radius:26px;overflow:hidden;position:sticky;top:100px}
.page.flush>.dcard,.page.flush>.tabs,.page.flush>.sect,.page.flush>.cta{grid-column:2}
.dcard{margin:0 0 4px;box-shadow:var(--sh)}
.tabs{margin:14px 0 4px;max-width:520px}
.sect{padding:6px 4px}
.gal{grid-template-columns:repeat(4,1fr)}

/* compte */
.page.flush:has(.acc){display:block;max-width:760px}
.acc{border-radius:24px;margin-bottom:16px;padding:32px}
.menu{background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px 26px;box-shadow:0 3px 12px rgba(18,52,120,.05)}
.menu a:last-child{border-bottom:0}

/* pages étroites, messages, demandes */
.page.narrow .auth{padding:6px 0}
.who-pg,.splash{max-width:560px;margin:0 auto;min-height:100vh}
.compose{position:sticky;bottom:0;transform:none;left:auto;max-width:none;width:100%;padding:14px 0 18px;border-top:0;background:#f3f7fc}
.chat{padding-bottom:20px}
.mrow,.rq{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:12px}
.box{background:#fff}
.steps{max-width:520px;margin-inline:auto}

.drawer,.drawer-bg{display:none}
.dlang{display:none}
.lsw a{padding:7px 14px}