/*
 * Highlight Card Layout Hotfix v1.0.0 — 2026-09-12
 * Top-aligns Product Highlights title/body hierarchy and icon placement.
 *
 * IndoSurgicals Diagnostic Product Consistency R1 v1.0.0
 * Scope: Product Details on /diagnostic-products-manufacturer/* product pages.
 *
 * Final authority for common Diagnostic visual behavior. Product descriptions
 * retain product-specific semantic structures, while shared layout, scientific
 * typography, procurement CTAs and known reusable components are normalized here.
 */

#ispProductDescription.isp-diagnostic-content-system {
    --isp-diag-ink: #173249;
    --isp-diag-text: #496173;
    --isp-diag-muted: #708396;
    --isp-diag-line: #d7e3e8;
    --isp-diag-soft: #f4f8f9;
    --isp-diag-teal: #078b84;
    --isp-diag-teal-dark: #08746f;
    --isp-diag-navy: #15384f;
    --isp-diag-radius: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    font-family: "Poppins", Arial, sans-serif;
}

#ispProductDescription.isp-diagnostic-content-system *,
#ispProductDescription.isp-diagnostic-content-system *::before,
#ispProductDescription.isp-diagnostic-content-system *::after {
    box-sizing: border-box;
}

/* Parent-safe roots. Preserve each product's semantic design, but keep every
   content family inside the Product Details parent and on one typography system. */
#ispProductDescription.isp-diagnostic-content-system .is-flagship,
#ispProductDescription.isp-diagnostic-content-system .isp-f526-wrap,
#ispProductDescription.isp-diagnostic-content-system .isp-td-release,
#ispProductDescription.isp-diagnostic-content-system .is-tf15070,
#ispProductDescription.isp-diagnostic-content-system .is-st15072,
#ispProductDescription.isp-diagnostic-content-system .is-tls15073,
#ispProductDescription.isp-diagnostic-content-system .is-glu-flagship,
#ispProductDescription.isp-diagnostic-content-system .is-tf128-15200,
#ispProductDescription.isp-diagnostic-content-system .is-tf256-15201,
#ispProductDescription.isp-diagnostic-content-system .is-tf512-15202,
#ispProductDescription.isp-diagnostic-content-system .is-tf1024-15205,
#ispProductDescription.isp-diagnostic-content-system .is-gon15405,
#ispProductDescription.isp-diagnostic-content-system .is-atf5-15208,
#ispProductDescription.isp-diagnostic-content-system .is-pod93609,
#ispProductDescription.isp-diagnostic-content-system .is-aca15065,
#ispProductDescription.isp-diagnostic-content-system .is-aci15068,
#ispProductDescription.isp-diagnostic-content-system .is-acis15069,
#ispProductDescription.isp-diagnostic-content-system .is-16130-wrap,
#ispProductDescription.isp-diagnostic-content-system .is-mw16132,
#ispProductDescription.isp-diagnostic-content-system .is-lio16138,
#ispProductDescription.isp-diagnostic-content-system .is-rg16140,
#ispProductDescription.isp-diagnostic-content-system .is-tf3-15203,
#ispProductDescription.isp-diagnostic-content-system .is-tf4-15204,
#ispProductDescription.isp-diagnostic-content-system .is-htf16210 {
    position: relative;
    left: auto;
    right: auto;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none;
    font-family: "Poppins", Arial, sans-serif !important;
}

/* Scientific notation: never allow the numeric suffix to fall onto a new line. */
#ispProductDescription.isp-diagnostic-content-system sub,
#ispProductDescription.isp-diagnostic-content-system sup {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    white-space: nowrap !important;
}
#ispProductDescription.isp-diagnostic-content-system sub {
    vertical-align: sub !important;
    font-size: .72em !important;
}
#ispProductDescription.isp-diagnostic-content-system sup {
    vertical-align: super !important;
    font-size: .72em !important;
}
#ispProductDescription.isp-diagnostic-content-system .isp-scientific-token {
    display: inline-block !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* Final Flagship hero/highlight rail. This replaces the repeated per-product
   wide-screen correction blocks removed by the R1 migration. */
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-copy,
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel {
    width: 100% !important;
    max-width: 100% !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel {
    padding: 15px 16px 16px !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(22, 50, 74, .11) !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel h3 {
    margin-bottom: 10px !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel ul {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li {
    display: block !important;
    min-height: 118px !important;
    padding: 15px 14px 15px 44px !important;
    color: rgba(255,255,255,.90) !important;
    -webkit-text-fill-color: rgba(255,255,255,.90) !important;
    font-size: 12.8px !important;
    font-weight: 450 !important;
    line-height: 1.56 !important;
    text-align: left !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 13.6px !important;
    font-weight: 800 !important;
    line-height: 1.34 !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li strong + br {
    display: none !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li::before,
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__feature::before {
    content: "\2713" !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li::before {
    top: 16px !important;
    left: 14px !important;
    transform: none !important;
}

/* Shared two-column instrument table. */
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #fff !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead {
    display: table-header-group !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody {
    display: table-row-group !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tr {
    display: table-row !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table th,
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table td {
    display: table-cell !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th {
    padding: 12px 13px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: var(--isp-diag-navy) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.14) !important;
    font-size: 12.3px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    vertical-align: middle !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td {
    height: auto !important;
    padding: 11px 13px !important;
    color: #40566a !important;
    -webkit-text-fill-color: #40566a !important;
    background: #fff !important;
    border: 0 !important;
    border-right: 1px solid var(--isp-diag-line) !important;
    border-bottom: 1px solid var(--isp-diag-line) !important;
    font-size: 12.3px !important;
    line-height: 1.55 !important;
    vertical-align: top !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th:first-child,
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td:first-child {
    width: 31% !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th:nth-child(2),
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td:nth-child(2) {
    width: 69% !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td:first-child {
    color: var(--isp-diag-ink) !important;
    -webkit-text-fill-color: var(--isp-diag-ink) !important;
    background: #eef6f7 !important;
    font-weight: 800 !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table th:last-child,
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table td:last-child {
    border-right: 0 !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* Shared accessory-card bullet alignment. */
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__accessory-card h3 {
    margin-bottom: 9px !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__accessory-card ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__accessory-card li {
    position: relative !important;
    margin: 0 0 6px !important;
    padding: 0 0 0 18px !important;
    color: var(--is-muted, var(--isp-diag-muted)) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    list-style: none !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__accessory-card li:last-child {
    margin-bottom: 0 !important;
}
#ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__accessory-card li::before {
    content: "" !important;
    position: absolute !important;
    left: 2px !important;
    top: .66em !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: var(--is-teal, var(--isp-diag-teal)) !important;
    transform: translateY(-50%) !important;
}

/* FAQ minus is a CSS escape, not an HTML entity. */
#ispProductDescription.isp-diagnostic-content-system details[open] > summary::after {
    content: "\2212" !important;
}

/* Procurement close.
   Only SECTION elements whose class ends in "cta" are treated as procurement
   bands; anchor.is-flagship__cta remains a button and is intentionally excluded. */
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 24px 26px 25px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 94% 10%, rgba(255,255,255,.12) 0, rgba(255,255,255,0) 31%),
        linear-gradient(118deg, #15384f 0%, #0d5964 50%, #087b75 100%) !important;
    border: 1px solid rgba(12,79,91,.16) !important;
    border-radius: 17px !important;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(16,52,73,.12) !important;
    text-align: left !important;
}
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"]::before {
    content: "PROCUREMENT SUPPORT" !important;
    display: block !important;
    margin: 0 0 8px !important;
    color: #aee9e4 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] h2,
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] h3,
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] h4 {
    max-width: 760px !important;
    margin: 0 0 7px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: clamp(18px, 1.4vw, 22px) !important;
    line-height: 1.28 !important;
    font-weight: 750 !important;
    letter-spacing: -.015em !important;
}
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] p {
    max-width: 920px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
    font-size: 13.5px !important;
    line-height: 1.68 !important;
    font-weight: 500 !important;
}
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] > div > h2,
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] > div > h3,
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] > div > h4 {
    margin-top: 0 !important;
}
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] > div > p {
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
}
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] a {
    display: inline-flex !important;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 14px !important;
    padding: 9px 14px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] a:hover,
#ispProductDescription.isp-diagnostic-content-system section[class$="cta"] a:focus-visible {
    background: #fff !important;
    color: var(--isp-diag-teal-dark) !important;
    -webkit-text-fill-color: var(--isp-diag-teal-dark) !important;
    outline: none !important;
}

/* Existing Flagship CTA-section pattern is a light clinical section containing
   a true CTA button; keep that semantic difference while harmonising spacing. */
#ispProductDescription.isp-diagnostic-content-system .is-flagship__cta-section {
    background:
        radial-gradient(circle at 96% 8%, rgba(0,155,149,.11), transparent 31%),
        linear-gradient(135deg, #f3fbfa 0%, #fff 62%, #eef7f6 100%) !important;
    border-color: #cfe2e3 !important;
}
#ispProductDescription.isp-diagnostic-content-system a.is-flagship__cta {
    display: inline-flex !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 16px !important;
    border: 1px solid var(--isp-diag-teal) !important;
    border-radius: 9px !important;
    background: var(--isp-diag-teal) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Tablet/mobile */
@media (max-width: 1199px) {
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel ul {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}
@media (max-width: 820px) {
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th:first-child,
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td:first-child {
        width: 34% !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th:nth-child(2),
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td:nth-child(2) {
        width: 66% !important;
    }
}
@media (max-width: 560px) {
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel ul {
        grid-template-columns: 1fr !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li {
        min-height: 0 !important;
        padding: 12px 11px 12px 39px !important;
        font-size: 12.5px !important;
        line-height: 1.52 !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li::before {
        top: 13px !important;
        left: 11px !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__hero-panel li strong {
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th,
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td {
        padding: 8px 7px !important;
        font-size: 10.8px !important;
        line-height: 1.42 !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th:first-child,
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td:first-child {
        width: 38% !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table thead th:nth-child(2),
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__instrument-table tbody td:nth-child(2) {
        width: 62% !important;
    }
    #ispProductDescription.isp-diagnostic-content-system .is-flagship .is-flagship__accessory-card li {
        padding-left: 17px !important;
        font-size: 12.5px !important;
    }
    #ispProductDescription.isp-diagnostic-content-system section[class$="cta"] {
        margin-top: 20px !important;
        padding: 20px 19px 21px !important;
        border-radius: 14px !important;
    }
    #ispProductDescription.isp-diagnostic-content-system section[class$="cta"] h2,
    #ispProductDescription.isp-diagnostic-content-system section[class$="cta"] h3,
    #ispProductDescription.isp-diagnostic-content-system section[class$="cta"] h4 {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    #ispProductDescription.isp-diagnostic-content-system section[class$="cta"] p {
        font-size: 13px !important;
        line-height: 1.62 !important;
    }
}