.reman-category-page,
.reman-category-page * { box-sizing: border-box; }

.reman-category-page { padding: 24px 0 64px; color: #062855; background: #f7f9fb; }
.reman-category-page__inner { min-width: 0; }
.reman-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; color: #5a6c80; font-size: 13px; }
.reman-breadcrumb a:hover { color: #9a7b42; }

.reman-category-hero { padding: 30px 34px; border: 1px solid #d8e1ea; border-radius: 8px; background: #fff; box-shadow: 0 8px 26px rgba(8,45,93,.06); }
.reman-category-hero__eyebrow { margin: 0 0 4px; color: #9a7b42; font-size: 13px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.reman-category-hero h1 { margin: 0; font-size: clamp(28px,4vw,44px); line-height: 1.12; }
.reman-category-hero__intro { max-width: 820px; margin: 13px 0 0; color: #4e6279; font-size: 17px; line-height: 1.55; }

.reman-process { margin: 22px 0 36px; padding: 26px 30px; border-left: 4px solid #9a7b42; background: #edf3f8; }
.reman-process h2 { margin: 0 0 10px; font-size: 22px; }
.reman-process p { max-width: 1120px; margin: 0; color: #334d6b; line-height: 1.65; }
.reman-process__bosch { margin-top: 13px !important; font-weight: 700; color: #062855 !important; }

.reman-products-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.reman-products-heading h2 { margin: 0; font-size: 27px; }
.reman-products-heading span { display: grid; place-items: center; min-width: 42px; height: 34px; padding: 0 10px; border-radius: 17px; color: #fff; background: #062855; font-weight: 800; }
.reman-empty { padding: 30px; border: 1px solid #d8e1ea; background: #fff; }

.reman-model-filter { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 18px; padding: 16px 18px; border: 1px solid #d8e1ea; background: #fff; }
.reman-model-filter__copy { display: flex; flex-direction: column; min-width: 0; }
.reman-model-filter__copy strong { font-size: 14px; }
.reman-model-filter__copy span { margin-top: 2px; color: #60748a; font-size: 12px; }
.reman-model-filter__field { flex: 0 1 360px; }
.reman-model-filter__field select { width: 100%; min-height: 44px; padding: 9px 38px 9px 12px; border: 1px solid #bfcddb; border-radius: 3px; color: #062855; background: #f8fafc; font: inherit; }

.reman-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.reman-product-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #d8e1ea; border-radius: 8px; background: #fff; }
.reman-product-card__head { position: relative; min-height: 112px; padding: 20px 20px 16px; border-bottom: 1px solid #d8e1ea; }
.reman-product-card__head h3 { margin: 0; padding-right: 4px; font-size: 18px; line-height: 1.35; overflow-wrap: anywhere; }
.reman-product-card__head h3 a:hover { color: #9a7b42; }
.reman-product-card__head > span { display: inline-block; margin-top: 12px; padding: 4px 10px; border-radius: 14px; color: #fff; background: #9a7b42; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.reman-product-card__image { display: flex; align-items: center; justify-content: center; height: 270px; padding: 18px; background: #f2f4fb; }
.reman-product-card__image img { width: 100%; height: 100%; object-fit: contain; }
.reman-product-card__image > span { color: #9a7b42; font-size: 44px; font-weight: 900; }
.reman-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 22px 20px 18px; }
.reman-product-card__body p { margin: 0 0 7px; color: #4a6078; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.reman-product-card__body p strong { color: #062855; }
.reman-product-card__models { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e0e6ed; }
.reman-product-card__models > span { display: block; margin-bottom: 6px; color: #60748a; font-size: 11px; }
.reman-product-card__models > div { display: flex; flex-wrap: wrap; gap: 5px; }
.reman-product-card__models small { display: inline-block; padding: 4px 7px; border-radius: 3px; color: #244a75; background: #edf3f8; font-size: 11px; line-height: 1.25; }
.reman-product-card__footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 24px; }
.reman-product-card__footer div > strong { display: block; color: #062855; font-size: 21px; }
.reman-product-card__footer small { display: block; margin-top: 2px; color: #627388; font-size: 10px; }
.reman-product-card__footer > a { flex: 0 0 auto; font-weight: 800; }
.reman-product-card__footer > a:hover { color: #9a7b42; }

@media (max-width: 800px) {
    .reman-category-page { padding-top: 16px; }
    .reman-category-hero { padding: 25px 24px; }
    .reman-process { padding: 22px 24px; }
    .reman-model-filter { align-items: stretch; flex-direction: column; gap: 12px; }
    .reman-model-filter__field { flex-basis: auto; }
    .reman-product-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .reman-category-page { padding-bottom: 42px; }
    .reman-category-hero { padding: 22px 18px; }
    .reman-category-hero__intro { font-size: 15px; }
    .reman-process { margin-bottom: 28px; padding: 20px 18px; }
    .reman-process h2 { font-size: 20px; }
    .reman-product-card__head { min-height: 0; padding: 18px 16px 15px; }
    .reman-product-card__head h3 { font-size: 16px; }
    .reman-product-card__image { height: 220px; padding: 12px; }
    .reman-product-card__body { padding: 18px 16px 16px; }
    .reman-product-card__footer { align-items: flex-start; flex-direction: column; gap: 12px; padding-top: 18px; }
    .reman-product-card__footer > a { width: 100%; padding: 11px 13px; border: 1px solid #062855; text-align: center; }
}

/* Todo 23: Auf kleinen Bildschirmen kommt der Artikelname zuerst,
   danach die Zustandskennzeichnung und dann die passenden Modelle. */
@media (max-width: 800px) {
    .reman-product-card__head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .reman-product-card__head > h3 {
        order: 1;
        width: 100%;
        margin: 0;
    }
    .reman-product-card__head > .reman-product-card__condition {
        order: 2;
        align-self: flex-start;
        margin: 10px 0 0;
    }
    .reman-product-card__head > .reman-product-card__models {
        order: 3;
        width: 100%;
    }
}


/* ============================================================
   Layout-Korrektur: Kategorienavigation und Regenerationsablauf
   Desktop und Mobil - Artikelkarten unveraendert
   ============================================================ */
.reman-category-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0 0;
}
.reman-category-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 54px;
    padding: 12px 14px;
    border: 1px solid #d8e1ea;
    border-top: 3px solid #a77a2b;
    border-radius: 4px;
    background: #fff;
    color: #062855;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: background .18s ease, border-color .18s ease;
}
.reman-category-tabs a:hover,
.reman-category-tabs a:focus-visible {
    background: #f2f6fa;
    border-color: #a77a2b;
}
.reman-category-tabs a[aria-current="page"] {
    background: #eaf1f7;
    border-color: #a77a2b;
    color: #062855;
}
.reman-original-note {
    display: grid;
    gap: 5px;
    margin-top: 18px;
    padding: 12px 16px;
    border-left: 3px solid #a77a2b;
    background: #f3f7fa;
    color: #425b74;
    font-size: 13px;
    line-height: 1.5;
}
.reman-original-note strong { color: #062855; }
.reman-process__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}
.reman-process__steps article {
    min-width: 0;
    padding: 16px 14px;
    border: 1px solid #d5e1ec;
    border-radius: 5px;
    background: #fff;
}
.reman-process__steps article b {
    display: block;
    margin-bottom: 9px;
    color: #a77a2b;
    font-size: 20px;
    line-height: 1.1;
}
.reman-process__steps article strong {
    display: block;
    margin-bottom: 8px;
    color: #062855;
    font-size: 14px;
    line-height: 1.35;
}
.reman-process__steps article p {
    margin: 0;
    color: #4a6078;
    font-size: 12px;
    line-height: 1.5;
}
.reman-process .reman-process__bosch {
    margin-top: 16px !important;
    padding-top: 14px;
    border-top: 1px solid #d3dfe9;
    font-size: 13px;
    line-height: 1.5;
}
@media (max-width: 1000px) {
    .reman-category-tabs,
    .reman-process__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 580px) {
    .reman-category-tabs { gap: 8px; margin-top: 12px; }
    .reman-category-tabs a {
        min-height: 58px;
        padding: 10px 8px;
        font-size: 12px;
    }
    .reman-process__steps { grid-template-columns: 1fr; gap: 9px; }
    .reman-process__steps article { padding: 12px 14px; }
    .reman-process__steps article b { margin-bottom: 4px; font-size: 17px; }
    .reman-process__steps article strong { margin-bottom: 4px; }
    .reman-original-note { padding: 10px 12px; }
}

/* Einheitliche Kategorie-Artikelkarten (Desktop), mobile Reihenfolge bleibt erhalten. */
@media (min-width: 1100px) {
 .reman-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .reman-product-card__head { min-height: 218px; padding: 18px 18px 14px; }
 .reman-product-card__head h3 { min-height: 75px; font-size: 16px; line-height: 1.38; }
 .reman-product-card__image { height: 230px; }
 .reman-product-card__body { padding: 18px; }
}
.reman-product-card { border-radius: 3px; }
.reman-product-card__condition { vertical-align: top; }
.reman-product-card__head > .reman-product-card__condition--remanufactured {
 background: #082a56; color: #fff;
}
.reman-product-card__head > .reman-product-card__condition--overhauled {
 background: #111; color: #d6a63f; border: 1px solid #b68a35;
}
.reman-product-card__models > div { display: block; }
.reman-product-card__models p { margin: 0; color: #244a75; font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
@media (min-width: 801px) and (max-width: 1099px) {
 .reman-product-card__head { min-height: 230px; }
 .reman-product-card__head h3 { min-height: 94px; }
}
@media (max-width: 800px) {
 .reman-product-card__head h3 { min-height: 0; }
 .reman-product-card__head { min-height: 0; }
}

/* Kompakte Fahrzeugauswahl: Auf Desktop eine einzige flache Leiste. */
.reman-model-filter { display: block; padding: 12px 14px; margin-bottom: 14px; }
.reman-model-filter__heading { margin-bottom: 8px; font-size: 13px; }
.reman-model-filter__controls { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; align-items: center; }
.reman-model-filter__field { display: block; min-width: 0; flex: initial; }
.reman-model-filter__field select { width:100%; min-height:38px; height:38px; font-size:13px; padding:6px 28px 6px 10px; }
.reman-model-filter__field select:disabled { opacity:.55; }
@media (max-width: 900px) { .reman-model-filter__controls { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { .reman-model-filter { padding: 10px; } .reman-model-filter__controls { grid-template-columns: 1fr; gap:6px; } }


/* Fahrzeugauswahl: kompakte Grundzeile, Details nur bei aktiver Baureihe. */
.reman-vehicle-compact { margin: 0 0 14px; border: 1px solid #d5e1ec; background: #fff; padding: 12px 14px; }
.reman-vehicle-compact__top { display:flex; align-items:center; gap:14px; min-width:0; }
.reman-vehicle-compact__form { display:flex; align-items:center; gap:12px; flex: 1 1 60%; min-width:0; }
.reman-vehicle-compact__form label { flex: 0 0 auto; font-size:13px; font-weight:700; }
.reman-vehicle-compact__form select { min-width:0; max-width:480px; flex:1; height:39px; padding:6px 10px; border:1px solid #bfcddb; color:#062855; background:#f8fafc; }
.reman-vehicle-compact__hint { font-size:12px; color:#5a6c80; }
.reman-vehicle-compact__selected { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:12px; }
.reman-vehicle-compact__selected span { font-weight:700; }
.reman-vehicle-compact__selected a, .reman-vehicle-compact__clear { color:#a77a2b; font-weight:700; }
.reman-vehicle-compact__clear { margin-left:auto; font-size:22px; text-decoration:none; }
.reman-vehicle-chooser { margin-top:10px; border-top:1px solid #d8e1ea; padding-top:8px; }
.reman-vehicle-chooser > summary { cursor:pointer; padding:7px 2px; font-size:13px; font-weight:700; }
.reman-vehicle-bodies { display:grid; gap:8px; padding-top:6px; }
.reman-vehicle-body { min-width:0; border:1px solid #d8e1ea; background:#f7f9fc; }
.reman-vehicle-body > summary { cursor:pointer; padding:11px 13px; font-weight:700; }
.reman-vehicle-sales { padding:8px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; align-items:start; }
.reman-vehicle-sale { min-width:0; border:1px solid #d8e1ea; background:#fff; }
.reman-vehicle-sale[open] { grid-column:1/-1; border-color:#b68a35; }
.reman-vehicle-sale > summary { cursor:pointer; padding:10px 12px; font-weight:800; font-size:15px; }
.reman-vehicle-variants { padding:7px; display:grid; gap:5px; }
.reman-vehicle-variant { display:flex; align-items:center; gap:12px; padding:10px; border:1px solid #e0e6ed; background:#fff; }
.reman-vehicle-variant > strong { flex: 0 1 32%; font-size:13px; }
.reman-vehicle-variant__facts { display:flex; flex:1; flex-wrap:wrap; gap:6px 12px; font-size:11px; color:#48617d; }
.reman-vehicle-variant > a { flex:0 0 auto; text-decoration:none; padding:9px 12px; color:#fff; background:#082a56; font-size:12px; font-weight:700; }
@media (max-width:900px) { .reman-vehicle-compact__top { flex-wrap:wrap; } .reman-vehicle-compact__form { flex:1 1 100%; } .reman-vehicle-sales { grid-template-columns:repeat(2,minmax(0,1fr)); } .reman-vehicle-variant { flex-wrap:wrap; } .reman-vehicle-variant > strong { flex-basis:100%; } }
@media (max-width:540px) { .reman-vehicle-compact { padding:10px; } .reman-vehicle-compact__form { flex-direction:column; align-items:stretch; gap:5px; } .reman-vehicle-compact__form select { max-width:none; width:100%; flex:auto; } .reman-vehicle-sales { grid-template-columns:1fr 1fr; } .reman-vehicle-variant > a { width:100%; text-align:center; } }

/* 2026-10-22: Kategorie-Einstieg kompakter, Artikel schneller sichtbar. */
@media (min-width: 801px) {
  .reman-category-page { padding-top: 14px; }
  .reman-breadcrumb { margin-bottom: 12px; }
  .reman-category-hero { padding: 17px 23px; box-shadow: none; }
  .reman-category-hero h1 { font-size: clamp(27px, 3vw, 35px); line-height: 1.13; }
  .reman-category-hero__eyebrow { margin-bottom: 3px; font-size: 11px; }
  .reman-category-hero__intro { margin-top: 6px; font-size: 14px; line-height: 1.4; }
  .reman-original-note { margin-top: 11px; padding: 8px 12px; gap: 1px; line-height: 1.35; }
  .reman-category-tabs { margin-top: 9px; gap: 9px; }
  .reman-category-tabs a { min-height: 44px; padding: 8px 10px; }
  .reman-process { margin: 10px 0 22px; padding: 14px 19px; }
  .reman-process h2 { font-size: 19px; margin-bottom: 5px; }
  .reman-process__steps { margin-top: 9px; gap: 9px; }
  .reman-process__steps article { padding: 10px 11px; }
  .reman-process__steps article b { font-size: 16px; margin-bottom: 4px; }
  .reman-process__steps article strong { margin-bottom: 4px; font-size: 13px; }
  .reman-process__steps article p { font-size: 11px; line-height: 1.4; }
  .reman-process .reman-process__bosch { margin-top: 9px !important; padding-top: 8px; }
  .reman-products-heading { margin-bottom: 12px; }
  .reman-products-heading h2 { font-size: 24px; }
}

/* Eigenstaendige, responsiv formatierte Seitennavigation. */
.reman-pagination {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap; gap: 8px; margin: 27px 0 8px;
  padding: 10px 0; font-size: 14px;
}
.reman-pagination a,
.reman-pagination span[aria-current="page"] {
  display: inline-flex; justify-content: center; align-items: center;
  min-width: 38px; min-height: 38px; padding: 7px 11px;
  border: 1px solid #cad8e5; border-radius: 4px;
  background: #fff; color: #082a56; text-decoration: none;
  font-weight: 700; line-height: 1.2;
}
.reman-pagination a:hover,
.reman-pagination a:focus-visible { border-color: #a77a2b; background: #f0f4f8; }
.reman-pagination span[aria-current="page"] { background: #082a56; border-color: #082a56; color: #fff; }
.reman-pagination .reman-pagination__direction { padding-inline: 13px; }
.reman-pagination .reman-pagination__ellipsis { display:inline-flex; align-items:center; justify-content:center; min-width: 20px; color:#61758e; }
@media (max-width: 480px) {
 .reman-pagination { gap: 5px; margin-top: 18px; font-size: 12px; }
 .reman-pagination a, .reman-pagination span[aria-current="page"] { min-width: 34px; min-height: 36px; padding: 6px 8px; }
 .reman-pagination .reman-pagination__direction { padding-inline: 9px; }
}


/* Kategorie 27: flache, aufklappbare Regenerationsinformation.
   Die Warengruppen stehen unmittelbar vor der Artikelliste. */
.reman-category-overview .reman-process {
  margin: 10px 0 0;
  padding: 10px 15px;
  border-left: 3px solid #a77a2b;
}
.reman-process__details { margin: 0; }
.reman-process__details > summary {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; cursor: pointer; list-style: none;
  color: #062855; font-size: 16px; font-weight: 800; line-height: 1.3;
}
.reman-process__details > summary::-webkit-details-marker { display:none; }
.reman-process__details > summary::marker { content: ''; }
.reman-process__details > summary:focus-visible { outline: 2px solid #a77a2b; outline-offset: 4px; }
.reman-process__chevron {
  flex: 0 0 9px; width: 9px; height: 9px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); transition: transform .15s ease;
  margin: 0 5px 5px 0;
}
.reman-process__details[open] .reman-process__chevron { transform: rotate(225deg); margin-bottom: 0; }
.reman-process__details .reman-process__steps { margin-top: 12px; }
.reman-category-overview .reman-process .reman-process__bosch {
  margin-top: 5px !important; padding: 0; border-top: 0;
  font-size: 12px; line-height: 1.4; font-weight: 600;
}
.reman-category-overview + .reman-category-tabs {
  margin: 9px 0 13px;
}
@media (max-width: 580px) {
  .reman-category-overview .reman-process { padding: 10px 12px; }
  .reman-process__details > summary { font-size: 15px; }
  .reman-category-overview .reman-process .reman-process__bosch { font-size: 11px; }
  .reman-category-overview + .reman-category-tabs { margin: 8px 0 12px; }
}

/* 2026-10-22: Ruhiger, kompakter Einstieg ohne Regenerationsblock. */
.reman-category-hero { box-shadow:none; }
.reman-original-note {
  display:flex; align-items:baseline; flex-wrap:wrap; column-gap:7px; row-gap:1px;
  margin-top:10px; padding:5px 0 0; border-left:0; background:transparent;
  font-size:12px; line-height:1.45;
}
.reman-original-note strong { flex:0 0 auto; color:#8e692d; }
.reman-original-note span { color:#50647b; }
.reman-category-overview + .reman-category-tabs { margin:10px 0 8px; }
.reman-category-tabs a { min-height:42px; padding:7px 9px; }
.reman-products-heading { margin:9px 0 10px; }
@media (min-width:801px) {
  .reman-category-hero { padding:14px 22px; }
  .reman-original-note { margin-top:9px; padding-top:4px; }
}
@media (max-width:800px) {
  .reman-category-hero { padding:17px 16px; }
  .reman-original-note { margin-top:8px; padding:0; font-size:12px; }
  .reman-category-overview + .reman-category-tabs { margin:9px 0 8px; }
  .reman-products-heading { margin:10px 0; }
}