/* Desktop redesign (≥1024px) — Importer home, search and results (index.html, Importer mode).
   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. */

/* ======================= Importer home — design « index.html » =======================
   Hero (badge, title, subtitle, destination + regime chips | four car photos with their card and the regime rules), the search
   bar (Marque · Modèle · Année · Budget · Chercher) with its chip row and « Populaires », the last search
   and the sticker card, « Comment ça marche » as three cards, then the seller banner.
   Same controls as before (ids, handlers, sheets); the .dki-* pieces are desktop-only (index.html,
   importer-steps.html) and desktop-home.js fills them. The Trader mode keeps its own hero. */
@media screen and (min-width: 1024px) {
  body:not([data-mode="dz"]) :is(.dki-badge,.dki-title,.dki-sub,#dkiRegime,#dkiScene,.presetrow .dki-lbl,#dkiYear,#dkiBudget,#dkiLast,.sticker-strip .dki-btn,.dki-sell,.dki-ill){display:none!important}

  body[data-mode="dz"] #s-search > .wrap{max-width:var(--tm-container);padding:0 var(--tm-gutter);overflow-x:visible;font-family:var(--tm-font-sans);color:var(--tm-ink)}

  /* ---- hero ---- */
  body[data-mode="dz"] #s-search .hero-band{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;align-items:center;margin:0;padding:56px 0 0}
  body[data-mode="dz"] #s-search .hero-band .tmi-root{display:none}
  body[data-mode="dz"] #s-search .hero{display:grid;grid-template-columns:auto auto minmax(0,1fr);justify-items:start;align-items:center;row-gap:22px;column-gap:10px;padding:0}
  body[data-mode="dz"] #s-search .hero > *{grid-column:1 / -1;margin:0}
  body[data-mode="dz"] #s-search :is(#heroTitle,#modeSub){display:none}
  body[data-mode="dz"] #s-search .dki-badge{display:inline-flex;align-items:center;gap:8px;height:32px;box-sizing:border-box;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--tm-border-strong);font-size:13px;font-weight:700}
  body[data-mode="dz"] #s-search .dki-badge i{width:8px;height:8px;border-radius:50%;background:var(--tm-lime);box-shadow:0 0 0 3px #E9FFE0}
  body[data-mode="dz"] #s-search .hero h1.dki-title{margin:0;font-family:var(--tm-font-display);font-size:68px;line-height:1.02;font-weight:800;letter-spacing:-.02em;color:var(--tm-ink)}
  body[data-mode="dz"] #s-search .dki-title span{color:var(--tm-orange)}
  body[data-mode="dz"] #s-search :is(.dki-sub,.dki-away #modeSub){margin:0;max-width:520px;font-size:20px;line-height:1.5;color:var(--tm-muted)}
  body[data-mode="dz"] #s-search.dki-away .dki-sub{display:none}
  body[data-mode="dz"] #s-search.dki-away #modeSub{display:block}
  /* destination chip then regime chip, one row */
  body[data-mode="dz"] #s-search .hero > :is(#destChip,#dkiRegime){grid-column:auto;grid-row:auto}
  body[data-mode="dz"] #s-search #destChip{order:1}
  body[data-mode="dz"] #s-search #dkiRegime{order:2}
  body[data-mode="dz"] #s-search :is(#destChip,#dkiRegime){
    display:inline-flex;align-items:center;gap:6px;height:40px;box-sizing:border-box;margin:0;padding:0 14px;
    border:1px solid var(--tm-border-strong);border-radius:999px;background:#fff;color:var(--tm-ink);font:600 14px/1 var(--tm-font-sans);cursor:pointer;transition:border-color .15s ease;
  }
  body[data-mode="dz"] #s-search #destChip.hidden{display:none}
  body[data-mode="dz"] #s-search :is(#destChip,#dkiRegime):hover{border-color:#CFC9BC}
  body[data-mode="dz"] #s-search #destChip .dest-flag{width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
  body[data-mode="dz"] #s-search #destChip ph-icon{color:var(--tm-ink)}

  /* the scene: four car photos cross-fade (4 s each, 16 s loop) with the matching dark card, the regime's rules below.
     Photos are backgrounds of this ≥1024px block so phones never load them; the base layer covers the fades. */
  body[data-mode="dz"] #s-search .dki-scene{order:2;position:relative;height:500px;border-radius:28px;overflow:hidden;background:#ECE6DA;font-family:var(--tm-font-sans);isolation:isolate}
  .dki-scene .dki-slide{position:absolute;inset:0;background:#ECE6DA url("/tmi/hero-audi-a6.webp") left center / cover no-repeat;pointer-events:none}
  .dki-scene .dki-slide[data-car]{opacity:0;animation:dki-slide 16s linear infinite}
  .dki-scene .dki-slide[data-car="golf"]{background-image:url("/tmi/hero-vw-golf.webp")}
  .dki-scene .dki-slide[data-car="208"]{background-image:url("/tmi/hero-peugeot-208.webp")}
  .dki-scene .dki-slide[data-car="clio"]{background-image:url("/tmi/hero-renault-clio.webp")}
  .dki-scene .dki-car{position:absolute;left:24px;top:24px;width:250px;box-sizing:border-box;margin:0;padding:16px 18px;border:0;border-radius:20px;background:var(--tm-ink);color:#fff;box-shadow:0 24px 40px -20px rgba(11,15,20,.6);display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:start;font:inherit;cursor:pointer;opacity:0;visibility:hidden;animation:dki-card 16s linear infinite}
  .dki-scene .dki-car-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
  .dki-scene .dki-car-h img{flex:none;width:16px;height:16px}
  .dki-scene .dki-car-h b{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dki-scene .dki-car-l{margin-top:4px;font-size:12px;font-weight:600;color:#A6ADB5}
  .dki-scene .dki-car-n{font-family:var(--tm-font-display);font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.02em}
  .dki-scene .dki-car-go{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--tm-orange);color:#fff;font-size:13px;font-weight:800;transition:background-color .15s ease}
  .dki-scene .dki-car:hover .dki-car-go{background:var(--tm-orange-hover)}
  html[dir="rtl"] .dki-scene .dki-car-go svg{transform:scaleX(-1)}
  .dki-scene .dki-rules{position:absolute;left:24px;right:24px;bottom:24px;display:flex;flex-wrap:wrap;gap:8px}
  .dki-scene .dki-rule{display:inline-flex;align-items:center;gap:8px;height:36px;box-sizing:border-box;padding-block:0;padding-inline:5px 14px;border-radius:999px;background:#fff;color:var(--tm-ink);font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 18px -12px rgba(11,15,20,.4);animation:dki-in .5s ease-out both}
  .dki-scene .dki-rule i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--tm-lime);color:var(--tm-ink);display:flex;align-items:center;justify-content:center}
  @keyframes dki-slide{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}100%{opacity:0}}
  /* visibility follows the fade, so only the card on screen takes the click */
  @keyframes dki-card{0%{opacity:0;visibility:hidden;transform:translateY(8px)}4%{opacity:1;visibility:visible;transform:translateY(0)}24%{opacity:1;visibility:visible;transform:translateY(0)}27%{opacity:0;visibility:hidden;transform:translateY(-6px)}100%{opacity:0;visibility:hidden;transform:translateY(-6px)}}
  @keyframes dki-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  @media (prefers-reduced-motion:reduce){
    .dki-scene :is(.dki-slide[data-car],.dki-car,.dki-rule){animation:none}
    .dki-scene .dki-car:first-of-type{opacity:1;visibility:visible}
  }

  /* ---- search: one white bar (::before draws it behind the four fields and Chercher), chips under it ---- */
  body[data-mode="dz"] #s-search .herogrid{display:block;padding-top:40px}
  body[data-mode="dz"] #s-search .herocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;max-width:none}
  body[data-mode="dz"] #s-search .herocol > *{grid-column:1 / -1;min-width:0}
  body[data-mode="dz"] #s-search #p-search{order:1}
  body[data-mode="dz"] #s-search #runStatusTop{order:2}
  body[data-mode="dz"] #s-search .presetrow{order:3}
  body[data-mode="dz"] #s-search #dkiLast{order:4;grid-column:auto}
  body[data-mode="dz"] #s-search .herocol > .sticker-strip{order:5;grid-column:auto}
  body[data-mode="dz"] #s-search #dkiLast[hidden] + .sticker-strip{grid-column:1 / -1}

  body[data-mode="dz"] #s-search #p-search{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;grid-template-areas:none;grid-auto-rows:auto;row-gap:14px;
    max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;
  }
  body[data-mode="dz"] #s-search #p-search::before{content:"";grid-column:1 / -1;grid-row:1;background:#fff;border:1px solid var(--tm-border-strong);border-radius:22px;box-shadow:0 24px 48px -28px rgba(11,15,20,.35)}
  body[data-mode="dz"] #s-search #p-search > :is(#fMake,#fModel,#dkiYear,#dkiBudget){
    grid-row:1;position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;align-content:center;
    width:auto;height:64px;min-height:0;min-width:0;box-sizing:border-box;margin:8px 0;padding:0 16px;border:0;border-radius:14px;background:transparent;
    color:var(--tm-ink);font-family:var(--tm-font-sans);text-align:start;cursor:pointer;transition:background-color .15s ease;
  }
  body[data-mode="dz"] #s-search #p-search > :is(#fMake,#fModel,#dkiYear,#dkiBudget):hover{background:#FAF8F4}
  body[data-mode="dz"] #s-search #fMake{grid-column:1;margin-inline-start:8px}
  body[data-mode="dz"] #s-search #fModel{grid-column:2}
  body[data-mode="dz"] #s-search #dkiYear{grid-column:3}
  body[data-mode="dz"] #s-search #dkiBudget{grid-column:4}
  body[data-mode="dz"] #s-search #p-search > :is(#fMake,#fModel,#dkiYear,#dkiBudget)::before{
    content:"";grid-column:1;grid-row:1 / 3;width:36px;height:36px;border-radius:10px;
    background:#F5F3EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230B0F14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14M3 17v-4l2-5a2 2 0 0 1 2-1h10a2 2 0 0 1 2 1l2 5v4'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E") center / 18px no-repeat;
  }
  /* same specificity as the shared car-icon rule above (it includes #p-search > :is(#id)), so these win by order */
  body[data-mode="dz"] #s-search #p-search > #dkiYear::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230B0F14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
  body[data-mode="dz"] #s-search #p-search > #dkiBudget::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230B0F14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M6 10h5M6 14h8M15 10h3'/%3E%3C/svg%3E")}
  /* 1px × 40px separators between the fields */
  body[data-mode="dz"] #s-search #p-search > :is(#fMake,#fModel,#dkiYear)::after{content:"";position:absolute;top:12px;bottom:12px;inset-inline-end:0;width:1px;background:#EEEBE4}
  body[data-mode="dz"] #s-search #p-search :is(.field,.dkf) .k{grid-column:2;grid-row:1;align-self:end;flex:none;font-size:var(--tm-field-label-size);font-weight:var(--tm-field-label-weight);line-height:1.3;color:var(--tm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-mode="dz"] #s-search #p-search :is(.field,.dkf) .v{grid-column:2;grid-row:2;align-self:start;width:auto;padding:0;font-size:var(--tm-field-size);font-weight:var(--tm-field-weight);line-height:1.3;color:var(--tm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-mode="dz"] #s-search #p-search :is(.field,.dkf) .v.ph{font-weight:var(--tm-field-input-weight);color:var(--tm-muted)}
  body[data-mode="dz"] #s-search #p-search :is(.field .ch,.dkf .dki-chev){grid-column:3;grid-row:1 / 3;position:static;inset:auto;color:#8C877C}
  body[data-mode="dz"] #s-search #p-search .field .ch{transform:rotate(90deg)}
  body[data-mode="dz"] #s-search #p-search .ctacell{grid-row:1;grid-column:5;display:flex;align-items:center;padding:8px;padding-inline-start:8px}
  body[data-mode="dz"] #s-search #runBtnTop{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;height:64px;padding:0 34px;border:0;border-radius:16px;background:var(--tm-orange);color:#fff;box-shadow:none;font:700 17px/1 var(--tm-font-sans);white-space:nowrap;transition:background-color .15s ease}
  body[data-mode="dz"] #s-search #runBtnTop:hover{background:var(--tm-orange-hover)}
  body[data-mode="dz"] #s-search #runBtnTop ph-icon{width:20px;height:20px}
  body[data-mode="dz"] #s-search #p-search > :is(#cardFooterDz,#cardFooterEu,.picked,.feat){grid-column:1 / -1}
  body[data-mode="dz"] #s-search #p-search > .picked{margin:0}

  /* chip row: « Seulement importables » switch · regime summary · … · Plus de filtres */
  body[data-mode="dz"] #s-search #cardFooterDz{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:0 6px;border:0;background:transparent;font-family:var(--tm-font-sans)}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-rule{display:contents}
  body[data-mode="dz"] #s-search #cardFooterDz :is(.imf-switch-row,.imf-situation,.imf-more){
    display:inline-flex;align-items:center;gap:8px;width:auto;height:40px;min-height:0;box-sizing:border-box;margin:0;padding:0 14px;
    border:1px solid var(--tm-border-strong);border-radius:999px;background:#fff;color:var(--tm-ink);font:600 13px/1.2 var(--tm-font-sans);white-space:nowrap;cursor:pointer;transition:border-color .15s ease;
  }
  body[data-mode="dz"] #s-search #cardFooterDz :is(.imf-switch-row,.imf-situation,.imf-more):hover{border-color:#CFC9BC}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-switch-row{gap:10px;padding-inline:6px 14px}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-switch-label{flex:none;font-size:14px;font-weight:700}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-sw{order:-1;width:40px;height:24px;border-radius:999px;background:#D9D4C9}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-sw::after{top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff}
  body[data-mode="dz"] #s-search #cardFooterDz input:checked ~ .imf-sw{background:var(--tm-orange)}
  body[data-mode="dz"] #s-search #cardFooterDz input:checked ~ .imf-sw::after{left:19px;background:#fff}
  html[dir="rtl"] body[data-mode="dz"] #s-search #cardFooterDz .imf-sw::after{left:auto;right:3px}
  html[dir="rtl"] body[data-mode="dz"] #s-search #cardFooterDz input:checked ~ .imf-sw::after{left:auto;right:19px}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-situation[hidden],body[data-mode="dz"] #s-search #cardFooterDz .imf-off[hidden]{display:none}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-situation{max-width:100%;overflow:hidden}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-situation [data-imf-situation]{overflow:hidden;text-overflow:ellipsis}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-situation b{font-weight:600}
  body[data-mode="dz"] #s-search #cardFooterDz :is(.imf-situation,.imf-more)::before{content:"";flex:none;width:16px;height:16px;background:center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230B0F14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-more::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230B0F14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E")}
  body[data-mode="dz"] #s-search #cardFooterDz :is(.imf-situation,.imf-more) ph-icon{display:none}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-more{margin-inline-start:auto}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-badge{margin-inline-start:6px;background:var(--tm-orange);color:#fff}
  body[data-mode="dz"] #s-search #cardFooterDz .imf-off{flex:1 1 220px;padding:0;font-size:13px;color:var(--tm-muted)}

  /* « Populaires » */
  body[data-mode="dz"] #s-search .presetrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding-top:16px}
  body[data-mode="dz"] #s-search .presetrow .dki-lbl{margin-inline-end:6px;font-size:12px;font-weight:600;color:var(--tm-muted)}
  body[data-mode="dz"] #s-search .presets{flex-wrap:wrap;overflow:visible;gap:8px}
  body[data-mode="dz"] #s-search .presets button{display:inline-flex;align-items:center;height:34px;box-sizing:border-box;padding:0 14px;border:1px solid var(--tm-border-strong);border-radius:999px;background:#fff;color:var(--tm-ink);font:600 13px/1 var(--tm-font-sans);transition:border-color .15s ease}
  body[data-mode="dz"] #s-search .presets button:hover{border-color:#CFC9BC}

  /* last search + sticker code: two cards */
  body[data-mode="dz"] #s-search :is(#dkiLast,.herocol > .sticker-strip){display:flex;align-items:center;gap:18px;box-sizing:border-box;margin:40px 0 0;padding:22px;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff;color:var(--tm-ink);text-decoration:none}
  body[data-mode="dz"] #s-search #dkiLast[hidden]{display:none}
  body[data-mode="dz"] #s-search .dki-last-ic{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#FFF0E8;color:var(--tm-orange)}
  body[data-mode="dz"] #s-search :is(.dki-last-t,.sticker-strip .ss-txt){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  body[data-mode="dz"] #s-search .dki-last-t .dki-lbl{font-size:12px;font-weight:600;color:var(--tm-muted)}
  body[data-mode="dz"] #s-search :is(.dki-last-t b,.sticker-strip .ss-txt b){font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-mode="dz"] #s-search :is(.dki-last-t small,.sticker-strip .ss-txt small){font-size:13px;font-weight:400;color:var(--tm-muted)}
  body[data-mode="dz"] #s-search .herocol > .sticker-strip img{width:110px;border-radius:8px;box-shadow:none}
  body[data-mode="dz"] #s-search .herocol > .sticker-strip > ph-icon{display:none}
  body[data-mode="dz"] #s-search .herocol > .sticker-strip:hover{color:var(--tm-ink)}
  body[data-mode="dz"] #s-search .herocol > .sticker-strip:hover .dki-btn-w{border-color:#CFC9BC}
  .dki-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;box-sizing:border-box;padding:0 20px;border:0;border-radius:var(--tm-radius-ctl);font:700 15px/1 var(--tm-font-sans);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
  .dki-btn:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  .dki-btn-o{background:var(--tm-orange);color:#fff}
  .dki-btn-o:hover{background:var(--tm-orange-hover);color:#fff}
  .dki-btn-w{background:#fff;color:var(--tm-ink);border:1px solid var(--tm-border-strong)}
  .dki-btn-w:hover{border-color:#CFC9BC;color:var(--tm-ink)}
  .dki-btn-k{background:var(--tm-ink);color:#fff}
  .dki-btn-k:hover{background:#22272D;color:#fff}
  html[dir="rtl"] .dki-flip{transform:scaleX(-1)}

  /* ---- « Comment ça marche »: three cards (number, still illustration, title, text); the animated
     scenes of the phone/tablet layout stay hidden here ---- */
  body[data-mode="dz"] #s-search .tms{counter-reset:tms;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:none;margin:0;padding:96px 0 0;font-family:var(--tm-font-sans)}
  body[data-mode="dz"] #s-search .tms-over{grid-column:1 / -1;margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tm-muted)}
  body[data-mode="dz"] #s-search .tms-h{grid-column:1 / -1;margin:-10px 0 8px;font-family:var(--tm-font-display);font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
  body[data-mode="dz"] #s-search .tms-row{counter-increment:tms;display:flex;text-align:start;align-items:stretch;flex-direction:column;gap:16px;padding:28px;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff}
  body[data-mode="dz"] #s-search .tms-txt{display:contents}
  body[data-mode="dz"] #s-search .tms-sc{display:none}
  body[data-mode="dz"] #s-search .tms-txt .n{order:0;font-size:0;line-height:1}
  body[data-mode="dz"] #s-search .tms-txt .n::before{content:counter(tms);font-family:var(--tm-font-display);font-size:18px;font-weight:800;color:var(--tm-orange)}
  body[data-mode="dz"] #s-search .tms-txt h3{order:2;margin:0;font-family:var(--tm-font-display);font-size:24px;font-weight:800;letter-spacing:-.02em}
  body[data-mode="dz"] #s-search .tms-txt p{order:3;max-width:none;margin:0;font-size:16px;line-height:1.5;color:var(--tm-muted)}
  body[data-mode="dz"] #s-search .dki-ill{order:1;display:flex;height:150px;box-sizing:border-box;padding:18px;border-radius:14px;background:var(--tm-cream)}
  .dki-ill-rules{flex-direction:column;justify-content:center;gap:10px}
  .dki-ill-pill{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;background:#fff;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;box-shadow:0 6px 16px -8px rgba(0,0,0,.2)}
  .dki-ill-pill svg{flex:none}
  .dki-ill-ok{display:flex;flex-wrap:wrap;gap:6px}
  .dki-ill-ok > span{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;background:#E9FFE0;color:#145200;font-size:12px;font-weight:700;white-space:nowrap}
  /* auto-fit 320px: three cards from ~1100px, two below, so the five site chips keep two rows */
  .dki-ill-sites{flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:8px;overflow:hidden}
  .dki-chip{display:inline-flex;align-items:center;gap:6px;height:34px;box-sizing:border-box;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--tm-border-strong);font-size:13px;font-weight:600;white-space:nowrap}
  .dki-chip .tm-flag{width:18px;height:12px;border-radius:2px;vertical-align:0}
  .dki-chip-k{background:var(--tm-ink);border-color:var(--tm-ink);color:#fff}
  .dki-ill-price{flex-direction:column;justify-content:center;gap:6px;padding:18px 22px}
  .dki-ill-price .dki-lbl{font-size:12px;font-weight:600;color:var(--tm-muted)}
  .dki-ill-price b{font-family:var(--tm-font-display);font-size:30px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
  .dki-ill-price small{font-size:13px;color:var(--tm-muted)}
  /* Amounts and the « Golf 8 · 2024 · ≤ 15 000 € » query keep their own order in Arabic (no « DA … ~ »),
     still aligned to the side of the page. */
  :is(.dki-ill-price b,[data-dki-ill-q]){unicode-bidi:plaintext;text-align:match-parent}

  /* ---- seller banner ---- */
  body[data-mode="dz"] #s-search .dki-sell{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:64px;padding:40px 48px;border-radius:24px;background:var(--tm-orange)}
  body[data-mode="dz"] #s-search.dki-away .dki-sell{display:none}
  .dki-sell-t{flex:1;min-width:300px;display:flex;flex-direction:column;gap:10px}
  .dki-sell-t h2{margin:0;font-family:var(--tm-font-display);font-size:36px;font-weight:800;letter-spacing:-.02em;color:var(--tm-ink)}
  .dki-sell-t p{margin:0;font-size:17px;color:#2A1200}
  .dki-sell .dki-btn{height:54px;padding:0 28px;font-size:16px}
}
/* Hero: two columns once both halves keep 460px (the design's auto-fit). */
@media screen and (min-width: 1056px) {
  body[data-mode="dz"] #s-search .hero-band{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ======================= Importer results — designs « importer-resultats » and « importer-recherche » =======================
   Results: the search strip under the header (#dkrStrip), the filter sidebar (#dkrSide), the title row
   (#dkrHead + the existing sort), three summary cards (#dkrSum) and a card grid with « Hors critères »
   under its own heading (desktop-results.js + renderList). Search in progress (body.lr-progress): the page
   title with « Annuler », the progress panel (#liveSide) and the arriving cars with skeletons
   (live-results.js). Same list, sort, filters, sheets and live rules as the phone layout. */
@media screen and (min-width: 1024px) {
  body:not([data-resmode="dz"]) :is(#dkrStrip,#dkrSide,#dkrHead,#dkrSum,#liveSide,#liveArrive,.dkr-runsub,.dkr-sec,.dkr-fill){display:none!important}
  body[data-resmode="dz"] #s-results{font-family:var(--tm-font-sans);color:var(--tm-ink)}
  html[dir="rtl"] .dkr-flip{transform:scaleX(-1)}

  /* ---- top band: strip (results) or page title (search in progress) ---- */
  body[data-resmode="dz"] #s-results .rr-top-bar{position:relative;top:auto;z-index:auto;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  body[data-resmode="dz"] #s-results :is(#resStored,.results-filters){display:none}
  body[data-resmode="dz"] #s-results :is(.rr-notice,#fchips){max-width:none;margin:16px var(--tm-pad-inline) 0}
  body[data-resmode="dz"] #s-results #fchips{flex-wrap:wrap;overflow:visible;padding:0}
  body[data-resmode="dz"].lr-progress #s-results :is(#dkrStrip,#fchips){display:none}

  #s-results .dkr-strip{border-bottom:1px solid var(--tm-border);background:var(--tm-cream)}
  #s-results .dkr-strip-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px var(--tm-pad-inline)}
  #s-results :is(.dkr-back,.dkr-f,.dkr-go,.dkr-btn,.dkr-chip,.dkr-cb,.dkr-link){font-family:var(--tm-font-sans);cursor:pointer}
  #s-results :is(.dkr-back,.dkr-f,.dkr-go,.dkr-btn,.dkr-chip,.dkr-cb,.dkr-link):focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  #s-results .dkr-back{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--tm-border-strong);border-radius:50%;background:#fff;color:var(--tm-ink)}
  #s-results .dkr-fields{flex:1 1 360px;min-width:280px;display:flex;align-items:center;height:52px;box-sizing:border-box;border:1px solid var(--tm-border-strong);border-radius:14px;background:#fff;overflow:hidden}
  #s-results .dkr-f{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;box-sizing:border-box;padding:6px 18px;border:0;border-inline-end:1px solid #EEEBE4;background:none;color:var(--tm-ink);text-align:start}
  #s-results .dkr-f:nth-child(3){border-inline-end:0}
  #s-results .dkr-f:hover{background:#FAF8F4}
  #s-results .dkr-lbl{font-size:var(--tm-field-label-size);font-weight:var(--tm-field-label-weight);line-height:1.3;color:var(--tm-muted)}
  #s-results .dkr-f b{max-width:100%;font-size:var(--tm-field-size);font-weight:var(--tm-field-weight);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #s-results .dkr-go{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;margin-inline-end:6px;padding:0 16px;border:0;border-radius:12px;background:var(--tm-orange);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;transition:background-color .15s ease}
  #s-results .dkr-go:hover{background:var(--tm-orange-hover)}
  #s-results .dkr-when{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tm-muted);white-space:nowrap}
  #s-results .dkr-when[hidden]{display:none}
  #s-results .dkr-btn{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;box-sizing:border-box;padding:0 18px;border:1px solid var(--tm-border-strong);border-radius:12px;background:#fff;color:var(--tm-ink);font-size:15px;font-weight:700;white-space:nowrap;transition:border-color .15s ease}
  #s-results .dkr-btn:hover{border-color:#CFC9BC}
  #s-results .dkr-btn[hidden]{display:none}
  #s-results .dkr-btn:disabled{opacity:.5;cursor:default}

  /* the phone header card: hidden in the results layout; the page title during the search; a slim
     progress row (bar, sites, Annuler) when the visitor looks at the first results while it runs */
  body[data-resmode="dz"] #s-results .rr-top-nav{display:none}
  body[data-resmode="dz"].lr-running #s-results .rr-top-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:none;margin:0;padding:16px var(--tm-pad-inline) 0;border-radius:0;background:transparent;box-shadow:none}
  body[data-resmode="dz"].lr-running:not(.lr-progress) #s-results .rr-top-nav :is(.back,.rr-heading){display:none}
  body[data-resmode="dz"].lr-running:not(.lr-progress) #s-results .lr-head{order:0;flex:1;min-width:0;grid-column:auto}
  body[data-resmode="dz"].lr-progress #s-results .rr-top-nav{padding-top:32px}
  body[data-resmode="dz"].lr-progress #s-results .lr-head{display:none}
  body[data-resmode="dz"] #s-results .rr-top-nav .back{flex:none;width:44px;height:44px;border:1px solid var(--tm-border-strong);background:#fff}
  body[data-resmode="dz"] #s-results .rr-top-nav .rr-heading{flex:1;min-width:240px}
  body[data-resmode="dz"] #s-results .rr-heading :is(#sortBtnTrigger,#resSub){display:none}
  body[data-resmode="dz"] #s-results #resTitle{font-family:var(--tm-font-display);font-size:36px;font-weight:800;line-height:1.15}
  body[data-resmode="dz"] #s-results .dkr-runsub{margin-top:6px;font-size:16px;color:var(--tm-muted)}
  body[data-resmode="dz"] #s-results .dkr-runsub:empty{display:none}
  body[data-resmode="dz"] #s-results .lr-stop{order:1;flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;min-height:0;padding:0 18px;border:1px solid var(--tm-border-strong);border-radius:12px;background:#fff;color:var(--tm-ink);font:700 15px/1 var(--tm-font-sans)}
  body[data-resmode="dz"] #s-results .lr-stop[hidden]{display:none}
  body[data-resmode="dz"] #s-results .lr-stop::before{content:"";width:14px;height:14px;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='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center / contain no-repeat}
  body[data-resmode="dz"] #s-results .lr-stop:hover{border-color:#CFC9BC;background:#fff}
  /* « N nouvelles voitures »: under the site header, whatever the scroll */
  body[data-resmode="dz"] #s-results .lr-new{position:fixed;top:calc(var(--tm-header-h) + 16px);z-index:15}

  /* ---- columns ---- */
  body[data-resmode="dz"] #s-results .rr-cards-container{display:flex;align-items:flex-start;gap:32px;width:auto;max-width:none;margin:0;padding:28px var(--tm-pad-inline) 80px;box-sizing:border-box}
  body[data-resmode="dz"].lr-running #s-results .rr-cards-container{padding-bottom:120px}
  body[data-resmode="dz"].lr-progress #s-results .rr-cards-container{gap:24px;padding-top:24px}
  body[data-resmode="dz"].lr-progress #s-results :is(#dkrSide,#dkrHead,#dkrSum,#rrTools){display:none}
  body[data-resmode="dz"] #s-results #p-results{flex:999 1 560px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:start;column-gap:12px;row-gap:18px;margin:0}
  body[data-resmode="dz"].lr-progress #s-results #p-results{flex-basis:520px;row-gap:14px}
  body[data-resmode="dz"] #s-results #p-results > *{grid-column:1 / -1;min-width:0;margin:0}
  body[data-resmode="dz"] #s-results #p-results > #dkrHead{grid-column:1}
  body[data-resmode="dz"] #s-results #p-results > #rrTools{grid-column:2}
  body[data-resmode="dz"] #s-results #count{display:none}

  /* ---- sidebar ---- */
  #s-results .dkr-side{flex:1 1 280px;max-width:300px;display:flex;flex-direction:column;gap:16px}
  /* the filter sidebar (and the live-search panel in its place) stays in view under the header while the list scrolls;
     taller than the window: it scrolls on its own, then the page takes over */
  body[data-resmode="dz"] #s-results :is(.dkr-side,.lr-side){position:sticky;top:calc(var(--tm-header-h) + 20px);max-height:calc(100dvh - var(--tm-header-h) - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tm-border-strong) transparent}
  body[data-resmode="dz"] #s-results :is(.dkr-side,.lr-side) > *{flex-shrink:0}   /* a capped column scrolls; its cards never squash */
  #s-results .dkr-card{box-sizing:border-box;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff}
  #s-results .dkr-side .dkr-card{display:flex;flex-direction:column;gap:4px;padding:18px}
  #s-results .dkr-side .dkr-card[hidden],#s-results .dkr-side [data-dkr-group][hidden]{display:none}
  #s-results .dkr-h{display:block;margin-bottom:6px;font-size:15px;font-weight:800}
  #s-results .dkr-rules{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--tm-radius-card);background:var(--tm-ink);color:#fff}
  #s-results .dkr-rules-h{display:flex;align-items:center;gap:10px}
  #s-results .dkr-rules-h svg{flex:none;color:var(--tm-orange)}
  #s-results .dkr-rules-h b{font-size:15px;font-weight:800;line-height:1.35}
  #s-results .dkr-rules-l{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#C9CED4}
  #s-results .dkr-rules-l:empty{display:none}
  #s-results .dkr-rules-sw{position:relative;display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #23292F;cursor:pointer}
  #s-results .dkr-rules-sw span{flex:1;font-size:14px;font-weight:700}
  #s-results .dkr-rules-sw input{position:absolute;opacity:0;width:44px;height:26px;margin:0;inset-inline-end:0;cursor:pointer}
  #s-results .dkr-rules-sw i{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:#3A4047;transition:background-color .15s ease}
  #s-results .dkr-rules-sw i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:inset-inline-start .15s ease}
  #s-results .dkr-rules-sw input:checked + i{background:var(--tm-orange)}
  #s-results .dkr-rules-sw input:checked + i::after{inset-inline-start:21px}
  #s-results .dkr-rules-sw input:focus-visible + i{outline:2px solid var(--tm-orange);outline-offset:2px}
  #s-results .dkr-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:#FF8A4C;font-size:13px;font-weight:700}
  #s-results .dkr-link:hover{text-decoration:underline}
  #s-results .dkr-more{margin-top:10px;color:var(--tm-ink)}
  #s-results .dkr-cb{display:flex;align-items:center;gap:10px;width:100%;padding:6px 0;border:0;background:none;color:var(--tm-ink);font-size:14px;font-weight:600;text-align:start}
  #s-results .dkr-box{flex:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px;box-sizing:border-box;border-radius:6px;background:#fff;border:1.5px solid #CFC9BC;color:#fff}
  #s-results .dkr-cb[aria-checked="true"] .dkr-box{background:var(--tm-ink);border-color:var(--tm-ink)}
  #s-results .dkr-cn{flex:1;min-width:0;display:flex;align-items:center;gap:8px}
  #s-results .dkr-cn > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #s-results :is(.dkr-cn,.dkr-sum-c small,.dkr-src) .tm-flag{flex:none;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
  #s-results .dkr-n{font-size:13px;color:var(--tm-muted)}
  #s-results .dkr-chips{gap:12px!important}
  #s-results [data-dkr-group] .dkr-h{margin-bottom:8px}
  #s-results .dkr-chiprow{display:flex;flex-wrap:wrap;gap:6px}
  #s-results .dkr-chip{display:inline-flex;align-items:center;height:34px;box-sizing:border-box;padding:0 14px;border:1px solid var(--tm-border-strong);border-radius:999px;background:#fff;color:var(--tm-ink);font-size:13px;font-weight:600;white-space:nowrap;transition:border-color .15s ease}
  #s-results .dkr-chip:hover{border-color:#CFC9BC}
  #s-results .dkr-chip.on{background:var(--tm-ink);border-color:var(--tm-ink);color:#fff}

  /* ---- title row, sort, summary cards ---- */
  #s-results .dkr-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
  #s-results .dkr-head h1{margin:0;font-family:var(--tm-font-display);font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.01em}
  #s-results .dkr-meta{font-size:15px;font-weight:600;color:var(--tm-muted)}
  body[data-resmode="dz"] #s-results #rrTools{margin:0}
  body[data-resmode="dz"] #s-results #rrTools #filtBtn{display:none}
  body[data-resmode="dz"] #s-results #rrTools .rr-sort-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;min-height:0;box-sizing:border-box;padding:0 14px;border:1px solid var(--tm-border-strong);border-radius:999px;background:#fff;color:var(--tm-ink);font:600 13px/1 var(--tm-font-sans)}
  body[data-resmode="dz"] #s-results #rrTools .rr-sort-trigger:hover{border-color:#CFC9BC}
  body[data-resmode="dz"] #s-results #rrTools .rr-meta{display:none}
  #s-results .dkr-sum{display:flex;flex-wrap:wrap;gap:16px}
  #s-results .dkr-sum-c{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px;padding:16px 18px}
  #s-results .dkr-sum-c b{font-family:var(--tm-font-display);font-size:22px;font-weight:800;line-height:1.3;white-space:nowrap}
  #s-results .dkr-sum-c b > span{font-family:var(--tm-font-sans);font-size:15px;font-weight:600;color:var(--tm-muted)}
  #s-results .dkr-sum-c small{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;color:var(--tm-muted)}
  #s-results .dkr-sum-c small > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* ---- progress panel (live-results.js) ---- */
  #s-results .lr-side{flex:0 1 400px;min-width:320px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;padding:24px;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff}
  #s-results .lr-side[hidden]{display:none}
  #s-results .lr-side-lbl,#s-results .lr-arrive{margin:0;font-size:12px;font-weight:600;color:var(--tm-muted)}
  #s-results .lr-arrive[hidden]{display:none}
  #s-results .lr-side-n{font-family:var(--tm-font-display);font-size:44px;font-weight:800;line-height:1.15}
  #s-results .lr-side-n span{font-family:var(--tm-font-sans);font-size:18px;font-weight:600;color:var(--tm-muted)}
  #s-results .lr-side-bar{height:8px;margin:8px 0 6px;border-radius:4px;background:#EEEBE4;overflow:hidden}
  #s-results .lr-side-bar i{display:block;width:3%;height:100%;background:var(--tm-orange);transition:width .25s linear}
  #s-results .lr-side-sites{margin-bottom:8px;font-size:13px;color:var(--tm-muted)}
  #s-results .lr-side-sites:empty{display:none}
  #s-results .lr-side-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #EEEBE4}
  #s-results .lr-side-row .lr-flag{display:inline-flex}
  #s-results .lr-side-row .tm-flag{width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
  #s-results .lr-side-row b{flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #s-results .lr-side-row em{flex:none;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}
  #s-results .lr-side-row.lr-ok em{background:#E9FFE0;color:#145200}
  #s-results .lr-side-row.lr-ok em::before{content:"";width:11px;height:11px;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='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}
  #s-results .lr-side-row.lr-run em{background:#FFF6D6;color:#6B4E00}
  #s-results .lr-side-row.lr-wait em{padding:0;color:var(--tm-muted)}
  #s-results .lr-side-row.lr-no em{background:#FFF1EC;color:#A33400}
  #s-results .lr-side-go{margin-top:16px;height:52px;border:0;border-radius:12px;background:var(--tm-orange);color:#fff;font:700 15px/1 var(--tm-font-sans);cursor:pointer;transition:background-color .15s ease}
  #s-results .lr-side-go:hover{background:var(--tm-orange-hover)}
  #s-results .lr-side-go[hidden]{display:none}
  #s-results .lr-side-go:focus-visible{outline:2px solid var(--tm-ink);outline-offset:2px}
  #s-results .lr-side-note{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--tm-muted);text-align:center}

  /* ---- card grid ---- */
  body[data-resmode="dz"] #s-results #list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
  body[data-resmode="dz"].lr-progress #s-results #list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
  body[data-resmode="dz"] #s-results #list > :is(.lr-empty,.reference-empty,.empty,.dkr-sec){grid-column:1 / -1}
  #s-results .dkr-sec{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-top:18px;list-style:none}
  #s-results .dkr-sec h2{margin:0;font-family:var(--tm-font-display);font-size:20px;font-weight:800}
  #s-results .dkr-sec p{margin:0;font-size:14px;color:var(--tm-muted)}
  body[data-resmode="dz"] #s-results .lc.lc-imp{flex-direction:column;min-height:0;border:1px solid var(--tm-border);border-radius:var(--tm-radius-card);background:#fff;box-shadow:none;color:var(--tm-ink);transition:border-color .15s ease}
  body[data-resmode="dz"] #s-results .lc.lc-imp:not(.lc-skel):hover{border-color:#CFC9BC}
  body[data-resmode="dz"] #s-results .lc.lc-imp:focus-visible{outline:2px solid var(--tm-orange);outline-offset:2px}
  body[data-resmode="dz"] #s-results .lc.lc-imp .tile{width:auto;height:190px;min-height:0;background:#E9E5DC}
  body[data-resmode="dz"].lr-progress #s-results .lc.lc-imp .tile{height:150px}
  body[data-resmode="dz"] #s-results .lc.lc-imp .tile img.photo{width:100%;height:100%;object-fit:cover}
  body[data-resmode="dz"] #s-results .lc.lc-imp .body{flex:1;justify-content:flex-start;gap:6px;padding:16px 18px 18px}
  #s-results .dkr-src{position:absolute;top:12px;inset-inline-start:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);height:28px;box-sizing:border-box;padding:0 10px;border-radius:999px;background:rgba(11,15,20,.82);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
  #s-results .dkr-src > span{overflow:hidden;text-overflow:ellipsis}
  #s-results .dkr-src > span:empty{display:none}
  #s-results .dkr-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;max-width:100%;height:24px;box-sizing:border-box;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #s-results .dkr-pill svg{flex:none}
  #s-results .dkr-ok{background:#E9FFE0;color:#145200}
  #s-results .dkr-unknown{background:#FFF6D6;color:#6B4E00}
  #s-results .dkr-ko{background:#FFF1EC;color:#A33400}
  body[data-resmode="dz"] #s-results .lc.lc-imp .li-price .price{font-family:var(--tm-font-display);font-size:22px;font-weight:800;line-height:1.25}
  body[data-resmode="dz"] #s-results .lc.lc-imp .li-price small{margin-top:0;font-size:13px;font-weight:600;color:var(--tm-muted)}
  #s-results .dkr-t{display:flex;min-width:0;margin-top:4px;font-size:14px;font-weight:700;white-space:nowrap}
  #s-results .dkr-t > span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  #s-results .dkr-t bdi{flex:none;white-space:pre}
  #s-results .dkr-specs{font-size:13px;color:var(--tm-muted)}
  #s-results .dkr-specs:empty{display:none}
  /* skeletons (before the first car, then up to six cards while the search runs) */
  body[data-resmode="dz"] #s-results .lc.lc-skel .tile{background:#EEEBE4}
  body[data-resmode="dz"] #s-results .lc.lc-skel .body{gap:10px;padding:16px}
  body[data-resmode="dz"] #s-results .lc.lc-skel .sk{height:12px;background-color:#F2F0EA}
  body[data-resmode="dz"] #s-results .lc.lc-skel .sk-a{width:60%;height:18px;background-color:#EEEBE4}
  body[data-resmode="dz"] #s-results .lc.lc-skel .sk-b{width:80%}
  body[data-resmode="dz"] #s-results .lc.lc-skel .sk-c{width:45%}
  body[data-resmode="dz"] #s-results .lc.lc-skel .sk-d{display:none}
  body[data-resmode="dz"] #s-results #liveRows{margin:0}
  body[data-resmode="dz"] #s-results .rr-foot-note{max-width:none;margin:0;padding:0;text-align:start;font-size:13px;color:var(--tm-muted)}
}
@media screen and (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  #s-results :is(.lr-side-bar i,.dkr-rules-sw i,.dkr-rules-sw i::after){transition:none}
}