/* Gebrauchtfahrzeug-Übersicht und Detailansicht */
.usedvehicles-sort { display:flex; flex-wrap:wrap; gap:.7rem 1.25rem; align-items:center; margin:0 0 1.5rem; padding:.85rem 1rem; border:1px solid var(--mhg-border); border-radius:var(--mhg-radius); background:#f7f7f7; }
.usedvehicles-sort__label { font-size:.9rem; font-weight:700; }
.usedvehicles-sort__options { display:flex; flex-wrap:wrap; gap:.45rem; }
.usedvehicles-sort a { padding:.42rem .8rem; border:1px solid #c9c9c9; border-radius:999px; color:#333; background:var(--mhg-white); font-size:.84rem; line-height:1; text-decoration:none; transition:color .2s ease,border-color .2s ease,background .2s ease; }
.usedvehicles-sort a:hover,.usedvehicles-sort a:focus-visible,.usedvehicles-sort a.is-active { border-color:var(--mhg-red); color:var(--mhg-white); background:var(--mhg-red); }
.usedvehicle-back { color:var(--mhg-red); }
.usedvehicles-grid { display:grid; gap:.75rem; }
.usedvehicle-card { display:grid; grid-template-columns:180px minmax(0,1fr); overflow:hidden; border:1px solid var(--mhg-border); border-radius:10px 10px 0 0; background:var(--mhg-white); box-shadow:var(--mhg-shadow-soft); transition:border-color .2s ease,box-shadow .2s ease; }
.usedvehicle-card:hover { border-color:#aaa; box-shadow:var(--mhg-shadow-soft); }
.usedvehicle-card__image { display:grid; width:180px; min-height:125px; place-items:center; background:var(--mhg-white); }
.usedvehicle-card__image img { width:180px; height:125px; object-fit:contain; }
.usedvehicle-card__image--mobile { display:none; }
.usedvehicle-card__content { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,.55fr) auto; grid-template-areas:"title specs price" "title specs action"; gap:.55rem clamp(1rem,2.5vw,2.5rem); align-items:center; padding:1rem 1.2rem; }
.usedvehicle-card h2,.usedvehicle-detail h2 { margin:0 0 .5rem; }
.usedvehicle-card h2 { grid-area:title; font-size:clamp(1rem,1.4vw,1.25rem); line-height:1.25; }
.usedvehicle-card h2 a { color:inherit; text-decoration:none; }
.usedvehicle-card .usedvehicle-price { grid-area:price; justify-self:end; white-space:nowrap; }
.usedvehicle-card .usedvehicle-card__specs { grid-area:specs; }
.usedvehicle-card .mhg-button { grid-area:action; justify-self:end; white-space:nowrap; }
.usedvehicle-price { margin:.25rem 0 1.25rem; color:var(--mhg-red); font-family:"Outfit",sans-serif; font-size:clamp(1.4rem,2vw,2rem); font-weight:700; }
.usedvehicle-card__specs,.usedvehicle-specs { margin:0 0 1.5rem; }
.usedvehicle-card__specs { width:100%; margin:0; font-size:.82rem; }
.usedvehicle-card__specs div,.usedvehicle-specs div { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--mhg-border); }
.usedvehicle-card__specs div:last-child,.usedvehicle-specs div:last-child { border-bottom:1px solid var(--mhg-border); }
.usedvehicle-card__specs dt,.usedvehicle-card__specs dd,.usedvehicle-specs dt,.usedvehicle-specs dd { margin:0; padding:.45rem .6rem; }
.usedvehicle-card__specs dd,.usedvehicle-specs dd { border-left:1px solid var(--mhg-border); }
.usedvehicle-detail__topline { display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.usedvehicle-kicker { margin:0; color:var(--mhg-red); font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.usedvehicle-detail__grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr); gap:clamp(2rem,5vw,5rem); align-items:start; margin-top:2rem; }
.usedvehicle-gallery__main { width:100%; max-height:600px; object-fit:contain; background:#f6f6f6; }
.usedvehicle-gallery__thumbs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; margin-top:1.25rem; }
.usedvehicle-gallery__thumbs button { padding:.25rem; border:2px solid transparent; background:#f6f6f6; cursor:pointer; }
.usedvehicle-gallery__thumbs button.is-active { border-color:var(--mhg-red); }
.usedvehicle-gallery__thumbs img { width:100%; aspect-ratio:1.5; object-fit:contain; }
.usedvehicle-gallery__empty { display:grid; min-height:340px; place-items:center; background:#f6f6f6; }
.usedvehicle-description { margin:2.5rem 0 1.5rem; line-height:1.65; }
.usedvehicle-note,.usedvehicle-tax { color:#666; font-size:.9rem; }

@media (max-width:860px) {
  .usedvehicles-sort { align-items:flex-start; flex-direction:column; }
  .usedvehicles-sort__options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
  .usedvehicles-sort__options a { display:block; padding:.5rem .35rem; text-align:center; }
  .usedvehicle-card { display:block; }
  .usedvehicle-card__image--desktop { display:none; }
  .usedvehicle-card__content {
    grid-template-columns:1fr;
    grid-template-areas:"title" "image" "price" "specs" "action";
    gap:.9rem;
    padding:1rem;
  }
  .usedvehicle-card h2 { font-size:clamp(1.15rem,5vw,1.45rem); }
  .usedvehicle-card__image--mobile {
    grid-area:image;
    display:grid;
    width:100%;
    min-height:190px;
    overflow:hidden;
  }
  .usedvehicle-card__image--mobile img {
    width:100%;
    height:auto;
    max-height:280px;
    aspect-ratio:16 / 10;
    object-fit:contain;
  }
  .usedvehicle-card .usedvehicle-price {
    justify-self:start;
    margin:0;
    font-size:clamp(1.4rem,7vw,1.85rem);
  }
  .usedvehicle-card .mhg-button { justify-self:start; padding:.65rem 1rem; font-size:.9rem; }
  .usedvehicle-card__specs { font-size:.95rem; }
  .usedvehicle-detail__grid { grid-template-columns:1fr; }
  .usedvehicle-detail__topline { align-items:flex-start; flex-direction:column; }
  .usedvehicle-gallery__thumbs { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:460px) {
  .usedvehicle-card__content { padding:.85rem; }
  .usedvehicle-card__image--mobile { min-height:160px; }
}