/* scale:.88 */
/* EV UI — composants annonces : cartes, barre de recherche, filtres, fiche (langage Loop web ui) */
.avatar,.adv .avatar,.callout .adv .avatar{background:var(--acc);color:#fff!important;font-size:19.4px}
.avatar .i{stroke:#fff;width:1em;height:1em}.avatar.sm{width:26.4px;height:26.4px;font-size:14.1px}
.ico .i{stroke:#fff}
/* grille + carte */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19.4px}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:21.1px;overflow:hidden;box-shadow:var(--sh1);transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--acc-100);box-shadow:0 2px 5.3px rgba(0,0,0,.05),0 21.1px 38.7px -20px color-mix(in srgb,var(--acc) 55%,transparent)}
.card-img{position:relative;aspect-ratio:4/3;background:var(--acc-50);overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .card-img img{transform:scale(1.05)}
.card-img .ph{display:grid;place-items:center;height:100%;color:var(--acc);font-size:38.7px}
.tags{position:absolute;top:10.6px;left:10.6px;display:flex;gap:5.3px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:4.4px;background:var(--acc);color:#fff;font-size:10.6px;font-weight:800;padding:4.4px 9.7px;border-radius:879.1px;box-shadow:0 5.3px 12.3px -8px rgba(0,0,0,.5)}.tag.excl{background:var(--navy)}.tag .i{stroke:#fff;width:11.4px;height:11.4px}
.fav{position:absolute;top:8.8px;right:8.8px;z-index:3;width:33.4px;height:33.4px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--ink2);font-size:15.8px;box-shadow:0 7px 15.8px -10px rgba(0,0,0,.5);transition:transform .15s,color .15s}
.fav:hover{transform:scale(1.1);color:var(--magenta)}.fav.on{color:var(--magenta)}.fav.on .i{fill:var(--magenta);stroke:var(--magenta)}
.photos{position:absolute;left:10.6px;bottom:10.6px;display:inline-flex;align-items:center;gap:5.3px;background:rgba(10,42,56,.72);color:#fff;font-size:11px;font-weight:700;padding:4.4px 9.7px;border-radius:879.1px;backdrop-filter:blur(3.5px)}.photos .i{stroke:#fff;width:12.3px;height:12.3px}
.dpe{position:absolute;right:10.6px;bottom:10.6px;width:26.4px;height:26.4px;border-radius:7.9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12.3px;box-shadow:0 5.3px 12.3px -8px rgba(0,0,0,.5)}
.card-b{display:flex;flex-direction:column;gap:6.2px;padding:15.8px 17.6px 15.8px;flex:1}
.price{font-size:1.5rem;font-weight:800;letter-spacing:-.04em;color:var(--navy);line-height:1.1}.price small{font-size:11.4px;font-weight:700;color:var(--ink3)}
.card-b h3{font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.stretch::after{content:"";position:absolute;inset:0;z-index:1}
.loc{display:flex;align-items:center;gap:5.3px;font-size:11.9px;color:var(--ink2);font-weight:600}.loc .i{color:var(--acc);stroke:var(--acc)}.loc .sep{color:var(--ink3)}
.feats{display:flex;flex-wrap:wrap;gap:7px}.feats span{display:inline-flex;align-items:center;gap:6.2px;background:var(--acc-50);color:var(--acc-700);border-radius:879.1px;padding:4.4px 10.6px;font-size:11.4px;font-weight:700}.feats .i{width:13.2px;height:13.2px}
.card-f{display:flex;align-items:center;gap:8.8px;margin-top:auto;padding-top:10.6px;border-top:1px solid var(--line);font-size:11.4px;color:var(--ink2)}.card-f b{color:var(--navy)}
/* liste : barre de recherche */
.lbar{position:sticky;top:73.9px;z-index:60;margin:-32px 0 15.8px;background:#fff;border:1px solid var(--line);border-radius:22.9px;box-shadow:var(--sh2);padding:10.6px;display:flex;gap:8.8px;align-items:center;flex-wrap:wrap}
.seg{display:inline-flex;background:var(--bg);border-radius:879.1px;padding:3.5px;gap:2px}.seg label{cursor:pointer;position:relative}.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:inline-flex;align-items:center;gap:6.2px;height:33.4px;padding:0 14.1px;border-radius:879.1px;font-weight:700;font-size:12.3px;color:var(--ink2);transition:.15s}.seg input:checked+span{background:var(--acc);color:#fff;box-shadow:0 7px 15.8px -10px var(--acc)}.seg input:focus-visible+span{outline:2.6px solid color-mix(in srgb,var(--acc) 60%,#fff)}
.combo{position:relative;flex:1 1 246.4px;min-width:193.6px}
.combo>.ic{position:absolute;left:15.8px;top:50%;transform:translateY(-50%);color:var(--acc);pointer-events:none;font-size:15.8px;z-index:1}
.combo input{width:100%;height:44px;border-radius:879.1px;border:1.5px solid var(--line2);padding:0 15.8px 0 40.5px;font:600 13.2px var(--f);background:#fff;color:var(--ink)}.combo input:focus{border-color:var(--acc);box-shadow:0 0 0 2.6px color-mix(in srgb,var(--acc) 18%,transparent);outline:0}
.combo-list{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:80;background:#fff;border:1px solid var(--line);border-radius:17.6px;box-shadow:var(--sh2);padding:7px;max-height:299.2px;overflow:auto;display:none}.combo.open .combo-list{display:block}
.combo-h{font-size:10.1px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:8.8px 10.6px 5.3px}
.opt{display:flex;align-items:center;gap:10.6px;width:100%;text-align:left;padding:7.9px 10.6px;border-radius:10.6px;font-weight:600;font-size:12.8px}.opt:hover,.opt.act{background:var(--acc-50)}
.opt .ico{width:29.9px;height:29.9px;border-radius:9.7px;font-size:14.1px;box-shadow:none}.opt small{margin-left:auto;color:var(--ink3);font-weight:700}
.combo-empty{padding:12.3px 10.6px;color:var(--ink2);font-weight:500;font-size:12.3px}
.sel{height:44px;border-radius:879.1px;border:1.5px solid var(--line2);background:#fff;padding:0 15.8px;font:700 12.3px var(--f);color:var(--ink);cursor:pointer}
.btn .badge{display:inline-grid;place-items:center;min-width:17.6px;height:17.6px;border-radius:879.1px;background:var(--acc);color:#fff;font-size:10.1px;padding:0 5.3px}
.lbar .btn{height:44px}
.pillrow{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12.3px}.pillrow::-webkit-scrollbar{display:none}
.pill-t{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;height:37px;padding:0 15.8px;border-radius:879.1px;background:#fff;border:1.5px solid var(--line);font-weight:700;font-size:12.3px;color:var(--ink2);transition:.15s}
.pill-t:hover{border-color:var(--acc);color:var(--acc-700)}.pill-t.on{background:var(--acc);border-color:var(--acc);color:#fff}.pill-t.on .i{stroke:#fff}
.achips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:12.3px}
.achip{display:inline-flex;align-items:center;gap:7px;height:29.9px;padding:0 7px 0 12.3px;border-radius:879.1px;background:var(--acc-50);border:1px solid var(--acc-100);color:var(--acc-700);font-weight:700;font-size:11.4px}
.achip a{display:grid;place-items:center;width:19.4px;height:19.4px;border-radius:50%;background:#fff;color:var(--acc-700)}.achip a:hover{background:var(--acc);color:#fff}.achip a .i{width:10.6px;height:10.6px}
.rhead{display:flex;justify-content:space-between;align-items:center;gap:12.3px;flex-wrap:wrap;margin:5.3px 0 17.6px}.rhead .ttl{font-size:1.15rem;font-weight:800;color:var(--navy);letter-spacing:-.02em}.rhead .ttl span{color:var(--ink3);font-weight:600}
.rhead .sel{height:37px;font-size:11.9px}
.empty{background:#fff;border:1px dashed var(--line2);border-radius:21.1px;padding:42.2px 21.1px;text-align:center;color:var(--ink2)}.empty .ico{margin:0 auto 12.3px}
.pagi{display:flex;justify-content:center;gap:7px;margin:37px 0 7px}.pagi a{min-width:38.7px;height:38.7px;padding:0 5.3px;display:grid;place-items:center;border:1.5px solid var(--line);background:#fff;border-radius:879.1px;font-weight:800;color:var(--ink2)}.pagi a:hover{border-color:var(--acc)}.pagi a.on{background:var(--acc);border-color:var(--acc);color:#fff}
/* tiroir « Tous les filtres » */
.drawer-bg{position:fixed;inset:0;z-index:300;background:rgba(10,42,56,.45);backdrop-filter:blur(2.6px);opacity:0;pointer-events:none;transition:opacity .25s}.drawer-bg.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:301;width:min(404.8px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:var(--sh2)}.drawer.on{transform:none}
.dr-head{display:flex;justify-content:space-between;align-items:center;padding:17.6px 21.1px;border-bottom:1px solid var(--line)}.dr-head b{font-size:1.2rem;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:10.6px}
.dr-x{width:35.2px;height:35.2px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:15.8px}.dr-x:hover{background:var(--acc-50)}
.dr-body{flex:1;overflow:auto;padding:7px 21.1px 17.6px}
.fg2{padding:17.6px 0;border-bottom:1px solid var(--line)}.fg2:last-child{border:0}.fg2>h4{font-size:11.4px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:800;margin-bottom:10.6px;display:flex;align-items:center;gap:7px}
.chipsel{display:flex;flex-wrap:wrap;gap:7px}.chipsel label{cursor:pointer;position:relative}.chipsel input{position:absolute;opacity:0;pointer-events:none}
.chipsel span{display:inline-flex;align-items:center;gap:6.2px;height:35.2px;padding:0 14.1px;border-radius:879.1px;border:1.5px solid var(--line2);font-weight:700;font-size:12.3px;color:var(--ink2);transition:.15s}
.chipsel input:checked+span{background:var(--acc);border-color:var(--acc);color:#fff}.chipsel input:checked+span .i{stroke:#fff}.chipsel input:focus-visible+span{outline:2.6px solid color-mix(in srgb,var(--acc) 60%,#fff)}
.chipsel.dpes span{width:37px;padding:0;justify-content:center;border-radius:10.6px}
.range2{display:grid;grid-template-columns:1fr auto 1fr;gap:8.8px;align-items:center}.range2 i{color:var(--ink3);font-style:normal;font-weight:700}
.field-u{position:relative}.field-u input{width:100%;height:42.2px;border:1.5px solid var(--line2);border-radius:12.3px;padding:0 38.7px 0 14.1px;font:600 13.2px var(--f)}.field-u input:focus{border-color:var(--acc);outline:0;box-shadow:0 0 0 2.6px color-mix(in srgb,var(--acc) 18%,transparent)}.field-u em{position:absolute;right:14.1px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--ink3);font-weight:700;font-size:11.4px}
.toggle{display:flex;align-items:center;justify-content:space-between;gap:12.3px;cursor:pointer;font-weight:700}.toggle input{position:absolute;opacity:0}.toggle .sw{width:42.2px;height:24.6px;border-radius:879.1px;background:var(--line2);position:relative;transition:.2s;flex:none}.toggle .sw::after{content:"";position:absolute;left:2.6px;top:2.6px;width:19.4px;height:19.4px;border-radius:50%;background:#fff;box-shadow:0 2px 5.3px rgba(0,0,0,.25);transition:.2s}.toggle input:checked+.sw{background:var(--acc)}.toggle input:checked+.sw::after{transform:translateX(17.6px)}
.dr-foot{display:flex;gap:8.8px;align-items:center;justify-content:space-between;padding:14.1px 21.1px;border-top:1px solid var(--line);background:#fff}
/* fiche annonce */
.fiche-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,var(--acc-700),var(--acc) 58%,color-mix(in srgb,var(--acc) 55%,#fff));isolation:isolate}
.fiche-hero .art{opacity:.55}.fiche-hero .banner-in{padding-bottom:73.9px}.fiche-hero h1{font-size:clamp(1.6rem,3.2vw,2.5rem);max-width:756.8px;color:#fff}
.fiche-hero .meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12.3px}.fiche-hero .meta .chip-w .i{stroke:#fff}
.gal{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,202.4px);gap:8.8px;margin-top:-64px;z-index:2}
.gal>button{position:relative;overflow:hidden;border-radius:19.4px;background:var(--acc-50);box-shadow:var(--sh1)}.gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gal>button:hover img{transform:scale(1.04)}
.gal .g0{grid-row:1/3;border-radius:22.9px}.gal .more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,42,56,.58);color:#fff;font-weight:800;font-size:1.2rem}
.gal .all{position:absolute;right:14.1px;bottom:14.1px;z-index:3;display:inline-flex;align-items:center;gap:7px;background:#fff;border-radius:879.1px;height:37px;padding:0 15.8px;font-weight:800;font-size:12.3px;box-shadow:var(--sh2)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(114.4px,1fr));gap:10.6px;margin:22.9px 0}
.kpi{display:flex;gap:10.6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17.6px;padding:12.3px;box-shadow:var(--sh1)}.kpi b{display:block;color:var(--navy);font-size:1.05rem;line-height:1.15}.kpi span.l{font-size:11px;color:var(--ink2);font-weight:600}
.block{background:#fff;border:1px solid var(--line);border-radius:22.9px;padding:22.9px;box-shadow:var(--sh1);margin-bottom:15.8px}.block>h2{display:flex;align-items:center;gap:12.3px;font-size:1.3rem;margin-bottom:15.8px}
.desc{white-space:pre-line;color:var(--ink);font-weight:500;max-height:11.5em;overflow:hidden;position:relative;transition:max-height .3s}.desc.open{max-height:none}.desc:not(.open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4.2em;background:linear-gradient(transparent,#fff)}
.more-btn{margin-top:10.6px}
.groups{display:grid;grid-template-columns:repeat(2,1fr);gap:12.3px}.group{border:1px solid var(--line);border-radius:17.6px;padding:15.8px}.group h3{display:flex;align-items:center;gap:8.8px;font-size:1rem;margin-bottom:8.8px}
.kv{display:flex;justify-content:space-between;gap:12.3px;padding:7px 0;border-top:1px solid var(--line);font-size:12.8px}.kv:first-of-type{border-top:0}.kv span{color:var(--ink2);font-weight:500}.kv b{color:var(--navy);text-align:right}
.equips{display:flex;flex-wrap:wrap;gap:7px}.equips span{display:inline-flex;align-items:center;gap:7px;background:var(--acc-50);color:var(--acc-700);border-radius:879.1px;padding:7px 12.3px;font-weight:700;font-size:12.3px}.equips .i{width:14.1px;height:14.1px}
.scale{display:grid;gap:4.4px}.scale div{display:flex;align-items:center;height:26.4px;border-radius:7.9px;color:#fff;font-weight:800;padding:0 10.6px;opacity:.38;transition:.2s}.scale div.on{opacity:1;transform:scaleX(1.04);transform-origin:left;box-shadow:0 8.8px 17.6px -12px rgba(0,0,0,.5)}
.dpe-cols{display:grid;grid-template-columns:1fr 1fr;gap:19.4px}.dpe-cols h3{font-size:.95rem;margin-bottom:8.8px}.dpe-val{margin-top:8.8px;font-size:11.9px;color:var(--ink2)}.dpe-val b{color:var(--navy);font-size:1.25rem}
.sim{display:grid;grid-template-columns:1fr 1fr;gap:19.4px;align-items:center}.sim .row{display:grid;gap:12.3px}.sim label{display:grid;gap:5.3px;font-weight:700;font-size:11.9px}
.sim input[type=range]{accent-color:var(--acc);width:100%}.sim .out{background:var(--acc-50);border:1px solid var(--acc-100);border-radius:19.4px;padding:21.1px;text-align:center}.sim .out b{display:block;font-size:2.4rem;letter-spacing:-.04em;color:var(--acc-700);line-height:1.05}.sim .out span{color:var(--ink2);font-weight:600;font-size:12.3px}
.pricecard{background:#fff;border:1px solid var(--line);border-radius:22.9px;padding:21.1px;box-shadow:var(--sh2);margin-bottom:14.1px}.pricecard .big{font-size:2.3rem;font-weight:800;letter-spacing:-.045em;color:var(--navy);line-height:1}
.pricecard .sub{color:var(--ink2);font-weight:600;font-size:11.9px;margin-top:5.3px}.pricecard .row2{display:flex;justify-content:space-between;margin-top:12.3px;padding-top:12.3px;border-top:1px solid var(--line);font-weight:600;color:var(--ink2)}.pricecard .row2 b{color:var(--navy)}
.advcard{display:flex;gap:12.3px;align-items:center;margin-bottom:14.1px}.advcard .avatar{width:51px;height:51px;font-size:22.9px}.advcard b{font-size:1.1rem;color:var(--navy);display:block}.advcard small{color:var(--ink2);font-weight:600}
.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12.3px 0}.actions button{display:flex;flex-direction:column;align-items:center;gap:3.5px;padding:8.8px 5.3px;border:1.5px solid var(--line);border-radius:14.1px;font-weight:700;font-size:11px;color:var(--ink2)}.actions button:hover{border-color:var(--acc);color:var(--acc-700)}.actions .i{width:17.6px;height:17.6px}
.phone{display:flex;align-items:center;justify-content:center;gap:8.8px;height:44px;border-radius:879.1px;background:var(--acc-50);border:1.5px solid var(--acc-100);color:var(--acc-700);font-weight:800;margin-bottom:12.3px}.phone:hover{background:var(--acc);color:#fff}.phone:hover .i{stroke:#fff}
.mapbox{display:flex;gap:14.1px;align-items:center;background:var(--acc-50);border:1px solid var(--acc-100);border-radius:19.4px;padding:19.4px;flex-wrap:wrap}.mapbox b{display:block;color:var(--navy);font-size:1.1rem}
.stickybar{display:none}
/* visionneuse photos */
.lightbox{position:fixed;inset:0;z-index:500;background:rgba(6,24,34,.94);display:none;align-items:center;justify-content:center}.lightbox.on{display:flex}
.lightbox img{max-width:min(94vw,1056px);max-height:84vh;border-radius:14.1px;box-shadow:0 26.4px 70.4px rgba(0,0,0,.6)}
.lb-btn{position:absolute;width:45.8px;height:45.8px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;font-size:21.1px}.lb-btn:hover{background:rgba(255,255,255,.28)}.lb-btn .i{stroke:#fff}
.lb-x{top:17.6px;right:17.6px}.lb-p{left:17.6px;top:50%;transform:translateY(-50%)}.lb-n{right:17.6px;top:50%;transform:translateY(-50%)}.lb-count{position:absolute;bottom:19.4px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700;background:rgba(255,255,255,.14);border-radius:879.1px;padding:5.3px 14.1px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.groups,.dpe-cols,.sim{grid-template-columns:1fr}.gal{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,176px)}.gal>button:nth-child(n+4){display:none}.lbar{top:61.6px}}
@media(max-width:640px){.grid{grid-template-columns:1fr}.lbar{position:static;margin:-24px 0 12.3px;border-radius:19.4px}.seg{width:100%}.seg label{flex:1}.seg span{width:100%;justify-content:center}.combo{flex-basis:100%}
.gal{grid-template-columns:1fr 1fr;grid-template-rows:193.6px 105.6px;margin-top:-48px}.gal .g0{grid-column:1/3;grid-row:1}.gal>button:nth-child(n+4){display:none}.fiche-hero .banner-in{padding-bottom:56.3px}
.stickybar{position:fixed;left:0;right:0;bottom:calc(52.8px + env(safe-area-inset-bottom));z-index:190;display:flex;gap:8.8px;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:blur(12.3px);border-top:1px solid var(--line);padding:8.8px 12.3px}.stickybar .p{font-weight:800;color:var(--navy);font-size:1.15rem;flex:1;letter-spacing:-.03em}.stickybar .btn{height:38.7px;padding:0 15.8px}}
@media print{.top,.brandbar,.foot,.tabbar,.stickybar,.lightbox,.actions,.fiche-hero .art{display:none!important}.gal{margin-top:0}}

/* fenêtre « Tous les filtres » agrandie */
.drawer{width:min(668.8px,100vw)}
.dr-head{padding:22.9px 29.9px}.dr-head b{font-size:1.45rem}.dr-x{width:40.5px;height:40.5px;font-size:17.6px}
.dr-body{display:grid;grid-template-columns:1fr 1fr;gap:0 35.2px;padding:8.8px 29.9px 21.1px;align-content:start}
.dr-body .fg2{padding:22.9px 0}.dr-body .fg2.full{grid-column:1/-1}
.fg2>h4{font-size:12.3px;margin-bottom:14.1px}
.field-u input{height:47.5px;font-size:14.1px;border-radius:14.1px}
.chipsel span{height:40.5px;padding:0 17.6px;font-size:13.2px}.chipsel.dpes span{width:44px}
.toggle{font-size:14.1px}.toggle .sw{width:47.5px;height:28.2px}.toggle .sw::after{width:22.9px;height:22.9px}.toggle input:checked+.sw::after{transform:translateX(19.4px)}
.dr-foot{padding:17.6px 29.9px}.dr-foot .btn{height:47.5px;padding:0 29.9px;font-size:14.1px}
@media(max-width:760px){.dr-body{grid-template-columns:1fr;padding:5.3px 17.6px 17.6px}.dr-head,.dr-foot{padding:14.1px 17.6px}}

/* barre de recherche : critères rapides */
.lbar{flex-direction:column;align-items:stretch;gap:10.6px;padding:12.3px 14.1px}
.lb-row{display:flex;gap:8.8px;align-items:center;flex-wrap:wrap}
.lb-row.qf{padding-top:10.6px;border-top:1px solid var(--line);gap:10.6px 19.4px}
.qf-pair{display:flex;align-items:center;gap:7px}.qf-pair i{color:var(--ink3);font-style:normal;font-weight:700}
.qf-l{display:inline-flex;align-items:center;gap:5.3px;font-size:10.6px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}.qf-l .i{width:13.2px;height:13.2px;color:var(--acc);stroke:var(--acc)}
.qf-pair .field-u{width:112.6px}.qf-pair .field-u input{height:38.7px;font-size:12.8px;border-radius:879.1px;padding:0 33.4px 0 14.1px}
.qf-sel{display:flex;align-items:center;gap:7px}.qf-sel select{height:38.7px;border-radius:879.1px;border:1.5px solid var(--line2);background:#fff;padding:0 14.1px;font:700 12.3px var(--f);color:var(--ink);cursor:pointer}
@media(max-width:700px){.lb-row.qf{display:grid;grid-template-columns:1fr 1fr;gap:8.8px}.qf-pair{grid-column:1/-1;flex-wrap:wrap}.qf-pair .field-u{flex:1}}

/* barre de recherche sur une ligne + menus déroulants (Loop web ui) */
.lbar{flex-direction:row!important;flex-wrap:nowrap;align-items:center!important;gap:8px!important;padding:11px 12px!important}
.lbar .seg span{padding:0 12px;height:36px;font-size:12.5px}.lbar .combo{flex:1 1 170px;min-width:150px}.lbar .combo input{height:44px;font-size:13px;padding-left:40px}
.lbar .btn{height:44px;padding:0 16px;font-size:13px}
.lbar .dd-btn{height:44px}
.dd{position:relative;flex:none}
.dd-btn{display:inline-flex;align-items:center;gap:7px;padding:0 13px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;font-weight:700;font-size:12.5px;color:var(--ink);white-space:nowrap;transition:border-color .15s,background .15s,box-shadow .15s}
.dd-btn .i{width:15px;height:15px;color:var(--acc);stroke:var(--acc)}.dd-btn>.ic:last-child .i{color:var(--ink3);stroke:var(--ink3);width:13px;height:13px;transition:transform .2s}
.dd-btn:hover{border-color:var(--acc)}.dd.open .dd-btn{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 16%,transparent)}.dd.open .dd-btn>.ic:last-child .i{transform:rotate(180deg)}
.dd.active .dd-btn{background:var(--acc-50);border-color:var(--acc);color:var(--acc-700)}.dd-v{font-weight:800;color:var(--acc-700)}
.dd-pop{position:absolute;left:0;top:calc(100% + 10px);z-index:95;min-width:290px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh2);padding:14px;display:none}.dd-pop.narrow{min-width:190px;padding:8px}
.dd.open .dd-pop{display:block;animation:ddin .18s ease}@keyframes ddin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dd-h{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--navy);margin-bottom:11px;font-size:13.5px}.dd-h .i{color:var(--acc);stroke:var(--acc)}
.dd-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.dd-chip{padding:7px 12px;border-radius:999px;border:1.5px solid var(--line2);font-weight:700;font-size:12px;color:var(--ink2);background:#fff;transition:.15s}.dd-chip:hover{border-color:var(--acc);color:var(--acc-700)}.dd-chip.on{background:var(--acc);border-color:var(--acc);color:#fff}
.dd-range{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.dd-range i{color:var(--ink3);font-style:normal;font-weight:700}.dd-range .field-u input{height:42px;font-size:13.5px}
.dd-f{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.dd-f .btn{height:38px;font-size:12.5px;padding:0 18px}
.dd-opt{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:10px 12px;border-radius:12px;font-weight:700;font-size:13px;color:var(--ink2)}.dd-opt:hover{background:var(--acc-50);color:var(--acc-700)}.dd-opt.on{background:var(--acc);color:#fff}
@media(max-width:1560px){.lbar{flex-wrap:wrap!important}.lbar .combo{flex:1 1 240px}}

/* onglets de la recherche d'accueil : Loop web ui, une couleur par univers */
.tabs.tabs-ui{display:flex;flex-wrap:wrap;gap:8px;background:none;padding:0;margin-bottom:14px;overflow:visible}
.tabs-ui>*{height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;color:var(--ink2);font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,color .2s}
.tabs-ui>*:hover{border-color:var(--acc);color:var(--acc-700);transform:translateY(-1px)}
.tabs-ui>* .i{width:17px;height:17px;color:var(--acc);stroke:var(--acc)}
.tabs-ui button.on{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 14px 26px -14px var(--acc)}.tabs-ui button.on .i{color:#fff;stroke:#fff}
.tabs-ui .tab-est{margin-left:auto;background:var(--acc-50);border-color:var(--acc-100);color:var(--acc-700)}.tabs-ui .tab-est:hover{background:var(--acc);color:#fff}.tabs-ui .tab-est:hover .i{stroke:#fff}
.search{transition:box-shadow .3s}
@media(max-width:700px){.tabs-ui .tab-est{margin-left:0;flex:1 1 100%;justify-content:center}}

/* Accueil : un formulaire par onglet */
.spanel{display:none;gap:12px}.spanel.on{display:grid;animation:msfIn .3s ease}
.spanel-head{display:flex;gap:10px 14px;align-items:baseline;flex-wrap:wrap}.spanel-head b{color:var(--acc-700);font-size:1.02rem}.spanel-head span{color:var(--ink2);font-weight:600;font-size:13px}
.spanel .srow{grid-template-columns:repeat(var(--n,3),minmax(0,1fr)) auto}
.spanel .srow .btn{background:var(--acc)}.spanel .srow .btn:hover{background:var(--acc-700)}
.spanel-link{font-size:12.5px;font-weight:700;color:var(--ink2);display:flex;gap:6px;flex-wrap:wrap;align-items:center}.spanel-link a{color:var(--acc-700);text-decoration:underline;text-underline-offset:3px}.spanel-link .i{width:14px;height:14px;stroke:var(--acc)}
.search .tabs-ui button.on{background:var(--acc)}
@media(max-width:1100px){.spanel .srow{grid-template-columns:1fr 1fr}.spanel .srow .btn{grid-column:1/-1}}
@media(max-width:700px){.spanel .srow{grid-template-columns:1fr}}

/* Onglet ↔ formulaire : bandeau coloré aux couleurs de l'onglet ; l'onglet actif (blanc) se fond dans le formulaire (courbes raccordées) */
.search{padding:0;overflow:hidden;--acc:#33acd3}
.search .tabs-ui{display:flex;flex-wrap:nowrap;gap:4px;align-items:flex-end;margin:0;padding:12px 16px 0;position:relative;overflow:visible;background:linear-gradient(110deg,var(--acc),color-mix(in srgb,var(--acc) 70%,#fff));transition:background .35s}
.search .tabs-ui::after{content:"";position:absolute;right:-30px;top:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.search .tabs-ui>button{height:44px;padding:0 20px;border-radius:14px 14px 0 0;border:0;background:transparent;color:#fff;font-weight:800;box-shadow:none;transform:none;position:relative;transition:background .2s}
.search .tabs-ui>button .i{stroke:#fff;color:#fff}
.search .tabs-ui>button:hover{background:rgba(255,255,255,.18);transform:none;color:#fff}
.search .tabs-ui>button.on{background:#fff;color:var(--acc-700);z-index:3}
.search .tabs-ui>button.on .i{stroke:var(--acc);color:var(--acc)}
.search .tabs-ui>button.on::before,.search .tabs-ui>button.on::after{content:"";position:absolute;bottom:0;width:14px;height:14px;pointer-events:none}
.search .tabs-ui>button.on::before{left:-14px;background:radial-gradient(circle at 0 0,transparent 13.5px,#fff 14px)}
.search .tabs-ui>button.on::after{right:-14px;background:radial-gradient(circle at 100% 0,transparent 13.5px,#fff 14px)}
.spanel.on{position:relative;margin:0;padding:18px 20px 16px;border:0;border-radius:0;background:#fff}
.sp-deco{position:absolute;right:18px;top:10px;font-size:84px;color:var(--acc);opacity:.08;pointer-events:none;animation:raFloat 5s ease-in-out infinite}.sp-deco .i{stroke:var(--acc)}
.spanel>*:not(.sp-deco){position:relative}
.spanel .srow{align-items:end}
@media(max-width:700px){.search .tabs-ui{flex-wrap:wrap;padding:10px 12px;gap:6px}.search .tabs-ui>button{border-radius:14px;height:40px;background:rgba(255,255,255,.16)}.search .tabs-ui>button.on::before,.search .tabs-ui>button.on::after{display:none}}

/* Liste : type de bien dans les filtres, critères avancés */
.dd-checks{display:grid;gap:6px;margin:6px 0 12px}
.dd-check{display:block;cursor:pointer}.dd-check input{position:absolute;opacity:0;pointer-events:none}
.dd-check span{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1.5px solid var(--line2);border-radius:14px;font-weight:700;font-size:13.5px;color:var(--ink2);transition:.15s}
.dd-check span .i{width:18px;height:18px;color:var(--acc);stroke:var(--acc)}
.dd-check:hover span{border-color:var(--acc);color:var(--acc-700)}
.dd-check input:checked+span{background:var(--acc);border-color:var(--acc);color:#fff}.dd-check input:checked+span .i{stroke:#fff}
.dd-check input:focus-visible+span{outline:2px solid var(--acc-700);outline-offset:2px}
.chipsel.wrapchips{display:flex;flex-wrap:wrap;gap:8px}.chipsel.wrapchips span{display:inline-flex;align-items:center;gap:7px}.chipsel.wrapchips span .i{width:15px;height:15px}.chipsel.wrapchips small{opacity:.65;font-weight:700}

/* Liste : lieu en dropdown confortable, transaction en menu compact */
.combo-list{right:auto;width:max(100%,400px);max-width:calc(100vw - 28px);padding:8px;border-radius:20px}
.combo-list .opt{display:flex;align-items:center;gap:12px;white-space:nowrap}.combo-list .opt>*:last-child{margin-left:auto}
.combo-list .opt .ico{flex:none}
.dd-tx .dd-btn{min-width:132px}.dd-tx .dd-opt{gap:10px;justify-content:flex-start}.dd-tx .dd-opt .i{width:17px;height:17px;stroke:var(--acc)}.dd-tx .dd-opt.on .i{stroke:#fff}

/* Partage */
.share{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px 16px;box-shadow:var(--sh1);display:grid;gap:10px;position:relative}
.share-h{display:flex;gap:8px;align-items:center;font-size:.95rem;color:var(--navy)}.share-h .i{stroke:var(--acc)}
.share-b{display:flex;flex-wrap:wrap;gap:7px}
.sh{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px 0 5px;border-radius:999px;border:1.5px solid var(--line2);background:#fff;font-weight:800;font-size:12.5px;color:var(--navy);cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s}
.sh:hover{transform:translateY(-2px);box-shadow:0 12px 20px -12px rgba(0,0,0,.35)}
.sh .g{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-style:normal;flex:none}.sh .g i{font-style:normal;font-weight:800;font-size:12px;line-height:1}.sh .g .i{stroke:#fff;width:15px;height:15px}
.sh.wa .g{background:#25d366}.sh.fb .g{background:#1877f2}.sh.in .g{background:#0a66c2}.sh.x .g{background:#111}.sh.mail .g{background:#6b7c86}.sh.ig .g{background:linear-gradient(45deg,#f9a03f,#e1306c 55%,#833ab4)}.sh.cp .g{background:var(--acc)}
.sh.wa:hover{border-color:#25d366}.sh.fb:hover{border-color:#1877f2}.sh.in:hover{border-color:#0a66c2}.sh.x:hover{border-color:#111}.sh.ig:hover{border-color:#e1306c}.sh.cp:hover{border-color:var(--acc)}
.share-toast{position:absolute;left:16px;right:16px;bottom:-6px;transform:translateY(100%);background:var(--navy);color:#fff;border-radius:12px;padding:8px 12px;font-size:12.5px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:5}.share-toast.on{opacity:1;transform:translateY(calc(100% + 6px))}
.lbar .dd-btn{padding:0 12px;gap:6px;font-size:12.5px}.lbar .dd-tx .dd-btn{min-width:0}
.lbar .combo{flex:1 1 180px;min-width:170px}.lbar .btn{padding:0 14px}

/* Onglets de l'accueil — correctifs mobile : bandeau rectangulaire, onglets en grille 2×2 */
.search .tabs-ui{border-radius:0}
@media(max-width:700px){
  .search .tabs-ui{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 10px 10px;border-radius:0}
  .search .tabs-ui>button{width:100%;justify-content:center;padding:0 8px;font-size:12.5px;gap:6px;height:42px;border-radius:12px}
  .search .tabs-ui>button.on{height:42px;margin:0;background:#fff;color:var(--acc-700)}
  .search .tabs-ui::after{display:none}
  .spanel.on{padding:16px 14px 14px}
}
@media(max-width:700px){.spanel .srow{grid-template-columns:1fr 1fr}.spanel .srow .fld:first-child,.spanel .srow .btn{grid-column:1/-1}}

/* Liste d'annonces — barre de recherche sur mobile : grille 2 colonnes lisible */
@media(max-width:700px){
  .lbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important;position:static}
  .lbar .combo{grid-column:1/-1;order:-1;flex:none;min-width:0;width:100%}
  .lbar .dd{width:100%;min-width:0}
  .lbar .dd-btn{width:100%;justify-content:flex-start;padding:0 12px}
  .lbar .dd-btn .dd-l,.lbar .dd-btn .dd-v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lbar .dd-btn>.i:last-child{margin-left:auto}
  .lbar .dd-pop{left:0;right:auto;min-width:min(330px,calc(100vw - 28px))}
  .lbar .dd:nth-of-type(even) .dd-pop{left:auto;right:0}
  .lbar>.btn{width:100%;justify-content:center}
  .combo-list{width:100%;max-width:none}
}
