.showroom {
  --sr-gap: 0.75rem;
  --sr-full: 3;
  --sr-peek: 0.3;
  --sr-ratio: 16 / 8.6;
  --sr-horizon: 64%;
  --sr-stand: 13%;
  --sr-name-fs: 1.0625rem;
  --sr-name-lh: 1.25;
}
.showroom.mega {
  padding: 0.5rem;
  overflow: hidden;
  background: var(--metal-sheen), linear-gradient(180deg, rgba(250, 251, 252, .97) 0%, rgba(239, 241, 244, .97) 100%);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .showroom.mega { background: var(--metal-sheen), linear-gradient(180deg, rgba(250, 251, 252, .9) 0%, rgba(236, 238, 241, .9) 100%); }
}
.showroom.mega.is-open { display: flex; flex-direction: column; }
.showroom.mega.is-swap { transition: none; }
.showroom__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--steel-300) transparent;
  border-radius: var(--radius-xl);
}
.showroom__body.has-more {
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 3rem), rgba(0, 0, 0, .2) 100%);
  mask-image: linear-gradient(180deg, #000 calc(100% - 3rem), rgba(0, 0, 0, .2) 100%);
}
html.has-showroom-open { overflow: hidden; scrollbar-gutter: stable; }
.showroom__top { flex: none; padding: 0.125rem; }
.showroom__tabs {
  position: relative;
  isolation: isolate;
  display: flex;
  gap: 2px;
  padding: 4px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  border: 1px solid var(--color-border-hair);
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, rgba(21, 23, 26, .055) 0%, rgba(21, 23, 26, .03) 100%);
  box-shadow: inset 0 1px 2px rgba(21, 23, 26, .06), 0 1px 0 rgba(255, 255, 255, .8);
}
.showroom__tabs::-webkit-scrollbar { display: none; }
.showroom__tab {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.5rem;
  padding: 0 0.875rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-muted);
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  letter-spacing: -0.005em;
  white-space: nowrap;
  transition: color var(--dur-base) var(--ease-out), background-color var(--dur-fast);
}
.showroom__tab:hover { color: var(--color-text); background: rgba(255, 255, 255, .45); }
.showroom__tab[aria-selected="true"] { color: var(--color-text); background: transparent; }
.showroom__tab:focus-visible { outline-offset: -2px; }
.showroom__tab-num,
.showroom__pill-num {
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
  transition: color var(--dur-base);
}
.showroom__tab[aria-selected="true"] .showroom__tab-num { color: var(--color-accent-text); }
.showroom__tab-count {
  display: inline-grid;
  place-items: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 0.3125rem;
  border-radius: var(--radius-pill);
  background: rgba(21, 23, 26, .07);
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
  transition: background-color var(--dur-base), color var(--dur-base);
}
.showroom__tab[aria-selected="true"] .showroom__tab-count { background: var(--graphite-900); color: #fff; }
.showroom__indicator {
  position: absolute;
  z-index: 0;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: var(--sr-ind-w, 0);
  border-radius: var(--radius-pill);
  background: #fff;
  box-shadow: var(--shadow-sm), inset 0 -1px 0 rgba(21, 23, 26, .04);
  transform: translateX(var(--sr-ind-x, 0));
  opacity: 0;
  transition: transform var(--dur-slow) var(--ease-out), width var(--dur-slow) var(--ease-out), opacity var(--dur-fast);
}
.showroom__tabs.is-ready .showroom__indicator { opacity: 1; }
.showroom__tabs:not(.is-ready) .showroom__tab[aria-selected="true"] { background: #fff; box-shadow: var(--shadow-sm); }
.showroom__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.125rem 1.5rem;
  padding: 0.75rem 0.5rem 0.625rem;
}
.showroom__kicker {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}
.showroom__kicker-num { color: var(--color-accent-text); }
.showroom__unit { text-transform: none; }
.showroom__title {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: var(--fw-semibold);
  line-height: 1.18;
  letter-spacing: -0.018em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.showroom__lead { color: var(--color-text-ghost); font-weight: var(--fw-medium); }
.showroom__ctrl { display: flex; grid-column: 2; grid-row: 2; align-items: center; justify-self: end; gap: 0.875rem; }
.showroom__all { grid-column: 2; grid-row: 1; justify-self: end; padding-block: 0.125rem; font-size: 0.875rem; }
.showroom__nav { display: flex; align-items: center; gap: 0.375rem; }
.showroom__count {
  min-width: 6.25rem;
  margin-right: 0.25rem;
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.showroom__count b { color: var(--color-text); font-weight: var(--fw-medium); }
.showroom__family:not(.is-scrollable) .showroom__nav { display: none; }
.showroom-view {
  display: inline-flex;
  flex: none;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--color-border-hair);
  border-radius: var(--radius-pill);
  background: rgba(21, 23, 26, .05);
  box-shadow: inset 0 1px 2px rgba(21, 23, 26, .05);
}
.showroom-view__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  min-height: 2rem;
  padding: 0 0.875rem 0 0.6875rem;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-muted);
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  white-space: nowrap;
  transition: background-color var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-base);
}
.showroom-view__btn .icon { width: 1.0625rem; height: 1.0625rem; }
.showroom-view__btn:hover { color: var(--color-text); background: rgba(255, 255, 255, .55); }
.showroom-view__btn[aria-pressed="true"] { background: #fff; color: var(--color-text); box-shadow: var(--shadow-sm); }
.showroom-view__btn[aria-pressed="true"] .icon { color: var(--red-500); }
.showroom-view__btn:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 1px; }
.showroom__rail { position: relative; }
.showroom__track {
  --sr-basis: calc((100% - var(--sr-full) * var(--sr-gap)) / (var(--sr-full) + var(--sr-peek)));
  display: flex;
  align-items: stretch;
  gap: var(--sr-gap);
  margin: 0;
  padding: 0 0 0.625rem;
  list-style: none;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.showroom__track::-webkit-scrollbar { display: none; }
.showroom__track.is-dragging { scroll-snap-type: none; cursor: grabbing; user-select: none; }
.showroom__track.is-dragging * { pointer-events: none; }
.showroom-tile { flex: 0 0 var(--sr-basis); scroll-snap-align: start; }
.showroom__family.is-scrollable .showroom__track {
  -webkit-mask-image: linear-gradient(90deg, var(--sr-fade-l, #000) 0, #000 2.5rem, #000 calc(100% - 4.5rem), var(--sr-fade-r, rgba(0, 0, 0, .14)) 100%);
  mask-image: linear-gradient(90deg, var(--sr-fade-l, #000) 0, #000 2.5rem, #000 calc(100% - 4.5rem), var(--sr-fade-r, rgba(0, 0, 0, .14)) 100%);
}
.showroom__track.is-scrolled { --sr-fade-l: rgba(0, 0, 0, .14); }
.showroom__track.at-end { --sr-fade-r: #000; }
.showroom__progress {
  position: relative;
  height: 2px;
  margin: 0 0.5rem 0.25rem;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(21, 23, 26, .08);
}
.showroom__progress span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--sr-thumb-x, 0);
  width: var(--sr-thumb-w, 30%);
  border-radius: inherit;
  background: var(--graphite-900);
  opacity: 0;
  transition: left 80ms linear, width var(--dur-base), opacity var(--dur-base);
}
.showroom__family.is-scrollable .showroom__progress span { opacity: 1; }
.showroom[data-view="row"] .is-grid-only { display: none; }
.showroom[data-view="grid"] .showroom__track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: visible;
  scroll-snap-type: none;
  -webkit-mask-image: none;
  mask-image: none;
  padding-bottom: 0.5rem;
}
.showroom[data-view="grid"] .showroom-end,
.showroom[data-view="grid"] .showroom__arrow,
.showroom[data-view="grid"] .showroom__progress { display: none; }
.showroom[data-view="grid"] .showroom__head { position: sticky; top: 0; z-index: 3; transition: background-color var(--dur-fast), box-shadow var(--dur-fast); }
.showroom[data-view="grid"] .showroom__head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 0.875rem;
  background: linear-gradient(180deg, #F9FAFB 0%, rgba(249, 250, 251, 0) 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--dur-fast);
}
.showroom[data-view="grid"] .showroom__body.is-scrolled .showroom__head { background-color: #F9FAFB; box-shadow: 0 1px 0 var(--color-border-hair); }
.showroom[data-view="grid"] .showroom__body.is-scrolled .showroom__head::after { opacity: 1; }
.showroom-tile {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, .66);
  box-shadow: 0 1px 2px rgba(21, 23, 26, .05), 0 12px 26px -20px rgba(21, 23, 26, .32);
  transition: box-shadow var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}
.showroom-tile::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 2px transparent;
  pointer-events: none;
  transition: box-shadow var(--dur-fast);
}
.showroom-tile:has(.showroom-act--go:focus-visible)::after,
.showroom-tile:has(.showroom-photo:focus-visible)::after { box-shadow: inset 0 0 0 2px var(--color-focus); }
.showroom-tile__media {
  position: relative;
  z-index: 0;
  flex: none;
  aspect-ratio: var(--sr-ratio);
  overflow: hidden;
  background:
    radial-gradient(58% 70% at 50% 14%, #FFFFFF 0%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, #F7F8F9 0%, #EDEFF2 calc(var(--sr-horizon) - 0.5%), #D3D7DC var(--sr-horizon), #DFE2E6 calc(var(--sr-horizon) + 8%), #ECEEF1 82%, #F3F4F6 100%);
}
.showroom-tile__media::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: var(--sr-horizon);
  bottom: 0;
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0) 0 11px, rgba(255, 255, 255, .55) 11px 12px);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
  mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
  opacity: 0.55;
  pointer-events: none;
}
.showroom-tile__media::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: calc(var(--sr-stand) - 0.5rem);
  width: calc(min(84%, var(--ar, 2) * 36%) * 0.86);
  height: 1rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(21, 23, 26, .34) 0%, rgba(21, 23, 26, .13) 48%, rgba(21, 23, 26, 0) 74%);
  transform: translateX(-50%);
  transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);
  pointer-events: none;
}
.showroom-tile__img,
.showroom-tile__mirror {
  position: absolute;
  z-index: 1;
  left: 8%;
  width: 84%;
  height: 64%;
  max-width: none;
  object-fit: contain;
  object-position: 50% 100%;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
}
.showroom-tile__img {
  bottom: var(--sr-stand);
  filter: drop-shadow(0 6px 5px rgba(21, 23, 26, .14));
  transition: transform var(--dur-slow) var(--ease-out);
}
.showroom-tile__mirror {
  top: calc(100% - var(--sr-stand));
  transform: scaleY(-1);
  opacity: 0.2;
  -webkit-mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .3) 9%, transparent 22%);
  mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .3) 9%, transparent 22%);
}
.showroom-tile__meta {
  position: absolute;
  z-index: 2;
  top: 0.75rem;
  left: 0.875rem;
  right: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.showroom-tile__idx {
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  font-variant-numeric: tabular-nums;
  transition: color var(--dur-base);
}
.showroom-tile__badge { min-height: 1.25rem; padding: 0 0.4375rem; font-size: 0.625rem; }
.showroom-tile__body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 0.75rem 1rem 0.875rem;
}
.showroom-tile__body::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: 46%;
  height: 2px;
  border-radius: 2px;
  background: var(--redline);
  box-shadow: var(--redline-glow);
  opacity: 0;
  transform: translateX(-50%) scaleX(0.4);
  transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}
.showroom-tile__name {
  margin: 0;
  overflow: hidden;
  font-family: var(--font-display);
  font-size: var(--sr-name-fs);
  font-weight: var(--fw-semibold);
  line-height: var(--sr-name-lh);
  letter-spacing: -0.012em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.showroom-tile__specs {
  display: grid;
  align-content: start;
  min-height: calc(2 * 1.875rem);
  margin: 0.4375rem 0 0;
}
.showroom-spec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  height: 1.875rem;
  border-top: 1px solid var(--color-border);
  line-height: 1.2;
}
.showroom-spec dd,
.showroom-spec__v { order: -1; min-width: 0; margin: 0; overflow: hidden; color: var(--color-text); font-family: var(--font-mono); font-size: 0.8125rem; white-space: nowrap; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.showroom-spec dt,
.showroom-spec__l { flex: none; color: var(--color-text-subtle); font-size: 0.75rem; }
.showroom-tile__actions { display: flex; flex-wrap: nowrap; gap: 0.375rem; margin-top: auto; padding-top: 0.625rem; }
.showroom-act {
  position: static;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.25rem;
  padding: 0 0.25rem 0 0.875rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, .8);
  color: var(--color-text);
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: var(--fw-medium);
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-base);
}
.showroom-act__ic {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--radius-round);
  background: var(--graphite-900);
  color: #fff;
  transition: background-color var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-spring);
}
.showroom-act__ic .icon { width: 0.875rem; height: 0.875rem; }
.showroom-act--go::after { content: ""; position: absolute; z-index: 1; top: -100vh; right: 0; bottom: 0; left: 0; }
.showroom-act--cfg { position: relative; z-index: 2; gap: 0.375rem; padding: 0 0.3125rem 0 0.6875rem; background: transparent; }
.showroom-act__lead { width: 0.9375rem; height: 0.9375rem; color: var(--color-text-muted); transition: color var(--dur-base); }
.showroom-act__hinweis { min-height: 1.375rem; margin-left: 0.125rem; padding: 0 0.4375rem; font-size: 0.625rem; }
.showroom-tile { container-type: inline-size; }
@container (max-width: 19.5rem) {
  .showroom-act__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.showroom-act:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.showroom-act--go:focus-visible { outline: none; }
:is(.showroom-tile--model, .showroom-tile--item):hover,
:is(.showroom-tile--model, .showroom-tile--item):focus-within { background: rgba(255, 255, 255, .9); box-shadow: 0 1px 2px rgba(21, 23, 26, .05), 0 18px 34px -22px rgba(21, 23, 26, .4); }
:is(.showroom-tile--model, .showroom-tile--item):hover .showroom-tile__img,
:is(.showroom-tile--model, .showroom-tile--item):focus-within .showroom-tile__img { transform: translateY(-5px); }
:is(.showroom-tile--model, .showroom-tile--item):hover .showroom-tile__media::after,
:is(.showroom-tile--model, .showroom-tile--item):focus-within .showroom-tile__media::after { opacity: 0.6; transform: translateX(-50%) scaleX(0.94); }
:is(.showroom-tile--model, .showroom-tile--item):hover .showroom-tile__body::before,
:is(.showroom-tile--model, .showroom-tile--item):has(.showroom-act--go:focus-visible) .showroom-tile__body::before { opacity: 1; transform: translateX(-50%) scaleX(1); }
:is(.showroom-tile--model, .showroom-tile--item):hover .showroom-tile__idx,
:is(.showroom-tile--model, .showroom-tile--item):focus-within .showroom-tile__idx { color: var(--color-accent-text); }
:is(.showroom-tile--model, .showroom-tile--item):hover .showroom-act--go,
.showroom-act--go:focus-visible { background: #fff; border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
:is(.showroom-tile--model, .showroom-tile--item):hover .showroom-act--go .showroom-act__ic,
.showroom-act--go:focus-visible .showroom-act__ic { background: var(--red-500); transform: translateX(2px); }
.showroom-act--cfg:hover,
.showroom-act--cfg:focus-visible { background: #fff; border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
.showroom-act--cfg:hover .showroom-act__lead,
.showroom-act--cfg:focus-visible .showroom-act__lead { color: var(--red-500); }
@keyframes showroom-in {
  from { opacity: 0; transform: translateX(1.25rem); }
  to { opacity: 1; transform: none; }
}
.showroom.is-open .showroom__family:not([hidden]) .showroom-tile,
.showroom__family.is-entering .showroom-tile { animation: showroom-in var(--dur-slower) var(--ease-out) both; animation-delay: calc(var(--i, 0) * 50ms); }
.showroom-tile--item .showroom-tile__name {
  display: -webkit-box;
  min-height: calc(2em * var(--sr-name-lh));
  white-space: normal;
  text-wrap: pretty;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.showroom-tile__specs--one { min-height: calc(2 * 1.875rem - var(--sr-name-fs) * var(--sr-name-lh)); }
.showroom-tile__tag {
  display: inline-flex;
  align-items: center;
  min-height: 1.25rem;
  padding: 0 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, .7);
  color: var(--color-text-muted);
  font-family: var(--font-mono);
  font-size: 0.625rem;
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
}
.showroom-tile__media--photo .showroom-tile__meta {
  top: 0.625rem;
  left: 0.625rem;
  right: auto;
  max-width: calc(100% - 1.25rem);
  gap: 0.4375rem;
  padding: 0.25rem 0.625rem 0.25rem 0.5625rem;
  border: 1px solid var(--glass-dark-border);
  border-radius: var(--radius-pill);
  background: rgba(21, 23, 26, .6);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .showroom-tile__media--photo .showroom-tile__meta { background: rgba(21, 23, 26, .52); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
}
.showroom-tile__media--photo .showroom-tile__idx { color: var(--steel-300); }
.showroom-tile__media--photo .showroom-tile__tag { min-height: 0; padding: 0; overflow: hidden; border: 0; background: none; color: #fff; text-overflow: ellipsis; }
:is(.showroom-tile--item):hover .showroom-tile__media--photo .showroom-tile__idx,
:is(.showroom-tile--item):focus-within .showroom-tile__media--photo .showroom-tile__idx { color: var(--red-300); }
.showroom-tile__media--photo { background: var(--graphite-800); }
.showroom-tile__media--photo::before,
.showroom-tile__media--photo::after { content: none; }
.showroom-tile__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  transition: transform var(--dur-reveal) var(--ease-out);
}
.showroom-tile--item:hover .showroom-tile__photo,
.showroom-tile--item:focus-within .showroom-tile__photo { transform: scale(1.04); }
.showroom-tile__play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: var(--radius-round);
  background: rgba(21, 23, 26, .5);
  color: #fff;
  transform: translate(-50%, -50%);
  transition: background-color var(--dur-base) var(--ease-out), border-color var(--dur-base), transform var(--dur-slow) var(--ease-spring);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .showroom-tile__play { background: rgba(21, 23, 26, .38); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
}
.showroom-tile__play .icon { width: 1.125rem; height: 1.125rem; margin-left: 2px; fill: currentColor; }
.showroom-tile--item:hover .showroom-tile__play,
.showroom-tile--item:has(.showroom-act--go:focus-visible) .showroom-tile__play { border-color: var(--red-500); background: var(--red-500); transform: translate(-50%, -50%) scale(1.06); }
.showroom-object {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: var(--sr-stand);
  display: block;
  transform: translateX(-50%);
  transition: transform var(--dur-slow) var(--ease-out);
  -webkit-box-reflect: below 1px linear-gradient(transparent 70%, rgba(255, 255, 255, .26));
}
.showroom-object__plate {
  display: grid;
  place-items: center;
  width: clamp(3.75rem, 25cqi, 5.75rem);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 28%;
  background: radial-gradient(90% 70% at 30% 18%, #FFFFFF 0%, rgba(255, 255, 255, 0) 60%), linear-gradient(160deg, #FBFBFC 0%, #ECEEF1 48%, #D6DADF 100%);
  box-shadow: inset 0 1px 0 #fff, inset 0 -3px 6px rgba(21, 23, 26, .07), 0 1px 1px rgba(21, 23, 26, .08), 0 12px 20px -12px rgba(21, 23, 26, .42);
  color: var(--graphite-900);
}
.showroom-object__plate .icon { width: 44%; height: 44%; stroke-width: 1.5; }
.showroom-object--doc { width: clamp(3.5rem, 21cqi, 5rem); -webkit-box-reflect: below 1px linear-gradient(transparent 78%, rgba(255, 255, 255, .22)); }
.showroom-object__sheet {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 3 / 4;
  padding: 0.4375rem 0.4375rem 0.375rem;
  overflow: hidden;
  border: 1px solid rgba(21, 23, 26, .1);
  border-radius: 3px 14px 3px 3px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4F5F7 100%);
  box-shadow: inset 0 1px 0 #fff, 0 1px 1px rgba(21, 23, 26, .06), 0 12px 20px -12px rgba(21, 23, 26, .4);
  color: var(--graphite-900);
}
.showroom-object__sheet::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 26%;
  aspect-ratio: 1;
  border-bottom-left-radius: 4px;
  background: linear-gradient(225deg, var(--steel-100, #E9EBEE) 50%, #DCE0E4 50%);
  box-shadow: -1px 1px 2px rgba(21, 23, 26, .08);
}
.showroom-object__type { align-self: stretch; padding-top: 0.25rem; overflow: hidden; border-top: 1px solid var(--color-border); color: var(--color-text-subtle); font-family: var(--font-mono); font-size: 0.5rem; letter-spacing: 0.06em; text-align: center; text-transform: uppercase; white-space: nowrap; }
.showroom-object__sheet .icon { align-self: center; width: 40%; height: auto; aspect-ratio: 1; stroke-width: 1.5; }
.showroom-object__pdf { align-self: flex-start; padding: 0.0625rem 0.3125rem; border-radius: 3px; background: var(--graphite-900); color: #fff; font-family: var(--font-mono); font-size: 0.5rem; letter-spacing: 0.06em; line-height: 1.35; }
.showroom-object--stack::before,
.showroom-object--stack::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid rgba(21, 23, 26, .09);
  border-radius: 3px 14px 3px 3px;
  background: linear-gradient(180deg, #F7F8F9 0%, #E7EAED 100%);
  box-shadow: 0 8px 14px -10px rgba(21, 23, 26, .35);
}
.showroom-object--stack::before { transform: translate(-16%, 3%) rotate(-7deg); }
.showroom-object--stack::after { transform: translate(14%, 1%) rotate(6deg); }
.showroom-tile--item:hover .showroom-object,
.showroom-tile--item:focus-within .showroom-object { transform: translate(-50%, -5px); }
.showroom-tile--photo { background: var(--graphite-800); border-color: rgba(255, 255, 255, .5); }
.showroom-photo {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 0.5rem;
  color: #fff;
  text-decoration: none;
}
.showroom-photo__img {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--dur-reveal) var(--ease-out);
  -webkit-user-drag: none;
}
.showroom-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(15, 17, 19, 0) 40%, rgba(15, 17, 19, .38) 100%);
}
.showroom-photo__glass {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.6875rem 0.625rem 0.6875rem 0.9375rem;
  border: 1px solid var(--glass-dark-border);
  border-radius: calc(var(--radius-lg) - 0.5rem);
  background: var(--glass-dark-sheen), var(--glass-dark-bg-fallback);
  box-shadow: var(--glass-dark-inner), 0 10px 24px -14px rgba(0, 0, 0, .5);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .showroom-photo__glass { background: var(--glass-dark-sheen), rgba(21, 23, 26, .5); -webkit-backdrop-filter: blur(18px) saturate(110%); backdrop-filter: blur(18px) saturate(110%); }
}
.showroom-photo__kicker {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--glass-dark-border);
  border-radius: var(--radius-pill);
  background: rgba(21, 23, 26, .55);
  color: #fff;
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .showroom-photo__kicker { background: rgba(21, 23, 26, .52); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
}
.showroom-photo__text { display: grid; flex: 1 1 auto; gap: 0.125rem; min-width: 0; }
.showroom-photo__title { font-family: var(--font-display); font-size: 0.9375rem; font-weight: var(--fw-semibold); line-height: 1.25; }
.showroom-photo__cap { display: -webkit-box; overflow: hidden; color: var(--steel-300); font-size: 0.75rem; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.showroom-photo__glass .btn-round { --size: 2.25rem; flex: none; transition: background-color var(--dur-base), transform var(--dur-slow) var(--ease-spring); }
.showroom-photo:hover .showroom-photo__img { transform: scale(1.04); }
.showroom-photo:hover .btn-round,
.showroom-photo:focus-visible .btn-round { background: var(--red-500); border-color: var(--red-500); color: #fff; transform: translateX(2px); }
.showroom-photo:focus-visible { outline: none; }
.showroom-tile--intro { background: var(--surface-graphite); border-color: rgba(255, 255, 255, .08); box-shadow: 0 12px 26px -18px rgba(15, 17, 19, .55); }
.showroom-intro {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 1rem 1.125rem 1.125rem;
  color: var(--steel-50);
  background: var(--pattern-prism-dark);
}
.showroom-intro::after {
  content: "";
  position: absolute;
  left: 1.125rem;
  right: 1.125rem;
  bottom: 0;
  height: 2px;
  background: var(--redline);
  box-shadow: var(--redline-glow);
  opacity: 0.85;
}
.showroom-intro__kicker { margin: 0; color: var(--steel-400); font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.showroom-intro__num { color: var(--red-300); }
.showroom-intro__value {
  margin: auto 0 0;
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 1.2rem + 1.6vw, 3.25rem);
  font-weight: var(--fw-thin);
  line-height: 1;
  letter-spacing: var(--tracking-num);
  white-space: nowrap;
  background: var(--ink-metal);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.showroom-intro__unit { margin-left: 0.25em; font-size: 0.5em; font-weight: var(--fw-light); letter-spacing: 0; }
.showroom-intro__label { margin: 0.375rem 0 0; color: var(--steel-400); font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.showroom-intro__title { margin: auto 0 0; font-family: var(--font-display); font-size: 1.125rem; font-weight: var(--fw-semibold); line-height: 1.2; letter-spacing: -0.012em; }
.showroom-intro__text { margin: 0.375rem 0 0; color: var(--steel-300); font-size: 0.875rem; line-height: 1.45; }
.showroom-intro__count { margin: 0.75rem 0 0; color: var(--steel-400); font-family: var(--font-mono); font-size: 0.75rem; }
.showroom-intro__ic { display: inline-block; width: 0.875rem; height: 0.875rem; margin-right: 0.4375rem; vertical-align: -0.125rem; color: var(--steel-300); }
.showroom-hotline {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  margin: auto 0 0;
  border-radius: var(--radius-sm);
  color: inherit;
  text-decoration: none;
}
.showroom-hotline__pre { color: var(--steel-300); font-family: var(--font-mono); font-size: 0.8125rem; letter-spacing: 0.04em; }
.showroom-hotline .showroom-intro__value { margin: 0.125rem 0 0; transition: filter var(--dur-fast); }
.showroom-hotline:hover .showroom-intro__value { filter: brightness(1.18); }
.showroom-hotline:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.showroom-tile--hotline .showroom-intro__text { margin-top: 0.625rem; }
.showroom-hotline__links { display: flex; flex-wrap: wrap; gap: 0.375rem; margin: auto 0 0; padding: 0; list-style: none; }
.showroom-hotline__links a {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  min-height: 2.25rem;
  padding: 0 0.75rem 0 0.5625rem;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, .05);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: var(--fw-medium);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--dur-fast), border-color var(--dur-fast);
}
.showroom-hotline__links .icon { width: 0.9375rem; height: 0.9375rem; color: var(--steel-300); }
.showroom-hotline__links a:hover { border-color: rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .11); }
.showroom-hotline__links a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.showroom-tile--heritage .showroom-intro__title { margin-top: auto; }
.showroom-intro__actions { margin-top: 0.875rem; }
.showroom-act--on-dark { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .06); color: #fff; }
.showroom-act--on-dark .showroom-act__ic { background: #fff; color: var(--graphite-900); }
.showroom-tile--feature:hover .showroom-act--on-dark,
.showroom-act--on-dark:focus-visible { border-color: rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .12); box-shadow: none; }
.showroom-tile--feature:hover .showroom-act--on-dark .showroom-act__ic,
.showroom-act--on-dark:focus-visible .showroom-act__ic { background: var(--red-500); color: #fff; transform: translateX(2px); }
.showroom-tile--feature { transition: box-shadow var(--dur-slow) var(--ease-out); }
.showroom-tile--feature:hover { box-shadow: 0 18px 34px -20px rgba(15, 17, 19, .7); }
.showroom-tile--feature:has(.showroom-act--go:focus-visible)::after { box-shadow: inset 0 0 0 2px #fff; }
.showroom-end {
  flex: 0 0 calc((100% - var(--sr-full) * var(--sr-gap)) * var(--sr-peek) / (var(--sr-full) + var(--sr-peek)));
  min-width: 0;
  scroll-snap-align: end;
}
.showroom-end__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: 100%;
  padding: 1.125rem 0.5rem 1rem;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .22) 100%);
  box-shadow: inset 0 0 0 1px rgba(21, 23, 26, .04);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: background-color var(--dur-fast), color var(--dur-fast);
}
.showroom-end__label {
  overflow: hidden;
  max-height: 100%;
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.showroom-end__link .btn-round { --size: 2.25rem; flex: none; transition: background-color var(--dur-base), transform var(--dur-slow) var(--ease-spring); }
.showroom-end__link:hover { background: rgba(255, 255, 255, .7); color: var(--color-text); }
.showroom-end__link:hover .btn-round { background: var(--red-500); transform: translateX(2px); }
.showroom__bar {
  display: flex;
  flex: none;
  align-items: center;
  gap: 0.75rem 1.5rem;
  padding: 0.5rem 0.5rem 0.125rem;
}
.showroom__bar-actions,
.showroom__bar-links { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.showroom__bar-actions { gap: 0.5rem; }
.showroom__bar-links { gap: 0.5rem 1.375rem; margin-left: auto; }
.showroom__bar-links li { display: flex; }
.showroom__bar-links .btn--link { font-size: 0.875rem; }
.showroom__bar-links .btn--link .icon { flex: none; }
.showroom__ql--2, .showroom__ql--tel { display: none !important; }
@media (min-width: 1440px) { .showroom__ql--2 { display: flex !important; } }
@media (min-width: 1680px) { .showroom__ql--tel { display: flex !important; } }
.showroom-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0 1rem 0 0.375rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: #fff;
  box-shadow: var(--shadow-xs);
  color: var(--color-text);
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  white-space: nowrap;
  text-decoration: none;
  transition: box-shadow var(--dur-base), border-color var(--dur-fast);
}
.showroom-pill__ic {
  display: grid;
  flex: none;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-round);
  background: var(--graphite-900);
  color: #fff;
  transition: background-color var(--dur-base) var(--ease-out);
}
.showroom-pill__ic .icon { width: 1rem; height: 1rem; }
.showroom-pill .chip--hinweis { margin-left: -0.125rem; }
.showroom-pill:hover { border-color: var(--color-border-strong); box-shadow: var(--shadow-sm); }
.showroom-pill:hover .showroom-pill__ic,
.showroom-pill:focus-visible .showroom-pill__ic { background: var(--red-500); }
.showroom-pill--dark { background: linear-gradient(180deg, var(--graphite-600) 0%, var(--graphite-900) 100%); border-color: var(--graphite-900); color: #fff; box-shadow: var(--shadow-dark-btn); }
.showroom-pill--dark .showroom-pill__ic { background: #fff; color: var(--red-500); }
.showroom-pill--dark .chip--hinweis { border-color: rgba(255, 255, 255, .45); color: var(--steel-300); }
.showroom-pill--dark:hover { border-color: var(--graphite-900); box-shadow: var(--shadow-dark-btn), 0 10px 22px -12px rgba(15, 17, 19, .6); }
.showroom-pill--dark:hover .showroom-pill__ic { background: #fff; }
.showroom__origin {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0 0.5rem 0 1.375rem;
  border-left: 1px solid var(--color-border);
  color: var(--color-text);
  text-decoration: none;
}
.showroom__bar-actions + .showroom__origin { margin-left: auto; }
.showroom__origin-year {
  font-family: var(--font-display);
  font-size: 1.625rem;
  font-weight: var(--fw-thin);
  line-height: 1;
  letter-spacing: var(--tracking-num);
  color: var(--red-500);
}
.showroom__origin-text {
  color: var(--color-text-subtle);
  font-family: var(--font-mono);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  transition: color var(--dur-fast);
}
.showroom__origin:hover .showroom__origin-text { color: var(--color-text); }
.showroom__origin:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; border-radius: var(--radius-sm); }
@media (min-width: 1680px) {
  .showroom { --sr-gap: 1rem; --sr-name-fs: 1.125rem; }
}
@media (min-width: 1024px) and (max-width: 1359.98px) {
  .showroom__tab { gap: 0.3125rem; padding: 0 0.5rem; }
  .showroom__head { column-gap: 1.125rem; }
  .showroom__ctrl { gap: 0.75rem; }
  .showroom__title { font-size: 1.1875rem; }
  .showroom__lead { color: var(--color-text-muted); }
  .showroom__count { min-width: 5.75rem; margin-right: 0; }
  .showroom-view__btn { padding: 0 0.75rem 0 0.5625rem; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .showroom__tab { padding: 0 0.4375rem; font-size: 0.875rem; }
  .showroom__tab-num { display: none; }
  .showroom__lead { display: none; }
  .showroom__count { min-width: 0; }
  .showroom { --sr-name-fs: 0.9375rem; }
  .showroom-tile__body { padding: 0.75rem 0.75rem 0.875rem; }
  .showroom-spec__l { display: none; }
  .showroom-spec dt { display: none; }
  .showroom__bar-links { display: none; }
  .showroom__bar-wide { display: none; }
  .showroom-pill { padding-right: 0.875rem; }
}
@media (min-width: 1024px) and (max-width: 1179.98px) {
  .showroom-view__btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .showroom-view__btn { padding: 0 0.625rem; }
}
@media (min-width: 1024px) and (max-height: 760px) {
  .showroom { --sr-ratio: 16 / 8; }
  .showroom__head { padding-top: 0.75rem; padding-bottom: 0.625rem; }
}
.showroom--mobile {
  --sr-gap: 0.625rem;
  --sr-full: 1;
  --sr-peek: 0.24;
  display: block;
  padding-bottom: var(--space-5);
}
.showroom__pills {
  display: flex;
  gap: 0.375rem;
  margin: 0 calc(var(--gutter) * -1);
  padding: 0.125rem var(--gutter) 0.375rem;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-padding-inline: var(--gutter);
  scrollbar-width: none;
}
.showroom__pills::-webkit-scrollbar { display: none; }
.showroom__pill {
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 0.4375rem;
  min-height: 2.75rem;
  padding: 0 0.5rem 0 0.875rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: #fff;
  color: var(--color-text);
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  white-space: nowrap;
  transition: background-color var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);
}
.showroom__pill-count {
  display: inline-grid;
  place-items: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.375rem;
  border-radius: var(--radius-pill);
  background: rgba(21, 23, 26, .07);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
}
.showroom__pill[aria-selected="true"] { background: var(--graphite-900); border-color: var(--graphite-900); color: #fff; }
.showroom__pill[aria-selected="true"] .showroom__pill-num { color: var(--red-400); }
.showroom__pill[aria-selected="true"] .showroom__pill-count { background: rgba(255, 255, 255, .16); }
.showroom--mobile .showroom__family { padding-top: 0.75rem; }
.showroom__mlead { margin: 0 0 0.875rem; color: var(--color-text-muted); font-size: 0.9375rem; line-height: 1.45; }
.showroom__mlead .showroom__kicker { display: block; margin-bottom: 0.25rem; }
.showroom--mobile .showroom__rail { margin: 0 calc(var(--gutter) * -1); }
.showroom--mobile .showroom__track {
  padding: 0 var(--gutter) 0.75rem;
  scroll-padding-inline: var(--gutter);
  -webkit-mask-image: none;
  mask-image: none;
}
.showroom--mobile .showroom__progress { margin: 0 var(--gutter); }
.showroom--mobile { --sr-name-fs: min(1.0625rem, 5.7cqi); }
.showroom--mobile .showroom-tile__body { padding: 0.875rem 0.875rem 0.875rem 1rem; }
.showroom--mobile .showroom-act { min-height: 2.75rem; }
.showroom--mobile .showroom-act__ic { width: 2.125rem; height: 2.125rem; }
.showroom--mobile .showroom-end__label { font-size: 0.625rem; }
.showroom__mfoot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 0.625rem; }
.showroom__mfoot .showroom__count { min-width: 0; text-align: left; }
.showroom--mobile .showroom-view__btn { min-height: 2.5rem; }
.showroom__mall { margin: 0.875rem 0 0; }
.showroom-pill--block { display: flex; width: 100%; min-height: 3rem; margin-top: 1.25rem; font-size: 0.9375rem; }
.showroom--mobile[data-view="grid"] .showroom__track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: 1fr;
  gap: 0.5rem;
  padding-bottom: 0.25rem;
}
.showroom--mobile[data-view="grid"] .showroom-tile--photo,
.showroom--mobile[data-view="grid"] .showroom-tile--intro:not(.showroom-tile--feature),
.showroom--mobile[data-view="grid"] .showroom-tile.is-grid-only { display: none; }
.showroom--mobile[data-view="grid"] :is(.showroom-tile--model, .showroom-tile--item) {
  flex-direction: row;
  align-items: center;
  min-height: 5.5rem;
  animation: none;
}
.showroom--mobile[data-view="grid"] .showroom-tile__media { width: 6.75rem; align-self: stretch; aspect-ratio: auto; min-height: 4.75rem; }
.showroom--mobile[data-view="grid"] .showroom-tile__meta { top: 0.375rem; left: 0.5rem; }
.showroom--mobile[data-view="grid"] .showroom-tile__badge,
.showroom--mobile[data-view="grid"] .showroom-tile__tag { display: none; }
.showroom--mobile[data-view="grid"] .showroom-tile__media--photo .showroom-tile__meta { top: 0.375rem; left: 0.375rem; gap: 0; padding: 0.0625rem 0.375rem; }
.showroom--mobile[data-view="grid"] .showroom-tile__img { height: 62%; }
.showroom--mobile[data-view="grid"] .showroom-object__plate { width: 2.75rem; }
.showroom--mobile[data-view="grid"] .showroom-object--doc { width: 2.125rem; }
.showroom--mobile[data-view="grid"] .showroom-object { bottom: 16%; -webkit-box-reflect: none; }
.showroom--mobile[data-view="grid"] .showroom-object__type,
.showroom--mobile[data-view="grid"] .showroom-object__pdf { display: none; }
.showroom--mobile[data-view="grid"] .showroom-object__sheet { justify-content: center; }
.showroom--mobile[data-view="grid"] .showroom-tile__play { width: 2rem; height: 2rem; }
.showroom--mobile[data-view="grid"] .showroom-tile__play .icon { width: 0.875rem; height: 0.875rem; }
.showroom--mobile[data-view="grid"] .showroom-tile__body {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 0.5rem;
  min-width: 0;
  padding: 0.5rem 0.625rem 0.5rem 0.875rem;
}
.showroom--mobile[data-view="grid"] .showroom-tile__body::before { display: none; }
.showroom--mobile[data-view="grid"] .showroom-tile__name { grid-column: 1; grid-row: 1; display: -webkit-box; min-height: 0; font-size: 0.9375rem; white-space: normal; text-wrap: pretty; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.showroom--mobile[data-view="grid"] .showroom-tile__specs { grid-column: 1; grid-row: 2; min-width: 0; min-height: 0; margin-top: 0.125rem; }
.showroom--mobile[data-view="grid"] .showroom-spec { min-width: 0; height: auto; min-height: 0; padding: 0; border: 0; }
.showroom--mobile[data-view="grid"] .showroom-spec + .showroom-spec,
.showroom--mobile[data-view="grid"] .showroom-spec dt,
.showroom--mobile[data-view="grid"] .showroom-spec__l { display: none; }
.showroom--mobile[data-view="grid"] :is(.showroom-spec dd, .showroom-spec__v) { color: var(--color-text-subtle); font-size: 0.75rem; }
.showroom--mobile[data-view="grid"] .showroom-tile__actions { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin: 0; padding: 0; }
.showroom--mobile[data-view="grid"] .showroom-act--go { min-height: 2.75rem; padding: 0; border: 0; background: none; box-shadow: none; }
.showroom--mobile[data-view="grid"] .showroom-act--go > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.showroom--mobile[data-view="grid"] .showroom-act--cfg { display: none; }
.showroom--mobile[data-view="grid"] .showroom-tile--feature { min-height: 5.5rem; animation: none; }
.showroom--mobile[data-view="grid"] .showroom-tile--feature .showroom-intro {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 0.75rem;
  height: 100%;
  padding: 0.625rem 0.875rem 0.625rem 1rem;
}
.showroom--mobile[data-view="grid"] .showroom-tile--feature .showroom-intro::after,
.showroom--mobile[data-view="grid"] .showroom-tile--feature :is(.showroom-intro__label, .showroom-intro__title, .showroom-intro__text, .showroom-hotline__links) { display: none; }
.showroom--mobile[data-view="grid"] .showroom-tile--feature .showroom-intro__kicker { grid-column: 1; grid-row: 1; }
.showroom--mobile[data-view="grid"] .showroom-tile--feature :is(.showroom-intro__value, .showroom-hotline) { grid-column: 1; grid-row: 2; margin: 0.125rem 0 0; }
.showroom--mobile[data-view="grid"] .showroom-tile--feature .showroom-intro__value { font-size: 1.75rem; }
.showroom--mobile[data-view="grid"] .showroom-hotline { flex-direction: row; align-items: baseline; gap: 0.375rem; }
.showroom--mobile[data-view="grid"] .showroom-hotline::after { content: ""; position: absolute; inset: 0; }
.showroom--mobile[data-view="grid"] .showroom-tile--feature .showroom-intro__actions { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin: 0; }
.showroom--mobile[data-view="grid"] .showroom-act--on-dark { min-height: 2.75rem; padding: 0; border: 0; background: none; }
.showroom--mobile[data-view="grid"] .showroom-act--on-dark > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  .showroom-tile { animation: none !important; }
  :is(.showroom-tile--model, .showroom-tile--item):hover .showroom-tile__img,
  :is(.showroom-tile--model, .showroom-tile--item):focus-within .showroom-tile__img,
  .showroom-tile--item:is(:hover, :focus-within) .showroom-tile__photo,
  .showroom-photo:hover .showroom-photo__img { transform: none; }
  .showroom-tile--item:is(:hover, :focus-within) .showroom-object { transform: translateX(-50%); }
  .showroom__indicator, .showroom__progress span { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .showroom.mega { background: var(--metal-sheen), linear-gradient(180deg, #FAFBFC 0%, #EFF1F4 100%); }
  .showroom-photo__glass { background: var(--graphite-900); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .showroom-tile__media--photo .showroom-tile__meta,
  .showroom-tile__play { background: var(--graphite-900); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) {
  .showroom-tile__mirror, .showroom-tile__media::before, .showroom-tile__media::after { display: none; }
  .showroom-object { -webkit-box-reflect: none; }
  .showroom-object__plate, .showroom-object__sheet, .showroom-tile__tag, .showroom-hotline__links a { border: 1px solid CanvasText; }
  .showroom-tile, .showroom-end__link { border: 1px solid CanvasText; }
  .showroom__tab[aria-selected="true"], .showroom__pill[aria-selected="true"], .showroom-view__btn[aria-pressed="true"] { outline: 2px solid CanvasText; }
  .showroom__progress span { background: CanvasText; }
}