@import url("../homefile/AlibabaPuHuiTi-3-55-Regular/result.css");
@import url("../homefile/AlibabaPuHuiTi-3-75-SemiBold/result.css");
@import url("../homefile/AlibabaPuHuiTi-3-85-Bold/result.css");
.telpo-product[data-product="robot-chassis"] {
  --font-body: "Alibaba PuHuiTi 3.0 75 SemiBold", sans-serif;
  --font-bold: "Alibaba PuHuiTi 3.0 85 Bold", var(--font-body);
  --u: 0.052083333cqw;
  --gutter: calc(273 * var(--u));
  --surface: #1d1d1f;
  --muted: #86868b;
  --blue: #2878ff;
  --heading: clamp(36px, 4.427083cqw, 85px);
  --body: clamp(16px, 1.145833cqw, 22px);
  width: 100%;
  background: #000;
  color: #fff;
  font-family: var(--font-body);
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.727273;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.telpo-product[data-product="robot-chassis"],
.telpo-product[data-product="robot-chassis"] *,
.telpo-product[data-product="robot-chassis"] *::before,
.telpo-product[data-product="robot-chassis"] *::after {
  box-sizing: border-box;
}
.telpo-product[data-product="robot-chassis"] :is(h1, h2, h3, p, figure) {
  margin: 0;
  padding: 0;
}
.telpo-product[data-product="robot-chassis"]
  :is(h1, h2, h3, strong, figcaption) {
  font-family: var(--font-body);
  font-weight: 600;
}
.telpo-product[data-product="robot-chassis"] h2 {
  font-size: var(--heading);
  line-height: 1.176471;
  letter-spacing: 0;
}
.telpo-product[data-product="robot-chassis"] p {
  font-size: var(--body);
}
.telpo-product[data-product="robot-chassis"] img {
  display: block;
  max-width: 100%;
  height: auto;
}
.telpo-product[data-product="robot-chassis"] button {
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.telpo-product[data-product="robot-chassis"] button:disabled {
  cursor: default;
}
.telpo-product[data-product="robot-chassis"]
  :is(button, [tabindex]):focus-visible {
  outline: 3px solid #2997ff;
  outline-offset: 4px;
}
.telpo-product[data-product="robot-chassis"] .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.telpo-product[data-product="robot-chassis"] .section-viewport {
  width: 100%;
  overflow: hidden;
}
.telpo-product[data-product="robot-chassis"] .section-canvas {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  container-type: inline-size;
}
.telpo-product[data-product="robot-chassis"] .content-width {
  width: calc(100% - 2 * var(--gutter));
  max-width: 1374px;
  margin-inline: auto;
}
.telpo-product[data-product="robot-chassis"] .section-heading {
  text-align: center;
}
.telpo-product[data-product="robot-chassis"] .section-lead {
  margin-top: calc(30 * var(--u));
  color: var(--muted);
  line-height: 1.727273;
}
.telpo-product[data-product="robot-chassis"] strong {
  color: #f5f5f7;
}
.telpo-product[data-product="robot-chassis"] .capability-section {
  padding: calc(174 * var(--u)) 0 calc(204 * var(--u));
  background: var(--surface);
}
.telpo-product[data-product="robot-chassis"] .capability-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 670px));
  justify-content: space-between;
  column-gap: calc(34 * var(--u));
  row-gap: calc(55 * var(--u));
  margin-top: calc(66 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .capability-card {
  min-width: 0;
  text-align: center;
}
.telpo-product[data-product="robot-chassis"] .capability-art {
  position: relative;
  border-radius: calc(22 * var(--u));
  overflow: hidden;
  background: #000;
}
.telpo-product[data-product="robot-chassis"] .capability-art img {
  width: 100%;
  max-width: 670px;
}
.telpo-product[data-product="robot-chassis"] .capability-art h3 {
  position: absolute;
  left: 9.55%;
  top: 15.3%;
  text-align: left;
  line-height: 1.2;
}
.telpo-product[data-product="robot-chassis"]
  .capability-art
  h3
  > span:first-child {
  display: block;
  color: #2878ff;
  font-size: clamp(30px, 3.333333cqw, 64px);
  line-height: 1.2;
}
.telpo-product[data-product="robot-chassis"] .capability-art h3 > span + span {
  display: block;
  font-size: clamp(16px, 1.458333cqw, 28px);
  line-height: 1.4;
}
.telpo-product[data-product="robot-chassis"] .capability-art small {
  font-size: 0.44em;
  margin-left: 0.18em;
}
.telpo-product[data-product="robot-chassis"] .capability-card > p {
  margin-top: calc(32 * var(--u));
  color: var(--muted);
  line-height: 1.727273;
}
.telpo-product[data-product="robot-chassis"] .products-section {
  padding: calc(148 * var(--u)) 0 calc(133.40625 * var(--u));
  background: #000;
}
.telpo-product[data-product="robot-chassis"] .products-section .section-lead {
  margin-top: calc(55 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .product-gallery {
  margin-top: calc(105 * var(--u));
  --slide-width: calc(1258 * var(--u));
  --slide-gap: calc(38 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .product-slides {
  position: relative;
  height: calc(636 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .product-slide {
  position: absolute;
  left: 50%;
  top: 0;
  width: var(--slide-width);
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: calc(22 * var(--u));
  overflow: hidden;
  background: #111;
  transform: translateX(
    calc(-50% + var(--slot) * (var(--slide-width) + var(--slide-gap)))
  );
  transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.telpo-product[data-product="robot-chassis"] .product-slide[data-slot="-1"] {
  --slot: -1;
}
.telpo-product[data-product="robot-chassis"] .product-slide[data-slot="-2"] {
  --slot: -2;
}
.telpo-product[data-product="robot-chassis"] .product-slide[data-slot="0"] {
  --slot: 0;
}
.telpo-product[data-product="robot-chassis"] .product-slide[data-slot="1"] {
  --slot: 1;
}
.telpo-product[data-product="robot-chassis"] .product-slide[data-slot="2"] {
  --slot: 2;
}
.telpo-product[data-product="robot-chassis"] .product-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.telpo-product[data-product="robot-chassis"] .product-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  opacity: 1;
  transition: opacity 0.65s;
}
.telpo-product[data-product="robot-chassis"]
  .product-slide[data-slot="0"]::after {
  opacity: 0;
}
.telpo-product[data-product="robot-chassis"] .product-slide.is-repositioning {
  transition: none;
}
.telpo-product[data-product="robot-chassis"] .product-caption {
  width: var(--slide-width);
  margin: calc(42 * var(--u)) auto 0;
  padding-inline: calc(35 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .product-dots {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 8px;
}
.telpo-product[data-product="robot-chassis"] .product-dot {
  border: 0;
  width: 24px;
  height: 4px;
  padding: 0;
  border-radius: 2px;
  background: #28282a;
}
.telpo-product[data-product="robot-chassis"] .product-dot[aria-pressed="true"] {
  background: #f5f5f7;
}
.telpo-product[data-product="robot-chassis"] .product-caption h3 {
  display: flex;
  align-items: baseline;
  gap: calc(20 * var(--u));
  margin-top: calc(27 * var(--u));
  line-height: 1.2;
}
.telpo-product[data-product="robot-chassis"] .product-model {
  font-size: clamp(32px, 2.5cqw, 48px);
  color: var(--blue);
}
.telpo-product[data-product="robot-chassis"] .product-type {
  font-size: clamp(20px, 1.458333cqw, 28px);
}
.telpo-product[data-product="robot-chassis"] .product-description {
  margin-top: calc(12 * var(--u));
  color: var(--muted);
}
.telpo-product[data-product="robot-chassis"] .configuration-section {
  padding: calc(141 * var(--u)) 0 calc(172 * var(--u));
  background: linear-gradient(#1d1d1f 0%, #101011 27%, #000 64%);
}
.telpo-product[data-product="robot-chassis"] .eyebrow {
  color: var(--muted);
  font-family: var(--font-body);
  font-size: clamp(22px, 1.875cqw, 36px);
  font-weight: 600;
  line-height: 1.388889;
}
.telpo-product[data-product="robot-chassis"] .configuration-section h2 {
  margin-top: calc(27 * var(--u));
}
.telpo-product[data-product="robot-chassis"]
  .configuration-section
  .section-lead {
  margin-top: calc(28 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .configuration-stage {
  position: relative;
  height: calc(640 * var(--u));
  margin-top: calc(77 * var(--u));
  isolation: isolate;
}
.telpo-product[data-product="robot-chassis"] .configuration-items {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.telpo-product[data-product="robot-chassis"] .configuration-item {
  position: absolute;
  left: 49.5%;
  top: calc(10 * var(--u));
  width: calc(314 * var(--u));
  height: calc(424 * var(--u));
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transform: translateX(-50%);
  transform-origin: center;
  transition:
    transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
    opacity 0.6s;
  z-index: 2;
}
.telpo-product[data-product="robot-chassis"] .configuration-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  flex-shrink: 0;
}
/* Align the actual mounting foot, rather than the transparent image canvas. */
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-index="1"]
  img {
  transform: translateX(34.883721%);
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-index="2"]
  img {
  transform: translateX(-4.6875%);
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-index="3"]
  img {
  transform: translateX(4.054054%);
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-index="4"]
  img {
  transform: translateX(5.573248%);
}
.telpo-product[data-product="robot-chassis"] .configuration-item figcaption {
  position: absolute;
  left: 50%;
  top: calc(580 * var(--u));
  width: max-content;
  max-width: 150%;
  transform: translateX(-50%);
  font-size: clamp(22px, 1.458333cqw, 28px);
  line-height: 1.4;
  white-space: nowrap;
  transition:
    top 0.7s,
    color 0.6s;
  color: #fff;
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-position="previous"] {
  transform: translateX(calc(-50% - 400 * var(--u))) scale(0.78);
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-position="next"] {
  transform: translateX(calc(-50% + 400 * var(--u))) scale(0.78);
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item:is([data-position="previous"], [data-position="next"])
  figcaption {
  top: calc(450 * var(--u));
  color: var(--muted);
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-position="hidden-prev"] {
  transform: translateX(calc(-50% - 800 * var(--u))) scale(0.6);
  opacity: 0;
  z-index: 0;
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-position="hidden-next"] {
  transform: translateX(calc(-50% + 800 * var(--u))) scale(0.6);
  opacity: 0;
  z-index: 0;
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item.is-repositioning {
  transition: none;
}
.telpo-product[data-product="robot-chassis"]
  .configuration-item[data-position="center"] {
  z-index: 4;
}
.telpo-product[data-product="robot-chassis"] .fixed-chassis {
  position: absolute;
  left: calc(50% - 91.5 * var(--u));
  left: round(nearest, calc(50% - 91.5 * var(--u)), 1px);
  top: calc(410 * var(--u));
  width: calc(183 * var(--u));
  max-width: none;
  height: auto;
  z-index: 3;
}
.telpo-product[data-product="robot-chassis"] .configuration-arrow {
  position: absolute;
  top: calc(90 * var(--u));
  width: calc(48 * var(--u));
  min-width: 32px;
  height: calc(315 * var(--u));
  border: 0;
  border-radius: 12px;
  background: #151518;
  display: grid;
  place-items: center;
  z-index: 5;
  transition: background 0.2s;
}
.telpo-product[data-product="robot-chassis"] .configuration-prev {
  left: 2.5%;
}
.telpo-product[data-product="robot-chassis"] .configuration-next {
  right: 2.5%;
}
.telpo-product[data-product="robot-chassis"] .configuration-arrow:hover {
  background: #252528;
}
.telpo-product[data-product="robot-chassis"] .configuration-arrow svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}
/* Same native scroll/snap, paddles and boundaries as UMI's application gallery. */
.telpo-product[data-product="robot-chassis"] .carousel-section {
  background: var(--surface);
  padding: calc(174 * var(--u)) 0 calc(144.609375 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .carousel-content > header {
  margin-bottom: calc(81 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .carousel-shell {
  position: relative;
}
.telpo-product[data-product="robot-chassis"] .carousel-viewport {
  width: calc(100% + 2 * var(--gutter));
  margin-left: calc(-1 * var(--gutter));
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--gutter);
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.telpo-product[data-product="robot-chassis"]
  .carousel-viewport::-webkit-scrollbar {
  display: none;
}
.telpo-product[data-product="robot-chassis"] .carousel-track {
  position: relative;
  display: flex;
  gap: calc(25 * var(--u));
  width: max-content;
  padding-inline: var(--gutter);
}
.telpo-product[data-product="robot-chassis"] .carousel-card {
  flex: 0 0 auto;
  width: calc(696 * var(--u));
  max-width: 696px;
  min-width: 0;
  scroll-snap-align: start;
}
.telpo-product[data-product="robot-chassis"] .carousel-card:last-child {
  scroll-snap-align: start end;
}
.telpo-product[data-product="robot-chassis"] .carousel-card img {
  width: 100%;
  border-radius: 26px;
}
.telpo-product[data-product="robot-chassis"] .carousel-card h3 {
  font-size: clamp(24px, 1.875cqw, 36px);
  line-height: 1.4;
  margin: calc(32 * var(--u)) calc(24 * var(--u)) calc(12 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .carousel-card p {
  font-size: clamp(16px, 0.9375cqw, 18px);
  line-height: 1.777778;
  color: var(--muted);
  max-width: calc(510 * var(--u));
  margin: 0 calc(24 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .carousel-controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  height: 44px;
  margin: calc(68 * var(--u)) calc(58 * var(--u)) 0 0;
}
.telpo-product[data-product="robot-chassis"] .paddlenav-button {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(66, 66, 69, 0.72);
  transition:
    background 0.1s linear,
    color 0.1s linear,
    opacity 0.1s linear;
}
.telpo-product[data-product="robot-chassis"]
  .paddlenav-button:hover:not(:disabled) {
  background: rgba(73, 73, 76, 0.725);
  color: #fff;
}
.telpo-product[data-product="robot-chassis"]
  .paddlenav-button:active:not(:disabled) {
  background: rgba(56, 56, 59, 0.72);
  color: #fff;
}
.telpo-product[data-product="robot-chassis"] .paddlenav-button:disabled {
  opacity: 0.36;
}
.telpo-product[data-product="robot-chassis"] .paddlenav-button svg {
  width: 36px;
  height: 36px;
  fill: currentColor;
}
/* UMI manufacturing images, centered captions and hover treatment. */
.telpo-product[data-product="robot-chassis"] .manufacturing-section {
  background: #000;
  padding: calc(168 * var(--u)) 0 calc(174 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .manufacturing-feature {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  color: #3a4c5c;
  background: #f2f2f2;
}
.telpo-product[data-product="robot-chassis"] .manufacturing-feature > img {
  width: 100%;
  max-width: 1374px;
}
.telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy {
  position: absolute;
  left: 6.2591%;
  top: 18.15%;
  width: 80%;
}
.telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy h2 {
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: clamp(30px, 2.760417cqw, 53px);
  line-height: 1.358491;
}
.telpo-product[data-product="robot-chassis"] .manufacturing-rule {
  width: 34px;
  height: 7px;
  border-radius: 5px;
  background: var(--blue);
  margin-top: calc(32 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy p {
  font-size: var(--body);
  line-height: 1.727273;
  margin-top: calc(38 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy p + p {
  margin-top: calc(22 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .manufacturing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 670px));
  justify-content: space-between;
  gap: calc(34 * var(--u));
  margin-top: calc(33 * var(--u));
}
.telpo-product[data-product="robot-chassis"] .manufacturing-grid figure {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #111;
}
.telpo-product[data-product="robot-chassis"] .manufacturing-grid img {
  width: 100%;
  aspect-ratio: 670/396;
  filter: brightness(0.6);
  transition:
    filter 0.35s,
    transform 0.45s ease;
}
.telpo-product[data-product="robot-chassis"] .manufacturing-grid figcaption {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  font-size: clamp(22px, 2.083333cqw, 40px);
  line-height: 1.3;
  text-align: center;
  transition: opacity 0.25s;
}
.telpo-product[data-product="robot-chassis"]
  .manufacturing-grid
  figure:is(:hover, :focus-visible)
  img {
  filter: brightness(1);
  transform: scale(1.055);
}
.telpo-product[data-product="robot-chassis"]
  .manufacturing-grid
  figure:is(:hover, :focus-visible)
  figcaption {
  opacity: 0;
}
.telpo-product[data-product="robot-chassis"] .delivery-section .art {
  width: 100%;
  height: auto;
}
.telpo-product[data-product="robot-chassis"] .delivery-copy {
  position: absolute;
  inset: 0;
  text-align: center;
  padding-top: calc(139 * var(--u));
  color: #d3d3d3;
}
.telpo-product[data-product="robot-chassis"] .delivery-copy h2 {
  font-size: clamp(32px, 2.96875cqw, 57px);
  line-height: 1.277193;
}
.telpo-product[data-product="robot-chassis"] .delivery-copy > p {
  margin-top: calc(35 * var(--u));
  line-height: 1.727273;
}
.telpo-product[data-product="robot-chassis"] .delivery-copy > :is(h2, p) {
  width: calc(100% - 2 * var(--gutter));
  max-width: 1374px;
  margin-inline: auto;
}
.telpo-product[data-product="robot-chassis"] .delivery-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: calc(1224 * var(--u));
  margin: calc(111 * var(--u)) auto 0;
}
.telpo-product[data-product="robot-chassis"] .delivery-features img {
  height: calc(63 * var(--u));
  width: auto;
  margin: 0 auto;
  max-width: none;
}
.telpo-product[data-product="robot-chassis"] .delivery-features p {
  font-size: var(--body);
  line-height: 1.454545;
  margin-top: calc(26 * var(--u));
}
@media (min-width: 1900px) {
  .telpo-product[data-product="robot-chassis"] .section-canvas {
    width: 1920px;
    max-width: none;
    flex: none;
    margin-left: calc((100% - 1920px) / 2);
    margin-left: round(nearest, calc((100% - 1920px) / 2), 1px);
    margin-right: 0;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy {
    top: 10%;
    left: 5%;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy h2 {
    font-size: 30px;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-rule {
    margin-top: 15px;
    height: 4px;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy p {
    margin-top: 16px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-copy {
    padding-top: 35px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-features {
    margin-top: 36px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-features img {
    height: 44px;
  }
}
@media (max-width: 999px) {
  .telpo-product[data-product="robot-chassis"] {
    --gutter: 24px;
    --heading: 38px;
    --body: 16px;
  }
  .telpo-product[data-product="robot-chassis"] .content-width {
    width: calc(100% - 48px);
  }
  .telpo-product[data-product="robot-chassis"] .section-heading br {
    display: none;
  }
  .telpo-product[data-product="robot-chassis"] h2 br {
    display: block !important;
  }
  .telpo-product[data-product="robot-chassis"] .section-lead {
    margin-top: 24px !important;
  }
  .telpo-product[data-product="robot-chassis"]
    :is(
      .capability-section,
      .products-section,
      .configuration-section,
      .carousel-section,
      .manufacturing-section
    ) {
    padding: 72px 0;
  }
  .telpo-product[data-product="robot-chassis"] .capability-grid {
    margin-top: 40px;
    gap: 32px 20px;
  }
  .telpo-product[data-product="robot-chassis"] .capability-card > p {
    margin-top: 20px;
  }
  .telpo-product[data-product="robot-chassis"] .capability-card > p br {
    display: none;
  }
  .telpo-product[data-product="robot-chassis"]
    .capability-art
    h3
    > span:first-child {
    font-size: clamp(30px, 5cqw, 46px);
  }
  .telpo-product[data-product="robot-chassis"]
    .capability-art
    h3
    > span
    + span {
    font-size: clamp(15px, 2.2cqw, 22px);
  }
  .telpo-product[data-product="robot-chassis"] .product-gallery {
    margin-top: 40px;
    --slide-width: calc(100cqw - 96px);
    --slide-gap: 16px;
  }
  .telpo-product[data-product="robot-chassis"] .product-slides {
    height: calc((100cqw - 96px) * 636 / 1258);
  }
  .telpo-product[data-product="robot-chassis"] .product-slide {
    border-radius: 16px;
  }
  .telpo-product[data-product="robot-chassis"] .product-caption {
    padding: 0;
    margin-top: 24px;
  }
  .telpo-product[data-product="robot-chassis"] .product-caption h3 {
    margin-top: 20px;
    gap: 12px;
  }
  .telpo-product[data-product="robot-chassis"] .product-description {
    margin-top: 12px;
  }
  .telpo-product[data-product="robot-chassis"] .eyebrow {
    font-size: 24px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-section h2 {
    margin-top: 20px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-stage {
    width: 100%;
    height: 420px;
    margin-top: 40px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-item {
    width: 190px;
    height: 260px;
    top: 0;
  }
  .telpo-product[data-product="robot-chassis"]
    .configuration-item[data-position="previous"] {
    transform: translateX(calc(-50% - 30cqw)) scale(0.55);
    opacity: 0.65;
  }
  .telpo-product[data-product="robot-chassis"]
    .configuration-item[data-position="next"] {
    transform: translateX(calc(-50% + 30cqw)) scale(0.55);
    opacity: 0.65;
  }
  .telpo-product[data-product="robot-chassis"]
    .configuration-item[data-position="hidden-prev"] {
    transform: translateX(calc(-50% - 60cqw)) scale(0.4);
  }
  .telpo-product[data-product="robot-chassis"]
    .configuration-item[data-position="hidden-next"] {
    transform: translateX(calc(-50% + 60cqw)) scale(0.4);
  }
  .telpo-product[data-product="robot-chassis"] .configuration-item figcaption {
    font-size: 22px;
    top: 355px;
  }
  .telpo-product[data-product="robot-chassis"]
    .configuration-item:is([data-position="previous"], [data-position="next"])
    figcaption {
    font-size: 28px;
    top: 290px;
  }
  .telpo-product[data-product="robot-chassis"] .fixed-chassis {
    left: 50%;
    transform: translateX(-50%);
    width: 112px;
    top: 245px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-arrow {
    top: 125px;
    width: 34px;
    height: 70px;
    border-radius: 8px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-prev {
    left: 12px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-next {
    right: 12px;
  }
  .telpo-product[data-product="robot-chassis"] .carousel-content > header {
    margin-bottom: 40px;
  }
  .telpo-product[data-product="robot-chassis"] .carousel-track {
    gap: 20px;
  }
  .telpo-product[data-product="robot-chassis"] .carousel-card {
    width: min(696px, calc(100cqw - 68px));
  }
  .telpo-product[data-product="robot-chassis"] .carousel-card h3 {
    font-size: 26px;
    margin: 24px 12px 12px;
  }
  .telpo-product[data-product="robot-chassis"] .carousel-card p {
    max-width: none;
    font-size: 16px;
    margin-inline: 12px;
  }
  .telpo-product[data-product="robot-chassis"] .carousel-controls {
    margin: 32px 0 0;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy {
    position: static;
    width: auto;
    padding: 28px 24px;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy h2 {
    font-size: 30px;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-rule {
    margin-top: 24px;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy p {
    margin-top: 24px;
    font-size: 16px;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-grid {
    gap: 20px;
    margin-top: 20px;
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-grid figcaption {
    font-size: 24px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-section {
    display: grid;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-section .art {
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-copy {
    position: relative;
    grid-area: 1/1;
    padding: 56px 24px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-copy h2 {
    font-size: 32px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-copy > p {
    margin-top: 24px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-copy > :is(h2, p) {
    width: 100%;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-copy > p br {
    display: none;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-features {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px;
    margin-top: 40px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-features img {
    height: 48px;
  }
  .telpo-product[data-product="robot-chassis"] .delivery-features p {
    font-size: 16px;
    margin-top: 18px;
  }
}
@media (max-width: 599px) {
  .telpo-product[data-product="robot-chassis"] {
    --heading: 32px;
  }
  .telpo-product[data-product="robot-chassis"] .capability-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .telpo-product[data-product="robot-chassis"]
    .capability-art
    h3
    > span:first-child {
    font-size: clamp(30px, 8cqw, 46px);
  }
  .telpo-product[data-product="robot-chassis"]
    .capability-art
    h3
    > span
    + span {
    font-size: clamp(16px, 4.5cqw, 22px);
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .telpo-product[data-product="robot-chassis"] .manufacturing-feature-copy h2 {
    font-size: clamp(20px, 6cqw, 30px);
  }
  .telpo-product[data-product="robot-chassis"] .product-caption h3 {
    flex-wrap: wrap;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-stage {
    height: 370px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-item {
    width: 145px;
    height: 220px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-item figcaption {
    top: 300px;
  }
  .telpo-product[data-product="robot-chassis"]
    .configuration-item:is([data-position="previous"], [data-position="next"])
    figcaption {
    top: 245px;
  }
  .telpo-product[data-product="robot-chassis"] .fixed-chassis {
    width: 95px;
    top: 205px;
  }
  .telpo-product[data-product="robot-chassis"] .configuration-arrow {
    top: 110px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .telpo-product[data-product="robot-chassis"] * {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
/* Append to the end of the existing online Mobile-Robot-Chassis.css. */
.telpo-product[data-product="robot-chassis"] {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

/* Override the unscoped header rule from the CMS proInfo.css. */
.telpo-product[data-product="robot-chassis"] header {
  position: static;
  z-index: auto;
}

/* Preserve the compositing hint throughout the existing scale transition. */
.telpo-product[data-product="robot-chassis"] .configuration-item {
  will-change: transform;
}

/* Extend section backgrounds beyond the centered 1920px artwork canvas. */
.telpo-product[data-product="robot-chassis"]
  .section-viewport:is(
    [aria-labelledby="capability-title"],
    [aria-labelledby="applications-title"]
  ) {
  background: var(--surface, #1d1d1f);
}
.telpo-product[data-product="robot-chassis"]
  .section-viewport[aria-labelledby="configuration-title"] {
  background: linear-gradient(#1d1d1f 0%, #101011 27%, #000 64%);
}
.telpo-product[data-product="robot-chassis"]
  :is(.capability-section, .configuration-section, .carousel-section) {
  background: transparent;
}