/* Anidonne : charte « Nuit violette » (maquette D retenue le 20/10/2026) */

/* couleurs d'origine : violet-magenta du bandeau, rose du logo, nuit violette du héros */
:root{--v:#a62ba3;--v2:#7c3aed;--pk:#ff5d8f;--nuit:#170c26;--nuit2:#2a1240;--lav:#f7f1fd;--lav2:#efe4fb;--ink:#1d1029;--mut:#6f6380;--line:#ebe2f5;--ok:#16a37f;--grad:linear-gradient(120deg,#c026d3 0%,#a62ba3 45%,#7c3aed 100%)}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.55 Inter,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:78px}
a{color:inherit;text-decoration:none}
.w{max-width:1200px;margin:0 auto;padding:0 16px}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:0}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;border:0;cursor:pointer;white-space:nowrap;background:var(--grad);color:#fff;box-shadow:0 10px 26px rgba(166,43,163,.35)}
/* en-tête */
.hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd .w{display:flex;align-items:center;gap:22px;height:76px}
.logo{font:800 38px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;display:flex;align-items:center;gap:4px}
.logo b{color:#d4526f;font-weight:800}.logo svg{width:33px;height:33px;color:#d4526f;margin-left:2px}
.nav{display:none;gap:24px;margin-left:auto;font-weight:600;font-size:15px;color:#4a3d5c}
.hd .btn{height:42px;padding:0 18px;font-size:14px;margin-left:auto}
/* ===== variante D : nuit violette ===== */
.hero{background:radial-gradient(60% 80% at 85% 10%,rgba(192,38,211,.45),transparent 60%),radial-gradient(50% 70% at 10% 90%,rgba(124,58,237,.45),transparent 60%),var(--nuit);color:#fff;overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");pointer-events:none}
/* ===== variante E : lavande lumineuse ===== */


.hero .w{position:relative;z-index:1;display:grid;gap:26px;padding-top:28px;padding-bottom:34px}
.kick{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;width:max-content}
.kick{background:rgba(255,255,255,.1);color:#f0d7ff}
.kick i{width:8px;height:8px;border-radius:50%;background:#2fd59b;box-shadow:0 0 0 4px rgba(47,213,155,.25)}
.hero h1{font-size:34px;margin-top:14px}
.hero h1 .grad{background:linear-gradient(120deg,#ff7ad9,#c084fc);-webkit-background-clip:text;background-clip:text}
.hero p.l{margin:14px 0 20px;font-size:17px;max-width:520px}
.hero p.l{color:#cdbbe0}
.srch{display:grid;gap:6px;padding:8px;border-radius:24px;max-width:620px}
.srch{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}

.srch label{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:17px}
.srch label{background:#fff}
.srch svg{width:19px;height:19px;color:var(--mut);flex:none}.srch input{border:0;background:none;font:500 16px Inter;width:100%;outline:0;color:var(--ink)}
.srch .btn{height:54px;border-radius:17px}
.stat{display:flex;gap:22px;margin-top:20px;font-size:14px}
.stat b{display:block;font:800 26px/1 'Bricolage Grotesque';letter-spacing:-.03em}
.stat{color:#cdbbe0}.stat b{color:#fff}
/* collage de photos du héros */
.coll{position:relative;height:300px}
.coll .p{position:absolute;border-radius:22px;background:center/cover;box-shadow:0 20px 50px rgba(10,0,30,.35);border:4px solid #fff}
.coll .p1{width:44%;height:66%;left:0;top:8%;transform:rotate(-5deg)}
.coll .p2{width:40%;height:58%;left:30%;top:0;transform:rotate(4deg);z-index:2}
.coll .p3{width:38%;height:56%;right:0;top:30%;transform:rotate(-3deg)}
.coll .p4{width:30%;height:40%;left:16%;bottom:0;transform:rotate(6deg);z-index:3}

.stk{position:absolute;z-index:5;background:#fff;color:var(--ink);border-radius:16px;padding:9px 13px;font-size:13px;font-weight:600;box-shadow:0 12px 30px rgba(10,0,30,.25);display:flex;gap:8px;align-items:center}
.stk small{display:block;color:var(--mut);font-weight:500;font-size:11.5px}
.stk1{right:2%;top:2%}.stk2{left:2%;bottom:6%}
.stk i{font-style:normal;font-size:20px}
/* espèces façon « stories » */
.sp{display:flex;gap:16px;overflow-x:auto;padding:22px 16px 6px;margin:0 -16px;scrollbar-width:none}
.sp a{flex:none;display:grid;justify-items:center;gap:6px;font-size:13px;font-weight:600;width:72px}
.sp .ring{width:68px;height:68px;border-radius:50%;padding:3px;background:var(--grad)}
.sp .ring span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;border:3px solid #fff;font-size:30px;background-size:cover;background-position:center}
.sp small{color:var(--mut);font-weight:500;font-size:11.5px;margin-top:-4px}
/* sections */
.sec{padding:30px 0 6px}
.sec__h{display:flex;align-items:end;gap:12px;margin-bottom:16px}.sec__h h2{font-size:28px}.sec__h p{margin:6px 0 0;color:var(--mut);font-size:14.5px}
.sec__h a{margin-left:auto;font-weight:700;color:var(--v);font-size:15px;white-space:nowrap}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#ddd center/cover;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:0 10px 26px rgba(29,16,41,.12);transition:transform .25s}
.card:hover{transform:translateY(-4px)}
.card::before{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(23,12,38,.88))}
.card .bd{position:relative;padding:12px 13px 13px}
.card h3{font:700 15px/1.25 Inter;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .pl{font-size:12.5px;color:#eadcf7;margin-top:3px;display:flex;justify-content:space-between;gap:6px}
.pill{position:absolute;left:10px;top:10px;z-index:2;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:800;background:rgba(255,255,255,.95);color:var(--v)}
.pill--p{background:#fff;color:var(--ink)}.pill--u{left:auto;right:10px;background:var(--pk);color:#fff}
.heart{position:absolute;right:10px;bottom:auto;top:46px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);display:grid;place-items:center;font-size:15px}
/* coup de cœur + confiance */
.duo{display:grid;gap:14px}
.feat{border-radius:26px;overflow:hidden;background:var(--nuit);color:#fff;display:grid}
.feat .im{min-height:220px;background:center/cover}.feat .tx{padding:20px 22px 22px}
.feat .kk{color:#ff9ad2;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.feat h3{font-size:26px;margin:6px 0 8px}.feat p{color:#cdbbe0;margin:0 0 16px;font-size:15px}
.safe{border-radius:26px;padding:22px;background:var(--lav)}
.safe h3{font-size:24px;margin-bottom:12px}
.safe li{list-style:none;display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:15px}.safe ul{padding:0;margin:0}
.safe li span{flex:none;width:34px;height:34px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:17px;box-shadow:0 4px 12px rgba(124,58,237,.12)}
.cta{margin:34px 0 10px;border-radius:28px;padding:26px 22px;background:var(--grad);color:#fff;display:grid;gap:14px;position:relative;overflow:hidden}
.cta h2{font-size:30px}.cta p{margin:0;color:#fbe8ff}.cta .btn{background:#fff;color:var(--v);box-shadow:none;width:max-content}
.cta::after{content:"🐾";position:absolute;right:-10px;bottom:-30px;font-size:140px;opacity:.15;transform:rotate(-18deg)}
.ft{background:var(--nuit);color:#bfb0d3;padding:44px 0 26px;font-size:15px;margin-top:48px}
.ft__top{display:grid;grid-template-columns:1fr 1fr;gap:34px 20px}
.ft__brand{grid-column:1/-1}.ft .logo{color:#fff}.ft__brand p{margin:14px 0 18px;line-height:1.6;max-width:380px}
.ft__cta{display:inline-flex;height:44px;align-items:center;padding:0 18px;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;font-size:14.5px}
.ft__col h2{font:700 13px Inter;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.ft__col a:hover,.ft__bot a:hover{color:#fff}
.ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;font-size:13.5px;color:#9a8bb0}
/* barre mobile */
.tab{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;background:rgba(23,12,38,.94);backdrop-filter:blur(12px);border-radius:24px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 4px;box-shadow:0 14px 34px rgba(23,12,38,.35)}
.tab a{display:grid;justify-items:center;gap:2px;font-size:10.5px;font-weight:600;color:#a998bd}.tab a svg{width:22px;height:22px}.tab a.on{color:#fff}
.tab a.plus span{width:48px;height:48px;margin-top:-22px;border-radius:17px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 10px 22px rgba(166,43,163,.5);transform:rotate(-6deg)}
@media (min-width:900px){
  body{padding-bottom:0}.tab{display:none}.nav{display:flex}.hd .btn{margin-left:6px}
  .hero .w{grid-template-columns:1.05fr .95fr;align-items:center;padding-top:60px;padding-bottom:60px;gap:40px}
  .hero h1{font-size:64px}.coll{height:470px}
  .srch{grid-template-columns:1.25fr 1fr auto}.srch .btn{padding:0 26px}
  .sp{justify-content:space-between;overflow:visible;margin:0;padding:26px 0 0}.sp a{width:auto}.sp .ring{width:84px;height:84px}
  .grid{grid-template-columns:repeat(4,1fr);gap:18px}
  .sec__h h2{font-size:38px}
  .duo{grid-template-columns:1.2fr .8fr}.feat{grid-template-columns:1fr 1fr}.feat .im{min-height:320px}.feat .tx{padding:30px;align-self:center}.feat h3{font-size:32px}
  .safe{padding:30px}
  .cta{grid-template-columns:1fr auto;align-items:center;padding:36px 40px}.cta h2{font-size:40px}
  .ft{padding-top:60px}.ft__top{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.ft__brand{grid-column:auto}
}



/* ---- liste d’annonces ---- */

.top{background:radial-gradient(60% 120% at 90% 0%,rgba(192,38,211,.4),transparent 60%),var(--nuit);color:#fff;padding:22px 0 26px}
.crumb{font-size:13px;color:#cdbbe0;margin-bottom:8px}.crumb a{color:#cdbbe0}
.top h1{font-size:32px}.top p{margin:8px 0 0;color:#cdbbe0;font-size:15px}
.top .srch{margin-top:16px;max-width:none}
/* filtres */
.fbar{position:sticky;top:64px;z-index:15;background:#fff;border-bottom:1px solid var(--line);padding:10px 0}
.fbar .w{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.fb{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:14px;background:#fff}
.fb.on{background:var(--ink);color:#fff;border-color:var(--ink)}.fb--main{background:var(--lav2);border-color:var(--lav2);color:var(--v)}
.lay{display:grid;gap:24px;padding-top:18px}
.filters{display:none}
.res{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:14.5px;color:var(--mut)}.res b{color:var(--ink)}
.res select{margin-left:auto;height:38px;border-radius:12px;border:1.5px solid var(--line);padding:0 10px;font:600 14px Inter;background:#fff}
.lay .grid{grid-template-columns:1fr 1fr}
.alert{grid-column:1/-1;border-radius:22px;background:var(--lav);padding:18px 20px;display:flex;gap:14px;align-items:center}
.alert b{font-family:'Bricolage Grotesque';font-size:19px;display:block}.alert p{margin:2px 0 0;color:var(--mut);font-size:14px}.alert .btn{margin-left:auto;height:42px;flex:none}
.more{display:flex;justify-content:center;margin:26px 0}.more .btn{background:#fff;color:var(--v);border:2px solid var(--lav2);box-shadow:none}
.seo{margin:20px 0 10px;padding:22px;border-radius:22px;background:#fbf8fe;color:var(--mut);font-size:15px}.seo h2{font-size:22px;color:var(--ink);margin-bottom:8px}
@media (min-width:900px){
  .top{padding:30px 0 34px}.top h1{font-size:44px}
  .fbar{display:none}
  .lay{grid-template-columns:270px 1fr;padding-top:26px}
  .filters{display:block;position:sticky;top:84px;align-self:start}
  .filters h3{font:700 15px Inter;margin:18px 0 10px}.filters h3:first-child{margin-top:0}
  .opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;font-size:14.5px;font-weight:500}.opt:hover{background:var(--lav)}
  .opt i{font-style:normal;font-size:18px}.opt small{margin-left:auto;color:var(--mut)}.opt.on{background:var(--lav2);color:var(--v);font-weight:700}
  .seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--lav);border-radius:12px;padding:4px;gap:4px}
  .seg a{text-align:center;padding:7px 0;border-radius:9px;font-size:13.5px;font-weight:600}.seg a.on{background:#fff;color:var(--v);box-shadow:0 2px 8px rgba(124,58,237,.12)}
  .filters input[type=range]{width:100%;accent-color:var(--v)}
  .chk{display:flex;gap:8px;align-items:center;font-size:14.5px;margin:6px 0}.chk input{accent-color:var(--v);width:17px;height:17px}
  .lay .grid{grid-template-columns:repeat(3,1fr)}
}

/* ---- fiche annonce ---- */

.fcrumb{font-size:13px;color:var(--mut);padding:14px 0 10px}.fcrumb a{color:var(--mut)}
.flay{display:grid;gap:20px}
.gal{position:relative;margin:0 -16px}
.gal .main{aspect-ratio:1/1;background:#222 center/cover}
.gal .dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px}.gal .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5)}.gal .dots i.on{background:#fff;width:20px;border-radius:9px}
.gal .cnt{position:absolute;right:12px;bottom:12px;background:rgba(23,12,38,.7);color:#fff;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px}
.gal .act{position:absolute;right:12px;top:12px;display:flex;gap:8px}.gal .act span{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:17px}
.thumbs{display:none}
.box{background:#fff;border-radius:24px;padding:20px;box-shadow:0 6px 24px rgba(29,16,41,.06)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tags span{padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--lav2);color:var(--v)}.tags span.g{background:#e5f7f0;color:var(--ok)}
.box h1{font-size:28px;line-height:1.08}
.loc{margin:10px 0 0;color:var(--mut);font-size:14.5px;display:flex;flex-wrap:wrap;gap:6px 16px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.facts div{background:var(--lav);border-radius:16px;padding:10px 12px}.facts small{display:block;color:var(--mut);font-size:12px}.facts b{font-size:15px}
.facts .ok b::before{content:"✓ ";color:var(--ok)}.facts .no b{color:var(--mut)}
.desc h2{font-size:21px;margin-bottom:10px}.desc p{margin:0 0 12px;font-size:16px;line-height:1.65}
.owner{display:flex;align-items:center;gap:12px}.owner .av{width:48px;height:48px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font:800 19px 'Bricolage Grotesque'}
.owner b{display:block}.owner small{color:var(--mut)}
.contact .btn{width:100%;margin-top:16px;height:54px;font-size:16px}
.contact .sub{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.contact .sub a{height:44px;border-radius:999px;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:600;font-size:14px}
.tips{background:#fff7e6;border-radius:20px;padding:16px 18px;font-size:14px}.tips b{display:block;margin-bottom:6px}.tips ul{margin:0;padding-left:18px}.tips li{margin-bottom:4px}
.rep{font-size:13.5px;color:var(--mut);text-align:center}.rep a{color:var(--mut);text-decoration:underline}
.sim h2{font-size:26px;margin:30px 0 14px}
.cbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:flex;gap:8px;background:rgba(23,12,38,.94);backdrop-filter:blur(12px);padding:8px;border-radius:22px;box-shadow:0 14px 34px rgba(23,12,38,.35)}
.cbar .btn{flex:1;height:50px;border-radius:16px}.cbar span{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;font-size:19px}
body.fiche .tab{display:none!important}body.fiche{background:#fbf8fe}
@media (min-width:900px){
  .cbar{display:none}
  .flay{grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start}
  .gal{margin:0;border-radius:26px;overflow:hidden}.gal .main{aspect-ratio:4/3}.gal .dots{display:none}
  .thumbs{display:flex;gap:10px;margin-top:10px}.thumbs span{width:96px;height:72px;border-radius:14px;background:center/cover;opacity:.7}.thumbs span{cursor:pointer}.thumbs span.on{opacity:1;outline:3px solid var(--v);outline-offset:2px}
  .fright{position:sticky;top:84px;display:grid;gap:14px}
  .box h1{font-size:34px}
  .sim .grid{grid-template-columns:repeat(4,1fr)}
}

/* compléments du site */
.card--une{box-shadow:0 0 0 1px rgba(192,38,211,.25),0 12px 30px -8px rgba(166,43,163,.55)}
.card--nophoto{background:var(--grad)}.card__emo{position:absolute;inset:0;display:grid;place-items:center;font-size:64px;padding-bottom:40px}
.hide-s{display:none}@media (min-width:600px){.hide-s{display:inline}}
.empty{padding:40px 20px;text-align:center;color:var(--mut);background:var(--lav);border-radius:22px}
.pager{display:flex;justify-content:center;gap:8px;margin:26px 0;flex-wrap:wrap}.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:2px solid var(--lav2);display:grid;place-items:center;font-weight:700;color:var(--v)}.pager span.on{background:var(--grad);color:#fff;border-color:transparent}
.err{max-width:640px;margin:60px auto;text-align:center}.err h1{font-size:44px;margin-bottom:12px}.err p{color:var(--mut)}
.dev{position:fixed;left:10px;top:74px;z-index:50;background:#f5b83d;color:#3a2600;font:700 11px Inter;padding:4px 8px;border-radius:8px}

/* ===== comptes : connexion, inscription, tableau de bord ===== */
.note{border-radius:14px;padding:12px 16px;margin:0 0 18px;font-size:14.5px;font-weight:500}
.note--ok{background:#e8f7f1;color:#0d6b52}.note--ko{background:#fdecef;color:#a3203f}
.form{display:grid;gap:14px}
.fld{display:grid;gap:6px;font-size:14px;font-weight:600;color:#4a3d5c;position:relative}.fld small{font-weight:400;color:var(--mut)}
.fld input{height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;font:500 16px Inter;color:var(--ink);background:#fff;outline:0;width:100%;transition:border-color .15s,box-shadow .15s}
.fld input:focus{border-color:var(--v);box-shadow:0 0 0 4px rgba(166,43,163,.12)}
.fld--pw input{padding-right:50px}.fld--pw button{position:absolute;right:6px;bottom:5px;width:40px;height:40px;border:0;background:none;font-size:17px;cursor:pointer;opacity:.55}
.row2{display:grid;gap:14px}@media (min-width:520px){.row2{grid-template-columns:1fr 1fr}}
.form .chk{font-size:14px;color:#4a3d5c;align-items:flex-start;display:flex;gap:9px;margin:0}.form .chk input{accent-color:var(--v);width:18px;height:18px;margin-top:2px;flex:none}.form .chk a{color:var(--v);text-decoration:underline}
.btn--full{width:100%}.btn--danger{background:#c62f4f;box-shadow:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.auth{padding:28px 16px 40px;max-width:480px}
.auth__card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px 20px;box-shadow:0 24px 60px -30px rgba(70,20,110,.35)}
.auth__card h1{font-size:30px;margin:4px 0 6px}.auth__sub{color:var(--mut);margin:0 0 20px;font-size:15px}
.auth__tabs{display:flex;background:var(--lav);border-radius:999px;padding:4px;margin-bottom:20px}
.auth__tabs a{flex:1;text-align:center;padding:10px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--mut)}.auth__tabs a.on{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(70,20,110,.12)}
.auth__forgot{margin:-6px 0 0;text-align:right;font-size:14px}.auth__forgot a,.auth__alt a,.lnk{color:var(--v);font-weight:600}
.auth__alt{text-align:center;margin:18px 0 0;font-size:14.5px;color:var(--mut)}
.auth__why{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13.5px;color:var(--mut)}
.dash{padding-top:22px;padding-bottom:40px;max-width:900px}
.dash__hd{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.dash__av{width:56px;height:56px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font:800 24px 'Bricolage Grotesque',sans-serif;flex:none}
.dash__hd h1{font-size:26px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash__hd h1 .pill{position:static;font-size:11px}.dash__hd p{margin:3px 0 0;color:var(--mut);font-size:14px}
.dash__out{margin-left:auto;font-size:14px;font-weight:600;color:var(--mut);text-decoration:underline;white-space:nowrap}
.dash__tabs{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 20px;padding:0 16px 2px;scrollbar-width:none}.dash__tabs::-webkit-scrollbar{display:none}
.dash__tabs a{flex:none;padding:9px 15px;border-radius:999px;background:var(--lav);font-weight:600;font-size:14.5px;color:#4a3d5c}
.dash__tabs a.on{background:var(--ink);color:#fff}.dash__tabs b{font-size:12px;background:rgba(0,0,0,.08);border-radius:999px;padding:1px 7px;margin-left:3px}.dash__tabs a.on b{background:rgba(255,255,255,.2)}.dash__tabs b.new{background:var(--pk);color:#fff}
.dash__h{font-size:21px;margin:26px 0 12px}.dash__new{margin-top:16px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpis a{background:var(--lav);border-radius:18px;padding:14px;font-size:13px;color:var(--mut);line-height:1.3}.kpis b{display:block;font:800 30px/1.1 'Bricolage Grotesque',sans-serif;color:var(--ink);margin-bottom:4px}
.kpis a.hot{background:#ffe9f0}.kpis a.hot b{color:#d4265f}
.anns{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ann{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:10px;background:#fff}
.ann__im{width:72px;height:72px;border-radius:13px;background:var(--lav2) center/cover;flex:none;display:grid;place-items:center;font-size:30px}
.ann__bd{min-width:0;flex:1;display:grid;gap:4px}.ann__bd b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ann__bd small{color:var(--mut);font-size:13px}
.st{justify-self:start;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px}
.st--ok{background:#e8f7f1;color:#0d6b52}.st--wait{background:#fff4d6;color:#8a5a00}.st--ko{background:#fdecef;color:#a3203f}.st--off{background:#eee9f3;color:#6f6380}
.ann__act{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mini{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);font-size:13px;font-weight:600;background:#fff;cursor:pointer;list-style:none}
.mini::-webkit-details-marker{display:none}
.ann .more{position:relative}.ann .more form{position:absolute;right:0;top:40px;z-index:5;width:280px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px -20px rgba(40,10,70,.4);padding:6px;display:grid}
.ann .more button{border:0;background:none;text-align:left;padding:10px 12px;border-radius:12px;font:600 14px Inter;color:var(--ink);cursor:pointer;display:grid;gap:2px}
.ann .more button:hover{background:var(--lav)}.ann .more button small{font-weight:400;color:var(--mut);font-size:12.5px}.ann .more .danger{color:#b3203f}
.panel{border:1px solid var(--line);border-radius:22px;padding:4px 18px 20px;margin-bottom:16px}
.panel .btn{justify-self:start}.ro{margin:0;font-size:14.5px;color:var(--mut)}.ro b{color:var(--ink)}
.panel--danger{padding:16px 18px}.panel--danger summary{cursor:pointer;font-weight:700;color:#b3203f}.panel--danger p{color:var(--mut);font-size:14.5px}
@media (max-width:599px){.ann{flex-wrap:wrap}.ann__act{width:100%;justify-content:flex-start;padding-left:84px}}
@media (min-width:900px){.auth{padding-top:48px}.auth__card{padding:32px 34px}.auth__card h1{font-size:34px}.kpis a{padding:18px 20px;font-size:14px}.kpis b{font-size:36px}}
.auth,.dash{min-height:calc(100vh - 300px)}
.ann .more{margin:0;display:block}
/* ===== accueil : nouvelle vie + compteurs, guides, avis ===== */
.vie{display:grid;gap:18px;margin-top:28px;padding:26px 20px;border-radius:28px;background:var(--lav)}
.vie h2{font-size:28px;margin-bottom:10px}.vie__tx p{margin:0 0 18px;color:#4a3d5c}
.vie__nb{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.vie__nb div{background:#fff;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column-reverse}
.vie__nb dd{margin:0;font:800 28px/1.1 'Bricolage Grotesque',sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.vie__nb dt{font-size:13px;color:var(--mut);margin-top:3px}
.vie__app{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;background:var(--nuit);color:#fff;border-radius:18px;padding:14px 16px}
.vie__app span{grid-row:span 2;font-size:28px}.vie__app small{color:#cdbfe0;font-size:13px}
.gd{display:grid;gap:12px}
.gd article{border:1px solid var(--line);border-radius:22px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;background:#fff}
.gd article>span{font-size:26px;line-height:1}.gd h3{font-size:20px}.gd p{margin:0;color:#4a3d5c;font-size:14.5px;flex:1}
.gd a{font-weight:700;color:var(--v);font-size:14.5px}
.avis .stars{color:#f5a623;letter-spacing:1px}
.av{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.av::-webkit-scrollbar{display:none}
.av figure{margin:0;flex:0 0 82%;scroll-snap-align:start;background:var(--lav);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:10px}
.av blockquote{margin:0;font-size:14.5px;color:#3a2d4c;flex:1}
.av figcaption{display:flex;gap:10px;align-items:center}.av figcaption b{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;flex:none}
.av figcaption span{display:grid;font-weight:700;font-size:14px}.av figcaption small{font-weight:400;color:var(--mut);font-size:12.5px}
@media (min-width:900px){
  .vie{grid-template-columns:1.3fr 1fr;padding:38px 40px;align-items:center}.vie h2{font-size:38px}.vie__app{grid-column:1/-1}
  .vie__nb dd{font-size:34px}
  .gd{grid-template-columns:repeat(3,1fr);gap:16px}
  .av{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding:0}
}
@media (max-width:399px){.hd .logo{font-size:32px}.hd .logo svg{width:28px;height:28px}}
/* ===== bloc « Annonces mises en avant » (option payante Mise en avant recherche) ===== */
.topb{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#fff;color:var(--ink);font-size:9px;line-height:1;font-weight:900;flex:none}.topb b{font-size:9.5px;letter-spacing:.04em;margin-top:1px}
.card .topb{position:absolute;right:10px;top:10px;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.tops{background:radial-gradient(60% 80% at 90% 0%,rgba(192,38,211,.4),transparent 60%),var(--nuit);border-radius:26px;padding:18px 14px 16px;margin:4px 0 26px;color:#fff}
.tops__h{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.tops__h h2{font-size:21px;letter-spacing:-.02em}
.tops__n{margin-left:auto;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 11px;color:#e9d5ff}
.tops__g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.card--top{box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.slot{border:1.5px dashed rgba(255,255,255,.22);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px 10px;min-height:200px;color:#fff;transition:border-color .15s,background .15s}
.slot:hover{border-color:#e879f9;background:rgba(255,255,255,.04)}
.slot>b{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#f0abfc}.slot small{color:#bfb0d3;font-size:12px}
.topb--big{width:54px;height:54px;border-radius:50%;background:var(--grad);color:#fff;font-size:12px;margin-bottom:4px}.topb--big b{font-size:11px}
.slot__btn{margin-top:6px;background:var(--grad);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px}
.slot[data-more]{display:none}
.all-h{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-family:Inter,sans-serif;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:12px}.all-h::after{content:"";flex:1;height:1px;background:var(--line)}
@media (min-width:900px){.tops{padding:22px 22px 20px}.tops__g{grid-template-columns:repeat(4,1fr);gap:14px}.slot[data-more]{display:flex}.slot{min-height:260px}}
/* ===== bandeaux Vendu / Adopté ===== */
.card--done{filter:saturate(.75)}
.ribbon{position:absolute;z-index:3;top:44px;left:-78px;width:300px;transform:rotate(-45deg);text-align:center;padding:12px 0;font:900 19px/1 Inter,sans-serif;letter-spacing:.14em;border-top:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(255,255,255,.5);text-transform:uppercase;color:#fff;background:#e0314f;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.ribbon--adopte{background:var(--grad)}
.card{overflow:hidden}
.gal .main{position:relative;overflow:hidden}
.ribbon--big{top:52px;left:-86px;width:360px;font-size:24px;padding:14px 0}
@media (max-width:599px){.card .ribbon{top:30px;left:-64px;width:240px;font-size:15px;padding:9px 0}}
.donemsg{margin:0 0 12px;padding:11px 14px;border-radius:14px;font-weight:600;font-size:14.5px;background:#fdecef;color:#a3203f}.donemsg--adopte{background:#f3e8ff;color:#6b21a8}.donemsg a{text-decoration:underline;white-space:nowrap}
.gal{overflow:hidden}
/* fiche : photo un peu moins haute sur ordinateur (la colonne de droite accueillera l'espace pub) */
@media (min-width:900px){.gal .main{aspect-ratio:auto;height:460px}}
/* initiales parfaitement centrées dans les pastilles */
.owner .av,.dash__av{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;letter-spacing:-.02em;padding:0 0 1px;overflow:hidden;flex:none}
.owner .av{font-size:18px}
/* ===== messagerie ===== */
.nbadge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--pk);color:#fff;font:700 11px/1 Inter,sans-serif;margin-left:5px;vertical-align:2px}
.tab a{position:relative}.tab .nbadge{position:absolute;top:2px;left:calc(50% + 4px);margin:0}
.msg{display:grid;padding-top:16px;padding-bottom:16px}
.msg__list h1{font-size:30px;margin:6px 0 14px}.msg__list ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cv{display:flex;gap:12px;align-items:center;padding:10px;border-radius:18px;position:relative}.cv:hover{background:var(--lav)}.cv.on{background:var(--lav2)}
.cv__im{position:relative;width:56px;height:56px;border-radius:15px;background:var(--lav2) center/cover;flex:none;display:grid;place-items:center;font-size:24px}
.cv__im i{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font:800 10.5px/1 Inter,sans-serif;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.cv__bd{min-width:0;flex:1;display:grid;gap:1px}.cv__bd b{font-size:15px}.cv__bd small{font-size:12.5px;color:var(--v);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv__bd span{font-size:13.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv.new .cv__bd b,.cv.new .cv__bd span{color:var(--ink);font-weight:700}
.cv em{font-style:normal;background:var(--pk);color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:700;padding:0 6px}
.msg__empty,.msg__none{text-align:center;color:var(--mut);padding:40px 10px}.msg__none{display:none}
.msg__thread{display:none;flex-direction:column;min-height:0}
.msgp--open .msg__list{display:none}.msgp--open .msg__thread{display:flex}
.msgp--open .ft,.msgp--open .tab{display:none}.msgp--open{padding-bottom:0}
.th__hd{display:flex;align-items:center;gap:10px;padding:6px 0 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.th__back{font-size:34px;line-height:1;color:var(--v);padding:0 6px 4px 0}
.th__av{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font:800 16px/1 'Bricolage Grotesque',sans-serif;flex:none}
.th__who{display:grid;min-width:0}.th__who b{font-size:16px}.th__who small{color:var(--mut);font-size:12.5px}
.th__ann{display:flex;gap:10px;align-items:center;margin-left:auto;background:var(--lav);border-radius:14px;padding:6px 12px 6px 6px;max-width:100%;min-width:0}
.th__ann>span:first-child{width:38px;height:38px;border-radius:10px;background:var(--lav2) center/cover;flex:none}
.th__ann>span:last-child{display:grid;font-size:13.5px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th__ann small{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}
.th__fil{flex:1;overflow-y:auto;padding:14px 2px;display:flex;flex-direction:column;gap:8px;min-height:260px;max-height:calc(100vh - 330px)}
.th__day{align-self:center;font-size:12px;color:var(--mut);background:var(--lav);border-radius:999px;padding:3px 12px;margin:8px 0}
.th__start{align-self:center;text-align:center;max-width:420px;color:var(--mut);margin:auto 0}
.bb{max-width:82%;align-self:flex-start;display:grid;gap:3px}.bb__t{background:var(--lav);border-radius:20px 20px 20px 6px;padding:10px 14px;font-size:15px;overflow-wrap:anywhere}
.bb small{font-size:11.5px;color:var(--mut);padding:0 8px}.bb--me{align-self:flex-end}.bb--me .bb__t{background:var(--grad);color:#fff;border-radius:20px 20px 6px 20px}.bb--me small{text-align:right}
.bb__rep{border:0;background:none;padding:0;font:inherit;color:var(--mut);text-decoration:underline;cursor:pointer}
.th__form{display:flex;gap:8px;align-items:flex-end;border-top:1px solid var(--line);padding-top:12px}
.th__form textarea{flex:1;resize:none;border:1.5px solid var(--line);border-radius:22px;padding:12px 16px;font:500 16px/1.4 Inter,sans-serif;max-height:160px;outline:0}.th__form textarea:focus{border-color:var(--v)}
.th__form .btn{width:48px;padding:0;flex:none;font-size:18px}
.th__safe{font-size:12px;color:var(--mut);margin:8px 0 0;text-align:center}
.th__closed{border-top:1px solid var(--line);padding:16px 0 4px;text-align:center;color:var(--mut);font-weight:600}
.rep{border:0;border-radius:22px;padding:22px;max-width:420px;width:calc(100% - 32px);box-shadow:0 30px 80px -20px rgba(30,10,60,.5)}.rep::backdrop{background:rgba(23,12,38,.55)}
.rep h2{font-size:22px;margin:0 0 6px}.rep p{color:var(--mut);font-size:14px;margin:0 0 12px}.rep form{display:grid;gap:9px}.rep .chk{font-size:14.5px}.rep textarea{border:1.5px solid var(--line);border-radius:14px;padding:10px;font:inherit}
.rep__b{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
.telb{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:10px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:700 15px Inter,sans-serif;color:var(--ink);cursor:pointer}
.telb--on{border-color:var(--ok);color:var(--ok);font-size:18px;letter-spacing:.03em}
.ownnote{margin:12px 0 4px;color:var(--mut);font-size:14px}
@media (min-width:900px){
  .msg{grid-template-columns:360px minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:26px;margin-top:20px;padding:0;overflow:hidden;height:calc(100vh - 140px);min-height:540px}
  .msg__list{border-right:1px solid var(--line);padding:16px 12px;overflow-y:auto;display:block!important}
  .msg__thread{display:flex!important;padding:12px 20px 16px;height:100%}
  .msg__none{display:block;margin:auto}.th__back{display:none}
  .th__fil{max-height:none}
  .msgp--open .ft{display:block}.msgp--open .tab{display:none}
}
/* filet violet autour des vignettes (couleur du site) ; plus épais et lumineux pour « À la une » et le bloc TOP */
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--v);pointer-events:none;z-index:4}
.card--une::after{border:3px solid #c026d3;box-shadow:inset 0 0 18px rgba(192,38,211,.45)}
.card--top::after{border:2px solid #d580ff;box-shadow:inset 0 0 16px rgba(213,128,255,.35)}
.card--done::after{border-color:#b9a7cc}
/* photos en vraies images (balises alt et title pour Google Images) */
.card__im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.card::before{z-index:1}.card .bd{z-index:2}.card .card__emo{z-index:1}
.gal .main img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs span{overflow:hidden}.thumbs span img{width:100%;height:100%;object-fit:cover;display:block}
.card:not(.card--nophoto) .card__emo{display:none}
/* ===== dépôt d'annonce ===== */
.dep{max-width:720px;padding-top:22px;padding-bottom:40px}
.dep h1{font-size:32px;margin-bottom:8px}.dep__sub{color:var(--mut);margin:0 0 14px}
.dep__steps{list-style:none;padding:0;margin:14px 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:s}
.dep__steps li{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--mut);position:relative}
.dep__steps li b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lav2);color:var(--v);font-size:14px}
.dep__steps li.on b{background:var(--grad);color:#fff;box-shadow:0 6px 16px rgba(166,43,163,.35)}.dep__steps li.on{color:var(--ink)}
.dep__steps li.done b{background:#e8f7f1;color:#0d6b52}
.dep__s{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 18px;display:grid;gap:16px}
.dep__s h2{font-size:22px}
.dep__cats,.dep__types,.dep__caracs{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;flex-direction:column;align-items:flex-start;padding:9px 14px;border:1.5px solid var(--line);border-radius:14px;font-size:14.5px;font-weight:600;background:#fff;transition:all .15s}
.chip span small{font-weight:400;font-size:12px;color:var(--mut)}
.chip input:checked+span{border-color:var(--v);background:var(--lav);color:var(--v);box-shadow:0 0 0 3px rgba(166,43,163,.12)}
.chip input:focus-visible+span{outline:2px solid var(--v);outline-offset:2px}
.chip--big span{padding:12px 16px;font-size:15.5px}
.dep__hint{font-size:13px;color:var(--mut);font-weight:400;margin:0}
.fld textarea{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font:500 16px/1.5 Inter,sans-serif;color:var(--ink);outline:0;width:100%;resize:vertical}.fld textarea:focus{border-color:var(--v);box-shadow:0 0 0 4px rgba(166,43,163,.12)}
.dep .chk small{color:var(--mut);font-weight:400}
.dep__legal{border:1.5px solid #f6dfa6;background:#fffbf0;border-radius:18px;padding:14px 16px}
.dep__legal summary{cursor:pointer;font-weight:700;color:#8a5a00}.dep__legal summary small{display:block;font-weight:400;color:var(--mut);font-size:12.5px;margin-top:2px}
.dep__legal[open]{display:grid;gap:14px}.dep__law{font-size:12.5px;color:var(--mut);margin:0;line-height:1.5}
.dep__nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}.dep__nav .btn:only-child{margin-left:auto}
.dep__back{border:0;background:none;font:600 15px Inter,sans-serif;color:var(--mut);cursor:pointer;padding:10px 0}
.dep__ph{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dep__old,.dep__new,.dep__add{aspect-ratio:1;border-radius:16px;background:var(--lav2) center/cover;position:relative;overflow:hidden}
.dep__old input{position:absolute;opacity:0}.dep__old span{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;border-radius:999px;padding:3px 9px;cursor:pointer}
.dep__old.off{opacity:.35}.dep__old.off span{background:#c62f4f}
.dep__new button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.dep__add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed #d9c6ee;background:var(--lav);cursor:pointer;color:var(--v);font-weight:600;font-size:13px;text-align:center;padding:6px}
.dep__add b{font-size:30px;line-height:1}.dep__add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dep__ph > :first-child:not(.dep__add)::after{content:"Principale";position:absolute;top:6px;left:6px;background:var(--grad);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:3px 8px}
.dep-ok{text-align:center}.dep-boost{margin:18px 0 0;padding:16px;border-radius:18px;background:var(--lav);text-align:left}.dep-boost p{margin:4px 0 8px;color:var(--mut);font-size:14px}
@media (min-width:900px){.dep h1{font-size:40px}.dep__s{padding:28px 30px}}
[hidden]{display:none!important}
/* ===== dépôt d'annonce, version sobre et large (remplace l'ancienne mise en page .dep) ===== */
.dp{background:#faf8fc;padding-bottom:50px;min-height:70vh}
.dp__hd{background:#fff;border-bottom:1px solid var(--line);padding:26px 0 0}
.dp__kick{margin:0 0 6px;font:700 12px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--v)}
.dp__hd h1{font-size:34px;letter-spacing:-.035em}.dp__sub{color:var(--mut);margin:8px 0 0}
.dp__prog{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.dp__prog li{position:relative;padding:0 0 14px;font:600 12.5px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#a99cb8}
.dp__prog li i{display:block;height:3px;background:#ece5f3;margin-bottom:10px;border-radius:2px}
.dp__prog li.on{color:var(--ink)}.dp__prog li.on i,.dp__prog li.done i{background:var(--grad)}.dp__prog li.done{color:var(--v)}
.dp__prog li span{display:block;padding-right:8px}
.dp__lay{display:grid;gap:24px;padding-top:26px;max-width:1160px}
.dp__form{min-width:0}
.dp__s{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 20px;display:grid;gap:22px;box-shadow:0 1px 2px rgba(29,16,41,.04)}
.dp__sh small{font:700 11.5px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.dp__sh h2{font-size:26px;margin-top:4px}
.dp__f{display:grid;gap:8px;min-width:0}
.dp__l{font:700 12px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#3a2d4c}.dp__l em{color:var(--v);font-style:normal}
.dp__l small{font-weight:500;letter-spacing:0;text-transform:none;color:var(--mut);font-size:12.5px;margin-left:6px}
.dp__in{width:100%;height:52px;border:1.5px solid #e3dbea;border-radius:12px;padding:0 15px;font:500 16px Inter,sans-serif;color:var(--ink);background:#fff;outline:0;transition:border-color .15s,box-shadow .15s}
textarea.dp__in{height:auto;padding:14px 15px;line-height:1.55;resize:vertical}
select.dp__in{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236f6380' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 15px center}
.dp__in:focus{border-color:var(--v);box-shadow:0 0 0 4px rgba(166,43,163,.1)}
.dp__in::placeholder{color:#b3a8bf}
.dp__h{font-size:13px;color:var(--mut)}
.dp__2,.dp__3{display:grid;gap:16px}
.dp__unit{position:relative;max-width:220px}.dp__unit b{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--mut)}
.dp__cats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dp__tile,.dp__type,.dp__chk{position:relative;cursor:pointer}
.dp__tile input,.dp__type input,.dp__chk input,.dp__sw input{position:absolute;opacity:0;pointer-events:none}
.dp__tile span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:82px;padding:10px 6px;border:1.5px solid #e3dbea;border-radius:14px;font:600 13.5px Inter,sans-serif;color:#3a2d4c;background:#fff;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}
.dp__tile i{font-style:normal;font-size:24px;line-height:1;filter:saturate(.85)}
.dp__tile:hover span,.dp__type:hover span{border-color:#cdb6e6}
.dp__tile input:checked+span,.dp__type input:checked+span{border-color:var(--v);background:#fcf8ff;box-shadow:0 0 0 3px rgba(166,43,163,.12);color:var(--ink)}
.dp__tile input:checked+span::after,.dp__type input:checked+span::after{content:"✓";position:absolute;top:7px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--v);color:#fff;font-size:11px;display:grid;place-items:center}
.dp__tile input:focus-visible+span,.dp__type input:focus-visible+span,.dp__chk input:focus-visible+span{outline:2px solid var(--v);outline-offset:2px}
.dp__types{display:grid;gap:10px}
.dp__type span{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:14px 16px;border:1.5px solid #e3dbea;border-radius:14px;background:#fff;transition:all .15s}
.dp__type i{grid-row:span 2;font-style:normal;font-size:24px}.dp__type b{font-size:15px}.dp__type small{color:var(--mut);font-size:12.5px}
.dp__checks{display:flex;flex-wrap:wrap;gap:8px}
.dp__chk span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1.5px solid #e3dbea;border-radius:10px;font:500 14px Inter,sans-serif;color:#3a2d4c;background:#fff}
.dp__chk span::before{content:"";width:16px;height:16px;border:1.5px solid #c9bdd6;border-radius:5px;flex:none}
.dp__chk input:checked+span{border-color:var(--v);color:var(--ink);background:#fcf8ff}
.dp__chk input:checked+span::before{background:var(--v) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center;border-color:var(--v)}
.dp__sw{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:14.5px;font-weight:600;color:#3a2d4c}
.dp__sw i{flex:none;width:40px;height:24px;border-radius:999px;background:#ddd3e7;position:relative;transition:background .15s;margin-top:1px}
.dp__sw i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .15s}
.dp__sw input:checked+i{background:var(--v)}.dp__sw input:checked+i::after{left:19px}
.dp__sw small{display:block;font-weight:400;color:var(--mut);font-size:13px;margin-top:2px}
.dp__legal{border:1px solid #eadfcd;background:#fffcf6;border-radius:14px;padding:18px;display:grid;gap:16px}
.dp__lh b{display:block;font-size:14.5px}.dp__lh small{color:var(--mut);font-size:13px}
.dp__law{margin:0;font-size:12.5px;color:var(--mut);line-height:1.55}
.dp__nav{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px}
.dp__next{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:700 15px Inter,sans-serif;cursor:pointer;transition:background .15s}
.dp__next:hover{background:#3a1f55}.dp__next--go{background:var(--grad);box-shadow:0 12px 26px -10px rgba(166,43,163,.6)}
.dp__prev{border:0;background:none;font:600 15px Inter,sans-serif;color:var(--mut);cursor:pointer;padding:10px 0}
.dp__ph{grid-template-columns:repeat(3,1fr)}.dp__ph .dep__add{border-radius:14px}.dp__ph .dep__add small{font-weight:400;color:var(--mut);font-size:12px}
.dp__ph .dep__old,.dp__ph .dep__new{border-radius:14px}
.dp__side{display:none}
.dp__sl{margin:0 0 10px;font:700 12px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.dp__pv{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 16px 36px -22px rgba(70,20,110,.35)}
.dp__pvim{position:relative;aspect-ratio:4/3;background:var(--grad) center/cover;display:grid;place-items:center}
.dp__pvim i{font-style:normal;font-size:56px}.dp__pvim span{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.95);color:var(--v);font:800 11.5px Inter,sans-serif;border-radius:999px;padding:5px 10px}
.dp__pvbd{padding:14px 16px}.dp__pvbd b{display:block;font-size:15.5px;line-height:1.3;overflow-wrap:anywhere}.dp__pvbd small{color:var(--mut);font-size:13px}
.dp__tips{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:14px}.dp__tips ul{margin:8px 0 0;padding-left:18px;color:#4a3d5c}.dp__tips li{margin:4px 0}
.dp__safe{margin-top:12px;display:flex;gap:10px;font-size:13.5px;color:#4a3d5c;padding:0 4px}.dp__safe b{display:block;color:var(--ink)}
@media (min-width:600px){.dp__cats{grid-template-columns:repeat(5,1fr)}.dp__types{grid-template-columns:repeat(3,1fr)}.dp__type span{grid-template-columns:1fr;text-align:left;row-gap:4px}.dp__type i{grid-row:auto}.dp__2{grid-template-columns:1fr 1fr}.dp__3{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.dp__lay{grid-template-columns:minmax(0,1fr) 320px;gap:32px}.dp__side{display:block;position:sticky;top:96px;align-self:start}.dp__s{padding:34px 36px}.dp__hd h1{font-size:42px}}
.dp__prog li{display:block;text-align:left;align-items:initial}
.dp__cats{grid-template-columns:repeat(5,1fr);gap:8px}
@media (max-width:599px){.dp__tile span{min-height:68px;padding:8px 2px;font-size:11.5px;gap:4px;border-radius:12px}.dp__tile i{font-size:21px}.dp__tile input:checked+span::after{top:4px;right:4px;width:15px;height:15px;font-size:9px}.dp__prog li{font-size:11px;letter-spacing:.02em}.dp__s{padding:20px 16px}}
/* champs alignés en haut quand l'un a une aide dessous */
.dp__f,.fld{align-content:start}.dp__2,.dp__3,.row2{align-items:start}
/* pied de page toujours en bas de l'écran, sans bande blanche au-dessus */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body>main,body>.dp{flex:1 0 auto}
.ft{margin-top:auto}body>main{margin-bottom:48px}body>main.dp,body.msgp>main{margin-bottom:0}
/* liens du pied de page : plus serrés, soulignement blanc léger au survol */
.ft__col ul{gap:6px}.ft__col li{line-height:1.45}
.ft__col a,.ft__bot a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}
.ft__col a:hover,.ft__bot a:hover{color:#fff;text-decoration-color:rgba(255,255,255,.45)}
body>main{width:100%}
/* ===== après le dépôt : analyse animée, résultat, boosts ===== */
.dpok__w{display:grid;gap:22px;padding-top:30px;max-width:1100px}
.dpok__card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 22px;text-align:center;box-shadow:0 20px 50px -32px rgba(70,20,110,.4)}
.dpok__ann{display:flex;gap:12px;align-items:center;text-align:left;background:#faf8fc;border-radius:14px;padding:10px;margin-bottom:22px}
.dpok__im{width:58px;height:58px;border-radius:12px;background:var(--grad) center/cover;flex:none;display:grid;place-items:center;font-size:26px}
.dpok__ann b{display:block;font-size:15px}.dpok__ann small{color:var(--mut);font-size:13px}
.dpok__s{display:none}.dpok[data-state="run"] [data-s="run"],.dpok[data-state="ok"] [data-s="ok"],.dpok[data-state="wait"] [data-s="wait"]{display:block;animation:dpIn .5s ease}
@keyframes dpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dpok h1{font-size:28px;margin:6px 0 10px;letter-spacing:-.03em}.dpok__sub{color:var(--mut);margin:0 auto 18px;max-width:520px;line-height:1.55}.dpok__sub b{color:var(--ink)}
.dpok__clock{width:110px;height:110px;margin:0 auto 6px}.dpok__clock svg{width:100%;height:100%;fill:none}
.dpok__clock .t{stroke:#efe6f7;stroke-width:8}.dpok__clock .p{stroke:url(#g) var(--v);stroke:var(--v);stroke-width:8;stroke-linecap:round;stroke-dasharray:276;stroke-dashoffset:276;transform:rotate(-90deg);transform-origin:60px 64px;animation:dpRing 4.8s linear forwards}
.dpok__clock rect{fill:var(--v)}.dpok__clock circle:last-child{fill:var(--ink)}
.dpok__clock .h{stroke:var(--ink);stroke-width:5;stroke-linecap:round;transform-origin:60px 64px;animation:dpHand 1.6s linear infinite}
@keyframes dpRing{to{stroke-dashoffset:0}}@keyframes dpHand{to{transform:rotate(360deg)}}
.dpok__steps{list-style:none;padding:0;margin:0 auto;max-width:340px;text-align:left;display:grid;gap:10px}
.dpok__steps li{display:flex;gap:10px;align-items:center;color:#b3a8bf;font-weight:600;font-size:14.5px;transition:color .3s}
.dpok__steps li::before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid #e3dbea;flex:none;transition:all .3s}
.dpok__steps li.on{color:var(--ink)}.dpok__steps li.on::before{border-color:var(--v);border-top-color:transparent;animation:dpHand .8s linear infinite}
.dpok__steps li.ok{color:var(--ink)}.dpok__steps li.ok::before{background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9'%3E%3Cpath d='M1 4.5l3 3 6-6' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center;border-color:var(--ok);animation:none}
.dpok__big{width:84px;height:84px;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center;font-size:40px}
.dpok__big--ok{background:#e8f7f1;color:#0d6b52;font-weight:800;animation:dpPop .5s cubic-bezier(.3,1.6,.5,1)}.dpok__big--wait{background:#fff4e0}
@keyframes dpPop{from{transform:scale(.4)}to{transform:none}}
.dpok__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}.dpok__cta .dp__next{text-decoration:none}
.dpok__boost{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 20px}
.dpok__boost h2{font-size:24px;margin:2px 0 6px}.dpok__pend{display:none}.dpok[data-state="wait"] .dpok__pend{display:inline}
.dpok[data-state="run"] .dpok__boost{opacity:.45;pointer-events:none;filter:saturate(.6);transition:opacity .4s}
.bsts{display:grid;gap:10px;margin-top:14px}
.bst{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;transition:border-color .15s,box-shadow .15s,transform .15s;color:var(--ink)}
.bst:hover{border-color:var(--v);box-shadow:0 10px 24px -14px rgba(166,43,163,.55);transform:translateY(-1px)}
.bst__ico{grid-row:span 3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:var(--lav)}
.bst--une .bst__ico{background:#fff4d6}.bst--urgent .bst__ico{background:#ffe8ec}.bst--pack .bst__ico{background:var(--grad);color:#fff}
.bst b{font-size:15px}.bst b em{font-style:normal;font-size:11.5px;background:var(--pk);color:#fff;border-radius:999px;padding:2px 7px;margin-left:4px;vertical-align:1px}
.bst small{color:var(--mut);font-size:13px;line-height:1.4}.bst__p{font-weight:800;color:var(--v);font-size:15px}.bst__p small{font-weight:500}
.bst--pack{border-color:#d9c1f2;background:#fcf8ff}
@media (min-width:900px){.dpok__w{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.dpok__card{padding:36px 34px}.dpok h1{font-size:32px}}
@media (prefers-reduced-motion:reduce){.dpok__clock .h,.dpok__clock .p,.dpok__steps li.on::before{animation:none}}
/* ===== booster mon annonce ===== */
.bo__form{display:grid;gap:12px;min-width:0}
.bo__opt{border:1.5px solid var(--line);border-radius:16px;background:#fff;padding:16px 18px;margin:0;display:grid;gap:12px;transition:border-color .15s,box-shadow .15s}
.bo__opt.on{border-color:var(--v);box-shadow:0 0 0 3px rgba(166,43,163,.1)}
.bo__opt--pack{background:#fcf8ff;border-color:#e2cdf5}
.bo__h{display:flex;gap:12px;align-items:flex-start;padding:0;float:left;width:100%}.bo__h>span:last-child{display:grid;gap:2px}
.bo__h b{font-size:16px}.bo__h b em{font-style:normal;font-size:11.5px;background:var(--pk);color:#fff;border-radius:999px;padding:2px 7px;margin-left:4px}.bo__h small{color:var(--mut);font-size:13.5px}
.bo__on{color:#0d6b52!important;font-weight:600}
.bo__dur{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;clear:both}
.bo__d{position:relative;cursor:pointer}.bo__d input{position:absolute;opacity:0}
.bo__d span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;border:1.5px solid #e3dbea;border-radius:12px;font-size:14px;color:var(--mut);background:#fff;text-align:center;transition:all .15s}
.bo__d span b{color:var(--ink);font-size:14.5px}
.bo__d input:checked+span{border-color:var(--v);background:#fcf8ff;color:var(--v);font-weight:700}.bo__d input:focus-visible+span{outline:2px solid var(--v);outline-offset:2px}
.bo__pay{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px -18px rgba(23,12,38,.7)}
.bo__pay small{display:block;color:#cdbfe0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.bo__pay b{font:800 26px 'Bricolage Grotesque',sans-serif}.bo__pay [data-lines]{display:block;color:#cdbfe0;font-size:12.5px;max-width:420px}
.bo__btns{display:flex;gap:8px;flex-wrap:wrap}.bo__btns .dp__next[disabled]{opacity:.45;cursor:default}
.bo__pp{background:#ffc439!important;color:#111!important}
.dpok__card .dp__next,.bo .dp__next{text-decoration:none}
body.dep-p .tab{display:none}
.mini--boost{border-color:#e2cdf5;background:#fcf8ff;color:var(--v)}
/* aperçu de la vignette sur la page Booster */
.bpv .card{max-width:300px;margin:0 auto}.bpv__t,.bpv__u{display:none!important}.bpv.t .bpv__t{display:inline-flex!important}.bpv.u .bpv__u{display:inline-block!important;top:auto;bottom:74px;left:10px;right:auto}
.bpv .card{transition:box-shadow .3s}.bpv .card::after{transition:border-color .3s,box-shadow .3s}
.bpv__where{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;font-size:13.5px;color:#3a2d4c}.bpv__where li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 11px;animation:dpIn .35s ease}
/* aperçu Booster : apparition des badges façon « machine à sous » */
.bpv.t .bpv__t{animation:bzDrop .7s cubic-bezier(.3,1.7,.5,1) both,bzWobble 2.6s ease-in-out .8s infinite}
.bpv.u .bpv__u{animation:bzPop .6s cubic-bezier(.3,1.8,.5,1) both,bzPulse 1.3s ease-in-out .6s infinite;box-shadow:0 0 0 0 rgba(255,93,143,.7)}
.bpv .bpv__t,.bpv .bpv__u,.bpv [data-bpv-type]{overflow:hidden;position:absolute}
.bpv.t .bpv__t::after,.bpv.u .bpv__u::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%);transform:translateX(-120%);animation:bzShine 2.2s ease-in-out 1s infinite}
.bpv .card--une{animation:bzGlow 1.8s ease-in-out infinite}
.bpv .card--une [data-bpv-type]{animation:bzPop .6s cubic-bezier(.3,1.8,.5,1) both}
@keyframes bzDrop{0%{transform:translateY(-60px) rotate(-25deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes bzPop{0%{transform:scale(0) rotate(-12deg)}100%{transform:none}}
@keyframes bzWobble{0%,100%{transform:rotate(0)}10%{transform:rotate(-10deg) scale(1.1)}20%{transform:rotate(8deg) scale(1.1)}30%{transform:rotate(0) scale(1)}}
@keyframes bzPulse{0%{box-shadow:0 0 0 0 rgba(255,93,143,.75)}70%{box-shadow:0 0 0 12px rgba(255,93,143,0)}100%{box-shadow:0 0 0 0 rgba(255,93,143,0)}}
@keyframes bzShine{0%{transform:translateX(-120%)}40%,100%{transform:translateX(120%)}}
@keyframes bzGlow{0%,100%{box-shadow:0 0 0 2px #f5b83d,0 0 22px 2px rgba(245,184,61,.55)}33%{box-shadow:0 0 0 2px #c026d3,0 0 28px 4px rgba(192,38,211,.6)}66%{box-shadow:0 0 0 2px #7c3aed,0 0 24px 3px rgba(124,58,237,.55)}}
@media (prefers-reduced-motion:reduce){.bpv *,.bpv .card{animation:none!important}}
.fboost h2{font-size:21px;margin:2px 0 4px}.fboost .bsts{margin-top:10px}.fboost .bst{padding:11px 12px}.fboost .bst small{font-size:12.5px}
.fboost__on{margin:4px 0 0;font-size:13.5px;color:#0d6b52;font-weight:600}
.sim{padding-bottom:56px}
.contact .sub{margin-top:14px}.contact .btn+.telb,.contact .telb{margin-top:12px}.contact .owner{margin-bottom:16px}
.quals{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.quals span{background:#fff;border:1.5px solid var(--lav2);color:var(--v);border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:600}
.quals span::before{content:"♥ ";color:var(--pk)}.quals .quals__l{border-color:#cdeedd;color:#0d6b52;background:#f3fbf7}.quals .quals__l::before{content:""}
.adz{margin:18px 0;text-align:center}.adz__l{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#a99cb8;margin-bottom:4px}
.adz--card{margin:0;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:10px;overflow:hidden}
.adz--dev{border:2px dashed #c9b3e6;background:repeating-linear-gradient(135deg,#fbf8ff,#fbf8ff 10px,#f5eefd 10px,#f5eefd 20px);color:#7e22ce;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:16px;text-align:center;border-radius:18px;margin:18px 0}
.adz--dev span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.adz--dev b{font-size:14px}.adz--dev small{color:#8a7d99}
.adz--dev.adz--card{margin:0;border-radius:22px;aspect-ratio:4/5}
/* ===== page Avis ===== */
.avp__w{max-width:1000px;padding-top:30px;padding-bottom:40px}
.avp__hd{display:grid;gap:22px;align-items:center;margin-bottom:26px}.avp__hd h1{font-size:38px;margin:4px 0 8px}.avp__sub{color:var(--mut);margin:0 0 16px}
.avp__score{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;display:grid;gap:4px;justify-items:start}
.avp__score>b{font:800 46px/1 'Bricolage Grotesque',sans-serif}.avp__score small{color:var(--mut)}
.avp__st{color:#f5a623;letter-spacing:2px;font-size:18px}.av-off{color:#e3dbea}
.avp__dist{display:grid;gap:5px;width:100%;margin-top:10px;font-size:13px}.avp__dist div{display:grid;grid-template-columns:34px 1fr 26px;gap:8px;align-items:center}
.avp__dist i{height:7px;border-radius:99px;background:#efe6f7;overflow:hidden}.avp__dist i span{display:block;height:100%;background:#f5a623}.avp__dist em{font-style:normal;color:var(--mut);text-align:right}
.avp__list{display:grid;gap:12px}.avp__c{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}.avp__c p{margin:8px 0 12px;color:#3a2d4c;line-height:1.6}
.avp__c footer{display:flex;gap:10px;align-items:center}.avp__av{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.avp__c footer span{display:grid}.avp__c footer small{color:var(--mut);font-size:12.5px}
.avp__form{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 22px}.avp__form h2{font-size:26px;margin-bottom:6px}
.avp__rate{display:flex;align-items:center;gap:2px}
.avp__rate button{border:0;background:none;padding:0 2px;font-size:36px;line-height:1;color:#e3dbea;cursor:pointer;transition:color .1s,transform .1s}
.avp__rate button.on{color:#f5a623}.avp__rate button:hover{transform:scale(1.15)}.avp__rate em{font-style:normal;margin-left:12px;color:var(--mut);font-size:14px}
.avp__merci{text-align:center}
@media (min-width:860px){.avp__hd{grid-template-columns:1fr 320px}.avp__list{grid-template-columns:1fr 1fr}.avp__form{padding:30px 34px}}
/* ===== appli installable ===== */
.appb{position:fixed;left:12px;right:12px;bottom:86px;z-index:60;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 12px;box-shadow:0 20px 40px -14px rgba(23,12,38,.45);animation:dpIn .4s ease}
.appb img{width:42px;height:42px;border-radius:11px}.appb span{flex:1;display:grid;min-width:0}.appb b{font-size:14px}.appb small{font-size:12px;color:var(--mut)}
.appb .btn{height:38px;padding:0 14px;font-size:13.5px}.appb__x{border:0;background:none;font-size:16px;color:var(--mut);cursor:pointer;padding:4px}
.apl{max-width:900px;padding-top:30px;padding-bottom:40px}.apl__hero{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.apl__hero img{border-radius:24px;box-shadow:0 18px 40px -16px rgba(166,43,163,.6)}
.apl__hero>div{flex:1;min-width:260px}.apl h1{font-size:34px;margin:4px 0 8px}.apl__sub{color:var(--mut);margin:0 0 16px}.apl__ok{font-weight:700;color:#0d6b52}
.apl__how{display:grid;gap:14px;margin:28px 0}.apl__how section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px}.apl__how section.on{border-color:var(--v);box-shadow:0 0 0 3px rgba(166,43,163,.1)}
.apl__how h2{font-size:19px}.apl__how ol{margin:10px 0 0;padding-left:20px;line-height:1.8}
.apl__why{list-style:none;padding:0;margin:0;display:grid;gap:10px}.apl__why li{background:var(--lav);border-radius:14px;padding:14px 16px;font-size:14px;color:#4a3d5c}.apl__why b{display:block;color:var(--ink);font-size:15px}
@media (min-width:760px){.apl__how{grid-template-columns:1fr 1fr}.apl__why{grid-template-columns:1fr 1fr}.appb{left:auto;right:20px;bottom:20px;width:380px}}
.avp__as{margin:0;color:var(--mut);font-size:14px}.avp__as b{color:var(--ink)}
/* pages de texte */
.stp{max-width:820px;padding-top:22px;padding-bottom:40px}.stp h1{font-size:36px;margin:8px 0 16px}.stp__sub{color:var(--mut)}
.prose{font-size:16.5px;line-height:1.7;color:#2c2140}.prose h2{font-size:24px;margin:28px 0 10px}.prose h3{font-size:19px;margin:22px 0 8px}.prose a{color:var(--v);text-decoration:underline}
.prose ul,.prose ol{padding-left:22px}.prose img{max-width:100%;height:auto;border-radius:14px}.stp__form{margin-top:18px}.stp__img{margin:0 0 22px}.stp--cb{max-width:1180px}.cb{display:grid;gap:26px}.cb__in h1{margin-top:0}.cb__side .cb__img{margin:0 0 16px}.cb__cta{display:grid;gap:10px;margin:0 0 18px}.btn--ghost{background:#fff;color:var(--v);border:1.5px solid var(--lav2);box-shadow:none}.cb__cta .btn{width:100%;justify-content:center;text-align:center}@media(max-width:899px){.cb__img{display:none}}@media(min-width:900px){.cb{grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}.cb__side{position:sticky;top:96px;margin-top:62px}}.stp__img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px}
/* barre du haut (comme l'ancien site) : accroche, menu « En savoir plus », avis */
.tb{background:var(--v);background:var(--grad);color:#fff;font-size:15px;position:relative;z-index:25}
.tb .w{display:flex;align-items:center;justify-content:flex-end;gap:22px;height:38px}
.tb__t{margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}
.tb a{color:#fff}.tb__a:hover,.tb__m summary:hover{text-decoration:underline;text-underline-offset:3px}
.tb__m{position:relative}.tb__m summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px}.tb__m summary::-webkit-details-marker{display:none}
.tb__m summary::after{content:"";width:6px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px)}
.tb__m nav{position:absolute;right:0;top:30px;min-width:230px;background:#fff;border-radius:14px;box-shadow:0 20px 40px -14px rgba(23,12,38,.45);padding:6px;display:grid}
.tb__m nav a{color:var(--ink);padding:9px 12px;border-radius:9px;font-weight:600;font-size:14px}.tb__m nav a:hover{background:var(--lav)}
@media (max-width:640px){.tb__t{display:none}.tb .w{justify-content:space-between;height:32px;font-size:13px}}

/* surtitre et bouton des pages (admin › Pages) */
.stp__tag{margin:0 0 6px;color:var(--v);font:700 12.5px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.stp__cta{margin:26px 0 0}

/* signaler une annonce */
.sigp__w{max-width:760px;padding-top:22px;padding-bottom:50px}.sigp__w h1{font-size:30px;margin:6px 0 14px}
.sigp__ann{display:flex;gap:14px;align-items:center;padding:10px;border:1.5px solid var(--line);border-radius:16px;margin-bottom:16px}.sigp__ann img{border-radius:10px;object-fit:cover}.sigp__ann>span:first-child{width:96px;height:72px;display:grid;place-items:center;background:var(--lav);border-radius:10px;font-size:28px}.sigp__ann b{display:block}.sigp__ann small{color:var(--mut)}
.sigp__info{background:var(--lav);border-radius:14px;padding:12px 16px;font-size:14.5px;color:var(--ink)}
.sigp__r{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.sigp__o{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}.sigp__o:has(input:checked){border-color:var(--v);background:var(--lav)}.sigp__o input{margin-top:4px}.sigp__o b{display:block;font-size:14.5px}.sigp__o small{display:block;color:var(--mut);font-size:12.5px;line-height:1.35}

/* dépôt : réglementation et engagement de l'annonceur */
.dp__law ul{margin:6px 0 8px;padding-left:18px}.dp__law li{margin:3px 0}.dp__law p{margin:0}.dp__law a{color:var(--v);text-decoration:underline}
.dp__regl{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1.5px solid var(--line)}

.tips--cert{margin-bottom:14px;background:#fff8e6;border-color:#f3dfa6}.tips--cert p{margin:6px 0 0;font-size:14px;line-height:1.5}.tips__s{color:var(--mut);font-size:12.5px!important}
.tips--cert p b{display:inline;font-weight:700}

/* engagement réglementation : plus visible */
.dp__regl{margin-top:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,#f6e8ff,#ffe9f1);border:2px solid var(--v);box-shadow:0 8px 22px rgba(166,43,163,.14)}
.dp__regl>span{color:var(--ink);font-weight:700}.dp__regl small{color:#5b4a6d;font-weight:500}
.dp__regl:has(input:checked){background:#ecfdf3;border-color:var(--ok);box-shadow:none}

.dp__safe-i{width:26px;height:26px;flex:none;color:var(--v)}

/* gabarit des pages de contenu : bandeau, texte, colonne de droite (appel à l'action, liens, publicité) */
.pg__hero{background:linear-gradient(120deg,#f6e8ff 0%,#fdeef5 55%,#efe9ff 100%);border-bottom:1px solid var(--lav2);padding:26px 0 30px}
.pg__hero h1{font-size:clamp(28px,4vw,42px);margin:6px 0 0;letter-spacing:-.02em}.pg__hero .fcrumb{margin:0}
.pg__grid{display:grid;gap:28px;padding-top:30px;padding-bottom:56px}
@media(min-width:960px){.pg__grid{grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}.pg__side{position:sticky;top:96px}}
.pg__main{min-width:0}.pg__prose{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,34px);box-shadow:0 10px 30px rgba(23,12,38,.05)}
.pg__prose h2{position:relative;padding-left:14px;margin-top:1.6em}.pg__prose h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:4px;background:var(--grad)}
.pg__prose>:first-child{margin-top:0}.pg__prose img{border-radius:14px}
.pg__side{display:grid;gap:16px}.pg__card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px}
.pg__card b{display:block;font:800 17px/1.25 'Bricolage Grotesque',Inter,sans-serif;margin-bottom:8px}
.pg__card--cta{background:var(--grad);color:#fff;border:0;box-shadow:0 14px 34px rgba(166,43,163,.3);position:relative;overflow:hidden}
.pg__card--cta p{margin:0 0 14px;font-size:14.5px;opacity:.92;line-height:1.5}.pg__card--cta .btn{display:flex;width:100%;background:#fff;color:var(--v);box-shadow:none;margin-bottom:8px}
.pg__card--cta .btn--ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.pg__paw{position:absolute;right:-6px;top:-10px;font-size:64px;opacity:.16;transform:rotate(18deg)}
.pg__nav{display:grid;gap:2px}.pg__nav a{padding:7px 10px;border-radius:10px;color:var(--ink);font-size:14.5px}.pg__nav a:hover{background:var(--lav);color:var(--v)}
.pg__prose{background:none;border:0;border-radius:0;padding:0;box-shadow:none}

/* menu du haut : pictos Font Awesome (comme l'ancien site) */
.hd .nav a i{margin-right:7px;font-size:1.05em;color:#a92ec7;--fa-primary-color:#a92ec7;--fa-secondary-color:#a92ec7;--fa-secondary-opacity:.45}

/* mes alertes */
.alp__sub{margin:8px 0 0;color:var(--mut)}.alp__w{padding-top:26px;padding-bottom:56px}
.alp__grid{display:grid;gap:22px}@media(min-width:900px){.alp__grid{grid-template-columns:1fr 1fr;align-items:start}}
.alp__card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.alp__card h2{font-size:21px;margin:0 0 14px;display:flex;align-items:center;gap:10px}.alp__card h2 i{color:#a92ec7;--fa-primary-color:#a92ec7;--fa-secondary-color:#a92ec7;--fa-secondary-opacity:.45}.alp__card h2 small{margin-left:auto;font:500 13px Inter,sans-serif;color:var(--mut)}
.alp__card select,.alp__card input[name=depts]{width:100%;height:46px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:500 15px Inter,sans-serif;background:#fff}
.alp__zone{display:flex;flex-wrap:wrap;gap:8px}.alp__z input{position:absolute;opacity:0}.alp__z span{display:inline-block;padding:8px 14px;border:1.5px solid var(--line);border-radius:999px;font-size:14px;cursor:pointer}.alp__z input:checked+span{border-color:var(--v);background:var(--lav);color:var(--v);font-weight:600}
.alp__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.alp__list li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:14px}
.alp__list b{display:block}.alp__list small{color:var(--mut)}.alp__del{border:1px solid var(--line);background:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;color:#c0392b}.alp__empty{color:var(--mut)}

/* invitation à installer l'appli (mobile, comme l'ancien site) */
.appp{position:fixed;inset:0;z-index:2000;background:rgba(23,12,38,.55);display:grid;place-items:center;padding:20px}.appp[hidden]{display:none}
.appp__in{position:relative;background:#fff;border-radius:24px;padding:30px 22px 20px;max-width:360px;width:100%;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:dpIn .3s ease}
.appp__in img{border-radius:18px;box-shadow:0 10px 24px rgba(166,43,163,.25)}.appp__in b{display:block;font:800 21px 'Bricolage Grotesque',Inter,sans-serif;margin:14px 0 6px}.appp__in p{margin:0 0 18px;color:var(--mut);font-size:14.5px;line-height:1.5}
.appp__in .btn{width:100%}.appp__no{display:block;width:100%;margin-top:10px;border:0;background:none;color:var(--mut);font:500 14px Inter,sans-serif;padding:8px;cursor:pointer;text-decoration:underline}
.appp__x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:18px;color:var(--mut);cursor:pointer}
.alp__w .adz{margin-top:22px}

/* « Recommander » (partage natif) dans le pied de page, sur mobile ; la barre flottante vient de assets/js/reco.js */
.ft__reco{display:inline-block;margin:10px 0 0 0;color:#fff;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:3px}

/* mobile : jamais de défilement de côté (pubs ou contenus trop larges) ; en-tête opaque ;
   barre du bas toujours visible, remontée au-dessus du bandeau pub collant (Google « ancre » ou bloc mobile) : --adb calculé par assets/js/site.js */
html,body{overflow-x:clip}
.hd{background:rgba(255,255,255,.97)}
@media (max-width:899px){
  body{padding-bottom:calc(78px + var(--adb,0px))}
  .tab{bottom:calc(10px + var(--adb,0px) + env(safe-area-inset-bottom,0px));transition:bottom .25s}
}
/* petits écrans et texte agrandi (réglage d'accessibilité du téléphone) : rien ne doit élargir la page */
.hero .w>*,.flay>*,.pg__grid>*,.alp__grid>*{min-width:0}
.kick{width:auto;max-width:100%}.stat{flex-wrap:wrap;row-gap:8px}
@media (max-width:640px){.tb__m nav{left:0;right:auto;max-width:calc(100vw - 32px)}}
.sec__h{flex-wrap:wrap}.sec__h>div{min-width:0;flex:1 1 220px}
@media (max-width:370px){.hd .w{gap:10px}.hd .logo{font-size:27px}.hd .logo svg{width:24px;height:24px}.hd .btn{padding:0 13px}}
.alert{flex-wrap:wrap}.alert>div{min-width:0;flex:1 1 180px}
@media (max-width:420px){.alert .btn{margin-left:44px}}

/* picto bouclier (shield() dans inc/layout.php) */
.shield{width:1.25em;height:1.25em;vertical-align:-.25em;color:var(--v);flex:none}
.stk i .shield{width:24px;height:24px;display:block}
/* collage de photos de l'accueil : ordinateur seulement */
@media (max-width:899px){.hero .coll{display:none}}

/* bandeau pub collant mobile (sticky_ad() dans inc/layout.php) */
.adst{position:fixed;left:0;right:0;bottom:0;z-index:29;background:#fff;box-shadow:0 -6px 20px rgba(23,12,38,.14);padding:22px 0 calc(4px + env(safe-area-inset-bottom,0px));text-align:center;min-height:76px}
.adst .adz{margin:0}.adst .adz__l{display:none}.adst .adz--dev{height:50px;margin:0 8px;padding:0;flex-direction:row;gap:8px;justify-content:center}
.adst__x{position:absolute;top:1px;right:8px;width:20px;height:20px;line-height:20px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:12px;box-shadow:0 2px 8px rgba(23,12,38,.2);cursor:pointer}
@media (min-width:900px){.adst{display:none!important}}

/* vignette : nombre de vues sous la date */
.card .pl>span:last-child{text-align:right;flex:none}.card__vu{display:block;font-style:normal;opacity:.85;margin-top:1px}
/* fiche : bouton « Signaler cette annonce » bien visible */
.sigbtn{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;border:1.5px solid #f3b4b4;background:#fff5f5;color:#b42318;border-radius:16px;padding:12px 16px;font-weight:700;font-size:15px;text-decoration:none}
.sigbtn span{grid-row:span 2;font-size:22px}.sigbtn small{font-weight:500;font-size:12.5px;color:#9a5a5a}
.sigbtn:hover{background:#ffe9e9;border-color:#e88}