/* ===== Gene Pulser 830 test data module v3 ===== */

.product-landing-content .gp830f-test3 {
  padding:0 !important;
  background:#ffffff !important;
  border:1px solid #e4e8ef !important;
  border-radius:26px !important;
  overflow:hidden !important;
}

.product-landing-content .gp830f-test3-head {
  padding:28px !important;
  color:#ffffff !important;
  background:#172033 !important;
}

.product-landing-content .gp830f-test3-head > h2 {
  margin:0 !important;
  color:#ffffff !important;
  font-size:31px !important;
  line-height:1.4 !important;
  font-weight:900 !important;
}

.product-landing-content .gp830f-test3-head > p:not(.gp830f-eyebrow) {
  margin:8px 0 0 !important;
  color:#d5dbe4 !important;
  font-size:16px !important;
  line-height:1.9 !important;
}

.product-landing-content .gp830f-test3-summary {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:22px !important;
}

.product-landing-content .gp830f-test3-summary > article {
  display:block !important;
  min-width:0 !important;
  min-height:104px !important;
  padding:16px !important;
  color:#172033 !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:14px !important;
}

.product-landing-content .gp830f-test3-summary > article > span {
  display:block !important;
  margin:0 0 7px !important;
  color:#667085 !important;
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:900 !important;
}

.product-landing-content .gp830f-test3-summary > article > strong {
  display:block !important;
  margin:0 !important;
  color:#172033 !important;
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

.product-landing-content .gp830f-test3-summary > article > strong.gp830f-test3-red {
  color:#d71920 !important;
}

.product-landing-content .gp830f-test3-summary > article.gp830f-test3-summary-dark {
  color:#ffffff !important;
  background:#2b364b !important;
  border-color:#455168 !important;
}

.product-landing-content .gp830f-test3-summary > article.gp830f-test3-summary-dark > span {
  color:#cbd5e1 !important;
}

.product-landing-content .gp830f-test3-summary > article.gp830f-test3-summary-dark > strong {
  color:#ffffff !important;
}

.product-landing-content .gp830f-test3-content {
  display:block !important;
  padding:28px !important;
  background:#ffffff !important;
}

.product-landing-content .gp830f-test3-cho {
  display:block !important;
}

.product-landing-content .gp830f-test3-cho > h3 {
  margin:0 !important;
  color:#172033 !important;
  font-size:24px !important;
  line-height:1.4 !important;
  font-weight:900 !important;
}

.product-landing-content .gp830f-test3 .gp830f-table-wrap {
  margin-top:16px !important;
}

/* HepG2 独立卡片 */
.product-landing-content .gp830f-hepg2-panel {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 300px !important;
  gap:22px !important;
  align-items:stretch !important;
  margin-top:28px !important;
  padding:22px !important;
  background:#f7f9fb !important;
  border:1px solid #dfe4eb !important;
  border-left:5px solid #d71920 !important;
  border-radius:16px !important;
}

.product-landing-content .gp830f-hepg2-main {
  display:block !important;
  min-width:0 !important;
}

.product-landing-content .gp830f-hepg2-main > .gp830f-subeyebrow {
  margin:0 0 5px !important;
  color:#d71920 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:900 !important;
  letter-spacing:1.3px !important;
}

.product-landing-content .gp830f-hepg2-main > h3 {
  margin:0 !important;
  color:#172033 !important;
  font-size:23px !important;
  line-height:1.4 !important;
  font-weight:900 !important;
}

.product-landing-content .gp830f-hepg2-pills {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:15px 0 0 !important;
}

.product-landing-content .gp830f-hepg2-pills > span {
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  padding:8px 11px !important;
  color:#172033 !important;
  background:#ffffff !important;
  border:1px solid #dfe4eb !important;
  border-radius:8px !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
}

.product-landing-content .gp830f-hepg2-desc {
  margin:15px 0 0 !important;
  padding:0 !important;
  color:#566074 !important;
  font-size:14px !important;
  line-height:1.85 !important;
}

.product-landing-content .gp830f-hepg2-score {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-self:stretch !important;
}

.product-landing-content .gp830f-hepg2-score > article {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  padding:18px 12px !important;
  background:#ffffff !important;
  border:1px solid #e1e6ed !important;
  border-radius:13px !important;
  text-align:center !important;
}

.product-landing-content .gp830f-hepg2-score > article > strong {
  display:block !important;
  margin:0 0 5px !important;
  color:#172033 !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.product-landing-content .gp830f-hepg2-score > article > strong.gp830f-test3-red {
  color:#d71920 !important;
}

.product-landing-content .gp830f-hepg2-score > article > span {
  display:block !important;
  color:#667085 !important;
  font-size:13px !important;
  line-height:1.4 !important;
}

.product-landing-content .gp830f-test3-warning {
  display:block !important;
  margin:18px 0 0 !important;
  padding:14px 16px !important;
  color:#566074 !important;
  background:#fff7f7 !important;
  border:1px solid #f0cccc !important;
  border-left:4px solid #d71920 !important;
  border-radius:10px !important;
  font-size:14px !important;
  line-height:1.85 !important;
}

.product-landing-content .gp830f-test3-warning > strong {
  color:#172033 !important;
  font-weight:900 !important;
}

@media (max-width:900px) {
  .product-landing-content .gp830f-test3-summary {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .product-landing-content .gp830f-hepg2-panel {
    grid-template-columns:1fr !important;
  }
}

@media (max-width:720px) {
  .product-landing-content .gp830f-test3-head,
  .product-landing-content .gp830f-test3-content {
    padding:20px 17px !important;
  }

  .product-landing-content .gp830f-test3-summary {
    grid-template-columns:1fr !important;
  }

  .product-landing-content .gp830f-test3-summary > article {
    min-height:auto !important;
  }

  .product-landing-content .gp830f-hepg2-panel {
    padding:17px !important;
  }

  .product-landing-content .gp830f-hepg2-score {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
