.product-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.product-card__details-button{min-height:44px;padding:0;border:0;background:transparent;color:var(--color-primary-active);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer;text-decoration:none}.product-card__details-button::after{content:'→';margin-left:.45rem}.product-card__details-button:hover{text-decoration:underline;text-underline-offset:3px}.product-card__detail-data{display:none!important}.bike-detail{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px}.bike-detail[hidden]{display:none}.bike-detail__backdrop{position:absolute;inset:0;background:rgba(8,12,9,.68);backdrop-filter:blur(3px)}.bike-detail__dialog{position:relative;width:min(1000px,calc(100vw - 48px));max-height:min(820px,calc(100vh - 48px));overflow:auto;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-divider);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.bike-detail__head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:var(--color-asphalt);border-bottom:3px solid var(--color-primary);color:#fff}.bike-detail__head small{display:block;color:var(--color-primary);font-weight:800;letter-spacing:.12em;font-size:10px}.bike-detail__head h2{margin:2px 0 0;color:#fff;font-size:clamp(20px,3vw,28px)}.bike-detail__close{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:10px;background:transparent;color:#fff;font-size:28px;cursor:pointer}.bike-detail__grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr);gap:26px;padding:24px}.bike-detail__image{display:flex;align-items:center;justify-content:center;min-height:360px;background:var(--color-surface-2);border-radius:14px;overflow:hidden}.bike-detail__image img{width:100%;height:100%;max-height:520px;object-fit:contain;padding:18px;box-sizing:border-box}.bike-detail__brand{display:block;color:var(--color-text-muted);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.bike-detail__content h3{margin:5px 0 15px;font-size:clamp(24px,3vw,36px);line-height:1.1}.bike-detail__description{font-size:15px;line-height:1.65}.bike-detail__description p:first-child{margin-top:0}.bike-detail__specs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.bike-detail__specs span{padding:6px 9px;border-radius:999px;background:var(--color-surface-2);color:var(--color-text-muted);font-size:12px;font-weight:700}.bike-detail__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;padding-top:16px;border-top:1px solid var(--color-divider)}.bike-detail__price strong{font-size:24px}.bike-detail__price del{color:var(--color-text-muted)}.bike-detail__price small{flex-basis:100%;color:var(--color-text-muted)}.bike-detail__contact{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:20px;padding:0 18px;border-radius:999px;background:var(--color-primary);color:var(--color-primary-ink);font-weight:800;text-decoration:none}.bike-detail__contact:hover{background:var(--color-primary-hover)}body.has-bike-detail{overflow:hidden}@media(max-width:760px){.bike-detail{padding:0;place-items:stretch}.bike-detail__dialog{width:100vw;max-height:100vh;height:100vh;border-radius:0}.bike-detail__grid{grid-template-columns:1fr;padding:15px;gap:16px}.bike-detail__image{min-height:250px;height:38vh}.bike-detail__content h3{font-size:26px}.bike-detail__contact{width:100%;box-sizing:border-box}.product-card__actions{justify-content:space-between}}@media(prefers-reduced-motion:no-preference){.bike-detail__dialog{animation:zo-bike-detail-in .18s ease-out}@keyframes zo-bike-detail-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}}
/* Detailansicht: Karten-Badges bleiben auf dem großen Bild sichtbar. */
.bike-detail__image{position:relative}
/* Der Detaildialog verwendet bewusst dieselbe Badge-Komponente wie die Katalogkarte. */
.bike-detail__badges{inset:14px 14px auto 14px}
@media(max-width:640px){.bike-detail__badges{inset:10px 10px auto 10px}.bike-detail__badges .product-card__badge{font-size:10px;padding:5px 8px}}

/* Leere Merkmalszeilen erzeugen keinen Platz. Fokusdarstellung kommt zentral aus dem Designsystem. */
.bike-detail__specs:empty{display:none}


/* v27.03 – Detailansicht: Bildfläche besser nutzen und Ausstattung klar gliedern. */
.bike-detail__grid{grid-template-columns:minmax(340px,1.05fr) minmax(340px,.95fr)}
.bike-detail__image>[data-modal-image]{width:100%;height:100%;display:grid;place-items:center}
.bike-detail__image img{display:block;width:100%;height:auto;max-height:560px;padding:8px}
.bike-detail__description{margin-bottom:20px}
.bike-detail__equipment{margin:0 0 20px;padding:16px 0 18px;border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}
.bike-detail__equipment[hidden]{display:none}
.bike-detail__equipment h4{margin:0 0 10px;font-size:16px;line-height:1.3;color:var(--color-text);font-weight:800}
.bike-detail__specs{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.bike-detail__specs li{position:relative;padding-left:18px;color:var(--color-text);font-size:14px;line-height:1.45;font-weight:600}
.bike-detail__specs li::before{content:'✓';position:absolute;left:0;top:0;color:var(--color-primary-active);font-weight:900}
.bike-detail__price{border-top:0;padding-top:0}
@media(max-width:760px){.bike-detail__grid{grid-template-columns:1fr}.bike-detail__image img{max-height:100%;padding:6px}.bike-detail__equipment{padding:14px 0 16px}.bike-detail__specs li{font-size:14px}}

/* v27.05 – Badges verschwinden weich, bevor sie in den sticky Dialogkopf laufen. */
.bike-detail__badges{transition:opacity .16s ease,transform .16s ease;will-change:opacity,transform}
.bike-detail__badges.is-under-head{opacity:0;transform:translateY(-6px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.bike-detail__badges{transition:none}.bike-detail__badges.is-under-head{transform:none}}