/* GENERATED by build_schuco_css.py — do not edit.
   Re-scoped copies of the ID-scoped rules in pages/test-as-fd-75.css
   (#page-test-as-fd-75 -> .tp-page-listing, #page-as-fd-75 -> .tp-page-detail)
   so the Schüco rollout prototypes inherit the approved layout exactly.
   Source file is untouched. */

.tp-page-listing {
  background: var(--color-bg);
}
.tp-page-detail {
  background: var(--color-bg);
}
.tp-page-listing .btn-accent,
.tp-page-detail .btn-accent {
  background: var(--color-accent-active, #664E2E);
  color: #F8F7F4;
}
.tp-page-listing .btn-accent:hover,
.tp-page-detail .btn-accent:hover {
  background: var(--color-accent-hover, #7A5E38);
  color: #F8F7F4;
}
[data-theme='dark'] .tp-page-listing .btn-accent,
[data-theme='dark'] .tp-page-detail .btn-accent,
[data-theme='dark'] .tp-page-listing .btn-accent:hover,
[data-theme='dark'] .tp-page-detail .btn-accent:hover,
[data-theme='dark'] .tp-page-listing .btn-primary,
[data-theme='dark'] .tp-page-detail .btn-primary,
[data-theme='dark'] .tp-page-listing .btn-primary:hover,
[data-theme='dark'] .tp-page-detail .btn-primary:hover {
  background: #7A5E38;
  color: #F8F7F4;
}
.tp-page-listing .tp-card-title {
  font-size: clamp(1.3rem, 2.05vw, 1.85rem);
}
.tp-page-listing .tp-card-head {
  align-items: center;
}
.tp-page-listing .tp-card-ident {
  flex: 1 1 auto; min-width: 0;
}
@media (max-width: 700px) {
  .tp-page-listing .tp-card-title {
    font-size: 1.35rem;
  }
}
.tp-page-listing .tp-card-title,
.tp-page-listing .tp-cat-title,
.tp-page-detail .tp-title,
.tp-page-detail .tp-hero-title,
.tp-page-detail h1,
.tp-page-detail h2,
.tp-page-detail h3,
.tp-page-listing h1,
.tp-page-listing h2,
.tp-page-listing h3 {
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1, "onum" 0;
  font-variant-position: normal;
  vertical-align: baseline;
}
.tp-page-listing .tp-card-title a {
  vertical-align: baseline; font: inherit;
}
@media (max-width: 400px) {
  .tp-page-detail .tp-tech-table {
    table-layout: fixed; width: 100%;
  }
  .tp-page-detail .tp-tech-table th {
    width: 54%; padding-right: var(--space-3);
  }
  .tp-page-detail .tp-tech-table th,
.tp-page-detail .tp-tech-table td {
    font-size: 0.74rem; overflow-wrap: break-word;
  }
}
.tp-page-listing .tp-card-head {
  gap: var(--space-3) var(--space-4);
}
@media (max-width: 700px) {
  .tp-page-listing .tp-card-head {
    flex-direction: column; align-items: flex-start;
  }
}
.tp-page-detail .tp-prod-hero {
  padding-top: 0;
  min-height: 0;
  align-items: flex-end;
  width: 100%;
  height: clamp(360px, 34vw, 520px);
  background: #141210;
}
.tp-page-detail .tp-prod-hero .page-hero-bg img,
.tp-page-detail .tp-prod-hero .page-hero-bg picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
  display: block;
}
.tp-page-detail .tp-prod-hero-wash {
  background: linear-gradient(to top,
  rgba(20, 18, 16, 0.76) 0px,
  rgba(20, 18, 16, 0.70) 110px,
  rgba(20, 18, 16, 0.62) 200px,
  rgba(20, 18, 16, 0.34) 245px,
  rgba(20, 18, 16, 0.09) 295px,
  rgba(20, 18, 16, 0.04) 100%);
}
.tp-page-detail .tp-prod-hero-content {
  padding: var(--space-10) clamp(var(--space-6), 5vw, var(--space-16)) var(--space-8);
  width: 100%;
}
.tp-page-detail .tp-sch-logo--onhero {
  filter: none;
  opacity: 0.95;
  margin-bottom: var(--space-3);
}
[data-theme='dark'] .tp-page-detail .tp-sch-logo--onhero {
  opacity: 0.95;
}
.tp-page-detail .tp-prod-hero-eyebrow {
  margin: 0 0 var(--space-2);
  font-family: var(--font-body);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.95);
}
.tp-page-detail .tp-prod-hero-title {
  margin: 0;
  color: #FFFFFF;
  font-weight: 400;
  font-size: clamp(1.5rem, 0.9rem + 2.6vw, 3.1rem);
  line-height: 1.08;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1, "onum" 0;
}
.tp-page-detail .tp-prod-hero-lead {
  margin: var(--space-4) 0 0;
  max-width: 52ch;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
}
@media (max-width: 860px) {
  .tp-page-detail .tp-prod-hero {
    height: clamp(300px, 46vw, 400px);
  }
  .tp-page-detail .tp-prod-hero-content {
    padding-block: var(--space-8) var(--space-6);
  }
}
@media (max-width: 480px) {
  .tp-page-detail .tp-prod-hero {
    height: 300px;
  }
  .tp-page-detail .tp-prod-hero-lead {
    font-size: 0.92rem; max-width: none;
  }
}
.tp-page-detail .tp-prod-head {
  padding-block: var(--space-8) var(--space-6);
}
.tp-page-detail .tp-prod-head-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-5) var(--space-8);
}
.tp-page-detail .tp-prod-head-inner .tp-overview {
  flex: 1 1 46ch; min-width: 0;
}
.tp-page-listing .tp-panel--overview,
.tp-page-listing .tp-panel--caps {
  display: block;
}
.tp-page-listing .tp-overview-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  align-items: center;
}
@media (min-width: 861px) {
  .tp-page-listing .tp-overview-row {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--space-8);
    align-items: center;
  }
  .tp-page-listing .tp-awards--beside {
    padding: 0 0 0 var(--space-8);
    border-top: 0;
    border-left: 1px solid var(--color-divider);
    justify-content: flex-end;
  }
}
.tp-page-listing .tp-awards--beside {
  margin: 0;
  flex-wrap: nowrap;
  gap: var(--space-3);
}
.tp-page-listing .tp-awards--beside .tp-award img {
  max-width: 64px;
  height: 38px;
}
@media (max-width: 860px) {
  .tp-page-listing .tp-awards--beside {
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-divider);
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.tp-page-listing .tp-panel--caps {
  margin-top: var(--space-6);
}
.tp-page-listing .tp-panel--caps > .tp-caps-grid {
  margin: 0;
  padding: 0;
  border-top: 0;
  border-left: 0;
}
.tp-page-listing .tp-panel--caps > .tp-caps-note {
  margin: var(--space-4) 0 0;
}
@media (min-width: 1101px) {
  .tp-page-listing .tp-panel--caps > .tp-caps-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: var(--space-2);
  }
  .tp-page-listing .tp-panel--caps > .tp-caps-grid > .tp-cap {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 10px;
    grid-column: auto;
  }
}
@media (min-width: 1101px) {
  .tp-page-listing .tp-overview-row .tp-overview-text {
    max-width: 72ch;
  }
}
@media (min-width: 1101px) {
  .tp-page-listing .tp-panel--caps .tp-cap-name {
    font-size: 0.55rem;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 1101px) {
  .tp-page-listing .tp-overview-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.55fr);
  }
  .tp-page-listing .tp-awards--beside {
    justify-content: center;
  }
  .tp-page-listing .tp-overview-row .tp-overview-text {
    max-width: none;
  }
}
@media (min-width: 1101px) {
  .tp-page-listing .tp-panel--caps > .tp-caps-grid > .tp-cap {
    padding: 10px 8px;
  }
  .tp-page-listing .tp-panel--caps .tp-cap-name {
    font-size: 0.53rem;
    letter-spacing: 0.05em;
  }
}
.tp-page-listing .tp-awards--beside .tp-award img {
  max-width: 102px;
  height: 54px;
  padding: 0;
}
@media (min-width: 1136px) {
  .tp-page-listing .tp-awards--beside .tp-award img {
    max-width: 106px; height: 56px;
  }
}
@media (min-width: 861px) and (max-width: 1100px) {
  .tp-page-listing .tp-awards--beside .tp-award img {
    max-width: 102px; height: 54px;
  }
}
@media (max-width: 860px) {
  .tp-page-listing .tp-awards--beside .tp-award img {
    max-width: 98px; height: 52px;
  }
}
@media (max-width: 460px) {
  .tp-page-listing .tp-awards--beside .tp-award img {
    max-width: 87px; height: 46px;
  }
}
@media (max-width: 360px) {
  .tp-page-listing .tp-awards--beside {
    gap: 4px;
  }
  .tp-page-listing .tp-awards--beside .tp-award img {
    max-width: 76px; height: 40px;
  }
}
.tp-page-detail .tp-prod-head {
  padding-block: var(--space-10) var(--space-8);
}
.tp-page-detail .tp-prod-head-inner .tp-overview {
  flex: 1 1 62ch;
}
.tp-page-detail .tp-overview--lg .tp-overview-text {
  max-width: 78ch; line-height: 1.72;
}
.tp-page-detail .tp-crumbband {
  padding-block: var(--space-6) var(--space-2);
}
.tp-page-detail .tp-crumbband-path {
  margin: 0;
  max-width: none;
  color: var(--color-text-muted);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--space-2);
}
.tp-page-detail .tp-crumbband-path a {
  color: var(--tp-accent-ink); text-decoration: none;
}
.tp-page-detail .tp-crumbband-path a:hover {
  text-decoration: underline; text-underline-offset: 3px;
}
.tp-page-detail .tp-crumbband-path a:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
  border-radius: 2px;
}
.tp-page-detail .tp-crumb-sep {
  color: var(--color-text-muted);
}
.tp-page-detail .tp-crumb-current {
  color: var(--color-text);
}
.tp-page-detail .tp-prod-head {
  padding-block: var(--space-6) var(--space-8);
}
@media (max-width: 480px) {
  .tp-page-detail .tp-crumbband {
    padding-block: var(--space-5) var(--space-1);
  }
}