.clinical-product-page { background: #fff; }
.clinical-product-page .health-product-hero { min-height: 480px; }
.clinical-product-page .breadcrumb ol, .clinical-product-page .breadcrumb a { color: #667085; }
.clinical-hero-image { display: block; width: 100%; }
.clinical-product-page .health-product-visual { display: block; aspect-ratio: auto; border: 1px solid #e6eaf0; border-radius: 10px; overflow: hidden; background: #f5f7f7; }
.clinical-product-page .health-product-visual img { display: block; height: auto; }
.clinical-product-page .health-product-visual figcaption { padding: 10px 14px; font-size: 13px; color: #667085; }
.clinical-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.clinical-hero-actions > a:last-child { color: #667085; font-size: 14px; }
.clinical-section { padding: 52px 0; border-top: 1px solid #e6eaf0; }
.clinical-section-head { max-width: 760px; margin-bottom: 20px; }
.clinical-section h2 { margin: 0 0 14px; font-size: clamp(24px, 3vw, 32px); font-weight: 500; }
.clinical-section-head > p, .clinical-screen-copy > p { color: #667085; line-height: 1.8; }
.clinical-screen-row { display: grid; grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr); align-items: center; gap: 40px; padding: 28px 0; }
.clinical-screen-row + .clinical-screen-row { border-top: 1px solid #e6eaf0; }
.clinical-screen-copy h3 { margin: 0 0 14px; font-size: 24px; line-height: 1.4; font-weight: 500; }
.clinical-screen { min-width: 0; margin: 0; }
.clinical-screen a { display: block; border-radius: 10px; overflow: hidden; border: 1px solid #e6eaf0; }
.clinical-screen img { display: block; width: 100%; height: auto; }
.clinical-screen figcaption { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; color: #667085; font-size: 13px; line-height: 1.6; }
.clinical-screen figcaption > span:last-child { flex-shrink: 0; color: #1464f4; }
.clinical-product-page .faq-list { max-width: 900px; }
.clinical-faq { border-bottom: 1px solid #e6eaf0; padding: 20px 0; }
.clinical-faq summary { font-size: 17px; line-height: 1.6; cursor: pointer; }
.clinical-faq p { color: #667085; line-height: 1.8; margin: 12px 0 0; }
@media (max-width: 800px) {
  .clinical-product-page .health-product-hero { min-height: 0; }
  .clinical-screen-row { grid-template-columns: 1fr; gap: 18px; padding: 24px 0; }
}
@media (max-width: 480px) {
  .clinical-section { padding: 36px 0; }
  .clinical-screen figcaption { flex-direction: column; gap: 4px; }
}