/* K8. Role families follow the telpo-product-detail role sample.
   All typography is editable HTML; local fonts use the original unicode-range slices. */
.telpo-product[data-product="K8"] {
  --k8-font: "Alibaba PuHuiTi 3.0", sans-serif;
  --k8-bold: "Alibaba PuHuiTi 3.0", sans-serif;
  --k8-semi: "Alibaba PuHuiTi 3.0", sans-serif;
  --k8-ink: #304258;
  --k8-muted: #485c70;
  container-type: inline-size;
  max-width: none;
  width: 100%;
  color: var(--k8-ink);
  background: white;
  font-family: var(--k8-font);
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.5;
}
.telpo-product[data-product="K8"],
.telpo-product[data-product="K8"] *,
.telpo-product[data-product="K8"] *::before,
.telpo-product[data-product="K8"] *::after {
  box-sizing: border-box;
}
.telpo-product[data-product="K8"] :is(h1, h2, h3, p, figure, ul, dl, dd) {
  margin: 0;
  padding: 0;
}
.telpo-product[data-product="K8"] :is(h1, h2, h3) {
  font-family: var(--k8-bold);
  font-weight: 700;
  line-height: 1.35;
}
.telpo-product[data-product="K8"] h2 {
  font-size: clamp(26px, 2.5cqw, 48px);
}
.telpo-product[data-product="K8"] img {
  display: block;
  height: auto;
}
.telpo-product[data-product="K8"] .k8-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.telpo-product[data-product="K8"] .k8-body {
  font-size: clamp(16px, 1.25cqw, 24px);
  font-family: var(--k8-font);
  font-weight: 400;
  line-height: 1.75;
  color: var(--k8-muted);
}
.telpo-product[data-product="K8"] .k8-blue {
  color: #188ffe;
  display: inline-block;
}
/* Stroke-interior samples: most feature headings are solid #188ffe.
   Hero bright-to-dark: #2398fe -> #198ffe -> #0d84fe.
   Scene dark-to-light: #1d84fe -> #338efe -> #4d99fd.
   Stops refer to the visible ink, offset within each line box. */
@supports (background-clip: text) {
  .telpo-product[data-product="K8"] .k8-model {
    background: linear-gradient(180deg, #2398fe 22%, #198ffe 48%, #0d84fe 80%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .telpo-product[data-product="K8"] .k8-retail-panel .k8-blue {
    background: linear-gradient(180deg, #1d84fe 18%, #338efe 50%, #4d99fd 82%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}
.telpo-product[data-product="K8"] .k8-viewport {
  width: 100%;
  overflow: hidden;
}
.telpo-product[data-product="K8"] .k8-art {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  container-type: inline-size;
}
.telpo-product[data-product="K8"] .k8-backdrop {
  width: 100%;
  max-width: none;
}
.telpo-product[data-product="K8"] .k8-copy p {
  margin-top: 1.67cqw;
}
.telpo-product[data-product="K8"] .k8-hero {
  background: #b4c9e0;
}
.telpo-product[data-product="K8"] .k8-hero-copy {
  position: absolute;
  left: 18.49%;
  top: 29.1%;
  width: 29%;
}
.telpo-product[data-product="K8"] .k8-model {
  display: block;
  width: fit-content;
  font-size: 4.34cqw;
  line-height: 1.2;
  margin-bottom: 0.75cqw;
}
.telpo-product[data-product="K8"] .k8-product-name {
  display: block;
  font-size: 2.5cqw;
  letter-spacing: 0.02em;
}
.telpo-product[data-product="K8"] .k8-hero-copy p {
  font-size: 1.458cqw;
  letter-spacing: 0.09em;
  margin-top: 0.3cqw;
}
.telpo-product[data-product="K8"] .k8-payments {
  max-width: 1920px;
  margin: auto;
  padding: 3.958333cqw 0;
  container-type: inline-size;
}
.telpo-product[data-product="K8"] .k8-payment-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5625cqw;
  width: 71.770833%;
  margin: auto;
  list-style: none;
}
/* Full-page reference: solid card 322x156, 30px gaps. The former 338x232
   extraction bounds also included outer whitespace and the pale reflection. */
.telpo-product[data-product="K8"] .k8-payment-grid li {
  position: relative;
  display: grid;
  grid-template-columns: 5.625cqw minmax(0, 1fr);
  align-items: center;
  column-gap: 0.677083cqw;
  min-width: 0;
  min-height: 8.125cqw;
  background: #f1f4fb;
  border-radius: 1.041667cqw;
  padding: 0 1.145833cqw 0 1.979167cqw;
}
/* The source reflects only the card surface: a 10px seam followed by a faint
   neutral silhouette, RGB approximately 251 -> 253 -> 255 over 64px. */
.telpo-product[data-product="K8"] .k8-payment-grid li::after {
  content: "";
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  top: calc(100% + 0.520833cqw);
  height: 3.333333cqw;
  border-radius: 1.041667cqw 1.041667cqw 0 0;
  background: linear-gradient(
    180deg,
    rgba(235, 235, 235, 0.2),
    rgba(235, 235, 235, 0.1) 40%,
    rgba(235, 235, 235, 0) 100%
  );
}
.telpo-product[data-product="K8"] .k8-payment-grid img {
  width: auto;
  max-width: 5.57cqw;
  max-height: 4.69cqw;
  object-fit: contain;
  flex-shrink: 0;
}
.telpo-product[data-product="K8"] .k8-payment-grid li:nth-child(1) img {
  margin-left: 0.260417cqw;
}
.telpo-product[data-product="K8"] .k8-payment-grid li:nth-child(2) img {
  margin-left: 0.052083cqw;
}
.telpo-product[data-product="K8"] .k8-payment-grid li:nth-child(3) img {
  margin-left: -0.104167cqw;
}
.telpo-product[data-product="K8"] .k8-payment-grid li:nth-child(4) img {
  margin-left: -0.052083cqw;
}
.telpo-product[data-product="K8"] .k8-payment-grid h3 {
  font-size: clamp(16px, 1.458cqw, 28px);
  font-family: var(--k8-font);
  font-weight: 400;
  white-space: nowrap;
}
.telpo-product[data-product="K8"] .k8-lightweight {
  background: #a9cde5;
}
.telpo-product[data-product="K8"] .k8-weight-copy {
  position: absolute;
  left: 13.9583%;
  top: 21.5%;
  width: 36%;
}
.telpo-product[data-product="K8"] .k8-weight-copy h2 {
  color: #fff;
  letter-spacing: 0.07em;
}
/* The reference uses tall numerals with an inset unit. This local font subset
   contains only 10.5; all other product typography retains its role font. */
   @font-face {font-family:"K8 Weight Numerals";src:url("/fonts/d-din/otf/D-DIN-PRO-600-SemiBold.otf") format("opentype");font-style:normal;font-weight:600;font-display:swap;ascent-override:83.1%;descent-override:16.9%;line-gap-override:0%;unicode-range:U+0020,U+0025,U+002E,U+0030-0039;}
/*@font-face {*/
/*  font-family: "K8 Weight Numerals";*/
/*  src: url("./homefile/weight/inter-600-digits.ttf") format("truetype");*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*  font-display: swap;*/
/*  unicode-range: U+002E, U+0030-0031, U+0035;*/
/*}*/
.telpo-product[data-product="K8"] .k8-weight {
  position: relative;
  width: 2em;
  height: 1em;
  color: #fff;
  font-family: "K8 Weight Numerals", var(--k8-font);
  font-weight: 600;
  line-height: 1;
  font-size: 8.125cqw;
  letter-spacing: -0.0375em;
  margin: 0.364583cqw 0 2.239583cqw;
}
.telpo-product[data-product="K8"] .k8-weight-digits {
  position: absolute;
  left: -0.03205em;
  top: 0;
  white-space: nowrap;
  transform: scaleX(0.94);
  transform-origin: left top;
}
.telpo-product[data-product="K8"] .k8-weight-five {
  display: inline-block;
  clip-path: polygon(0 0, 100% 0, 100% 64%, 48% 64%, 48% 100%, 0 100%);
}
.telpo-product[data-product="K8"] .k8-weight-unit {
  position: absolute;
  left: 2.59em;
  top: 1.435em;
  font-family: var(--k8-font);
  font-weight: 400;
  font-size: 0.397435em;
  line-height: 1;
  letter-spacing: -0.033333em;
}
.telpo-product[data-product="K8"] .k8-performance {
  max-width: 1920px;
  margin: auto;
  container-type: inline-size;
  padding: 4.6cqw 0 4.05cqw;
}
.telpo-product[data-product="K8"] .k8-performance > h2 {
  text-align: center;
  color: #7187aa;
}
.telpo-product[data-product="K8"] .k8-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.56cqw;
  width: 77.71%;
  margin: 3.4cqw auto 0;
}
.telpo-product[data-product="K8"] .k8-feature {
  min-width: 0;
  background: #f1f3fa;
  border-radius: 1.05cqw;
  min-height: 33.333cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.9cqw 0.8cqw 3.8cqw;
}
.telpo-product[data-product="K8"] .k8-feature-icon {
  height: 19.8cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.telpo-product[data-product="K8"] .k8-feature-icon img {
  max-width: 100%;
  max-height: 15cqw;
  width: auto;
  object-fit: contain;
}
.telpo-product[data-product="K8"] .k8-feature:first-child img {
  width: 12.7cqw;
}
.telpo-product[data-product="K8"] .k8-feature:last-child img {
  width: 11.51cqw;
}
.telpo-product[data-product="K8"] .k8-feature-text {
  text-align: center;
  margin-top: 0.65cqw;
  width: 100%;
}
.telpo-product[data-product="K8"] .k8-feature h3 {
  font-size: clamp(16px, 1.563cqw, 30px);
  position: relative;
  line-height: 1.3;
}
.telpo-product[data-product="K8"] .k8-feature p {
  font-size: clamp(16px, 1.042cqw, 20px);
  margin-top: 0.45cqw;
}
.telpo-product[data-product="K8"] .k8-feature:nth-child(2) .k8-feature-text {
  margin-top: -0.35cqw;
}
.telpo-product[data-product="K8"] .k8-feature:nth-child(2) h3 {
  padding-right: 1.4cqw;
}
.telpo-product[data-product="K8"] .k8-plus {
  position: absolute;
  right: 0;
  top: 35%;
  border-radius: 50%;
  background: #128eff;
  color: #fff;
  font-size: 1.05cqw;
  width: 1.05cqw;
  height: 1.05cqw;
  line-height: 1.05;
}
.telpo-product[data-product="K8"] .k8-display {
  background: #c3dfef;
}
.telpo-product[data-product="K8"] .k8-display-copy {
  position: absolute;
  left: 18.33%;
  top: 29.125%;
  width: 33%;
}
.telpo-product[data-product="K8"] .k8-display-copy h2 .k8-blue {
  margin-left: 0;
}
.telpo-product[data-product="K8"] .k8-printer-copy {
  position: absolute;
  left: 18.23%;
  top: 26.05%;
  width: 33%;
}
.telpo-product[data-product="K8"] .k8-print-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9cqw;
  margin-top: 2.5cqw;
  width: 27.6cqw;
  color: #64a9fa;
}
.telpo-product[data-product="K8"] .k8-print-stats > div {
  display: flex;
  flex-direction: column-reverse;
  min-width: 0;
}
.telpo-product[data-product="K8"] .k8-print-stats dd {
  font-family: var(--k8-bold);
  font-weight: 700;
  font-size: 2.604cqw;
  line-height: 1.15;
  white-space: nowrap;
  background: linear-gradient(#0581ff 15%, #83b8ff 90%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.telpo-product[data-product="K8"] .k8-print-stats small {
  font-size: 1.25cqw;
}
.telpo-product[data-product="K8"] .k8-print-stats dt {
  font-family: var(--k8-bold);
  font-weight: 700;
  font-size: clamp(14px, 1.042cqw, 20px);
}
.telpo-product[data-product="K8"] .k8-scanner {
  background: #bad3eb;
}
.telpo-product[data-product="K8"] .k8-scanner-copy {
  position: absolute;
  left: 18.23%;
  top: 18.1%;
  width: 29%;
}
.telpo-product[data-product="K8"] .k8-scan-option {
  position: relative;
  margin-top: 2.92cqw;
}
.telpo-product[data-product="K8"] .k8-scan-option + .k8-scan-option {
  margin-top: 2.55cqw;
}
.telpo-product[data-product="K8"] .k8-scan-option h3 {
  font-size: clamp(21px, 1.875cqw, 36px);
}
.telpo-product[data-product="K8"] .k8-scan-option p {
  margin-top: 0.3cqw;
}
.telpo-product[data-product="K8"] .k8-number {
  position: absolute;
  left: -3.7cqw;
  top: 0.1cqw;
  background: linear-gradient(135deg, #26acff, #007dff);
  color: #fff;
  border-radius: 50%;
  width: 2.7cqw;
  height: 2.7cqw;
  display: grid;
  place-items: center;
  font-family: var(--k8-bold);
  font-weight: 700;
  font-size: 1.875cqw;
  line-height: 1;
}
.telpo-product[data-product="K8"] .k8-scanner-annotations img,
.telpo-product[data-product="K8"] .k8-dimension-lines img {
  position: absolute;
}
.telpo-product[data-product="K8"] .k8-marker-1 {
  left: 66.3021%;
  top: 64.625%;
  width: 3.3333%;
}
.telpo-product[data-product="K8"] .k8-marker-2 {
  left: 92.5521%;
  top: 64.75%;
  width: 3.3333%;
}
.telpo-product[data-product="K8"] .k8-line-1 {
  left: 61.09375%;
  top: 68.375%;
  width: 5.15625%;
}
.telpo-product[data-product="K8"] .k8-line-2 {
  left: 87.34375%;
  top: 68.375%;
  width: 5.15625%;
}
.telpo-product[data-product="K8"] .k8-face-copy {
  position: absolute;
  left: 18.23%;
  top: 23.8%;
  width: 28%;
}
.telpo-product[data-product="K8"] .k8-face-copy h2 {
  font-size: clamp(24px, 2.5cqw, 48px);
  white-space: nowrap;
}
.telpo-product[data-product="K8"] .k8-face-copy p {
  margin-top: 1.65cqw;
}
.telpo-product[data-product="K8"] .k8-face-copy h3 {
  font-size: clamp(26px, 2.5cqw, 48px);
  color: #ff595e;
  margin-top: 3.55cqw;
}
.telpo-product[data-product="K8"] .k8-install-copy {
  position: absolute;
  top: 10.4%;
  left: 20%;
  width: 60%;
  text-align: center;
}
.telpo-product[data-product="K8"] .k8-install-copy p {
  margin-top: 0.8cqw;
}
.telpo-product[data-product="K8"] .k8-install-labels {
  list-style: none;
}
.telpo-product[data-product="K8"] .k8-install-labels li {
  position: absolute;
  width: 7.0833%;
  height: 6.38%;
  border-radius: 999px;
  background: linear-gradient(110deg, #31b9ff, #0580ff);
  display: grid;
  place-items: center;
  color: #fff;
  font-size: clamp(14px, 1.25cqw, 24px);
  font-family: var(--k8-semi);
  font-weight: 600;
}
.telpo-product[data-product="K8"] .k8-standing {
  left: 15.3125%;
  top: 75.42%;
}
.telpo-product[data-product="K8"] .k8-wall {
  left: 57.4479%;
  top: 64.58%;
}
.telpo-product[data-product="K8"] .k8-desktop {
  left: 80.5208%;
  top: 75.66%;
}
.telpo-product[data-product="K8"] .k8-scenes {
  max-width: 1920px;
  margin: auto;
  padding: 4.22cqw 0 5.4cqw;
  container-type: inline-size;
}
.telpo-product[data-product="K8"] .k8-scenes > h2 {
  text-align: center;
}
.telpo-product[data-product="K8"] .k8-scene-content {
  width: 77.7083%;
  margin: 2.25cqw auto 0;
}
.telpo-product[data-product="K8"] .k8-retail-panel {
  display: grid;
  grid-template-columns: 30.965% 69.035%;
  align-items: center;
  background: #f2f3fa;
  border-radius: 1.1cqw;
  overflow: hidden;
}
.telpo-product[data-product="K8"] .k8-retail-panel h3 {
  text-align: center;
  font-size: clamp(25px, 2.4cqw, 46px);
}
.telpo-product[data-product="K8"] .k8-retail-panel img {
  width: 100%;
}
.telpo-product[data-product="K8"] figcaption {
  text-align: center;
  font-size: clamp(16px, 1.25cqw, 24px);
  margin-top: 0.65cqw;
  color: #59616c;
}
.telpo-product[data-product="K8"] .k8-scene-retail figcaption {
  margin-left: 30.965%;
}
.telpo-product[data-product="K8"] .k8-scene-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.1cqw;
  margin-top: 1.3cqw;
}
.telpo-product[data-product="K8"] .k8-scene-grid img {
  width: 100%;
}
.telpo-product[data-product="K8"] .k8-dimensions {
  background: #f2f3fa;
}
.telpo-product[data-product="K8"] .k8-dimension-illustration {
  position: relative;
  width: 100%;
}
.telpo-product[data-product="K8"] #k8-dimensions-title {
  position: absolute;
  z-index: 1;
  left: 24.635417%;
  top: 41.178622%;
  width: calc(4em + 0.104167cqw);
  font-size: clamp(26px, 2.291667cqw, 44px);
  letter-spacing: 0;
  color: #2a3b4f;
}
.telpo-product[data-product="K8"] #k8-dimensions-title::after {
  content: "";
  position: absolute;
  left: 0.104167cqw;
  top: calc(100% + 0.416667cqw);
  width: 4em;
  height: 2px;
  background: #c8cfd9;
}
.telpo-product[data-product="K8"] .k8-height-line {
  left: 57.2396%;
  top: 12.2363%;
  width: 6.6667%;
}
.telpo-product[data-product="K8"] .k8-width-line {
  left: 47.6042%;
  top: 78.6217%;
  width: 11.4583%;
}
.telpo-product[data-product="K8"] .k8-depth-line {
  left: 73.0729%;
  top: 75.6681%;
  width: 3.3333%;
}
.telpo-product[data-product="K8"] .k8-dimension-values > div {
  position: absolute;
  font-size: clamp(14px, 1.041667cqw, 20px);
  font-family: var(--k8-font);
  font-weight: 400;
  line-height: 1.5;
  color: #626b71;
  white-space: nowrap;
}
.telpo-product[data-product="K8"] .k8-height {
  left: 61.666667%;
  top: 43.74121%;
}
.telpo-product[data-product="K8"] .k8-width {
  left: 53.385417%;
  top: 87.48242%;
  transform: translateX(-50%);
}
.telpo-product[data-product="K8"] .k8-depth {
  left: 74.739583%;
  top: 87.48242%;
  transform: translateX(-50%);
}
.telpo-product[data-product="K8"] .k8-specs {
  background: #252e37;
  color: #e3e5e8;
  padding: 5.72cqw 0 7.5cqw;
}
.telpo-product[data-product="K8"] .k8-spec-inner {
  width: min(77%, 1480px);
  margin: auto;
}
.telpo-product[data-product="K8"] .k8-spec-toggle {
  font: inherit;
  font-family: var(--k8-semi);
  font-weight: 600;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 0;
  background: none;
  width: 100%;
  padding: 0;
  text-align: left;
  cursor: pointer;
}
.telpo-product[data-product="K8"] .k8-spec-toggle:focus-visible {
  outline: 3px solid #52b5ff;
  outline-offset: 8px;
}
.telpo-product[data-product="K8"] #k8-spec-content {
  margin-top: 3.8cqw;
}
.telpo-product[data-product="K8"] #k8-spec-content[hidden] {
  display: none;
}
.telpo-product[data-product="K8"] .k8-specs h3 {
  font-family: var(--k8-semi);
  font-weight: 600;
  font-size: clamp(20px, 1.25cqw, 24px);
  background: #3e464f;
  padding: 0.52cqw 1.56cqw;
}
.telpo-product[data-product="K8"] .k8-specs table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  font-size: clamp(14px, 1.042cqw, 20px);
  line-height: 1.55;
  color: #c1c5ca;
}
.telpo-product[data-product="K8"] .k8-spec-key {
  width: 13.2%;
}
.telpo-product[data-product="K8"] .k8-specs th,
.telpo-product[data-product="K8"] .k8-specs td {
  border-bottom: 1px solid #626a70;
  text-align: left;
  padding: 0.62cqw 1.56cqw;
  overflow-wrap: anywhere;
  vertical-align: top;
}
.telpo-product[data-product="K8"] .k8-specs th {
  font-family: var(--k8-semi);
  font-weight: 600;
  color: #e3e5e8;
}
.telpo-product[data-product="K8"] .k8-specs table + h3 {
  margin-top: 2.6cqw;
}
/* 1x full-width art, including every line/marker layer, shares a single 1920px
   local coordinate space near the design width. Only confirmed blank edges crop. */
@media (min-width: 1900px) {
  .telpo-product[data-product="K8"] .k8-art {
    width: 1920px;
    max-width: none;
    margin-left: calc((100% - 1920px) / 2);
    margin-left: round(nearest, calc((100% - 1920px) / 2), 1px);
    margin-right: 0;
  }
  .telpo-product[data-product="K8"] .k8-payments {
    padding: 76px 0;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid {
    width: 1378px;
    gap: 30px;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid li {
    min-height: 156px;
  }
  .telpo-product[data-product="K8"] .k8-performance {
    padding: 88px 0 77px;
  }
  .telpo-product[data-product="K8"] .k8-performance > h2,
  .telpo-product[data-product="K8"] .k8-scenes > h2 {
    line-height: 55px;
  }
  .telpo-product[data-product="K8"] .k8-feature-grid {
    width: 1492px;
    margin-top: 72px;
    gap: 30px;
  }
  .telpo-product[data-product="K8"] .k8-feature {
    min-height: 640px;
    padding: 55px 15px 73px;
  }
  .telpo-product[data-product="K8"] .k8-feature-icon {
    height: 360px;
    flex-shrink: 0;
  }
  .telpo-product[data-product="K8"] .k8-feature-text {
    margin-top: 30px;
  }
  .telpo-product[data-product="K8"] .k8-feature:nth-child(2) .k8-feature-text {
    margin-top: 10px;
  }
  .telpo-product[data-product="K8"] .k8-scenes {
    padding: 81px 0 126px;
  }
  .telpo-product[data-product="K8"] .k8-scene-content {
    width: 1492px;
    margin-top: 55px;
  }
  .telpo-product[data-product="K8"] .k8-retail-panel {
    grid-template-columns: 462px 1030px;
  }
  .telpo-product[data-product="K8"] .k8-scene-retail figcaption {
    margin-top: 16px;
    line-height: 36px;
  }
  .telpo-product[data-product="K8"] .k8-scene-grid {
    grid-template-columns: repeat(4, 357px);
    justify-content: space-between;
    gap: 0;
    margin-top: 35px;
  }
  .telpo-product[data-product="K8"] .k8-scene-grid figcaption {
    margin-top: 14px;
    line-height: 36px;
  }
}
/* Narrow desktops: prose enters normal flow before the artwork when its safety
   zone no longer accommodates readable text. Markers stay in image coordinates. */
@media (max-width: 1250px) {
  .telpo-product[data-product="K8"]
    :is(
      .k8-display-copy,
      .k8-printer-copy,
      .k8-scanner-copy,
      .k8-face-copy,
      .k8-weight-copy
    ) {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    padding: 32px max(6%, 24px);
    order: -1;
  }
  .telpo-product[data-product="K8"]
    :is(.k8-display, .k8-printer, .k8-scanner, .k8-face-audio, .k8-lightweight)
    .k8-art {
    display: flex;
    flex-direction: column;
  }
  .telpo-product[data-product="K8"] .k8-printer,
  .telpo-product[data-product="K8"] .k8-face-audio {
    background: #f2f3fa;
  }
  .telpo-product[data-product="K8"] .k8-weight {
    font-size: 100px;
    margin: 8px 0 18px;
  }
  .telpo-product[data-product="K8"] .k8-copy p {
    margin-top: 18px;
  }
  .telpo-product[data-product="K8"] .k8-display-copy h2 .k8-blue {
    margin-left: 0;
  }
  .telpo-product[data-product="K8"] .k8-scan-option {
    margin-top: 26px;
    padding-left: 46px;
  }
  .telpo-product[data-product="K8"] .k8-scan-option + .k8-scan-option {
    margin-top: 24px;
  }
  .telpo-product[data-product="K8"] .k8-number {
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    font-size: 23px;
  }
  .telpo-product[data-product="K8"] .k8-print-stats {
    max-width: 520px;
    width: 100%;
    margin-top: 24px;
    gap: 20px;
  }
  .telpo-product[data-product="K8"] .k8-print-stats dd {
    font-size: 36px;
  }
  .telpo-product[data-product="K8"] .k8-print-stats small {
    font-size: 18px;
  }
  .telpo-product[data-product="K8"] .k8-face-copy h3 {
    margin-top: 24px;
  }
  .telpo-product[data-product="K8"] .k8-scanner-annotations {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    aspect-ratio: 1920/800;
  }
  .telpo-product[data-product="K8"] .k8-feature {
    padding-bottom: 30px;
  }
  .telpo-product[data-product="K8"] .k8-feature h3 {
    font-size: 17px;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid {
    width: 85%;
  }
  .telpo-product[data-product="K8"] .k8-installation .k8-art {
    display: flex;
    flex-direction: column;
  }
  .telpo-product[data-product="K8"] .k8-install-copy {
    position: static;
    order: -1;
    width: auto;
    padding: 28px 6%;
    background: #f1f0f3;
  }
  .telpo-product[data-product="K8"] .k8-install-labels {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    aspect-ratio: 1920/830;
  }
}
@media (max-width: 767px) {
  .telpo-product[data-product="K8"] .k8-hero-copy {
    left: 7%;
    top: 13%;
    width: 40%;
  }
  .telpo-product[data-product="K8"] .k8-model {
    font-size: 9cqw;
    margin-bottom: 1cqw;
  }
  .telpo-product[data-product="K8"] .k8-product-name {
    font-size: 4cqw;
  }
  .telpo-product[data-product="K8"] .k8-hero-copy p {
    font-size: 2.9cqw;
    letter-spacing: 0;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .telpo-product[data-product="K8"] .k8-payments {
    padding: 24px 0;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid li {
    display: flex;
    justify-content: center;
    padding: 18px 12px;
    gap: 12px;
    border-radius: 12px;
    min-height: 86px;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid li::after {
    top: calc(100% + 4px);
    height: 10px;
    border-radius: 12px 12px 0 0;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid li:nth-child(n) img {
    margin-left: 0;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid img {
    max-width: 40px;
    max-height: 40px;
  }
  .telpo-product[data-product="K8"] .k8-payment-grid h3 {
    font-size: 16px;
  }
  .telpo-product[data-product="K8"] .k8-performance {
    padding: 32px 0;
  }
  .telpo-product[data-product="K8"] .k8-feature-grid {
    width: 88%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
  }
  .telpo-product[data-product="K8"] .k8-feature {
    padding: 20px 12px 24px;
    border-radius: 15px;
    min-height: 250px;
  }
  .telpo-product[data-product="K8"] .k8-feature-icon {
    height: 140px;
  }
  .telpo-product[data-product="K8"] .k8-feature-icon img {
    max-width: 145px;
    max-height: 125px;
  }
  .telpo-product[data-product="K8"] .k8-feature:first-child img,
  .telpo-product[data-product="K8"] .k8-feature:last-child img {
    width: 110px;
  }
  .telpo-product[data-product="K8"] .k8-feature h3 {
    font-size: 17px;
  }
  .telpo-product[data-product="K8"] .k8-feature p {
    font-size: 15px;
    margin-top: 8px;
  }
  .telpo-product[data-product="K8"] .k8-plus {
    position: static;
    display: inline;
    color: #168dff;
    background: none;
    font-size: 16px;
  }
  .telpo-product[data-product="K8"] .k8-feature:nth-child(2) h3 {
    padding-right: 0;
  }
  .telpo-product[data-product="K8"] .k8-body br {
    display: none;
  }
  .telpo-product[data-product="K8"] .k8-weight {
    font-size: 86px;
  }
  .telpo-product[data-product="K8"] .k8-face-copy h2 {
    font-size: 25px;
    white-space: normal;
  }
  .telpo-product[data-product="K8"] .k8-installation .k8-art {
    display: flex;
    flex-direction: column;
  }
  .telpo-product[data-product="K8"] .k8-install-copy {
    position: static;
    order: -1;
    width: auto;
    padding: 28px 6%;
    background: #f1f0f3;
  }
  .telpo-product[data-product="K8"] .k8-install-labels {
    position: static;
    width: auto;
    aspect-ratio: auto;
    display: flex;
    gap: 12px;
    justify-content: space-around;
    background: #f1f0f3;
    padding: 16px 6%;
  }
  .telpo-product[data-product="K8"] .k8-install-labels li {
    position: static;
    width: auto;
    height: auto;
    min-width: 80px;
    padding: 5px 15px;
    font-size: 16px;
  }
  .telpo-product[data-product="K8"] .k8-scenes {
    padding: 32px 0;
  }
  .telpo-product[data-product="K8"] .k8-scene-content {
    width: 88%;
    margin-top: 24px;
  }
  .telpo-product[data-product="K8"] .k8-retail-panel {
    grid-template-columns: 1fr;
    border-radius: 12px;
  }
  .telpo-product[data-product="K8"] .k8-retail-panel h3 {
    padding: 20px;
    font-size: 26px;
  }
  .telpo-product[data-product="K8"] .k8-scene-retail figcaption {
    margin-left: 0;
  }
  .telpo-product[data-product="K8"] .k8-scene-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
  }
  .telpo-product[data-product="K8"] figcaption {
    margin-top: 8px;
  }
  .telpo-product[data-product="K8"] .k8-dimensions .k8-art {
    padding-top: 70px;
  }
  .telpo-product[data-product="K8"] .k8-dimension-illustration {
    width: 200%;
    margin-left: -80%;
  }
  .telpo-product[data-product="K8"] #k8-dimensions-title {
    left: 6%;
    top: 18px;
    font-size: 26px;
  }
  .telpo-product[data-product="K8"] .k8-dimension-lines,
  .telpo-product[data-product="K8"] .k8-dimension-values {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1920/711;
  }
  .telpo-product[data-product="K8"] .k8-dimension-values > div {
    font-size: 14px;
    white-space: nowrap;
    background: #f2f3fa;
  }
  .telpo-product[data-product="K8"] .k8-specs {
    padding: 36px 0;
  }
  .telpo-product[data-product="K8"] .k8-spec-inner {
    width: 90%;
  }
  .telpo-product[data-product="K8"] #k8-spec-content {
    margin-top: 24px;
  }
  .telpo-product[data-product="K8"] .k8-specs h3 {
    padding: 10px 14px;
  }
  .telpo-product[data-product="K8"] .k8-specs table {
    font-size: 14px;
  }
  .telpo-product[data-product="K8"] .k8-specs th,
  .telpo-product[data-product="K8"] .k8-specs td {
    padding: 10px 8px;
  }
  .telpo-product[data-product="K8"] .k8-spec-key {
    width: 18%;
  }
  .telpo-product[data-product="K8"] .k8-specs table + h3 {
    margin-top: 24px;
  }
  .telpo-product[data-product="K8"] .k8-specs table,
  .telpo-product[data-product="K8"] .k8-specs tbody {
    display: block;
  }
  .telpo-product[data-product="K8"] .k8-specs colgroup {
    display: none;
  }
  .telpo-product[data-product="K8"] .k8-specs tr {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
  }
  .telpo-product[data-product="K8"] .k8-specs th,
  .telpo-product[data-product="K8"] .k8-specs td {
    display: block;
    min-width: 0;
  }
}
.k8-product-config {
    width: 100%;
    background: #242b33;
}
.k8-product-config > .container {
    position: static;
    inset: auto;
    transform: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 40px;
}