/* Local marketplace results screen (#s-local-results): sticky top bar (back, title, search, filters),
   the desktop filter bar with its panels, sort, make chips and the list. Cards, chips, form fields and
   the phone sheet come from local-market.css. Minimal: one accent (#FF5400), Phosphor icons. */
#s-local-results{background:var(--bg);color:var(--ink);font-family:"Manrope",system-ui,sans-serif;min-height:100dvh;padding-bottom:40px}

/* Top bar: sticky under the brand header (borrowed from the landing while the results are open) */
.lmr-top{position:sticky;top:var(--lmr-header-h,0px);z-index:10;padding:10px 14px 10px;background:color-mix(in srgb,var(--bg) 96%,transparent);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.4) blur(10px)}
.lmr-nav{display:flex;align-items:center;gap:10px;max-width:1120px;margin:0 auto}
.lmr-back{flex:none;display:grid;place-items:center;width:40px;height:40px;margin-inline-start:-6px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.lmr-back:active{background:var(--surface2)}
.lmr-heading{min-width:0;flex:1}
.lmr-heading h1{margin:0;font-family:"Sora","Manrope",sans-serif;font-size:17px;line-height:1.2;letter-spacing:-.02em;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lmr-meta{display:flex;align-items:center;gap:5px;margin:2px 0 0;min-height:16px;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lmr-meta > span{overflow:hidden;text-overflow:ellipsis}
.lmr-meta > span:first-child{flex:none}
.lmr-search{flex:1 1 100%;order:3;min-width:0}
.lmr-search .lm-field{min-height:46px}
.lmr-search .lm-field input{font-size:15px}
.lmr-filters-btn{width:44px;min-height:44px;border-radius:12px}
.lmr-nav{flex-wrap:wrap}
.lmr-bar{display:none}
/* Phones: the brand header is already pinned; the title/search bar scrolls away so the stacked bars
   do not eat a third of the screen. Desktop keeps the whole block sticky under the header. */
@media(max-width:899px){.lmr-top{position:static;backdrop-filter:none}}

/* Tools + list */
.lmr-wrap{box-sizing:border-box;max-width:1120px;margin:0 auto;padding:12px 14px 0}
.lmr-tools{display:flex;align-items:center;gap:8px}
.lm-sort{position:relative}
.lmr-tool{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 13.5px/1 "Manrope",system-ui,sans-serif;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background .15s ease}
.lmr-tool ph-icon{flex:none;color:var(--muted)}
.lmr-tool b{font-weight:800}
.lmr-tool:hover{border-color:#cfcdc7}
.lmr-tool[aria-expanded="true"]{border-color:var(--ink)}
.lmr-tool[aria-pressed="true"]{border-color:var(--ink)}
.lmr-tool[aria-pressed="true"] ph-icon{color:var(--cta)}
.lmr-tool.is-busy{opacity:.6;pointer-events:none}
.lmr-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:12;min-width:220px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.14);display:flex;flex-direction:column}
.lmr-menu[hidden]{display:none}
.lmr-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:600 14px/1 "Manrope",system-ui,sans-serif;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
.lmr-menu button:hover{background:var(--surface2)}
.lmr-menu button ph-icon{visibility:hidden;color:var(--cta)}
.lmr-menu button[aria-pressed="true"]{font-weight:800}
.lmr-menu button[aria-pressed="true"] ph-icon{visibility:visible}
.lmr-menu button[disabled]{opacity:.4;cursor:default}
@media(max-width:420px){#lmSave span{display:none}#lmSave{width:40px;padding:0;justify-content:center}}
.lmr-makes{margin-top:12px}
.lmr-makes:empty{display:none}
.lmr-list{margin-top:14px}

/* Desktop: the top bar carries the search and the filter bar; the list becomes rows */
@media(min-width:900px){
  .lmr-top{padding:14px max(32px,calc((100% - 1120px)/2)) 0}
  .lmr-nav{flex-wrap:nowrap;gap:16px}
  .lmr-heading{flex:0 1 auto;max-width:360px}
  .lmr-heading h1{font-size:20px}
  .lmr-search{display:none}
  .lmr-heading{flex:1 1 auto;max-width:none}
  .lmr-filters-btn{display:none}
  .lmr-bar{display:flex;align-items:stretch;gap:6px;margin:12px 0 0;padding:0 0 10px;overflow:visible}
  .lmr-seg{position:relative;flex:1 1 0;min-width:0}
  .lmr-seg-search{flex:1.8 1 0}
  /* The search segment: same frame as the buttons, with the field inside */
  .lmr-seg-field{cursor:text}
  .lmr-seg-field:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
  .lmr-field-row{grid-column:1/-1;display:flex;align-items:center;gap:6px;min-width:0}
  .lmr-field-row input{flex:1;min-width:60px;border:0;background:transparent;padding:0;margin:0;color:var(--ink);font:800 13.5px/1.2 "Manrope",system-ui,sans-serif;outline:none;appearance:none;-webkit-appearance:none}
  .lmr-field-row input::placeholder{color:var(--muted);font-weight:600}
  .lmr-field-row input::-webkit-search-cancel-button{display:none}
  .lmr-field-clear{flex:none;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
  .lmr-field-clear[hidden]{display:none}
  .lmr-tag{flex:none;display:inline-flex;align-items:center;gap:4px;max-width:60%;height:26px;padding-block:0 0;padding-inline:9px 4px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:800;white-space:nowrap}
  .lmr-tag[hidden]{display:none}
  .lmr-tag b{overflow:hidden;text-overflow:ellipsis;font-weight:800}
  .lmr-tag-x{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer}
  .lmr-tag-x:hover{background:rgba(255,255,255,.32)}
  .lmr-seg-search.is-set .lmr-seg-btn{border-color:var(--line)}
  .lmr-pop-search{min-width:340px;padding:10px}
  .lmr-pop-search .lmr-pop-title{padding:6px 10px 8px}
  .lmr-popular{display:flex;flex-direction:column}
  .lmr-popular button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:600 14px/1 "Manrope",system-ui,sans-serif;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .lmr-popular button:hover,.lmr-popular button.is-on{background:var(--surface2)}
  .lmr-popular button.is-on{font-weight:800}
  .lmr-popular button small{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}
  .lmr-popular:empty::before{content:"—";display:block;padding:8px 10px;color:var(--muted)}
  .lmr-seg-btn{display:flex;align-items:center;gap:8px;width:100%;min-height:50px;padding:6px 12px;box-sizing:border-box;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:start;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,box-shadow .15s ease}
  .lmr-seg-btn small{display:block;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
  .lmr-seg-btn b{display:block;font-size:13.5px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lmr-seg-btn > small,.lmr-seg-btn > b{min-width:0}
  .lmr-seg-btn ph-icon{flex:none;margin-inline-start:auto;color:var(--muted);transition:transform .15s ease}
  .lmr-seg-btn:hover{border-color:#cfcdc7}
  .lmr-seg-btn[aria-expanded="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
  .lmr-seg-btn[aria-expanded="true"] ph-icon{transform:rotate(180deg)}
  .lmr-seg.is-set .lmr-seg-btn{border-color:var(--ink)}
  .lmr-seg.is-set .lmr-seg-btn b{color:var(--cta)}
  /* The label texts stack: small above b */
  .lmr-seg-btn{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;align-items:center}
  .lmr-seg-btn ph-icon{grid-column:2;grid-row:1/3;margin-inline-start:0}
  .lmr-pop{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:12;min-width:300px;width:max-content;max-width:min(440px,calc(100vw - 48px));box-sizing:border-box;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.14);display:flex;flex-direction:column;gap:12px}
  .lmr-pop[hidden]{display:none}
  .lmr-seg:last-child .lmr-pop,.lmr-seg:nth-last-child(2) .lmr-pop{inset-inline-start:auto;inset-inline-end:0}
  .lmr-pop-title{margin:0;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
  .lmr-pop-title + .lm-f,.lmr-pop-title + .lmr-chips{margin-top:-4px}
  .lmr-chips{display:flex;flex-wrap:wrap;gap:8px}
  .lmr-chips .lm-chip{height:38px;padding:0 13px;font-size:13.5px}
  .lmr-pop .lm-row{gap:12px}
  .lmr-pop .lm-f input,.lmr-pop .lm-f select{min-height:44px}
  .lmr-pop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
  .lmr-pop-actions .lm-reset,.lmr-pop-actions .lm-apply{flex:none;height:42px;padding:0 18px;font-size:14px;border-radius:12px}
  .lmr-wrap{padding:16px max(32px,calc((100% - 1120px)/2)) 0}
  .lmr-makes{margin-top:14px}
  /* Rows: photo on the start side, details, "Voir l'annonce" at the end */
  .lmr-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}
  .lmr-list .lm-card{flex-direction:row;align-items:stretch;border-radius:18px}
  .lmr-list .lm-photo{flex:none;width:260px;aspect-ratio:4/3;border-radius:0}
  .lmr-list .lm-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto 1fr;column-gap:16px;padding:18px 22px 16px;min-width:0}
  .lmr-list .lm-price{grid-column:1;font-size:22px}
  .lmr-list .lm-title{grid-column:1;font-size:17px;margin-top:4px}
  .lmr-list .lm-specs{grid-column:1;font-size:14px;margin-top:6px}
  .lmr-list .lm-place{grid-column:1;align-self:end;font-size:13.5px;margin-top:12px}
  .lmr-list .lm-place .lm-when{display:inline}
  .lmr-list .lm-open{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:4px;height:40px;padding-block:0 0;padding-inline:16px 14px;border-radius:999px;background:var(--surface2);color:var(--ink);font-size:13.5px;font-weight:800;white-space:nowrap;transition:background .15s ease,color .15s ease}
  .lmr-list .lm-card:hover .lm-open{background:var(--cta);color:#fff}
  .lmr-list .lm-state,.lmr-list .lm-skel{grid-column:auto}
  .lmr-list .lm-skel{display:flex;gap:16px}
  .lmr-list .lm-skel-photo{flex:none;width:260px;aspect-ratio:4/3}
}
@media(min-width:1180px){
  .lmr-heading{max-width:420px}
  .lmr-seg-btn b{font-size:14px}
}