/* XAR320 hybrid product: scoped additions to the shared JETRIX design. */
.jr-xar320 .lx-hero-stage:before {
  background: linear-gradient(180deg,#293744 0%,#8d9aa6 48%,#f2f5f7 100%);
}
.jr-xar320 .lx-hero-photo img {
  filter: brightness(1.16);
}
.jr-xar320 .lx-hero-photo {
  height: 390px;
}
.jr-xar320 .lx-hero-metrics dd {
  font-size: clamp(29px,3vw,40px);
}
.jh-process-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
}
.jh-process-grid article {
  background: #edf1f4;
  border-bottom: 2px solid #e76a25;
}
.jh-process-grid .jr-photo {
  background: linear-gradient(180deg,#7f8f9e,#f4f6f8);
}
.jh-process-grid .jr-photo img {
  mix-blend-mode: multiply;
  height: 330px;
  padding: 20px;
}
.jh-process-grid article>div {
  padding: 30px;
}
.jh-process-grid h3 {
  font-size: 31px;
  line-height: 1.15;
}
.jh-process-grid p:not(.lx-kicker) {
  font-size: 16px;
  line-height: 1.8;
}
.jr-xar320 .jr-swatches span:nth-child(8) {
  background: #8b9bac;
  color: #141722;
}
.jr-xar320 .lx-section-nav .wrap {
  gap: 26px;
}
.jr-xar320 .jr-details-gallery {
  margin-top: 45px;
}
@media (max-width:760px) {
  .jh-process-grid {
    grid-template-columns: 1fr;
  }
  .jr-xar320 .lx-hero-photo {
    height: 320px;
  }
  .jh-process-grid .jr-photo img {
    height: auto;
    max-height: 330px;
  }
  .jh-process-grid h3 {
    font-size: 29px;
  }
  .jh-process-grid article>div {
    padding: 25px;
  }
}
@media (max-width:520px) {
  .jr-xar320 .lx-hero-photo {
    height: 240px;
  }
}