/* LithTec sine/square wave detail pages: Figma 109:13756 and 109:14216. */
.lithtec-ups-page .detail-hero {
  background-image: linear-gradient(90deg,rgba(10,46,99,.6),rgba(10,46,99,.28) 36%,transparent 60%),linear-gradient(180deg,transparent 84%,rgba(10,46,99,.85)),url('../images/lithtec-sine/hero-compressed.webp');
}
.lithtec-ups-page .detail-hero-inner > img:not(.wise-choice) { display: none; }
.lithtec-ups-page .summary-stat:nth-child(3) { margin-left: 19px; }

@media (min-width: 1200px) {
  .lithtec-ups-page .detail-hero-inner { padding-top: 110px; }
  .lithtec-ups-page .detail-breadcrumb { line-height: 10px; }
  .lithtec-ups-page .detail-hero-copy { margin-top: 45px; }
  .lithtec-ups-page .detail-hero-copy h1 { width: 579px; letter-spacing: 1px; white-space: nowrap; }
  .lithtec-ups-page .detail-hero-copy > span { font-weight: 400; }
  .lithtec-ups-page .detail-hero-copy .wise-choice { margin-top: 86px; }
  .lithtec-ups-page .summary-grid { grid-template-columns: 470px 360px 360px; gap: 31px; }
  .lithtec-ups-page .summary-grid h2 { margin: 30px 0 20px; font-size: 48px; line-height: 54px; }
  .lithtec-ups-page .summary-grid > div:first-child > p { font-size: 15px; line-height: 22px; }
  .lithtec-ups-page .summary-stat { width: 360px; height: 240px; min-height: 240px; padding: 25px 20px; gap: 9px; }
  .lithtec-ups-page .summary-stat > img { width: 121px; height: 122px; flex-basis: 121px; }
  .lithtec-ups-page .summary-stat p { margin-top: 20px; font-size: 20px; line-height: 20px; }
  .lithtec-ups-page .summary-stat strong { margin-top: 20px; font-size: 32px; line-height: 40px; letter-spacing: 0; }
}

@media (max-width: 1199px) {
  .lithtec-ups-page .summary-stat:nth-child(3) { margin-left: 0; }
}

@media (max-width: 767px) {
  .lithtec-ups-page .detail-hero {
    background: linear-gradient(180deg,#0e3670 39%,rgba(10,46,99,.82) 54%,transparent 72%),url('../images/lithtec-sine/hero-compressed.webp') 61% bottom/auto 455px no-repeat #0e3670;
  }
  .lithtec-ups-page .summary-grid h2 { line-height: 34px; }
}