/* Desktop redesign (≥1024px) — Local home and results with the map (index.html: the Local landing and #s-local-results).
   Tokens, fonts, the header and the footer come from desktop.css. Every rule in this file goes inside
   @media (min-width: 1024px): below 1024px nothing changes. */

/* ======================= Local home (local-market.html) — design « local.html » =======================
   One grid: the hero (title, subtitle, search card, chips | the map scene), then « Dernières annonces »
   (three cards + « Ta voiture ici »), then the seller pitch. The scene is .lmd-scene (CSS loop, filled
   by desktop-home.js); the older animated scene (.lm-scene, local-hero.js) is phone/tablet history and
   stays hidden here. The wilaya chip moves into the search card (desktop-home.js), back below 1024px. */
@media screen and (min-width: 1024px) {
  #local-market{background:transparent;color:var(--tm-ink);font-family:var(--tm-font-sans)}
  #local-market .lm-wrap{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto auto minmax(0,1fr);
    column-gap:48px;max-width:var(--tm-container);margin:0 auto;padding:56px var(--tm-gutter) 0;
  }
  #local-market .lm-head{display:contents}
  #local-market .lm-scene{display:none}
  #local-market .lm-pitch{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:22px}
  #local-market .lm-head h1{margin:0;font-family:var(--tm-font-display);font-size:64px;line-height:1.03;font-weight:800;letter-spacing:-.02em;color:var(--tm-ink)}
  #local-market .lm-hl{color:var(--tm-orange)}
  #local-market .lm-sub{margin:0;max-width:520px;font-size:19px;line-height:1.5;color:var(--tm-muted)}

  /* search card: field · Wilaya · Chercher */
  #local-market .lm-search{
    grid-column:1;grid-row:3;margin:22px 0 0;max-width:none;box-sizing:border-box;
    display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;
    background:#fff;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);box-shadow:0 20px 50px -30px rgba(11,15,20,.25);
  }
  #local-market .lm-field{flex:2 1 0;min-width:200px;min-height:48px;gap:10px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--tm-muted)}
  #local-market .lm-field:focus-within{border:0;color:var(--tm-ink)}
  #local-market .lm-field input{height:48px;font:var(--tm-field-input-weight) var(--tm-field-size)/1.3 var(--tm-font-sans);color:var(--tm-ink)}
  #local-market .lm-field input::placeholder{color:#8C877C}
  #local-market .lm-search .lm-wilaya{
    flex:1 1 0;min-width:150px;height:auto;min-height:48px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;
    padding:6px 16px;border:0;border-inline-start:1px solid #EEEBE4;border-radius:0;background:transparent;color:var(--tm-ink);box-shadow:none;
    font:var(--tm-field-weight) var(--tm-field-size)/1.2 var(--tm-font-sans);
  }
  #local-market .lm-search .lm-wilaya.is-on{background:transparent;color:var(--tm-ink)}
  #local-market .lm-search .lm-wilaya ph-icon{display:none}
  #local-market .lm-search .lm-wilaya .lmd-k{font-size:var(--tm-field-label-size);font-weight:var(--tm-field-label-weight);color:var(--tm-muted)}
  #local-market .lm-search .lm-wilaya:not(.is-on) #lmWilayaLabel,#local-market .lm-search .lm-wilaya.is-on .lmd-all{display:none}
  #local-market .lm-search .lm-wilaya :is(#lmWilayaLabel,.lmd-all){max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #local-market .lm-search .lm-wilaya:focus-within{outline:2px solid var(--tm-orange);outline-offset:-2px;border-radius:10px}
  #local-market .lm-go{height:52px;min-height:52px;padding:0 26px;border-radius:var(--tm-radius-ctl);box-shadow:none;font:700 15px/1 var(--tm-font-sans);transition:background-color .15s ease}
  #local-market .lm-go:active{transform:none}

  /* chips: one line above « Dernières annonces » (user request, 2026-11-11): « Autour de moi » stays put,
     the most listed makes scroll sideways (trackpad, Maj + molette, or the arrows of desktop-home.js). */
  #local-market .lm-chiprow{grid-column:1 / -1;grid-row:8;display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;margin:56px 0 0}
  #local-market .lm-chiprow .lm-where{flex:none;width:auto;max-width:none;margin:0;overflow:visible;display:flex;align-items:center;gap:8px;padding:0;padding-inline-end:12px;border-inline-end:1px solid var(--tm-border-strong)}
  #local-market .lm-chiprow .lm-makes-block{--lmk-end:right;--lmk-start:left;position:relative;flex:1 1 auto;min-width:0;display:block;margin:0;padding:0}
  html[dir="rtl"] #local-market .lm-chiprow .lm-makes-block{--lmk-end:left;--lmk-start:right}
  #local-market .lm-chiprow .lm-makes-block[hidden]{display:none}
  #local-market .lm-chiprow .lm-makes{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;margin:0;padding:2px 0;scroll-padding-inline:56px;scroll-behavior:smooth;scrollbar-width:none}
  #local-market .lm-chiprow .lm-make{flex:none}
  /* Soft edge on the side that has more makes. */
  #local-market .lm-makes-block.can-next .lm-makes{-webkit-mask-image:linear-gradient(to var(--lmk-end),#000 calc(100% - 72px),transparent);mask-image:linear-gradient(to var(--lmk-end),#000 calc(100% - 72px),transparent)}
  #local-market .lm-makes-block.can-prev .lm-makes{-webkit-mask-image:linear-gradient(to var(--lmk-start),#000 calc(100% - 72px),transparent);mask-image:linear-gradient(to var(--lmk-start),#000 calc(100% - 72px),transparent)}
  #local-market .lm-makes-block.can-prev.can-next .lm-makes{-webkit-mask-image:linear-gradient(to var(--lmk-end),transparent,#000 72px,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(to var(--lmk-end),transparent,#000 72px,#000 calc(100% - 72px),transparent)}
  #local-market .lm-makes-arrow{
    position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:-18px;padding:0;
    border:1px solid var(--tm-border-strong);border-radius:50%;background:#fff;color:var(--tm-ink);cursor:pointer;box-shadow:0 6px 16px -8px rgba(11,15,20,.35);
    transition:border-color .15s ease;
  }
  #local-market .lm-makes-arrow[hidden]{display:none}
  #local-market .lm-makes-arrow:hover{border-color:#CFC9BC}
  #local-market .lm-makes-arrow:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #local-market .lm-makes-arrow[data-makes-scroll="-1"]{inset-inline-start:0}
  #local-market .lm-makes-arrow[data-makes-scroll="1"]{inset-inline-end:0}
  html[dir="rtl"] #local-market .lm-makes-arrow ph-icon{transform:scaleX(-1)}
  #local-market .lm-chiprow :is(.lm-chip,.lm-make){
    height:40px;min-height:40px;gap:6px;padding:0 14px;border:1px solid var(--tm-border-strong);border-radius:999px;background:#fff;box-shadow:none;
    color:var(--tm-ink);font:600 13px/1 var(--tm-font-sans);transition:background-color .15s ease,border-color .15s ease;
  }
  #local-market .lm-chiprow :is(.lm-chip,.lm-make):hover{border-color:#CFC9BC}
  #local-market .lm-chiprow :is(.lm-chip,.lm-make).is-on{background:var(--tm-ink);border-color:var(--tm-ink);color:#fff}
  #local-market .lm-chiprow .lm-chip ph-icon{color:var(--tm-ink)}
  #local-market .lm-chiprow .lm-chip.is-on ph-icon{color:#fff}
  #local-market .lm-make b{min-width:0;height:auto;padding:0;border-radius:0;background:none;color:var(--tm-muted);font-size:13px;font-weight:600}
  #local-market .lm-make.is-on b{background:none;color:rgba(255,255,255,.7)}
  #local-market .lm-note{grid-column:1 / -1;grid-row:9;max-width:none;margin:12px 0 0;font-size:13px;color:var(--tm-muted)}

  /* the scene */
  #local-market .lmd-scene{
    grid-column:1;grid-row:7;margin-top:40px;position:relative;height:460px;border-radius:24px;overflow:hidden;
    background:#EFEADF;border:1px solid var(--tm-border-strong);isolation:isolate;font-family:var(--tm-font-sans);color:var(--tm-ink);
  }
  .lmd-scene .lmd-map{position:absolute;inset:0;width:100%;height:100%;display:block}
  .lmd-sea{position:absolute;left:40px;top:58px;font-size:13px;font-weight:700;letter-spacing:2px;color:#8FA6B5;white-space:nowrap}
  .lmd-you{position:absolute;left:50%;top:52%;width:0;height:0}
  .lmd-you .tmpulse{position:absolute;left:-150px;top:-150px;width:300px;height:300px;box-sizing:border-box;border-radius:50%;border:2px solid rgba(255,84,0,.55)}
  .lmd-you i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;box-sizing:border-box;border-radius:50%;background:var(--tm-ink);border:4px solid #fff;box-shadow:0 0 0 6px rgba(11,15,20,.12)}
  .lmd-pin{position:absolute}
  .lmd-pin:has(b:empty){display:none}
  .lmd-pin{--pin-h:32px}
  .lmd-pv{position:relative;display:flex;align-items:center;gap:6px;height:32px;box-sizing:border-box;padding:0 12px;border-radius:999px;background:#fff;color:var(--tm-ink);font-weight:800;font-size:13px;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(0,0,0,.35)}
  .lmd-pv i{width:8px;height:8px;border-radius:50%;background:var(--tm-orange)}
  .lmd-pv.lmd-pv-on{position:absolute;inset:0;background:var(--tm-ink);color:#fff;box-shadow:none}
  .lmd-pill{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:#fff;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 6px 16px -8px rgba(0,0,0,.25)}
  .lmd-pill svg{color:var(--tm-orange);flex:none}
  .lmd-pill span:nth-of-type(2){margin-inline:-4px}
  /* The real sticker (sticker-a-vendre.svg), slightly turned, with the lime scan line. */
  .lmd-sticker{--tm-scan:88px;position:absolute;right:18px;top:18px;width:200px;transform:rotate(-3deg);border-radius:12px;overflow:hidden;box-shadow:0 18px 30px -18px rgba(255,84,0,.9)}
  .lmd-sticker img{display:block;width:100%;height:auto}
  .lmd-sticker .tmscan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--tm-lime);box-shadow:0 0 8px var(--tm-lime)}
  .lmd-cards{position:absolute;left:24px;right:24px;bottom:24px;height:100px}
  .lmd-card{position:absolute;inset:auto 0 0;text-decoration:none;display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:#fff;color:var(--tm-ink);box-shadow:0 24px 40px -24px rgba(11,15,20,.45)}
  .lmd-card .lmd-ph{flex:none;width:112px;height:76px;border-radius:12px;overflow:hidden;background:#E9E5DC;display:flex;align-items:center;justify-content:center;color:#8C877C}
  .lmd-card .lmd-ph img{width:100%;height:100%;object-fit:cover;display:block}
  .lmd-card .lmd-bd{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .lmd-card .lmd-bd > *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lmd-card .lmd-t{font-weight:700;font-size:14px}
  .lmd-card .lmd-p{font-family:var(--tm-font-display);font-size:22px;font-weight:800;letter-spacing:-.02em}
  .lmd-card .lmd-s{font-size:12px;color:var(--tm-muted)}
  .lmd-card .lmd-go{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:var(--tm-radius-ctl);background:var(--tm-orange);color:#fff;font-weight:700;font-size:14px}
  /* « Dernières annonces » */
  #local-market .lm-wrap > .lm-block{grid-column:1 / -1;grid-row:10;margin-top:64px}
  #local-market .lm-wrap > #lmRecentBlock{margin-top:28px}   /* right under the chip line */
  #local-market.lm-abroad .lm-wrap > #lmRecentBlock{margin-top:64px}
  #local-market .lm-wrap > .lm-out-block{grid-row:11}   /* « Ailleurs en Algérie » (outside ads) under the latest cars */
  #local-market .lm-out-block .lm-out-head{flex:1}
  #local-market .lm-out-block .lm-out-head h2{margin:0}
  #local-market #lmOutGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;overflow:visible}
  #local-market #lmOutGrid > :nth-child(n+5){display:none}
  #local-market #lmOutGrid > .lm-card{width:auto;border-radius:var(--tm-radius-card)}
  #local-market .lm-block-head{display:flex;align-items:flex-end;justify-content:flex-start;gap:16px;margin:0 0 20px}
  #local-market .lm-block-head h2{flex:1;margin:0;font-family:var(--tm-font-display);font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
  #local-market .lm-all{display:inline-flex;align-items:center;gap:4px;min-height:0;color:#C23F00;font:800 16px/1.2 var(--tm-font-sans)}
  #local-market .lm-all:hover{color:var(--tm-orange)}
  #local-market .lmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
  #local-market .lmd-grid > #lmHomeGrid{display:contents}
  #local-market #lmHomeGrid > :nth-child(n+4){display:none}
  #local-market .lmd-grid:has(.lm-state) .lmd-tile{display:none}
  #local-market #lmHomeGrid .lm-card{border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff;box-shadow:none;transition:box-shadow .15s ease,transform .15s ease}
  #local-market #lmHomeGrid .lm-card:hover{box-shadow:0 18px 40px -24px rgba(11,15,20,.35);transform:translateY(-1px)}
  #local-market #lmHomeGrid .lm-card:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #local-market #lmHomeGrid :is(.lm-photo,.lm-skel-photo){aspect-ratio:auto;height:200px;background:#E9E5DC}
  #local-market #lmHomeGrid .lm-skel{border-radius:var(--tm-radius-card);border-color:var(--tm-border)}
  #local-market #lmHomeGrid .lmd-stk{position:absolute;top:10px;inset-inline-start:10px;display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:#fff;color:var(--tm-ink);font-size:12px;font-weight:800}
  #local-market #lmHomeGrid .lmd-stk svg{color:var(--tm-orange)}
  #local-market #lmHomeGrid .lm-dist{top:10px;inset-inline-start:auto;inset-inline-end:10px;height:26px}
  #local-market #lmHomeGrid .lmd-photos{bottom:10px;inset-inline-end:10px;gap:5px;height:26px;padding:0 10px;background:rgba(11,15,20,.8);font-size:12px;-webkit-backdrop-filter:none;backdrop-filter:none}
  #local-market #lmHomeGrid .lm-body{gap:4px;padding:16px 18px}
  #local-market #lmHomeGrid .lm-title{font-size:15px;font-weight:700;-webkit-line-clamp:1}
  #local-market #lmHomeGrid .lmd-mil{margin:0;font-family:var(--tm-font-display);font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[lang="en"] #local-market #lmHomeGrid .lmd-mil{font-size:19px}
  #local-market #lmHomeGrid .lm-price{font-family:var(--tm-font-display);font-size:22px;letter-spacing:-.02em}
  #local-market #lmHomeGrid .lmd-mil + .lm-price{margin-top:-2px;font-family:var(--tm-font-sans);font-size:13px;font-weight:600;letter-spacing:0;color:var(--tm-muted)}
  #local-market #lmHomeGrid .lm-price-private{font-size:18px}
  #local-market #lmHomeGrid .lm-specs{margin-top:4px;font-size:13px;color:var(--tm-muted)}
  #local-market #lmHomeGrid .lm-place{gap:4px;margin-top:6px;font-size:13px;font-weight:400;color:var(--tm-muted)}
  #local-market #lmHomeGrid .lmd-when{margin-inline-start:auto;flex:none;padding-inline-start:8px}
  #local-market .lmd-tile{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:340px;box-sizing:border-box;padding:28px;
    border:2px dashed #D6D1C6;border-radius:var(--tm-radius-card);color:var(--tm-ink);text-align:center;text-decoration:none;transition:border-color .15s ease;
  }
  #local-market .lmd-tile:hover{border-color:var(--tm-orange)}
  #local-market .lmd-tile:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #local-market .lmd-tile-ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--tm-orange);color:#fff}
  #local-market .lmd-tile b{font-family:var(--tm-font-display);font-size:20px;font-weight:800;letter-spacing:-.02em}
  #local-market .lmd-tile > span:last-child{max-width:200px;font-size:14px;color:var(--tm-muted)}

  /* seller pitch: text, three features and two buttons | the street photo */
  #local-market .lm-wrap > .lm-promo{
    position:relative;grid-column:1 / -1;grid-row:12;width:auto;height:auto;min-height:420px;margin:72px 0 0;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;
    background:#fff;border:1px solid var(--tm-border);border-radius:24px;overflow:hidden;
  }
  /* Out of flow: the text column sets the height (≈420px). An absolute grid child keeps its grid area
     (column 2, row 1) as containing block, so inset 0 fills exactly the second half. */
  #local-market .lm-promo-photo{position:absolute;inset:0;grid-column:2;grid-row:1;width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 70%}
  #local-market .lm-promo-text{position:static;inset:auto;grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:56px}
  #local-market .lm-promo h2{margin:0;font-family:var(--tm-font-display);font-size:44px;line-height:1.05;font-weight:800;letter-spacing:-.02em;text-wrap:wrap}
  #local-market .lm-promo p{margin:0;font-size:18px;line-height:1.45;font-weight:400;color:var(--tm-muted)}
  #local-market .lm-promo-cta{display:none}
  #local-market .lmd-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:6px 0}
  #local-market .lmd-feats > span{display:flex;flex-direction:column;gap:6px;color:var(--tm-orange)}
  #local-market .lmd-feats b{font-size:14px;font-weight:700;color:var(--tm-ink)}
  #local-market .lmd-acts{display:flex;flex-wrap:wrap;gap:10px}
  #local-market .lmd-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;box-sizing:border-box;padding:0 20px;border-radius:var(--tm-radius-ctl);font:700 15px/1 var(--tm-font-sans);white-space:nowrap;text-decoration:none;transition:background-color .15s ease}
  #local-market .lmd-btn-k{padding:0 26px;background:var(--tm-ink);color:#fff}
  #local-market .lmd-btn-k:hover{background:#22272D;color:#fff}
  #local-market .lmd-btn-w{background:#fff;color:var(--tm-ink);border:1px solid var(--tm-border-strong)}
  #local-market .lmd-btn-w:hover{border-color:#CFC9BC}
  #local-market .lmd-btn:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}

  /* phone-only pieces, and the destination-outside-Algeria card */
  #local-market :is(.hm-stk,.hm-how){display:none!important}
  #local-market .lm-wrap > .lm-soon{grid-column:1 / -1;grid-row:3;margin:28px 0 0}
  #local-market.lm-abroad .lm-wrap{grid-template-columns:minmax(0,1fr)}
  #local-market.lm-abroad .lmd-scene{display:none}
}
/* Two columns when both halves keep at least 460px (the design's auto-fit). */
@media screen and (min-width: 1048px) {
  #local-market .lm-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  #local-market .lmd-scene{grid-column:2;grid-row:1 / 7;margin:0;align-self:center}
}

/* ===================== Local results (local-results.html) — design « local-resultats.html » =====================
   A cream band under the header (back, title, count and area, « Enregistrer la recherche »; the search and
   Wilaya; the smart-search chips), then Booking's results layout: the left column (#lmrSide) holds the map
   picture over « Filtrer par : » (the filter form, instant apply: local-filters.js), the right one the position
   banner, sources and sort, and the list. Prix, Année, Kilométrage, Carte grise and Filtres live in that column,
   so their segments of the band are hidden. desktop-local-results.js moves #lmSave, #lmrSmart and the map
   picture. The ≥900px tablet bar rules of local-results.css are overridden here by #s-local-results selectors. */
@media screen and (min-width: 1024px) {
  #s-local-results{background:var(--tm-cream);color:var(--tm-ink);font-family:var(--tm-font-sans);padding-bottom:0}

  /* ---- band ---- */
  #s-local-results .lmr-top{
    position:relative;top:auto;z-index:10;display:flex;flex-direction:column;gap:16px;
    padding:20px var(--tm-pad-inline) 18px;background:var(--tm-cream);border-bottom:1px solid var(--tm-border);
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  #s-local-results .lmr-nav{max-width:none;margin:0;gap:14px}
  #s-local-results .lmr-back{width:44px;height:44px;margin:0;border:1px solid var(--tm-border-strong);border-radius:50%;background:#fff;color:var(--tm-ink)}
  #s-local-results .lmr-back:hover{border-color:#CFC9BC}
  #s-local-results .lmr-back:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #s-local-results .lmr-heading{display:flex;align-items:baseline;gap:14px;flex:1 1 auto;min-width:0;max-width:none}
  #s-local-results .lmr-heading h1{flex:0 1 auto;min-width:0;font-family:var(--tm-font-display);font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
  #s-local-results .lmr-heading h1:focus{outline:none}
  #s-local-results .lmr-meta{flex:1 1 0;min-width:0;margin:0;font-size:15px;font-weight:600;color:var(--tm-muted)}
  #s-local-results .lmr-nav #lmSave{
    flex:none;height:44px;padding:0 20px;gap:8px;border-radius:var(--tm-radius-ctl);border:1px solid var(--tm-border-strong);background:#fff;
    color:var(--tm-ink);font:700 15px/1 var(--tm-font-sans);
  }
  #s-local-results .lmr-nav #lmSave:hover{border-color:#CFC9BC}
  #s-local-results .lmr-nav #lmSave ph-icon{color:var(--tm-ink)}
  #s-local-results .lmr-nav #lmSave[aria-pressed="true"]{border-color:var(--tm-ink)}
  #s-local-results .lmr-nav #lmSave[aria-pressed="true"] ph-icon{color:var(--tm-orange)}

  /* ---- filter row: the search first, then the dropdowns sized to what they say ---- */
  #s-local-results .lmr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}
  #s-local-results .lmr-seg{flex:0 0 auto;max-width:260px}
  #s-local-results .lmr-seg-search{order:1;flex:0 1 560px;min-width:260px;max-width:560px}
  /* the left column has them (budget, year, km, papers, fuel, gearbox): one place per filter, as on Booking */
  #s-local-results .lmr-seg:is([data-panel="price"],[data-panel="year"],[data-panel="km"],[data-panel="papers"],[data-panel="more"]){display:none}
  #s-local-results .lmr-seg[data-panel="where"]{order:2}
  #s-local-results .lmr-seg[data-panel="price"]{order:3}
  #s-local-results .lmr-seg[data-panel="year"]{order:4}
  #s-local-results .lmr-seg[data-panel="km"]{order:5}
  #s-local-results .lmr-seg[data-panel="papers"]{order:6}
  #s-local-results .lmr-seg[data-panel="more"]{order:7}
  #s-local-results .lmr-seg-btn{
    display:grid;grid-template-columns:minmax(0,auto) auto;grid-template-rows:auto auto;justify-content:start;column-gap:6px;row-gap:0;
    min-height:52px;height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--tm-border-strong);background:#fff;align-content:center;
  }
  #s-local-results .lmr-seg-btn small{grid-column:1 / -1;grid-row:1;font-size:var(--tm-field-label-size);font-weight:var(--tm-field-label-weight);letter-spacing:0;text-transform:none;color:var(--tm-muted)}
  #s-local-results .lmr-seg-btn b{grid-column:1;grid-row:2;font-size:var(--tm-field-size);font-weight:var(--tm-field-weight)}
  #s-local-results .lmr-seg-btn > ph-icon{grid-column:2;grid-row:2;margin:0;color:var(--tm-ink)}
  #s-local-results .lmr-seg-btn:hover{border-color:#CFC9BC}
  #s-local-results .lmr-seg-btn:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #s-local-results .lmr-seg-btn[aria-expanded="true"],#s-local-results .lmr-seg.is-set .lmr-seg-btn{border-color:var(--tm-ink)}
  #s-local-results .lmr-seg.is-set .lmr-seg-btn b{color:var(--tm-orange)}
  /* « Filtres »: the sliders icon and the word (or the fuel / gearbox applied), no caret */
  #s-local-results .lmr-seg[data-panel="more"] .lmr-seg-btn{display:flex;align-items:center;gap:8px}
  #s-local-results .lmr-seg[data-panel="more"] .lmr-seg-btn > small,
  #s-local-results .lmr-seg[data-panel="more"] .lmr-seg-btn > ph-icon:not(.lmr-seg-ic){display:none}
  #s-local-results .lmr-seg[data-panel="more"] .lmr-seg-btn > .lmr-seg-ic{grid-column:auto;grid-row:auto;color:var(--tm-ink)}
  /* the search: a magnifier and the field (the « Marque et modèle » label stays for screen readers) */
  #s-local-results .lmr-seg-search .lmr-seg-field{display:flex;align-items:center;gap:10px;cursor:text}
  #s-local-results .lmr-seg-search .lmr-seg-field > small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #s-local-results .lmr-seg-search .lmr-seg-field > .lmr-seg-ic{grid-column:auto;grid-row:auto;color:var(--tm-muted)}
  #s-local-results .lmr-seg-search .lmr-field-row{flex:1;min-width:0}
  #s-local-results .lmr-field-row input{font:var(--tm-field-input-weight) var(--tm-field-size)/1.2 var(--tm-font-sans)}
  #s-local-results .lmr-seg-field:focus-within{border-color:var(--tm-ink);box-shadow:none}
  /* panels: the last ones open towards the start so they stay on screen */
  #s-local-results .lmr-seg[data-panel="km"] .lmr-pop{inset-inline-start:0;inset-inline-end:auto}
  #s-local-results .lmr-seg:is([data-panel="papers"],[data-panel="more"]) .lmr-pop{inset-inline-start:auto;inset-inline-end:0}
  #s-local-results .lmr-pop{border-color:var(--tm-border);border-radius:var(--tm-radius-card)}
  /* smart-search chips, under the filter row */
  #s-local-results .lmr-top > .lmr-smart{margin:0;padding:0;flex-wrap:wrap;overflow:visible}

  /* ---- page body, Booking style: map picture + « Filtrer par : » (sources, then the form) | banner, sort, the list ---- */
  #s-local-results .lmr-wrap{
    display:grid;grid-template-columns:300px minmax(0,1fr) auto;align-items:start;column-gap:24px;
    grid-template-rows:auto auto auto auto 1fr;   /* a taller left column grows the last row, never the gaps between cards */
    max-width:var(--tm-container);margin:0 auto;padding:20px var(--tm-gutter) 48px;box-sizing:border-box;
  }
  #s-local-results .lmr-wrap > *{grid-column:2 / -1;min-width:0}
  #s-local-results .lmr-wrap > .lmr-side{grid-column:1;grid-row:1 / -1}
  #s-local-results .lmr-wrap > .lmr-locate{grid-row:1;margin:0 0 16px}
  #s-local-results .lmr-wrap > .lmr-tools{grid-row:2;align-self:center;justify-self:end}
  #s-local-results .lmr-wrap > .lmr-list{grid-row:3;margin:16px 0 0}
  #s-local-results .lmr-wrap > .lm-foot{grid-row:4}
  #s-local-results .lmr-wrap > .lmr-smart{grid-row:2}   /* only before the script moved it */

  /* ---- the left column: the map picture (local-map.css), then the filter box ---- */
  #s-local-results .lmr-side{display:flex;flex-direction:column;gap:16px;min-width:0}
  #s-local-results .lmr-fbox{border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff}
  #s-local-results .lmr-fbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--tm-border)}
  #s-local-results .lmr-fbox-h{margin:0;font:800 18px/1.2 var(--tm-font-display);letter-spacing:-.01em;color:var(--tm-ink)}
  #s-local-results .lmr-fbox-h:focus{outline:none}
  #lmrFilters .lm-filter-form{flex:none;padding:0 18px 4px;overflow:visible}
  #lmrFilters .lmf-sec{gap:10px;padding:16px 0}
  #lmrFilters .lmf-h{font-size:15px}
  #lmrFilters .lmf-row{min-height:38px;font-size:14px}
  #lmrFilters .lmf-chart{height:56px}
  /* the budget read-out, Booking style: a plain line under the heading, not a second title */
  :is(#lmrFilters,#lmvFilters) .lmf-range-label{font-size:var(--tm-field-size);font-weight:var(--tm-field-input-weight);color:var(--tm-ink)}
  #lmrFilters .lm-f input,#lmrFilters .lm-f select{min-height:44px;font-size:var(--tm-field-size)}
  #lmrFilters .lmf-smart-q{font-size:var(--tm-field-size);min-height:64px}
  /* « Source des annonces »: the source chips become one-choice rows (radio look, the count at the end) */
  #lmrFilters .lmr-fsrc{display:flex;flex-direction:column;gap:6px;padding:16px 18px 10px;border-bottom:1px solid var(--line)}
  #lmrFilters .lmr-fsrc:has(.lmr-sources:empty){display:none}
  #lmrFilters .lmr-sources{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:0;padding:0;overflow:visible}
  #lmrFilters .lmr-src{
    display:flex;width:100%;height:auto;min-height:38px;padding:4px 0;gap:12px;box-sizing:border-box;
    border:0;border-radius:6px;background:none;color:var(--tm-ink);font:600 14px/1.3 var(--tm-font-sans);text-align:start;white-space:normal;
  }
  #lmrFilters .lmr-src::before{content:"";flex:none;width:20px;height:20px;box-sizing:border-box;border:2px solid #9A9A9A;border-radius:50%;background:#fff;transition:border-color .12s}
  #lmrFilters .lmr-src:hover::before{border-color:var(--tm-ink)}
  #lmrFilters .lmr-src.is-on::before{border:6px solid var(--tm-orange)}
  #lmrFilters .lmr-src.is-on,#lmrFilters .lmr-src:active{background:none;color:var(--tm-ink)}
  #lmrFilters .lmr-src > span{flex:1;min-width:0}
  #lmrFilters .lmr-src.is-on > span{font-weight:800}
  #lmrFilters .lmr-src b,#lmrFilters .lmr-src.is-on b{flex:none;min-width:0;height:auto;padding:0;background:none;font:700 14px/1 var(--tm-font-sans);color:var(--tm-muted);font-variant-numeric:tabular-nums}
  #lmrFilters .lmr-src:focus-visible{outline:2px solid var(--tm-ink);outline-offset:2px}

  /* the sort menu: the design's chip */
  #s-local-results .lmr-tools #lmSortBtn{height:38px;padding:0 14px;gap:6px;border-radius:999px;border-color:var(--tm-border-strong);background:#fff;font:600 13px/1 var(--tm-font-sans)}
  #s-local-results .lmr-tools #lmSortBtn > ph-icon{display:none}
  #s-local-results .lmr-tools #lmSortBtn b{font-weight:600}
  #s-local-results .lmr-tools #lmSortBtn::after{
    content:"";width:16px;height:16px;flex:none;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;
  }
  #s-local-results .lmr-tools .lmr-menu{inset-inline-start:auto;inset-inline-end:0}

  /* ---- horizontal cards ---- */
  #s-local-results .lmr-list{display:flex;flex-direction:column;gap:14px}
  #s-local-results .lmr-list .lm-card{flex-direction:row;align-items:stretch;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff;transition:box-shadow .15s linear}
  #s-local-results .lmr-list .lm-card:active{transform:none}
  #s-local-results .lmr-list a.lm-card:hover{box-shadow:0 18px 40px -24px rgba(11,15,20,.35)}
  #s-local-results .lmr-list a.lm-card:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #s-local-results .lmr-list .lm-card.lmr-hl{box-shadow:0 0 0 2px var(--tm-orange)}
  #s-local-results .lmr-list .lm-photo{flex:none;width:240px;min-height:178px;aspect-ratio:auto;align-self:stretch;background-color:#E9E5DC}
  #s-local-results .lmr-list .lm-photos{bottom:10px;inset-inline-end:10px;gap:5px;height:24px;padding:0 9px;background:rgba(11,15,20,.8);font-size:12px;-webkit-backdrop-filter:none;backdrop-filter:none}
  #s-local-results .lmr-list .lm-dist{top:10px;inset-inline-start:10px;height:26px}
  #s-local-results .lmr-list .lm-body{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;padding:18px 20px}
  #s-local-results .lmr-list .lm-title{margin:0;font-size:16px;font-weight:700;-webkit-line-clamp:1}
  #s-local-results .lmr-list .lmd-mil{margin:0;font-family:var(--tm-font-display);font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #s-local-results .lmr-list .lm-price{margin:0;font-family:var(--tm-font-display);font-size:24px;letter-spacing:-.02em}
  #s-local-results .lmr-list .lmd-mil + .lm-price{margin-top:-3px;font-family:var(--tm-font-sans);font-size:13px;font-weight:600;letter-spacing:0;color:var(--tm-muted)}
  #s-local-results .lmr-list .lm-price-private{font-size:18px}
  #s-local-results .lmr-list .lm-specs{margin:4px 0 0;font-size:14px;color:var(--tm-muted)}
  #s-local-results .lmr-list .lm-place{align-self:stretch;gap:4px;margin:auto 0 0;padding-top:10px;font-size:13px;font-weight:400;color:var(--tm-muted)}
  #s-local-results .lmr-list .lm-place .lm-when{display:inline;margin-inline-start:auto;padding-inline-start:10px;font-weight:400;color:var(--tm-muted)}
  #s-local-results .lmr-list .lm-open{display:none}
  #s-local-results .lmr-list .lm-skel{display:flex;gap:16px;border-radius:var(--tm-radius-card);border-color:var(--tm-border);background:#fff}
  #s-local-results .lmr-list .lm-skel-photo{flex:none;width:240px;height:178px;aspect-ratio:auto}
  #s-local-results .lmr-list .lm-state{padding:56px 24px;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff}
  #s-local-results .lm-foot{margin:18px 0 0}
  /* outside ads keep their own look: « Annonce externe » first, the source badge, a neutral price */
  #s-local-results .lmr-list .lm-out .lm-out-tag{order:-2}
  #s-local-results .lmr-list .lm-out .lm-title{order:-1}
  #s-local-results .lmr-list .lm-out-price b{font-size:24px}
  #s-local-results .lmr-list .lm-out .lm-out-src{top:10px;inset-inline-start:10px}
  #s-local-results .lmr-list .lm-out .lm-dist{top:auto;bottom:10px;inset-inline-start:10px}
  #s-local-results .lmr-list .lm-card.lm-out:hover{box-shadow:0 8px 24px rgba(0,0,0,.07)}
  #s-local-results .lmr-list .lm-card.lm-out.lmr-hl{box-shadow:0 0 0 2px var(--tm-orange)}

  /* ---- position banner ---- */
  #s-local-results .lmr-locate{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-block:12px;padding-inline:18px 14px;border:1px solid var(--tm-border);border-radius:16px;background:#fff}
  #s-local-results .lmr-locate[hidden]{display:none}
  #s-local-results .lmr-locate-ic{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--tm-orange);color:#fff}
  #s-local-results .lmr-locate-txt{display:flex;flex-direction:column;gap:2px;flex:1 1 300px;min-width:0}   /* too narrow for one line: the buttons go under the text together */
  #s-local-results .lmr-locate-txt b{font-size:15px;font-weight:800}
  #s-local-results .lmr-locate-txt span{font-size:13px;color:var(--tm-muted)}
  #s-local-results :is(.lmr-locate-go,.lmr-locate-alt){display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;box-sizing:border-box;border-radius:var(--tm-radius-ctl);font:700 15px/1 var(--tm-font-sans);white-space:nowrap;cursor:pointer;transition:background-color .15s linear,border-color .15s linear}
  #s-local-results .lmr-locate-go{border:0;background:var(--tm-orange);color:#fff}
  #s-local-results .lmr-locate-go:hover{background:var(--tm-orange-hover)}
  #s-local-results .lmr-locate-alt{border:1px solid var(--tm-border-strong);background:#fff;color:var(--tm-ink)}
  #s-local-results .lmr-locate-alt:hover{border-color:#CFC9BC}
  #s-local-results .lmr-locate-x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--tm-radius-ctl);background:transparent;color:var(--tm-ink);cursor:pointer}
  #s-local-results .lmr-locate-x:hover{background:rgba(11,15,20,.05)}
  #s-local-results .lmr-locate button:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #s-local-results .lmr-locate button:disabled{opacity:.6;cursor:default}
  #s-local-results .lmr-locate .is-busy ph-icon{animation:lm-spin .9s linear infinite}
}
@media screen and (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  #s-local-results .lmr-list .lm-card{transition:none}
}