/* Triple Helix Solutions homepage — consolidated V115. */
:root {
        --ink: #0c1620;
        --muted: #667480;
        --line: #e2e8ec;
        --bg: #f5f7f9;
        --green: #00a52a;
        --blue: #2337d8;
        --red: #ef1c23;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
        color: var(--ink);
        background: white;
      }
      a {
        text-decoration: none;
        color: inherit;
      }
      .wrap {
        max-width: 1220px;
        margin: auto;
        padding: 0 24px;
      }
      header {
        position: sticky;
        top: 0;
        z-index: 20;
        background: rgba(255, 255, 255, 0.97);
        backdrop-filter: blur(10px);
        border-bottom: 1px solid var(--line);
      }
      .nav {
        min-height: 78px;
        display: flex;
        align-items: center;
        gap: 24px;
      }
      .logo {
        width: 180px;
      }
      .navlinks {
        margin-left: auto;
        display: flex;
        gap: 22px;
        align-items: center;
        font-size: 14px;
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 13px 20px;
        border-radius: 9px;
        border: 0;
        font-weight: 800;
        cursor: pointer;
        background: var(--ink);
        color: #fff;
      }
      .btn.green {
        background: var(--green);
      }
      .btn.light {
        background: #fff;
        color: var(--ink);
        border: 1px solid #cfd7dc;
      }
      .hero {
        padding: 78px 0 62px;
        background:
          radial-gradient(circle at 85% 20%, #ecf5ff 0, transparent 34%),
          linear-gradient(135deg, #f7fafb, #fff);
      }
      .hero-grid {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 52px;
        align-items: center;
      }
      .eyebrow {
        color: var(--green);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 2px;
        text-transform: uppercase;
      }
      h1 {
        font-size: 56px;
        line-height: 1.02;
        letter-spacing: -2px;
        margin: 14px 0 20px;
      }
      .lead {
        font-size: 19px;
        line-height: 1.65;
        color: var(--muted);
        max-width: 720px;
      }
      .actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 28px;
      }
      .stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-top: 30px;
        max-width: 650px;
      }
      .stat {
        padding: 16px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #fff;
      }
      .stat b {
        display: block;
        font-size: 24px;
        margin-bottom: 3px;
      }
      .stat span {
        font-size: 12px;
        color: var(--muted);
      }
      .hero-panel {
        background: #101923;
        color: #fff;
        border-radius: 20px;
        padding: 30px;
        box-shadow: 0 20px 60px #0b162033;
      }
      .hero-panel .bar {
        height: 7px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--green) 0 33%,
          var(--blue) 33% 66%,
          var(--red) 66%
        );
      }
      .hero-panel h2 {
        font-size: 28px;
        margin: 20px 0 8px;
      }
      .hero-panel p {
        color: #c4ced5;
        line-height: 1.6;
      }
      section {
        padding: 68px 0;
      }
      .section-title {
        font-size: 38px;
        letter-spacing: -1px;
        margin: 0 0 10px;
      }
      .sub {
        color: var(--muted);
        line-height: 1.65;
        max-width: 790px;
      }
      .divisions {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 30px;
      }
      .division {
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 26px;
        background: #fff;
      }
      .division h3 {
        font-size: 24px;
        margin: 9px 0 10px;
      }
      .division ul {
        padding-left: 18px;
        color: #46545e;
        line-height: 1.85;
      }
      .band {
        background: var(--bg);
      }
      .toolbar {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 24px;
      }
      .searchbox {
        flex: 1;
        min-width: 260px;
        display: flex;
        border: 1px solid #cad4da;
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
      }
      .searchbox input {
        border: 0;
        outline: none;
        padding: 14px 15px;
        flex: 1;
        font-size: 15px;
      }
      .filter-btn {
        padding: 12px 15px;
        border: 1px solid #ccd5da;
        border-radius: 9px;
        background: #fff;
        cursor: pointer;
        font-weight: 700;
      }
      .filter-btn.active {
        background: var(--ink);
        color: white;
      }
      .products {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 26px;
      }
      .product-card {
        border: 1px solid var(--line);
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        transition: 0.2s;
      }
      .product-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 36px #12202f14;
      }
      .product-card img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        background: #eef2f5;
      }
      .pc-body {
        padding: 16px;
      }
      .pill {
        display: inline-block;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: var(--blue);
      }
      .pc-body h3 {
        font-size: 18px;
        margin: 7px 0 5px;
      }
      .pc-body p {
        color: var(--muted);
        font-size: 13px;
        margin: 0 0 14px;
      }
      .small-btn {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #cdd6db;
        background: #fff;
        border-radius: 8px;
        font-weight: 800;
        cursor: pointer;
      }
      .implant-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 28px;
      }
      .feature {
        border-radius: 18px;
        padding: 28px;
        background: #101923;
        color: white;
      }
      .feature.light {
        background: #fff;
        color: var(--ink);
        border: 1px solid var(--line);
      }
      .feature p {
        line-height: 1.65;
        color: #c8d1d7;
      }
      .feature.light p {
        color: var(--muted);
      }
      .rfq-area {
        display: grid;
        grid-template-columns: 0.72fr 1.28fr;
        gap: 34px;
        align-items: start;
      }
      .rfq-list {
        background: #101923;
        color: #fff;
        border-radius: 18px;
        padding: 24px;
        position: sticky;
        top: 100px;
      }
      .rfq-list h3 {
        margin-top: 0;
      }
      .rfq-items {
        min-height: 110px;
        color: #c8d1d7;
        font-size: 14px;
        line-height: 1.7;
      }
      .rfq-count {
        display: inline-block;
        background: var(--green);
        padding: 5px 9px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 900;
      }
      form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .field {
        width: 100%;
        padding: 13px;
        border: 1px solid #cbd5db;
        border-radius: 8px;
        font: inherit;
      }
      textarea.field {
        grid-column: 1/-1;
        min-height: 120px;
      }
      form .btn {
        grid-column: 1/-1;
      }
      .contact-strip {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        margin-top: 24px;
      }
      .contact-box {
        padding: 18px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: white;
      }
      footer {
        background: #0d1620;
        color: #dce3e7;
        padding: 45px 0;
      }
      .footer-grid {
        display: grid;
        grid-template-columns: 1.3fr 1fr 1fr;
        gap: 32px;
      }
      footer p {
        color: #9caab4;
        line-height: 1.65;
      }
      @media (max-width: 980px) {
        .products {
          grid-template-columns: repeat(2, 1fr);
        }
        .hero-grid,
        .rfq-area,
        .implant-grid {
          grid-template-columns: 1fr;
        }
        .rfq-list {
          position: static;
        }
      }
      @media (max-width: 760px) {
        h1 {
          font-size: 42px;
        }
        .navlinks a:not(.btn) {
          display: none;
        }
        .divisions,
        .stats,
        .contact-strip,
        .footer-grid {
          grid-template-columns: 1fr;
        }
        .products {
          grid-template-columns: 1fr;
        }
        form {
          grid-template-columns: 1fr;
        }
        textarea.field,
        form .btn {
          grid-column: 1;
        }
      }

:root {
        --ink: #08131f;
        --navy: #0b1e33;
        --muted: #647383;
        --line: #e3e9ee;
        --surface: #f4f7f9;
        --green: #0aa64a;
        --green2: #27c96f;
        --blue: #1e4fff;
        --red: #ef3340;
      }
      body {
        background: #fff;
        font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
      }
      header {
        background: rgba(255, 255, 255, 0.82) !important;
        backdrop-filter: blur(18px);
        box-shadow: 0 1px 0 rgba(8, 19, 31, 0.06);
      }
      .nav {
        min-height: 84px !important;
      }
      .logo {
        width: 190px !important;
      }
      .navlinks {
        gap: 26px !important;
      }
      .navlinks a:not(.btn) {
        color: #263645;
        font-weight: 650;
      }
      .btn {
        border-radius: 999px !important;
        padding: 13px 22px !important;
        box-shadow: none !important;
      }
      .btn.green {
        background: linear-gradient(
          135deg,
          var(--green),
          var(--green2)
        ) !important;
        box-shadow: 0 10px 26px rgba(10, 166, 74, 0.22) !important;
      }
      .hero {
        position: relative;
        overflow: hidden;
        padding: 86px 0 76px !important;
        background:
          radial-gradient(
            circle at 20% 20%,
            rgba(39, 201, 111, 0.13),
            transparent 28%
          ),
          radial-gradient(
            circle at 88% 10%,
            rgba(30, 79, 255, 0.14),
            transparent 29%
          ),
          linear-gradient(180deg, #fbfdff 0, #f4f8fb 100%) !important;
      }
      .hero:after {
        content: "";
        position: absolute;
        inset: auto -120px -180px auto;
        width: 520px;
        height: 520px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(30, 79, 255, 0.09),
          transparent 66%
        );
      }
      .hero-grid {
        grid-template-columns: 1.02fr 0.98fr !important;
        gap: 58px !important;
      }
      .eyebrow {
        display: inline-flex;
        align-items: center;
        padding: 8px 12px;
        border-radius: 999px;
        background: #eaf8f0;
        color: #07883d !important;
        letter-spacing: 1.5px !important;
      }
      h1 {
        font-size: 64px !important;
        line-height: 0.98 !important;
        letter-spacing: -3px !important;
        max-width: 760px;
      }
      .lead {
        font-size: 19px !important;
        color: #5e6f7e !important;
      }
      .stats {
        gap: 10px !important;
      }
      .stat {
        border: 0 !important;
        background: rgba(255, 255, 255, 0.75) !important;
        box-shadow: 0 12px 38px rgba(8, 19, 31, 0.06);
      }
      .hero-panel {
        position: relative;
        padding: 0 !important;
        min-height: 520px;
        overflow: hidden;
        border-radius: 28px !important;
        background: #07121e !important;
        box-shadow: 0 30px 70px rgba(8, 19, 31, 0.23) !important;
      }
      .hero-photo {
        position: absolute;
        inset: 0;

        background-size: cover;
        background-position: center;
      }
      .hero-overlay {
        position: absolute;
        left: 28px;
        right: 28px;
        bottom: 28px;
        padding: 24px;
        border-radius: 20px;
        background: rgba(9, 25, 41, 0.7);
        border: 1px solid rgba(255, 255, 255, 0.18);
        backdrop-filter: blur(14px);
      }
      .hero-overlay h2 {
        margin: 0 0 8px;
        font-size: 27px;
      }
      .hero-overlay p {
        margin: 0 0 18px;
        color: #d5dee5;
        line-height: 1.55;
      }
      section {
        padding: 80px 0 !important;
      }
      .section-title {
        font-size: 34px !important;
        line-height: 1.15 !important;
        letter-spacing: -1px !important;
      }
      .divisions {
        gap: 22px !important;
      }
      .division {
        position: relative;
        overflow: hidden;
        border: 0 !important;
        border-radius: 22px !important;
        box-shadow: 0 16px 50px rgba(8, 19, 31, 0.07);
        padding: 30px !important;
      }
      .division:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(
          90deg,
          var(--green),
          var(--blue),
          var(--red)
        );
      }
      .band {
        background: #f4f7f9 !important;
      }
      .products {
        gap: 22px !important;
      }
      .product-card {
        border: 0 !important;
        border-radius: 20px !important;
        box-shadow: 0 14px 44px rgba(8, 19, 31, 0.08) !important;
      }
      .product-card img {
        height: 235px !important;
      }
      .pc-body {
        padding: 20px !important;
      }
      .small-btn {
        border-radius: 999px !important;
        transition: 0.2s;
      }
      .small-btn:hover {
        background: #0b1e33;
        color: #fff;
      }
      .searchbox {
        border: 0 !important;
        border-radius: 999px !important;
        box-shadow: 0 10px 32px rgba(8, 19, 31, 0.08);
      }
      .searchbox input {
        padding: 16px 20px !important;
      }
      .filter-btn {
        border-radius: 999px !important;
      }
      .rfq-list {
        border-radius: 24px !important;
        background: linear-gradient(160deg, #071521, #102c47) !important;
      }
      .field {
        border-radius: 12px !important;
        border: 1px solid #dce4e9 !important;
        background: white;
      }
      .contact-box {
        border: 0 !important;
        border-radius: 16px !important;
        box-shadow: 0 10px 28px rgba(8, 19, 31, 0.06);
      }
      .modern-visuals {
        padding-top: 10px !important;
        background: #fff;
      }
      .visual-grid {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 22px;
        margin-top: 30px;
      }
      .visual-main,
      .visual-side {
        position: relative;
        overflow: hidden;
        border-radius: 28px;
        min-height: 520px;
      }
      .visual-main {
        background: url("https://unsplash.com/photos/rubu_NvklJE/download?force=true")
          center/cover no-repeat;
      }
      .visual-side {
        display: grid;
        grid-template-rows: 1fr 1fr;
        gap: 22px;
      }
      .vet-visual,
      .clinic-visual {
        position: relative;
        overflow: hidden;
        border-radius: 28px;
        min-height: 249px;
      }
      .vet-visual {
        background:
          linear-gradient(180deg, rgba(7, 18, 30, 0.08), rgba(7, 18, 30, 0.72)),
          url("https://unsplash.com/photos/DE6rYp1nAho/download?force=true")
            center/cover no-repeat;
      }
      .clinic-visual {
        background: linear-gradient(135deg, #0b1e33, #143b5d);
      }
      .visual-label {
        position: absolute;
        left: 24px;
        right: 24px;
        bottom: 22px;
        color: #fff;
        padding: 18px 20px;
        border-radius: 17px;
        background: rgba(9, 24, 39, 0.63);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.16);
      }
      .visual-label h3 {
        margin: 0 0 5px;
        font-size: 23px;
      }
      .visual-label p {
        margin: 0;
        color: #d3dee6;
        line-height: 1.5;
      }
      .clinic-visual .visual-label {
        background: transparent;
        border: 0;
        backdrop-filter: none;
      }
      .clinic-lines {
        position: absolute;
        inset: 34px;
        border-radius: 20px;
        background: linear-gradient(
          90deg,
          var(--green) 0 32%,
          transparent 32% 34%,
          var(--blue) 34% 66%,
          transparent 66% 68%,
          var(--red) 68%
        );
        height: 5px;
      }
      @media (max-width: 980px) {
        .hero-grid,
        .visual-grid {
          grid-template-columns: 1fr !important;
        }
        .hero-panel {
          min-height: 440px;
        }
        h1 {
          font-size: 48px !important;
        }
        .section-title {
          font-size: 30px !important;
        }
      }

.vet-expanded {
        background: linear-gradient(180deg, #ffffff 0, #f7fafb 100%) !important;
      }
      .vet-searchbar {
        margin: 26px 0 24px;
        max-width: 620px;
      }
      .vet-searchbar input {
        width: 100%;
        padding: 15px 18px;
        border: 1px solid #d8e1e6;
        border-radius: 999px;
        font: inherit;
        outline: none;
        box-shadow: 0 10px 30px rgba(8, 19, 31, 0.05);
      }
      .vet-cat-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
      }
      .vet-cat-card {
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 14px 42px rgba(8, 19, 31, 0.07);
        transition: 0.2s;
      }
      .vet-cat-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 48px rgba(8, 19, 31, 0.11);
      }
      .vet-cat-card img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        background: #eef2f4;
      }
      .vet-cat-body {
        padding: 20px;
      }
      .vet-cat-body h3 {
        font-size: 19px;
        margin: 8px 0 7px;
      }
      .vet-cat-body p {
        color: #667480;
        line-height: 1.55;
        font-size: 14px;
        min-height: 65px;
      }
      .vet-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 14px;
      }
      .vet-benefit-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-top: 26px;
      }
      .vet-benefit {
        padding: 18px;
        border-radius: 14px;
        background: #0d1a27;
        color: #fff;
      }
      .vet-benefit b {
        display: block;
        margin-bottom: 5px;
      }
      .vet-benefit span {
        color: #b9c6cf;
        font-size: 13px;
        line-height: 1.45;
      }
      @media (max-width: 980px) {
        .vet-cat-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 680px) {
        .vet-cat-grid,
        .vet-benefit-grid {
          grid-template-columns: 1fr;
        }
        .vet-actions {
          grid-template-columns: 1fr;
        }
      }

.vet-products-expanded {
        background: #f6f8fa !important;
      }
      .vet-product-tools {
        display: flex;
        gap: 14px;
        align-items: center;
        justify-content: space-between;
        margin: 24px 0;
      }
      .vet-product-tools input {
        flex: 1;
        max-width: 660px;
        padding: 15px 18px;
        border: 1px solid #d9e2e7;
        border-radius: 999px;
        font: inherit;
        outline: none;
        background: #fff;
        box-shadow: 0 10px 28px rgba(8, 19, 31, 0.05);
      }
      .vet-product-count {
        font-size: 13px;
        font-weight: 800;
        color: #5f6d78;
      }
      .vet-product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
      }
      .vet-product-card {
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 14px 40px rgba(8, 19, 31, 0.07);
        transition: 0.2s;
      }
      .vet-product-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 50px rgba(8, 19, 31, 0.11);
      }
      .vet-img-wrap {
        position: relative;
        background: #edf2f5;
        overflow: hidden;
      }
      .vet-img-wrap img {
        width: 100%;
        height: 255px;
        object-fit: cover;
        object-position: top center;
        display: block;
        filter: saturate(1.02) contrast(1.02);
      }
      .enhanced-badge {
        position: absolute;
        left: 12px;
        bottom: 12px;
        padding: 7px 10px;
        border-radius: 999px;
        background: rgba(8, 19, 31, 0.78);
        color: #fff;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.5px;
        backdrop-filter: blur(8px);
      }
      .vet-product-body {
        padding: 20px;
      }
      .vet-product-body h3 {
        font-size: 18px;
        margin: 8px 0 7px;
      }
      .vet-product-body p {
        font-size: 13px;
        line-height: 1.5;
        color: #667480;
        min-height: 58px;
      }
      @media (max-width: 980px) {
        .vet-product-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 680px) {
        .vet-product-grid {
          grid-template-columns: 1fr;
        }
        .vet-product-tools {
          align-items: stretch;
          flex-direction: column;
        }
        .vet-product-count {
          padding-left: 4px;
        }
      }

.real-products-section {
        background: linear-gradient(180deg, #fff, #f6f9fb) !important;
      }
      .real-product-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 18px;
        margin: 25px 0;
      }
      .real-product-toolbar input {
        flex: 1;
        max-width: 720px;
        padding: 15px 18px;
        border: 1px solid #d8e1e6;
        border-radius: 999px;
        font: inherit;
        outline: none;
        background: white;
        box-shadow: 0 9px 28px rgba(8, 19, 31, 0.05);
      }
      .real-product-toolbar span {
        font-size: 13px;
        font-weight: 800;
        color: #667480;
      }
      .real-product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 22px;
      }
      .real-product-card {
        background: white;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 14px 42px rgba(8, 19, 31, 0.075);
        transition: 0.2s;
      }
      .real-product-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 50px rgba(8, 19, 31, 0.12);
      }
      .real-product-img {
        position: relative;
        background: #eef2f4;
        height: 250px;
        overflow: hidden;
      }
      .real-product-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        filter: contrast(1.035) saturate(1.01);
      }
      .source-badge {
        position: absolute;
        left: 12px;
        bottom: 12px;
        background: rgba(8, 19, 31, 0.8);
        color: #fff;
        border-radius: 999px;
        padding: 7px 10px;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.4px;
        backdrop-filter: blur(8px);
      }
      .real-product-body {
        padding: 20px;
      }
      .real-product-body h3 {
        font-size: 18px;
        line-height: 1.25;
        margin: 8px 0 8px;
      }
      .product-code {
        font-size: 13px;
        color: #1f3548;
        margin-bottom: 6px;
      }
      .real-product-body p {
        font-size: 13px;
        color: #687784;
        margin: 0 0 14px;
      }
      .product-modal {
        display: none;
        position: fixed;
        z-index: 100;
        inset: 0;
        background: rgba(3, 10, 17, 0.68);
        padding: 20px;
        align-items: center;
        justify-content: center;
      }
      .product-modal.open {
        display: flex;
      }
      .product-modal-card {
        width: min(560px, 100%);
        background: white;
        border-radius: 22px;
        padding: 28px;
        box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3);
      }
      .product-modal-card h3 {
        font-size: 24px;
        margin: 8px 0;
      }
      .product-modal-card .close {
        float: right;
        border: 0;
        background: #edf2f4;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        font-size: 20px;
        cursor: pointer;
      }
      @media (max-width: 980px) {
        .real-product-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 680px) {
        .real-product-grid {
          grid-template-columns: 1fr;
        }
        .real-product-toolbar {
          align-items: stretch;
          flex-direction: column;
        }
      }

.about-section {
        background: #fff !important;
      }
      .about-grid {
        display: grid;
        grid-template-columns: 1.35fr 0.65fr;
        gap: 42px;
        align-items: start;
      }
      .about-copy p {
        color: #60707d;
        line-height: 1.75;
        font-size: 16px;
      }
      .about-values {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-top: 28px;
      }
      .about-value {
        padding: 20px;
        border: 1px solid #e2e8ec;
        border-radius: 16px;
        background: #f9fbfc;
      }
      .about-value b {
        display: block;
        font-size: 16px;
        margin-bottom: 8px;
      }
      .about-value span {
        color: #687784;
        font-size: 13px;
        line-height: 1.55;
      }
      .about-card {
        position: relative;
        overflow: hidden;
        background: linear-gradient(155deg, #0a1724, #123653);
        color: #fff;
        border-radius: 24px;
        padding: 30px;
        box-shadow: 0 22px 60px rgba(8, 19, 31, 0.18);
      }
      .about-card p {
        color: #d1dbe2;
        line-height: 1.65;
      }
      .about-card h3 {
        font-size: 25px;
        margin: 22px 0 18px;
      }
      .about-lines {
        height: 6px;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          #0aa64a 0 33%,
          #1e4fff 33% 66%,
          #ef3340 66%
        );
      }
      .rfq-submit-row {
        grid-column: 1/-1;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      .rfq-submit-row .btn {
        flex: 1;
        min-width: 180px;
      }
      .rfq-area.rfq-area-without-product-panel {
        grid-template-columns: minmax(0, 1fr);
      }
      .rfq-area-without-product-panel .rfq-submit-row .btn {
        flex: 1 1 190px;
      }
      .rfq-note {
        grid-column: 1/-1;
        color: #687784;
        font-size: 12px;
        line-height: 1.5;
      }
      @media (max-width: 900px) {
        .about-grid {
          grid-template-columns: 1fr;
        }
        .about-values {
          grid-template-columns: 1fr;
        }
      }

.manufacturing-section {
        background: #f5f8fa !important;
      }
      .process-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 28px;
      }
      .process-card {
        position: relative;
        padding: 24px;
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 12px 35px rgba(8, 19, 31, 0.06);
      }
      .process-card span {
        display: inline-grid;
        place-items: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: #eaf8f0;
        color: #07883d;
        font-weight: 900;
        font-size: 12px;
      }
      .process-card h3 {
        font-size: 18px;
        margin: 15px 0 8px;
      }
      .process-card p {
        font-size: 13px;
        line-height: 1.55;
        color: #687784;
        margin: 0;
      }
      .quality-center {
        background: #fff !important;
      }
      .quality-grid {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 22px;
        margin-top: 28px;
      }
      .quality-main,
      .certificate-warning {
        padding: 28px;
        border-radius: 22px;
      }
      .quality-main {
        background: linear-gradient(155deg, #091824, #123653);
        color: #fff;
      }
      .quality-main p {
        color: #cbd6dd;
        line-height: 1.65;
      }
      .quality-points {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 22px;
      }
      .quality-points div {
        padding: 15px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.05);
      }
      .quality-points b {
        display: block;
        margin-bottom: 5px;
      }
      .quality-points span {
        font-size: 12px;
        color: #c5d0d8;
        line-height: 1.45;
      }
      .certificate-warning {
        border: 1px solid #5c1025;
        background: #76172f;
        color: #fff;
      }
      .certificate-box-heading {
        margin: 0 0 14px;
        color: #fff;
        font-size: 22px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-align: left;
      }
      .certificate-name-list {
        list-style: disc;
        margin: 0;
        padding: 0 0 0 21px;
        display: grid;
        gap: 0;
      }
      .certificate-name-list li {
        padding: 2px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.25;
      }
      .doc-icon {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: #eaf8f0;
        color: #07883d;
        font-weight: 900;
        font-size: 20px;
      }
      .small-note {
        font-size: 12px !important;
      }
      .doc-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-top: 18px;
      }
      .doc-card {
        padding: 19px;
        border: 1px solid #e0e7eb;
        border-radius: 15px;
        background: #fff;
      }
      .doc-card b {
        display: block;
        margin-bottom: 6px;
      }
      .doc-card span {
        font-size: 12px;
        line-height: 1.5;
        color: #697884;
      }
      @media (max-width: 900px) {
        .process-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .quality-grid {
          grid-template-columns: 1fr;
        }
        .quality-points {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 620px) {
        .process-grid,
        .doc-grid {
          grid-template-columns: 1fr;
        }
      }

.complete-veterinary {
        background: linear-gradient(180deg, #fff 0, #f5f8fa 100%) !important;
      }
      .vet-summary-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        margin: 24px 0 20px;
      }
      .vet-summary-card {
        border: 1px solid #dbe3e8;
        background: #fff;
        border-radius: 15px;
        padding: 14px;
        text-align: left;
        cursor: pointer;
      }
      .vet-summary-card b {
        display: block;
        font-size: 13px;
        margin-bottom: 4px;
      }
      .vet-summary-card span {
        font-size: 11px;
        color: #6a7985;
      }
      .vet-summary-card.active {
        background: #0b1e33;
        color: #fff;
        border-color: #0b1e33;
      }
      .vet-summary-card.active span {
        color: #c8d4dc;
      }
      .full-vet-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        margin: 18px 0;
      }
      .full-vet-toolbar input {
        flex: 1;
        max-width: 720px;
        padding: 15px 18px;
        border: 1px solid #d7e0e5;
        border-radius: 999px;
        font: inherit;
        background: #fff;
      }
      .full-vet-toolbar span {
        font-size: 12px;
        font-weight: 800;
        color: #667480;
      }
      .full-vet-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
      }
      .full-vet-page {
        background: #fff;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 11px 34px rgba(8, 19, 31, 0.07);
      }
      .full-vet-image {
        height: 300px;
        position: relative;
        background: #fff;
        border-bottom: 1px solid #edf1f3;
        overflow: hidden;
      }
      .full-vet-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      .page-chip {
        position: absolute;
        left: 10px;
        bottom: 10px;
        background: rgba(8, 19, 31, 0.82);
        color: #fff;
        border-radius: 999px;
        padding: 6px 9px;
        font-size: 9px;
        font-weight: 900;
      }
      .full-vet-body {
        padding: 15px;
      }
      .full-vet-body h3 {
        font-size: 15px;
        margin: 0 0 5px;
      }
      .full-vet-body p {
        font-size: 11px;
        color: #667480;
        margin: 0 0 7px;
      }
      .ref-line {
        font-size: 10px;
        line-height: 1.45;
        color: #5e6d78;
        min-height: 42px;
      }
      .full-vet-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 10px;
      }
      .vet-page-modal {
        display: none;
        position: fixed;
        z-index: 200;
        inset: 0;
        background: rgba(3, 10, 17, 0.82);
        padding: 24px;
        align-items: center;
        justify-content: center;
      }
      .vet-page-modal.open {
        display: flex;
      }
      .vet-page-modal-card {
        position: relative;
        background: #fff;
        border-radius: 18px;
        padding: 12px;
        max-width: 980px;
        max-height: 94vh;
        overflow: auto;
      }
      .vet-page-modal-card img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: auto;
      }
      .vet-modal-close {
        position: sticky;
        top: 4px;
        float: right;
        z-index: 2;
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 50%;
        background: #0b1e33;
        color: #fff;
        font-size: 22px;
        cursor: pointer;
      }
      @media (max-width: 1100px) {
        .full-vet-grid {
          grid-template-columns: repeat(3, 1fr);
        }
        .vet-summary-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 780px) {
        .full-vet-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .vet-summary-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .full-vet-toolbar {
          flex-direction: column;
          align-items: stretch;
        }
      }
@media (max-width: 520px) {
        .full-vet-grid,
        .vet-summary-grid {
          grid-template-columns: 1fr;
        }
        .full-vet-actions {
          grid-template-columns: 1fr;
        }
      }

.email-fallback {
        grid-column: 1/-1;
        margin-top: 8px;
        font-size: 12px;
        color: #657480;
      }
      .email-fallback a {
        color: #0b6b38;
        text-decoration: underline;
      }

/* Reduced headline sizes */
      h1 {
        font-size: 48px !important;
        line-height: 1.04 !important;
        letter-spacing: -2px !important;
      }
      .section-title {
        font-size: 28px !important;
        line-height: 1.18 !important;
        letter-spacing: -0.7px !important;
      }
      .hero-overlay h2 {
        font-size: 22px !important;
      }
      .about-card h3,
      .quality-main h3,
      .certificate-warning h3 {
        font-size: 19px !important;
      }

      /* THS section-image headers */
      .section-visual {
        position: relative;
        height: 180px;
        border-radius: 22px;
        overflow: hidden;
        margin: 0 0 24px;
        background: #eaf0f3;
        box-shadow: 0 14px 38px rgba(8, 19, 31, 0.09);
      }
      .section-visual img,
      .section-visual video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .section-visual:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          90deg,
          rgba(5, 17, 28, 0.64),
          rgba(5, 17, 28, 0.12) 65%,
          rgba(5, 17, 28, 0.03)
        );
      }
      .section-visual-label {
        position: absolute;
        z-index: 2;
        left: 22px;
        bottom: 18px;
        color: #fff;
        font-weight: 850;
        font-size: 14px;
        letter-spacing: 0.2px;
        text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
      }
      .section-visual.compact {
        height: 145px;
      }
      .ths-division-visuals {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        margin: 22px 0 30px;
      }
      .ths-division-visual {
        position: relative;
        height: 165px;
        border-radius: 18px;
        overflow: hidden;
        background: #edf2f4;
        box-shadow: 0 10px 30px rgba(8, 19, 31, 0.07);
      }
      .ths-division-visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .ths-division-visual:after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          transparent 35%,
          rgba(6, 18, 29, 0.72)
        );
      }
      .ths-division-visual span {
        position: absolute;
        z-index: 2;
        left: 16px;
        bottom: 14px;
        color: #fff;
        font-weight: 850;
        font-size: 14px;
      }
      @media (max-width: 760px) {
        h1 {
          font-size: 38px !important;
        }
        .section-title {
          font-size: 25px !important;
        }
        .section-visual {
          height: 145px;
        }
        .ths-division-visuals {
          grid-template-columns: 1fr;
        }
      }

/* Use THS source pictures as refined editorial accents rather than stretching them. */
      .section-visual {
        height: 118px !important;
        border-radius: 16px !important;
        background: #0b1e33 !important;
        box-shadow: 0 10px 28px rgba(8, 19, 31, 0.08) !important;
      }
      .section-visual.compact {
        height: 105px !important;
      }
      .section-visual img,
      .section-visual video {
        object-fit: cover !important;
        object-position: center 42% !important;
        transform: scale(1.01);
        filter: contrast(1.08) saturate(0.92) brightness(0.94);
      }
      .section-visual:after {
        background: linear-gradient(
          90deg,
          rgba(5, 17, 28, 0.78),
          rgba(5, 17, 28, 0.32) 58%,
          rgba(5, 17, 28, 0.16)
        ) !important;
      }
      .section-visual-label {
        left: 18px !important;
        bottom: 15px !important;
        font-size: 13px !important;
      }
      .ths-division-visuals {
        gap: 12px !important;
      }
      .ths-division-visual {
        height: 130px !important;
        border-radius: 15px !important;
        background: #0b1e33 !important;
      }
      .ths-division-visual img {
        object-fit: cover !important;
        object-position: center !important;
        filter: contrast(1.08) saturate(0.94) brightness(0.95);
      }
      .ths-division-visual:after {
        background: linear-gradient(
          180deg,
          rgba(6, 18, 29, 0.04) 20%,
          rgba(6, 18, 29, 0.78)
        ) !important;
      }

      /* Do not enlarge the old THS product thumbnail into a full-screen hero.
   Keep the hero crisp with a premium CSS treatment instead. */
      .hero-photo {
        background-image:
          radial-gradient(
            circle at 72% 35%,
            rgba(255, 255, 255, 0.11),
            transparent 24%
          ),
          linear-gradient(135deg, #102b40 0%, #0b1e33 46%, #081522 100%) !important;
        position: relative;
        overflow: hidden;
      }
      .hero-photo:before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(
            115deg,
            transparent 0 48%,
            rgba(255, 255, 255, 0.035) 48% 49%,
            transparent 49% 100%
          ),
          repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.018) 0 1px,
            transparent 1px 72px
          );
        pointer-events: none;
      }

      /* Make catalogue originals visually cleaner without fabricating detail. */
      .full-vet-image img,
      .matched-product-img img,
      .vet-cat-card img {
        filter: contrast(1.06) brightness(1.015) saturate(0.92) !important;
        image-rendering: auto;
      }

      @media (max-width: 760px) {
        .section-visual {
          height: 100px !important;
        }
        .ths-division-visual {
          height: 120px !important;
        }
      }

.hero-photo {
        background-image:
          linear-gradient(180deg, rgba(4, 14, 24, 0.1), rgba(4, 14, 24, 0.72)),
          url("https://images.pexels.com/photos/13697728/pexels-photo-13697728.jpeg?auto=compress&cs=tinysrgb&w=1800") !important;
        background-size: cover !important;
        background-position: center 48% !important;
      }
      .section-visual {
        height: 165px !important;
        border-radius: 19px !important;
      }
      .section-visual.compact {
        height: 150px !important;
      }
      .section-visual img,
      .section-visual video {
        object-fit: cover !important;
        object-position: center 50% !important;
        filter: contrast(1.03) saturate(1.02) brightness(0.98) !important;
      }
      .ths-division-visual {
        height: 190px !important;
      }
      .ths-division-visual img {
        object-fit: cover !important;
        filter: contrast(1.03) saturate(1.03) brightness(0.98) !important;
      }
      @media (max-width: 760px) {
        .section-visual,
        .section-visual.compact {
          height: 130px !important;
        }
        .ths-division-visual {
          height: 155px !important;
        }
      }

.vet-reference-panel {
        margin: 26px 0;
        padding: 24px;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 12px 38px rgba(8, 19, 31, 0.07);
      }
      .reference-heading {
        font-size: 19px;
        margin: 6px 0;
      }
      .reference-intro {
        font-size: 12px;
        color: #687784;
        line-height: 1.55;
        margin-bottom: 18px;
      }
      .ref-dropdown-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }
      .ref-dropdown-card {
        padding: 14px;
        border: 1px solid #e0e7eb;
        border-radius: 14px;
        background: #f9fbfc;
      }
      .ref-dropdown-card label {
        display: block;
        font-size: 13px;
        font-weight: 850;
        margin-bottom: 3px;
      }
      .ref-status {
        font-size: 10px;
        color: #71808b;
        margin-bottom: 8px;
      }
      .ref-select-row {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 8px;
      }
      .ref-select-row select {
        width: 100%;
        min-width: 0;
        padding: 11px;
        border: 1px solid #d4dee4;
        border-radius: 10px;
        background: #fff;
        font-size: 12px;
      }
      @media (max-width: 760px) {
        .ref-dropdown-grid {
          grid-template-columns: 1fr;
        }
        .ref-select-row {
          grid-template-columns: 1fr;
        }
      }

.ref-select-row select {
        font-size: 11px !important;
      }
      .ref-dropdown-card {
        min-width: 0;
      }
      @media (min-width: 1000px) {
        .ref-dropdown-grid {
          grid-template-columns: 1fr 1fr !important;
        }
      }

/* Windows 11-inspired dropdown treatment */
      .ref-dropdown-card {
        background: #f9f9f9 !important;
        border: 1px solid #d1d1d1 !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
      }
      .ref-dropdown-card label {
        color: #1f1f1f !important;
      }
      .ref-status {
        color: #616161 !important;
      }
      .ref-select-row select {
        appearance: auto;
        background: #ffffff !important;
        color: #1f1f1f !important;
        border: 1px solid #8a8a8a !important;
        border-radius: 4px !important;
        padding: 10px 12px !important;
        box-shadow: inset 0 -2px 0 #0067c0 !important;
        accent-color: #0067c0;
      }
      .ref-select-row select:hover {
        background: #f5f5f5 !important;
        border-color: #666 !important;
      }
      .ref-select-row select:focus {
        outline: 2px solid #0067c0 !important;
        outline-offset: 1px;
        border-color: #0067c0 !important;
        box-shadow: inset 0 -2px 0 #0067c0 !important;
      }
      .ref-select-row select option {
        background: #ffffff;
        color: #1f1f1f;
      }
      .ref-select-row .small-btn {
        background: #0067c0 !important;
        color: #fff !important;
        border: 1px solid #005a9e !important;
        border-radius: 4px !important;
      }
      .ref-select-row .small-btn:hover {
        background: #005a9e !important;
      }
      .vet-reference-panel {
        background: #f3f3f3 !important;
        border: 1px solid #e1e1e1 !important;
      }
      .reference-heading {
        color: #1f1f1f !important;
      }
      .reference-intro {
        color: #5d5d5d !important;
      }

      /* Windows-style selection color where supported */
      ::selection {
        background: #0078d4;
        color: #fff;
      }

.top-products-dd {
        position: relative;
        display: inline-flex;
        align-items: center;
      }
      .top-products-btn {
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        font-size: 12px;
        font-weight: 800;
        cursor: pointer;
        padding: 8px 6px;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .top-products-btn span {
        font-size: 9px;
        transition: transform 0.18s ease;
      }
      .top-products-dd.open .top-products-btn span {
        transform: rotate(180deg);
      }
      .top-products-menu {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        z-index: 5000;
        width: 275px;
        max-height: 70vh;
        overflow: auto;
        padding: 7px;
        background: #fff;
        border: 1px solid #d1d1d1;
        border-radius: 8px;
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-5px);
        transition: 0.16s ease;
      }
      .top-products-dd.open .top-products-menu,
      .top-products-dd:hover .top-products-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .navlinks .top-products-menu a {
        display: block;
        padding: 9px 11px !important;
        border-radius: 5px;
        color: #1f1f1f !important;
        text-decoration: none;
        font-size: 11px !important;
        font-weight: 650 !important;
      }
      .navlinks .top-products-menu a:hover {
        background: #e9f3fc !important;
        color: #005a9e !important;
      }
      .top-products-separator {
        height: 1px;
        background: #e3e3e3;
        margin: 6px 4px;
      }
      .top-products-label {
        padding: 6px 11px 4px;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #666;
      }
      @media (max-width: 760px) {
        .top-products-menu {
          left: auto;
          right: 0;
          width: min(285px, 88vw);
        }
      }

.division.top-product-target {
        outline: 3px solid #0067c0;
        outline-offset: 4px;
        box-shadow:
          0 0 0 8px rgba(0, 103, 192, 0.12),
          0 18px 50px rgba(8, 19, 31, 0.12) !important;
      }
      .full-vet-page.top-menu-page-target {
        outline: 3px solid #0067c0 !important;
        outline-offset: 3px;
        box-shadow:
          0 0 0 7px rgba(0, 103, 192, 0.14),
          0 18px 46px rgba(8, 19, 31, 0.15) !important;
      }

:root {
        --theme-accent: #0078d7;
        --theme-accent-dark: #005a9e;
        --theme-accent-soft: #e5f1fb;
        --theme-bg: #ffffff;
        --theme-surface: #f3f3f3;
        --theme-card: #ffffff;
        --theme-text: #1f1f1f;
        --theme-muted: #666666;
        --theme-border: #d1d1d1;
        --theme-header: rgba(255, 255, 255, 0.92);
      }

      /* Theme picker */
      .theme-picker {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-left: 4px;
      }
      .theme-picker label {
        font-size: 10px;
        font-weight: 800;
        color: var(--theme-muted);
      }
      .theme-picker select {
        font: inherit;
        font-size: 11px;
        padding: 7px 26px 7px 9px;
        border: 1px solid var(--theme-border);
        border-radius: 4px;
        background: var(--theme-card);
        color: var(--theme-text);
        box-shadow: inset 0 -2px 0 var(--theme-accent);
        cursor: pointer;
      }

      /* Global theme application */
      body {
        background: var(--theme-bg) !important;
        color: var(--theme-text) !important;
      }
      header {
        background: var(--theme-header) !important;
        border-color: var(--theme-border) !important;
      }
      .band,
      .complete-veterinary,
      .vet-expanded,
      .real-products-section,
      .matched-products-section,
      .precision-vet,
      .manufacturing-section {
        background: var(--theme-surface) !important;
      }
      .division,
      .product-card,
      .vet-cat-card,
      .real-product-card,
      .matched-product-card,
      .full-vet-page,
      .ref-dropdown-card,
      .contact-box,
      .process-card,
      .doc-card,
      .about-value {
        background: var(--theme-card) !important;
        border-color: var(--theme-border) !important;
      }
      .section-title,
      h1,
      h2,
      h3,
      h4,
      .navlinks a,
      .top-products-btn,
      .reference-heading {
        color: var(--theme-text) !important;
      }
      .sub,
      .lead,
      .reference-intro,
      .ref-status,
      .full-vet-body p,
      .real-product-body p,
      .matched-product-body p {
        color: var(--theme-muted) !important;
      }

      .btn.green,
      .ref-select-row .small-btn,
      .prompt-rfq-btn,
      .rfq-count {
        background: var(--theme-accent) !important;
        border-color: var(--theme-accent-dark) !important;
        color: #fff !important;
      }
      .btn.green:hover,
      .ref-select-row .small-btn:hover,
      .prompt-rfq-btn:hover {
        background: var(--theme-accent-dark) !important;
      }
      .eyebrow,
      .pill,
      .product-code,
      .ref-line {
        color: var(--theme-accent-dark) !important;
      }
      .filter-btn.active,
      .vet-summary-card.active,
      .cvf.active,
      .pf.active {
        background: var(--theme-accent) !important;
        color: #fff !important;
        border-color: var(--theme-accent) !important;
      }
      .ref-select-row select,
      .full-vet-toolbar input,
      .real-product-toolbar input,
      .vet-searchbar input,
      .searchbox {
        background: var(--theme-card) !important;
        color: var(--theme-text) !important;
        border-color: var(--theme-border) !important;
      }
      .ref-select-row select:focus,
      .full-vet-toolbar input:focus,
      .real-product-toolbar input:focus,
      .vet-searchbar input:focus {
        outline: 2px solid var(--theme-accent) !important;
        outline-offset: 1px;
      }
      .top-products-menu {
        background: var(--theme-card) !important;
        border-color: var(--theme-border) !important;
      }
      .navlinks .top-products-menu a {
        color: var(--theme-text) !important;
      }
      .navlinks .top-products-menu a:hover {
        background: var(--theme-accent-soft) !important;
        color: var(--theme-accent-dark) !important;
      }
      .full-vet-page.top-menu-page-target,
      .division.top-product-target,
      .full-vet-page.reference-target {
        outline-color: var(--theme-accent) !important;
      }

      /* Dark theme special handling */
      body[data-theme="windows-dark"] {
        --theme-accent: #0078d7;
        --theme-accent-dark: #4aa3df;
        --theme-accent-soft: #17334a;
        --theme-bg: #202020;
        --theme-surface: #2b2b2b;
        --theme-card: #252525;
        --theme-text: #f3f3f3;
        --theme-muted: #b7b7b7;
        --theme-border: #484848;
        --theme-header: rgba(32, 32, 32, 0.94);
      }
      body[data-theme="windows-dark"] .hero {
        background: linear-gradient(180deg, #202020, #2b2b2b) !important;
      }
      body[data-theme="windows-dark"] .hero-panel,
      body[data-theme="windows-dark"] .quality-main,
      body[data-theme="windows-dark"] .about-card,
      body[data-theme="windows-dark"] .rfq-list {
        background: #161616 !important;
      }
      body[data-theme="windows-dark"] footer {
        background: #111 !important;
      }
      body[data-theme="windows-dark"] .field,
      body[data-theme="windows-dark"] textarea,
      body[data-theme="windows-dark"] select {
        background: #2b2b2b !important;
        color: #f3f3f3 !important;
        border-color: #555 !important;
      }

      @media (max-width: 900px) {
        .theme-picker {
          width: 100%;
          justify-content: space-between;
          margin: 6px 0;
        }
        .theme-picker select {
          flex: 1;
          max-width: 210px;
        }
      }

#contact {
        scroll-margin-top: 92px;
      }
      #rfq {
        scroll-margin-top: 92px;
      }

#contact {
        scroll-margin-top: 110px;
      }
      .contact-nav-link {
        white-space: nowrap;
      }
      #contact.contact-target {
        outline: 3px solid #0067c0;
        outline-offset: 5px;
        border-radius: 14px;
        box-shadow: 0 0 0 8px rgba(0, 103, 192, 0.1);
      }
      @media (max-width: 760px) {
        /* Keep Contact Us visible in the compact top menu too */
        .navlinks .contact-nav-link {
          display: inline-flex !important;
        }
      }

html {
        scroll-behavior: smooth;
      }
      #instrument-ranges,
      #surgical-range,
      #dental-range,
      #veterinary-range,
      #complete-veterinary-section {
        scroll-margin-top: 105px;
      }
      .range-arrival-highlight {
        outline: 3px solid var(--theme-accent, #0078d7) !important;
        outline-offset: 4px;
        box-shadow: 0 0 0 8px rgba(0, 120, 215, 0.12) !important;
      }
      .scroll-anchor {
        height: 0;
        overflow: hidden;
      }

/* Smaller, consistent action-button typography across the whole website */
      .view-range-btn,
      .vet-actions .small-btn,
      .real-product-card .small-btn,
      .matched-product-card .small-btn,
      .full-vet-page .small-btn,
      .complete-vet-card .small-btn,
      .product-card .small-btn,
      button[onclick^="addToRFQ"],
      button[onclick*="addToRFQ"],
      a[onclick^="addToRFQ"],
      a[onclick*="addToRFQ"] {
        font-size: 10px !important;
        line-height: 1.15 !important;
        padding: 8px 10px !important;
        font-weight: 750 !important;
        letter-spacing: 0.01em !important;
      }

      /* Keep View Range especially compact */
      .view-range-btn {
        font-size: 10px !important;
      }

      /* Precise landing highlight after selecting View Range */
      .full-vet-page.view-range-target,
      #complete-veterinary-section.view-range-target {
        outline: 3px solid var(--theme-accent, #0078d7) !important;
        outline-offset: 4px !important;
        box-shadow:
          0 0 0 8px rgba(0, 120, 215, 0.12),
          0 18px 46px rgba(8, 19, 31, 0.14) !important;
        transition:
          outline-color 0.2s ease,
          box-shadow 0.2s ease;
      }

      @media (max-width: 760px) {
        .view-range-btn,
        .vet-actions .small-btn,
        .real-product-card .small-btn,
        .matched-product-card .small-btn,
        .full-vet-page .small-btn,
        .complete-vet-card .small-btn,
        .product-card .small-btn,
        button[onclick*="addToRFQ"],
        a[onclick*="addToRFQ"] {
          font-size: 9.5px !important;
          padding: 7px 9px !important;
        }
      }

html {
        scroll-behavior: smooth;
      }
      #products,
      #veterinary-catalogue,
      #complete-veterinary-section,
      #rfq,
      #contact,
      #product-surgical,
      #product-dental,
      #product-implants,
      #product-veterinary {
        scroll-margin-top: 105px;
      }

      .division-actions {
        margin-top: 14px;
      }
      .main-view-range {
        width: auto !important;
        min-width: 92px;
      }

      .small-btn,
      .view-range-btn,
      .main-view-range,
      button[onclick*="addToRFQ"],
      a[onclick*="addToRFQ"] {
        font-size: 10px !important;
        line-height: 1.15 !important;
        padding: 8px 10px !important;
        font-weight: 750 !important;
      }

      .floating-rfq {
        position: fixed;
        right: 18px;
        bottom: 18px;
        z-index: 6500;
        border: 1px solid var(--theme-accent-dark, #005a9e);
        border-radius: 999px;
        padding: 10px 14px;
        background: var(--theme-accent, #0078d7);
        color: #fff;
        font: inherit;
        font-size: 11px;
        font-weight: 850;
        cursor: pointer;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
      }
      .floating-rfq span {
        display: inline-grid;
        place-items: center;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        margin-left: 5px;
        border-radius: 999px;
        background: #fff;
        color: var(--theme-accent-dark, #005a9e);
        font-size: 10px;
      }
      .site-toast {
        position: fixed;
        right: 18px;
        bottom: 70px;
        z-index: 6500;
        max-width: 320px;
        padding: 10px 13px;
        border-radius: 8px;
        background: #1f1f1f;
        color: #fff;
        font-size: 11px;
        line-height: 1.4;
        opacity: 0;
        visibility: hidden;
        transform: translateY(7px);
        transition: 0.18s ease;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
      }
      .site-toast.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }

      .rfq-item-row {
        display: grid;
        grid-template-columns: 1fr 62px 28px;
        gap: 7px;
        align-items: center;
        padding: 7px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }
      .rfq-item-name {
        font-size: 12px;
        line-height: 1.35;
      }
      .rfq-qty {
        width: 100%;
        padding: 6px 5px;
        border-radius: 5px;
        border: 1px solid #68747c;
        background: #fff;
        color: #1f1f1f;
        font-size: 11px;
        text-align: center;
      }
      .rfq-remove {
        width: 26px;
        height: 26px;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        font-size: 13px;
      }

      .functional-target {
        outline: 3px solid var(--theme-accent, #0078d7) !important;
        outline-offset: 4px !important;
        box-shadow:
          0 0 0 8px rgba(0, 120, 215, 0.12),
          0 18px 46px rgba(8, 19, 31, 0.14) !important;
      }
      .contact-box a {
        color: var(--theme-accent-dark, #005a9e);
        text-decoration: none;
        font-weight: 700;
      }
      .contact-box a:hover {
        text-decoration: underline;
      }

      @media (max-width: 760px) {
        .floating-rfq {
          right: 12px;
          bottom: 12px;
        }
        .site-toast {
          right: 12px;
          bottom: 62px;
          max-width: calc(100vw - 24px);
        }
      }

.vr-active-target {
        outline: 3px solid var(--theme-accent, #0078d7) !important;
        outline-offset: 4px !important;
        box-shadow:
          0 0 0 8px rgba(0, 120, 215, 0.14),
          0 18px 46px rgba(8, 19, 31, 0.15) !important;
      }
      .vet-actions .small-btn,
      .division-actions .small-btn,
      button[onclick*="addToRFQ"],
      a[onclick*="addToRFQ"] {
        font-size: 9.5px !important;
        line-height: 1.1 !important;
        padding: 7px 9px !important;
        font-weight: 750 !important;
      }

/* High-contrast corrections for every theme */
      .hero-overlay,
      .hero-overlay h1,
      .hero-overlay h2,
      .hero-overlay h3,
      .hero-overlay p,
      .quality-main,
      .quality-main h1,
      .quality-main h2,
      .quality-main h3,
      .quality-main p,
      .about-card,
      .about-card h1,
      .about-card h2,
      .about-card h3,
      .about-card p,
      .rfq-list,
      .rfq-list h1,
      .rfq-list h2,
      .rfq-list h3,
      .rfq-list p,
      .feature:not(.light),
      .feature:not(.light) h1,
      .feature:not(.light) h2,
      .feature:not(.light) h3,
      .feature:not(.light) p,
      footer,
      footer h1,
      footer h2,
      footer h3,
      footer h4,
      footer p,
      footer b {
        color: #f7f9fb !important;
      }
      .hero-overlay p,
      .quality-main p,
      .about-card p,
      .rfq-list p,
      .feature:not(.light) p,
      footer p {
        color: #cbd6dd !important;
      }
      .rfq-items,
      .rfq-item-name {
        color: #f4f7f9 !important;
      }
      .about-card a,
      .quality-main a,
      .rfq-list a,
      footer a {
        color: #8fc9ff !important;
      }

      /* Windows Dark: inputs, options, menus and cards remain legible */
      body[data-theme="windows-dark"] .top-products-menu,
      body[data-theme="windows-dark"] .ref-dropdown-card,
      body[data-theme="windows-dark"] .vet-reference-panel,
      body[data-theme="windows-dark"] .full-vet-page,
      body[data-theme="windows-dark"] .division,
      body[data-theme="windows-dark"] .product-card,
      body[data-theme="windows-dark"] .contact-box {
        background: #252525 !important;
        color: #f3f3f3 !important;
        border-color: #484848 !important;
      }
      body[data-theme="windows-dark"] .top-products-menu a,
      body[data-theme="windows-dark"] .ref-dropdown-card label,
      body[data-theme="windows-dark"] .full-vet-body h3,
      body[data-theme="windows-dark"] .product-card h3,
      body[data-theme="windows-dark"] .division h3,
      body[data-theme="windows-dark"] .contact-box,
      body[data-theme="windows-dark"] .contact-box b {
        color: #f3f3f3 !important;
      }
      body[data-theme="windows-dark"] select,
      body[data-theme="windows-dark"] select option,
      body[data-theme="windows-dark"] input,
      body[data-theme="windows-dark"] textarea {
        background: #303030 !important;
        color: #f3f3f3 !important;
        border-color: #626262 !important;
      }
      body[data-theme="windows-dark"] .small-btn:not(.prompt-rfq-btn),
      body[data-theme="windows-dark"] .filter-btn:not(.active),
      body[data-theme="windows-dark"] .vet-summary-card:not(.active) {
        background: #343434 !important;
        color: #f3f3f3 !important;
        border-color: #5a5a5a !important;
      }

      /* Make all action labels compact and readable */
      .view-range-btn,
      .main-view-range,
      .vet-actions .small-btn,
      button[onclick*="addToRFQ"],
      a[onclick*="addToRFQ"],
      .ref-select-row .small-btn,
      .full-vet-actions .small-btn {
        font-size: 9.5px !important;
        line-height: 1.15 !important;
        padding: 7px 9px !important;
        font-weight: 750 !important;
      }

      /* Reference-linked page highlight */
      .full-vet-page.ref-linked-target {
        outline: 3px solid var(--theme-accent, #0078d7) !important;
        outline-offset: 4px !important;
        box-shadow:
          0 0 0 8px rgba(0, 120, 215, 0.14),
          0 18px 46px rgba(8, 19, 31, 0.16) !important;
      }
      .ref-link-prompt {
        margin: 10px 0 6px;
        padding: 10px;
        border-radius: 7px;
        background: var(--theme-accent-soft, #e5f1fb);
        border: 1px solid var(--theme-accent, #0078d7);
        color: var(--theme-text, #1f1f1f);
        font-size: 11px;
        font-weight: 700;
      }
      body[data-theme="windows-dark"] .ref-link-prompt {
        color: #f3f3f3 !important;
      }

.external-email-link {
        cursor: pointer !important;
        text-decoration: none !important;
      }
      .email-fallback .plain-mailto {
        color: var(--theme-accent-dark, #005a9e) !important;
        text-decoration: underline !important;
        cursor: pointer !important;
      }
      body[data-theme="windows-dark"] .email-fallback .plain-mailto {
        color: #8fc9ff !important;
      }

.surgical-expanded {
        background: linear-gradient(180deg, #fff, #f5f8fa) !important;
      }
      .surg-searchbar {
        margin: 22px 0;
      }
      .surg-searchbar input,
      .surg-browser-head input {
        width: 100%;
        padding: 14px 16px;
        border: 1px solid var(--theme-border, #d7e0e5);
        border-radius: 999px;
        background: var(--theme-card, #fff);
        color: var(--theme-text, #1f1f1f);
        font: inherit;
      }
      .surg-cat-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
      }
      .surg-cat-card {
        background: var(--theme-card, #fff);
        border: 1px solid var(--theme-border, #e1e7eb);
        border-radius: 17px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(8, 19, 31, 0.06);
      }
      .surg-cat-img {
        height: 155px;
        background: #fff;
        overflow: hidden;
      }
      .surg-cat-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
      }
      .surg-cat-body {
        padding: 15px;
      }
      .surg-cat-body h3 {
        font-size: 14px;
        line-height: 1.3;
        margin: 6px 0;
      }
      .surg-cat-body p {
        font-size: 11px;
        color: var(--theme-muted, #687784);
      }
      .surg-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
      }
      .surg-reference-panel {
        margin: 30px 0;
        padding: 22px;
        border-radius: 18px;
        background: var(--theme-card, #fff);
        border: 1px solid var(--theme-border, #e0e7eb);
      }
      .surg-ref-heading {
        font-size: 18px;
        margin: 5px 0;
      }
      .surg-ref-intro {
        font-size: 12px;
        color: var(--theme-muted, #687784);
      }
      .surg-ref-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 11px;
        margin-top: 16px;
      }
      .surg-ref-card {
        padding: 13px;
        border: 1px solid var(--theme-border, #e0e7eb);
        border-radius: 12px;
        background: var(--theme-surface, #f9fbfc);
      }
      .surg-ref-card label {
        display: block;
        font-size: 12px;
        font-weight: 850;
        margin-bottom: 3px;
      }
      .surg-ref-status {
        font-size: 9px;
        color: var(--theme-muted, #71808b);
        margin-bottom: 7px;
      }
      .surg-ref-row {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 7px;
      }
      .surg-ref-row select {
        min-width: 0;
        padding: 9px;
        border: 1px solid var(--theme-border, #d4dee4);
        border-radius: 6px;
        background: var(--theme-card, #fff);
        color: var(--theme-text, #1f1f1f);
        font-size: 10px;
      }
      .surg-browser-head {
        display: grid;
        grid-template-columns: 1fr minmax(260px, 520px) auto;
        gap: 15px;
        align-items: center;
        margin: 28px 0 16px;
      }
      .surg-browser-head h3 {
        font-size: 18px;
        margin: 4px 0;
      }
      .surg-browser-head span {
        font-size: 11px;
        font-weight: 800;
        color: var(--theme-muted, #687784);
      }
      .surg-page-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
      }
      .surg-page-card {
        background: var(--theme-card, #fff);
        border: 1px solid var(--theme-border, #e1e7eb);
        border-radius: 17px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(8, 19, 31, 0.06);
      }
      .surg-page-img {
        height: 280px;
        background: #fff;
        overflow: hidden;
      }
      .surg-page-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      .surg-page-body {
        padding: 14px;
      }
      .surg-page-body h3 {
        font-size: 13px;
        line-height: 1.3;
        margin: 6px 0;
      }
      .surg-page-body p,
      .surg-page-refs {
        font-size: 10px;
        color: var(--theme-muted, #687784);
        line-height: 1.45;
      }
      .surg-page-refs {
        min-height: 30px;
      }
      .surg-page-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 8px;
      }
      .surg-modal {
        display: none;
        position: fixed;
        z-index: 9000;
        inset: 0;
        background: rgba(3, 10, 17, 0.82);
        padding: 22px;
        align-items: center;
        justify-content: center;
      }
      .surg-modal.open {
        display: flex;
      }
      .surg-modal-card {
        position: relative;
        background: #fff;
        border-radius: 16px;
        padding: 10px;
        max-width: 980px;
        max-height: 94vh;
        overflow: auto;
      }
      .surg-modal-card img {
        display: block;
        max-width: 100%;
        height: auto;
      }
      .surg-modal-close {
        position: sticky;
        top: 3px;
        float: right;
        z-index: 2;
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 50%;
        background: #0b1e33;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
      }
      .surg-ref-target {
        outline: 3px solid var(--theme-accent, #0078d7) !important;
        outline-offset: 4px;
        box-shadow:
          0 0 0 8px rgba(0, 120, 215, 0.14),
          0 18px 46px rgba(8, 19, 31, 0.16) !important;
      }
      .surg-ref-prompt {
        margin: 8px 0;
        padding: 9px;
        border-radius: 7px;
        background: var(--theme-accent-soft, #e5f1fb);
        border: 1px solid var(--theme-accent, #0078d7);
        font-size: 10px;
      }
      @media (max-width: 1050px) {
        .surg-cat-grid,
        .surg-page-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 780px) {
        .surg-cat-grid,
        .surg-page-grid,
        .surg-ref-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .surg-browser-head {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 520px) {
        .surg-cat-grid,
        .surg-page-grid,
        .surg-ref-grid {
          grid-template-columns: 1fr;
        }
        .surg-ref-row,
        .surg-actions,
        .surg-page-actions {
          grid-template-columns: 1fr;
        }
      }

.dental-expanded {
        background: linear-gradient(
          180deg,
          var(--theme-surface, #f5f8fa),
          var(--theme-bg, #fff)
        ) !important;
      }
      .dental-searchbar {
        margin: 22px 0;
      }
      .dental-searchbar input,
      .dental-browser-head input {
        width: 100%;
        padding: 14px 16px;
        border: 1px solid var(--theme-border, #d7e0e5);
        border-radius: 999px;
        background: var(--theme-card, #fff);
        color: var(--theme-text, #1f1f1f);
        font: inherit;
      }
      .dental-cat-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
      }
      .dental-cat-card {
        background: var(--theme-card, #fff);
        border: 1px solid var(--theme-border, #e1e7eb);
        border-radius: 17px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(8, 19, 31, 0.06);
      }
      .dental-cat-img {
        height: 155px;
        background: #fff;
        overflow: hidden;
      }
      .dental-cat-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
      }
      .dental-cat-body {
        padding: 15px;
      }
      .dental-cat-body h3 {
        font-size: 14px;
        line-height: 1.3;
        margin: 6px 0;
        color: var(--theme-text, #1f1f1f) !important;
      }
      .dental-cat-body p {
        font-size: 11px;
        color: var(--theme-muted, #687784);
      }
      .dental-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
      }
      .dental-reference-panel {
        margin: 30px 0;
        padding: 22px;
        border-radius: 18px;
        background: var(--theme-card, #fff);
        border: 1px solid var(--theme-border, #e0e7eb);
      }
      .dental-ref-heading {
        font-size: 18px;
        margin: 5px 0;
        color: var(--theme-text, #1f1f1f) !important;
      }
      .dental-ref-intro {
        font-size: 12px;
        color: var(--theme-muted, #687784);
      }
      .dental-ref-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 11px;
        margin-top: 16px;
      }
      .dental-ref-card {
        padding: 13px;
        border: 1px solid var(--theme-border, #e0e7eb);
        border-radius: 12px;
        background: var(--theme-surface, #f9fbfc);
      }
      .dental-ref-card label {
        display: block;
        font-size: 12px;
        font-weight: 850;
        margin-bottom: 3px;
        color: var(--theme-text, #1f1f1f) !important;
      }
      .dental-ref-status {
        font-size: 9px;
        color: var(--theme-muted, #71808b);
        margin-bottom: 7px;
      }
      .dental-ref-row {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 7px;
      }
      .dental-ref-row select {
        min-width: 0;
        padding: 9px;
        border: 1px solid var(--theme-border, #d4dee4);
        border-radius: 6px;
        background: var(--theme-card, #fff);
        color: var(--theme-text, #1f1f1f);
        font-size: 10px;
      }
      .dental-browser-head {
        display: grid;
        grid-template-columns: 1fr minmax(260px, 520px) auto;
        gap: 15px;
        align-items: center;
        margin: 28px 0 16px;
      }
      .dental-browser-head h3 {
        font-size: 18px;
        margin: 4px 0;
        color: var(--theme-text, #1f1f1f) !important;
      }
      .dental-browser-head span {
        font-size: 11px;
        font-weight: 800;
        color: var(--theme-muted, #687784);
      }
      .dental-page-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
      }
      .dental-page-card {
        background: var(--theme-card, #fff);
        border: 1px solid var(--theme-border, #e1e7eb);
        border-radius: 17px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(8, 19, 31, 0.06);
      }
      .dental-page-img {
        height: 280px;
        background: #fff;
        overflow: hidden;
      }
      .dental-page-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      .dental-page-body {
        padding: 14px;
      }
      .dental-page-body h3 {
        font-size: 13px;
        line-height: 1.3;
        margin: 6px 0;
        color: var(--theme-text, #1f1f1f) !important;
      }
      .dental-page-body p,
      .dental-page-refs {
        font-size: 10px;
        color: var(--theme-muted, #687784);
        line-height: 1.45;
      }
      .dental-page-refs {
        min-height: 30px;
      }
      .dental-page-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 8px;
      }
      .dental-modal {
        display: none;
        position: fixed;
        z-index: 9000;
        inset: 0;
        background: rgba(3, 10, 17, 0.82);
        padding: 22px;
        align-items: center;
        justify-content: center;
      }
      .dental-modal.open {
        display: flex;
      }
      .dental-modal-card {
        position: relative;
        background: #fff;
        border-radius: 16px;
        padding: 10px;
        max-width: 980px;
        max-height: 94vh;
        overflow: auto;
      }
      .dental-modal-card img {
        display: block;
        max-width: 100%;
        height: auto;
      }
      .dental-modal-close {
        position: sticky;
        top: 3px;
        float: right;
        z-index: 2;
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 50%;
        background: #0b1e33;
        color: #fff;
        font-size: 20px;
        cursor: pointer;
      }
      .dental-ref-target {
        outline: 3px solid var(--theme-accent, #0078d7) !important;
        outline-offset: 4px;
        box-shadow:
          0 0 0 8px rgba(0, 120, 215, 0.14),
          0 18px 46px rgba(8, 19, 31, 0.16) !important;
      }
      .dental-ref-prompt {
        margin: 8px 0;
        padding: 9px;
        border-radius: 7px;
        background: var(--theme-accent-soft, #e5f1fb);
        border: 1px solid var(--theme-accent, #0078d7);
        color: var(--theme-text, #1f1f1f) !important;
        font-size: 10px;
      }
      body[data-theme="windows-dark"] .dental-cat-card,
      body[data-theme="windows-dark"] .dental-page-card,
      body[data-theme="windows-dark"] .dental-reference-panel,
      body[data-theme="windows-dark"] .dental-ref-card {
        background: #252525 !important;
        border-color: #484848 !important;
      }
      body[data-theme="windows-dark"] .dental-cat-body h3,
      body[data-theme="windows-dark"] .dental-page-body h3,
      body[data-theme="windows-dark"] .dental-ref-heading,
      body[data-theme="windows-dark"] .dental-ref-card label,
      body[data-theme="windows-dark"] .dental-browser-head h3 {
        color: #f3f3f3 !important;
      }
      @media (max-width: 1050px) {
        .dental-cat-grid,
        .dental-page-grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }
      @media (max-width: 780px) {
        .dental-cat-grid,
        .dental-page-grid,
        .dental-ref-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .dental-browser-head {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 520px) {
        .dental-cat-grid,
        .dental-page-grid,
        .dental-ref-grid {
          grid-template-columns: 1fr;
        }
        .dental-ref-row,
        .dental-actions,
        .dental-page-actions {
          grid-template-columns: 1fr;
        }
      }

/* Products menu: visually separate each main product family */
      .top-products-menu .menu-group-title {
        display: block !important;
        margin: 7px 8px 3px !important;
        padding: 7px 9px !important;
        border-radius: 7px !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        letter-spacing: 0.03em !important;
        text-transform: uppercase !important;
      }

      /* Main category colors */
      .top-products-menu a[data-main-product="surgical"],
      .top-products-menu .menu-group-title.surgical-menu-title {
        color: #0b5f3c !important;
        background: #e6f4ed !important;
        border-left: 4px solid #198754 !important;
      }
      .top-products-menu a[data-main-product="dental"],
      .top-products-menu .menu-group-title.dental-menu-title {
        color: #075985 !important;
        background: #e7f4fb !important;
        border-left: 4px solid #0284c7 !important;
      }
      .top-products-menu a[data-main-product="veterinary"],
      .top-products-menu .menu-group-title.veterinary-menu-title {
        color: #7c3f00 !important;
        background: #fff1df !important;
        border-left: 4px solid #d97706 !important;
      }

      /* Subcategory text colors */
      .top-products-menu a[data-surg-category] {
        color: #146c43 !important;
      }
      .top-products-menu a[data-dental-category] {
        color: #0369a1 !important;
      }
      .top-products-menu a[data-vet-category] {
        color: #a65300 !important;
      }

      /* Different separator colors between product families */
      .top-products-menu .top-products-separator {
        height: 2px !important;
        border: 0 !important;
        margin: 8px 8px !important;
        opacity: 1 !important;
      }
      .top-products-menu .separator-surgical {
        background: linear-gradient(90deg, #198754, transparent) !important;
      }
      .top-products-menu .separator-dental {
        background: linear-gradient(90deg, #0284c7, transparent) !important;
      }
      .top-products-menu .separator-veterinary {
        background: linear-gradient(90deg, #d97706, transparent) !important;
      }

      /* Existing category labels */
      .top-products-menu .top-products-label.surgical-label {
        color: #0b5f3c !important;
        border-bottom: 1px solid #8fd1ae !important;
      }
      .top-products-menu .top-products-label.dental-label {
        color: #075985 !important;
        border-bottom: 1px solid #8dcbe8 !important;
      }
      .top-products-menu .top-products-label.veterinary-label {
        color: #7c3f00 !important;
        border-bottom: 1px solid #efbd7a !important;
      }

      /* Hover remains distinct */
      .top-products-menu a[data-surg-category]:hover,
      .top-products-menu a[data-main-product="surgical"]:hover {
        background: #d7eee2 !important;
      }
      .top-products-menu a[data-dental-category]:hover,
      .top-products-menu a[data-main-product="dental"]:hover {
        background: #d8eef9 !important;
      }
      .top-products-menu a[data-vet-category]:hover,
      .top-products-menu a[data-main-product="veterinary"]:hover {
        background: #ffe6c5 !important;
      }

      /* Windows Dark theme: retain category identity while improving contrast */
      body[data-theme="windows-dark"]
        .top-products-menu
        a[data-main-product="surgical"],
      body[data-theme="windows-dark"] .top-products-menu a[data-surg-category],
      body[data-theme="windows-dark"] .top-products-menu .surgical-label {
        color: #75d7a5 !important;
      }
      body[data-theme="windows-dark"]
        .top-products-menu
        a[data-main-product="dental"],
      body[data-theme="windows-dark"]
        .top-products-menu
        a[data-dental-category],
      body[data-theme="windows-dark"] .top-products-menu .dental-label {
        color: #76cbed !important;
      }
      body[data-theme="windows-dark"]
        .top-products-menu
        a[data-main-product="veterinary"],
      body[data-theme="windows-dark"] .top-products-menu a[data-vet-category],
      body[data-theme="windows-dark"] .top-products-menu .veterinary-label {
        color: #ffc06d !important;
      }
      body[data-theme="windows-dark"] .top-products-menu a[data-main-product] {
        background: #2b2b2b !important;
      }

/* Professional contrast and legibility pass */
      .hero-overlay,
      .hero-overlay h1,
      .hero-overlay h2,
      .hero-overlay h3,
      .quality-main,
      .quality-main h1,
      .quality-main h2,
      .quality-main h3,
      .about-card,
      .about-card h1,
      .about-card h2,
      .about-card h3,
      .rfq-list,
      .rfq-list h1,
      .rfq-list h2,
      .rfq-list h3,
      footer,
      footer h1,
      footer h2,
      footer h3,
      footer h4 {
        color: #f7f9fb !important;
      }
      .hero-overlay p,
      .quality-main p,
      .about-card p,
      .rfq-list p,
      footer p {
        color: #d7e0e6 !important;
      }

      .dental-page-body h3,
      .surg-page-body h3,
      .full-vet-body h3,
      .dental-cat-body h3,
      .surg-cat-body h3,
      .vet-cat-body h3,
      .dental-ref-card label,
      .surg-ref-card label,
      .ref-dropdown-card label {
        color: var(--theme-text, #1f1f1f) !important;
      }
      body[data-theme="windows-dark"] .dental-page-body h3,
      body[data-theme="windows-dark"] .surg-page-body h3,
      body[data-theme="windows-dark"] .full-vet-body h3,
      body[data-theme="windows-dark"] .dental-cat-body h3,
      body[data-theme="windows-dark"] .surg-cat-body h3,
      body[data-theme="windows-dark"] .vet-cat-body h3,
      body[data-theme="windows-dark"] .dental-ref-card label,
      body[data-theme="windows-dark"] .surg-ref-card label,
      body[data-theme="windows-dark"] .ref-dropdown-card label {
        color: #f3f3f3 !important;
      }
      body[data-theme="windows-dark"] .dental-page-body p,
      body[data-theme="windows-dark"] .surg-page-body p,
      body[data-theme="windows-dark"] .full-vet-body p,
      body[data-theme="windows-dark"] .dental-page-refs,
      body[data-theme="windows-dark"] .surg-page-refs {
        color: #c3c9cd !important;
      }

/* Performance optimizations */
      .surg-page-card,
      .dental-page-card,
      .full-vet-page,
      .surg-cat-card,
      .dental-cat-card,
      .vet-cat-card {
        content-visibility: auto;
        contain-intrinsic-size: 420px;
      }
      img {
        max-width: 100%;
      }
      .surg-page-img img,
      .dental-page-img img,
      .full-vet-image img {
        will-change: auto;
      }

.seo-company-introduction {
        padding: 34px 0;
      }
      .seo-company-introduction h2 {
        font-size: 20px !important;
        margin: 0 0 8px;
      }
      .seo-company-introduction p {
        max-width: 1000px;
        font-size: 13px;
        line-height: 1.75;
        color: var(--theme-muted, #687784);
      }

.commercial-v53 {
        padding: 64px 0;
        background: linear-gradient(180deg, #f7fbfc, #fff);
      }
      .commercial-v53 .commercial-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        margin-top: 28px;
      }
      .commercial-v53 .commercial-card {
        background: #fff;
        border: 1px solid #dce7ea;
        border-radius: 16px;
        padding: 20px;
        box-shadow: 0 8px 28px rgba(20, 58, 66, 0.06);
      }
      .commercial-v53 .commercial-card b {
        display: block;
        font-size: 1.02rem;
        margin-bottom: 8px;
        color: #163d46;
      }
      .commercial-v53 .commercial-card span {
        display: block;
        color: #60757b;
        line-height: 1.55;
      }
      .commercial-v53 .buyer-steps {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-top: 24px;
      }
      .commercial-v53 .buyer-step {
        border-left: 4px solid #2f8b79;
        padding: 10px 14px;
        background: #f6faf9;
        border-radius: 10px;
      }
      .commercial-v53 .buyer-step strong {
        display: block;
        margin-bottom: 5px;
      }
      .rfq-form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .rfq-form-grid .field {
        margin: 0 !important;
      }
      .rfq-form-grid .span-2 {
        grid-column: 1/-1;
      }
      .rfq-help {
        font-size: 0.9rem;
        color: #687b80;
        margin: 8px 0 14px;
        line-height: 1.5;
      }
      @media (max-width: 900px) {
        .commercial-v53 .commercial-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .commercial-v53 .buyer-steps {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 620px) {
        .commercial-v53 .commercial-grid {
          grid-template-columns: 1fr;
        }
        .rfq-form-grid {
          grid-template-columns: 1fr;
        }
        .rfq-form-grid .span-2 {
          grid-column: auto;
        }
      }

.commercial-cta-row {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 22px;
      }
      .commercial-cta-row .btn {
        min-width: 240px;
        min-height: 48px;
        padding: 12px 24px !important;
        border: 2px solid var(--theme-accent-dark) !important;
        border-radius: 6px !important;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.01em;
        text-align: center;
        text-decoration: none;
        box-shadow: 0 3px 8px rgba(71, 15, 28, 0.16) !important;
        transition:
          background-color 0.2s ease,
          color 0.2s ease,
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          transform 0.2s ease;
      }
      .commercial-cta-row .commercial-btn-primary {
        background: var(--theme-accent-dark) !important;
        color: #fff !important;
      }
      .commercial-cta-row .commercial-btn-primary:hover {
        background: var(--theme-accent) !important;
        border-color: var(--theme-accent) !important;
        color: #fff !important;
        box-shadow: 0 6px 14px rgba(71, 15, 28, 0.24) !important;
        transform: translateY(-1px);
      }
      .commercial-cta-row .commercial-btn-secondary {
        background: #fff !important;
        color: var(--theme-accent-dark) !important;
      }
      .commercial-cta-row .commercial-btn-secondary:hover {
        background: var(--theme-accent-dark) !important;
        border-color: var(--theme-accent-dark) !important;
        color: #fff !important;
        box-shadow: 0 6px 14px rgba(71, 15, 28, 0.24) !important;
        transform: translateY(-1px);
      }
      .commercial-cta-row .btn:focus-visible {
        outline: 3px solid rgba(71, 15, 28, 0.28);
        outline-offset: 3px;
      }
      .commercial-cta-row .btn:active {
        box-shadow: 0 2px 5px rgba(71, 15, 28, 0.2) !important;
        transform: translateY(0);
      }
      .v54-trust-strip {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        margin-top: 24px;
      }
      .v54-trust {
        border: 1px solid var(--theme-border, #dfe6ea);
        background: var(--theme-card, #fff);
        border-radius: 14px;
        padding: 16px;
      }
      .v54-trust b {
        display: block;
        margin-bottom: 5px;
      }
      .v54-trust span {
        font-size: 12px;
        color: var(--theme-muted, #667480);
        line-height: 1.5;
      }
      .v54-consent {
        grid-column: 1/-1;
        display: flex;
        gap: 9px;
        align-items: flex-start;
        font-size: 12px;
        color: var(--theme-muted, #667480);
        line-height: 1.5;
      }
      .v54-consent input {
        margin-top: 2px;
      }
      .v54-reference {
        grid-column: 1/-1;
        background: var(--theme-accent-soft, #eef6ff);
        border: 1px solid var(--theme-border, #dfe6ea);
        border-radius: 11px;
        padding: 12px 14px;
        font-size: 12px;
      }
      .product-modal-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 18px;
      }
      .product-modal-actions .btn {
        flex: 1;
        min-width: 180px;
        text-align: center;
      }
      @media (max-width: 820px) {
        .v54-trust-strip {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 520px) {
        .v54-trust-strip {
          grid-template-columns: 1fr;
        }
        .commercial-cta-row .btn {
          width: 100%;
        }
      }

.v55-detail-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: inherit;
        box-sizing: border-box;
      }
      .v55-upgrade-note {
        margin: 18px 0 0;
        padding: 14px 16px;
        border: 1px solid #d7e2e8;
        border-radius: 12px;
        background: #f8fbfc;
        color: #42515b;
        font-size: 14px;
        line-height: 1.55;
      }

.ths-facility-section {
        padding: 72px 20px;
        background: #f6f8fa;
        border-top: 1px solid #e5eaee;
      }
      .ths-facility-wrap {
        max-width: 1180px;
        margin: 0 auto;
      }
      .ths-facility-eyebrow {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #5b6874;
        margin-bottom: 10px;
      }
      .ths-facility-section h2 {
        margin: 0 0 12px;
        line-height: 1.08;
        color: #16202a;
      }
      .ths-facility-intro {
        max-width: 760px;
        margin: 0 0 32px;
        color: #5b6874;
        font-size: 17px;
        line-height: 1.65;
      }
      .ths-facility-intro h3 {
        margin: 0 0 14px;
        color: #7a263a;
        font-size: clamp(21px, 2vw, 27px);
        line-height: 1.2;
      }
      .ths-facility-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
      }
      .ths-facility-card {
        margin: 0;
        background: #fff;
        border: 1px solid #e1e6ea;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(15, 35, 50, 0.06);
      }
      .ths-facility-card img {
        display: block;
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
        background: #eef2f4;
      }
      .ths-facility-card figcaption {
        padding: 16px 18px 18px;
        font-weight: 700;
        color: #16202a;
        font-size: 17px;
      }
      @media (max-width: 900px) {
        .ths-facility-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 580px) {
        .ths-facility-section {
          padding: 52px 16px;
        }
        .ths-facility-grid {
          grid-template-columns: 1fr;
        }
      }

/* Half-size presentation for Technology & Facility images.
   Full-resolution image assets are retained for crisp rendering. */
      #cutting-edge-facility .ths-facility-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
        max-width: 900px;
      }
      #cutting-edge-facility .ths-facility-card {
        max-width: 215px;
      }
      #cutting-edge-facility .ths-facility-card img {
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
      }
      #cutting-edge-facility .ths-facility-card figcaption {
        padding: 11px 12px 13px;
        font-size: 14px;
        line-height: 1.3;
      }
      @media (max-width: 900px) {
        #cutting-edge-facility .ths-facility-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          max-width: 680px;
        }
      }
      @media (max-width: 650px) {
        #cutting-edge-facility .ths-facility-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          max-width: 460px;
        }
        #cutting-edge-facility .ths-facility-card {
          max-width: none;
        }
      }

#cutting-edge-facility .ths-facility-section h2,
      #cutting-edge-facility h2 {
        font-size: 32px;
      }

/* V68 final readability pass */
      header,
      header .nav {
        background: #ffffff !important;
      }
      .navlinks > a:not(.btn),
      .top-products-btn {
        color: #0b2233 !important;
        font-weight: 800 !important;
        text-shadow: none !important;
      }
      .navlinks > a:not(.btn):hover,
      .top-products-btn:hover,
      .navlinks > a:not(.btn):focus-visible,
      .top-products-btn:focus-visible {
        color: #004f70 !important;
        background: #e8f1f5 !important;
      }
      .top-products-menu {
        background: #ffffff !important;
        border: 2px solid #9fb4bf !important;
      }
      .navlinks .top-products-menu a,
      .top-products-menu a[data-surg-category],
      .top-products-menu a[data-dental-category],
      .top-products-menu a[data-vet-category] {
        color: #102a3a !important;
        background: #ffffff !important;
        font-weight: 750 !important;
        opacity: 1 !important;
        text-shadow: none !important;
      }
      .navlinks .top-products-menu a:hover,
      .navlinks .top-products-menu a:focus-visible {
        color: #ffffff !important;
        background: #0b4f6c !important;
      }
      .top-products-label,
      .top-products-menu .menu-group-title {
        color: #ffffff !important;
        background: #17384a !important;
        border-radius: 6px !important;
        padding: 8px 11px !important;
        font-weight: 900 !important;
      }
      .section-title,
      section h2,
      section h3,
      .division h3,
      .surg-cat-body h3,
      .dental-cat-body h3,
      .vet-cat-body h3,
      .surg-page-body h3,
      .dental-page-body h3,
      .full-vet-body h3 {
        color: #0b2a3b !important;
        opacity: 1 !important;
        text-shadow: none !important;
      }
      .sub,
      .division li,
      .division p,
      .surg-cat-body p,
      .dental-cat-body p,
      .vet-cat-body p,
      .surg-page-body p,
      .dental-page-body p,
      .full-vet-body p,
      .product-code,
      .vet-product-count,
      .real-product-toolbar span {
        color: #344b59 !important;
        opacity: 1 !important;
      }
      .division,
      .surg-cat-card,
      .dental-cat-card,
      .vet-cat-card,
      .surg-page-card,
      .dental-page-card,
      .full-vet-page {
        background: #ffffff !important;
        border-color: #b9c9d1 !important;
      }
      .eyebrow,
      .pill,
      .page-chip {
        color: #075c51 !important;
      }
      .small-btn,
      .filter-btn {
        color: #0b2a3b !important;
        background: #ffffff !important;
        border-color: #8fa7b3 !important;
      }
      .small-btn:hover,
      .filter-btn:hover,
      .filter-btn.active {
        color: #ffffff !important;
        background: #0b3f56 !important;
      }
      @media (max-width: 760px) {
        .navlinks > a:not(.btn) {
          color: #0b2233 !important;
        }
      }

.about-values {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .about-value {
        height: 100%;
        padding: 22px !important;
      }
      .about-value b {
        font-size: 17px !important;
      }
      .about-value span {
        display: block;
        font-size: 14px !important;
        line-height: 1.65 !important;
      }
      @media (max-width: 760px) {
        .about-values {
          grid-template-columns: 1fr !important;
        }
      }

/* Balanced About Us layout: full-width visual, then copy and profile card */
      .about-grid {
        grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr) !important;
        grid-template-areas:
          "visual visual"
          "copy card" !important;
        column-gap: 28px !important;
        row-gap: 20px !important;
        align-items: start !important;
      }
      .about-grid > .section-visual {
        grid-area: visual;
        margin-bottom: 0 !important;
      }
      .about-grid > .about-copy {
        grid-area: copy;
        min-width: 0;
      }
      .about-grid > .about-card {
        grid-area: card;
        min-width: 0;
        align-self: stretch;
      }
      .about-values {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        margin-top: 20px !important;
      }
      .about-value {
        height: 100%;
        padding: 18px !important;
      }
      @media (max-width: 900px) {
        .about-grid {
          grid-template-columns: 1fr !important;
          grid-template-areas: "visual" "copy" "card" !important;
          row-gap: 18px !important;
        }
        .about-values {
          grid-template-columns: 1fr !important;
          margin-top: 18px !important;
        }
      }

/* Justify body copy only; preserve the existing heading alignment. */
      .about-values .about-value > span {
        display: block;
        text-align: justify !important;
        text-justify: inter-word;
      }

#cutting-edge-facility .ths-facility-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto;
      }
      #cutting-edge-facility .ths-facility-card {
        max-width: none;
      }
      #cutting-edge-facility .ths-facility-card img {
        aspect-ratio: 4/3;
        object-fit: cover;
      }
      #cutting-edge-facility .ths-facility-card figcaption {
        padding: 13px 15px 15px;
        font-size: 15px;
        line-height: 1.3;
      }
      @media (max-width: 980px) {
        #cutting-edge-facility .ths-facility-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          max-width: 820px;
        }
      }
      @media (max-width: 760px) {
        #cutting-edge-facility .ths-facility-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          max-width: 560px;
        }
      }
      @media (max-width: 520px) {
        #cutting-edge-facility .ths-facility-grid {
          grid-template-columns: 1fr;
          max-width: 360px;
        }
      }

.ths-company-card-section {
        padding: 64px 20px;
        background: #fff;
      }
      .ths-company-card-section .about-card {
        width: min(100%, 520px);
        margin: 0 0 0 auto;
        color: #fff !important;
      }
      .ths-company-card-section .about-card,
      .ths-company-card-section .about-card h3,
      .ths-company-card-section .about-card p,
      .ths-company-card-section .about-card b,
      .ths-company-card-section .about-card a {
        color: #fff !important;
      }
      #about.ths-about-bottom .about-grid {
        grid-template-columns: 1fr !important;
        grid-template-areas: "visual" "copy" !important;
      }
      #about.ths-about-bottom .about-copy {
        width: 100%;
      }
      .ths-company-manufacturing-row {
        display: grid;
        grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.8fr);
        align-items: start;
        gap: 28px;
        padding: 64px 20px;
        background: #fff;
      }
      .ths-company-manufacturing-row > .ths-company-card-section,
      .ths-company-manufacturing-row > #manufacturing {
        min-width: 0;
        padding: 0;
        background: transparent;
      }
      .ths-company-manufacturing-row > .ths-company-card-section .wrap,
      .ths-company-manufacturing-row > #manufacturing .wrap {
        width: 100%;
        max-width: none;
        padding: 0;
      }
      .ths-company-manufacturing-row .about-card {
        width: 100%;
        max-width: none;
        margin: 0;
      }
      @media (max-width: 980px) {
        .ths-company-manufacturing-row {
          grid-template-columns: 1fr;
        }
        .ths-company-manufacturing-row .about-card {
          max-width: 620px;
        }
      }

:root{--ths-button-maroon:#76172f;--ths-button-beige:#ead8c2}
.btn,.btn.green,.btn.light,.btn.primary,.btn.dark,.small-btn,.v55-detail-link,
.prompt-rfq-btn,.filter-btn,.main-view-range,.division-actions button,
button:not(.top-products-btn),input[type="submit"],input[type="button"],input[type="reset"],
a[role="button"]:not(.top-products-btn){background:var(--ths-button-maroon)!important;border-color:var(--ths-button-maroon)!important;color:#fff!important}
.btn:hover,.btn:focus-visible,.small-btn:hover,.small-btn:focus-visible,
.v55-detail-link:hover,.v55-detail-link:focus-visible,.prompt-rfq-btn:hover,.prompt-rfq-btn:focus-visible,
.filter-btn:hover,.filter-btn:focus-visible,.main-view-range:hover,.main-view-range:focus-visible,
.division-actions button:hover,.division-actions button:focus-visible,
button:not(.top-products-btn):hover,button:not(.top-products-btn):focus-visible,
input[type="submit"]:hover,input[type="submit"]:focus-visible,
input[type="button"]:hover,input[type="button"]:focus-visible,
input[type="reset"]:hover,input[type="reset"]:focus-visible,
a[role="button"]:not(.top-products-btn):hover,a[role="button"]:not(.top-products-btn):focus-visible{
background:var(--ths-button-beige)!important;border-color:var(--ths-button-beige)!important;color:var(--ths-button-maroon)!important}
.btn:focus-visible,.small-btn:focus-visible,.v55-detail-link:focus-visible,.prompt-rfq-btn:focus-visible,
.filter-btn:focus-visible,.main-view-range:focus-visible,.division-actions button:focus-visible,
button:not(.top-products-btn):focus-visible,input[type="submit"]:focus-visible,input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,a[role="button"]:not(.top-products-btn):focus-visible{
outline:3px solid rgba(118,23,47,.28)!important;outline-offset:2px!important}

/* Exact bookmark landing positions beneath the sticky navigation. */
      #about,
      #manufacturing,
      #quality,
      #international-buyers,
      #international-supply,
      #cutting-edge-facility,
      #products,
      #product-surgical,
      #product-dental,
      #product-implants,
      #product-veterinary,
      #surgical-catalogue,
      #dental-catalogue,
      #veterinary-catalogue,
      #complete-veterinary-section,
      #rfq,
      #contact,
      #seo-company-introduction {
        scroll-margin-top: 112px;
      }
      @media (max-width: 760px) {
        #about,
        #manufacturing,
        #quality,
        #international-buyers,
        #international-supply,
        #cutting-edge-facility,
        #products,
        #product-surgical,
        #product-dental,
        #product-implants,
        #product-veterinary,
        #surgical-catalogue,
        #dental-catalogue,
        #veterinary-catalogue,
        #complete-veterinary-section,
        #rfq,
        #contact,
        #seo-company-introduction {
          scroll-margin-top: 88px;
        }
      }
      .bookmark-target-v75 {
        outline: 3px solid rgba(20, 112, 190, 0.72) !important;
        outline-offset: 4px;
        transition: outline-color 0.25s ease;
      }

#veterinary-section-heading {
        scroll-margin-top: 112px;
      }
      @media (max-width: 760px) {
        #veterinary-section-heading {
          scroll-margin-top: 88px;
        }
      }

.top-products-menu .implants-label {
        background: #76172f !important;
        color: #fff !important;
        border-bottom: 1px solid #d7a7b3 !important;
      }
      .top-products-menu .separator-implants {
        background: linear-gradient(90deg, #76172f, transparent) !important;
      }
      .navlinks .top-products-menu a[data-main-product="implants"] {
        color: #76172f !important;
        font-weight: 900 !important;
        border-left: 4px solid #76172f !important;
      }
      .navlinks .top-products-menu a[data-implant-category] {
        color: #102a3a !important;
        background: #fff !important;
      }
      .navlinks .top-products-menu a[data-main-product="implants"]:hover,
      .navlinks .top-products-menu a[data-implant-category]:hover {
        background: #76172f !important;
        color: #fff !important;
      }
      #product-implants {
        scroll-margin-top: 112px;
      }
      #implant-products {
        scroll-margin-top: 112px;
        background: #f6f1eb;
      }
      .homepage-implant-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        margin-top: 28px;
      }
      .homepage-implant-card {
        background: #fff;
        border: 1px solid #e1d6ce;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 9px 26px rgba(70, 22, 37, 0.09);
      }
      .homepage-implant-card img {
        display: block;
        width: 100%;
        height: auto;
        background: #fff;
      }
      .homepage-implant-body {
        padding: 16px;
      }
      .homepage-implant-body h3 {
        margin: 7px 0 13px;
        color: #76172f;
      }
      .homepage-implant-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-top: 8px;
      }
      @media (max-width: 520px) {
        .homepage-implant-actions {
          grid-template-columns: 1fr;
        }
      }
      .implant-range-status {
        margin: 18px 0 0;
        padding: 10px 14px;
        border-left: 4px solid #76172f;
        background: #fff;
        color: #76172f;
        font-weight: 800;
        border-radius: 8px;
      }
      .homepage-implant-card[hidden] {
        display: none !important;
      }
      .homepage-implant-card.implant-target {
        outline: 4px solid rgba(118, 23, 47, 0.55);
        outline-offset: 4px;
      }
      #product-implants li a {
        color: inherit;
        text-decoration: none;
      }
      #product-implants li a:hover {
        color: #76172f;
        text-decoration: underline;
      }
      @media (max-width: 900px) {
        .homepage-implant-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 600px) {
        .homepage-implant-grid {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 980px) {
        .divisions,
        .ths-division-visuals {
          grid-template-columns: repeat(2, 1fr) !important;
        }
      }
      @media (max-width: 760px) {
        .divisions,
        .ths-division-visuals {
          grid-template-columns: 1fr !important;
        }
      }

      /* Maintain accessible white copy on every maroon-filled box. */
      .certificate-warning,
      .certificate-warning *,
      .top-products-menu .implants-label,
      .top-products-menu .implants-label *,
      [style*="background:#76172f"],
      [style*="background: #76172f"],
      [style*="background-color:#76172f"],
      [style*="background-color: #76172f"] {
        color: #fff !important;
      }

#surgical-section-heading,
      #dental-section-heading,
      #implant-section-heading,
      #veterinary-section-heading {
        scroll-margin-top: 112px;
      }
      @media (max-width: 760px) {
        #surgical-section-heading,
        #dental-section-heading,
        #implant-section-heading,
        #veterinary-section-heading {
          scroll-margin-top: 88px;
        }
      }

#about-section-heading,
      #manufacturing-section-heading,
      #quality-section-heading,
      #international-buyers-section-heading,
      #rfq-section-heading,
      #surgical-section-heading,
      #dental-section-heading,
      #implant-section-heading,
      #veterinary-section-heading,
      #contact {
        scroll-margin-top: 112px;
      }
      @media (max-width: 760px) {
        #about-section-heading,
        #manufacturing-section-heading,
        #quality-section-heading,
        #international-buyers-section-heading,
        #rfq-section-heading,
        #surgical-section-heading,
        #dental-section-heading,
        #implant-section-heading,
        #veterinary-section-heading,
        #contact {
          scroll-margin-top: 88px;
        }
      }

/* Keep every dark maroon content surface consistently readable. */
      .hero-panel,
      .quality-main,
      .about-card,
      .rfq-list,
      .feature:not(.light),
      .vet-benefit,
      .cta,
      .surg-page-card,
      .dental-page-card,
      .full-vet-page,
      .certificate-warning,
      .top-products-menu .implants-label {
        color: #fff !important;
      }
      .hero-panel :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .quality-main :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .about-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .rfq-list :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .feature:not(.light) :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .vet-benefit :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .cta :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .surg-page-body :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .dental-page-body :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .full-vet-body :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .certificate-warning :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a),
      .top-products-menu .implants-label,
      .top-products-menu .implants-label * {
        color: #fff !important;
      }

      /* Beige controls remain dark for contrast even when placed in maroon cards. */
      .surg-page-actions :is(.small-btn,.btn),
      .dental-page-actions :is(.small-btn,.btn),
      .full-vet-actions :is(.small-btn,.btn),
      .hero-panel :is(.small-btn,.btn),
      .quality-main :is(.small-btn,.btn),
      .about-card :is(.small-btn,.btn),
      .rfq-list :is(.small-btn,.btn),
      .surg-page-card .pill,
      .dental-page-card .pill,
      .full-vet-page .page-chip {
        color: var(--ths-maroon, #76172f) !important;
      }

      #product-surgical,
      #product-dental,
      #product-implants,
      #product-veterinary,
      #about-section-heading,
      #manufacturing-section-heading,
      #quality-section-heading,
      #international-buyers-section-heading,
      #contact,
      #rfq-section-heading {
        scroll-margin-top: 112px;
      }
      @media (max-width: 760px) {
        #product-surgical,
        #product-dental,
        #product-implants,
        #product-veterinary,
        #about-section-heading,
        #manufacturing-section-heading,
        #quality-section-heading,
        #international-buyers-section-heading,
        #contact,
        #rfq-section-heading {
          scroll-margin-top: 88px;
        }
      }

:root{--ths-maroon-box:#76172f;--ths-button-maroon:#76172f;--ths-button-beige:#ead8c2}
      .hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
      .vet-benefit,.cta,.surg-page-card,.dental-page-card,.full-vet-page,.certificate-warning{
        background:#76172f!important;background-color:#76172f!important;color:#fff!important
      }
      .hero-panel :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .quality-main :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .about-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .rfq-list :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .feature:not(.light) :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .vet-benefit :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .cta :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .surg-page-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .dental-page-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .full-vet-page :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .certificate-warning :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em){color:#fff!important}
      .btn,.btn.green,.btn.light,.btn.primary,.btn.dark,.small-btn,.v55-detail-link,
      .view-range-btn,.surg-view-range,.dental-view-range,.prompt-rfq-btn,.filter-btn,
      .main-view-range,.external-email-link,.commercial-btn-primary,.commercial-btn-secondary,
      .ths-visitor-stats__button,.division-actions button,button:not(.top-products-btn),
      input[type="submit"],input[type="button"],input[type="reset"],
      a[role="button"]:not(.top-products-btn){background:#76172f!important;background-color:#76172f!important;border-color:#76172f!important;color:#fff!important}
      .btn:hover,.btn:focus-visible,.small-btn:hover,.small-btn:focus-visible,
      .v55-detail-link:hover,.v55-detail-link:focus-visible,.view-range-btn:hover,.view-range-btn:focus-visible,
      .surg-view-range:hover,.surg-view-range:focus-visible,.dental-view-range:hover,.dental-view-range:focus-visible,
      .prompt-rfq-btn:hover,.prompt-rfq-btn:focus-visible,.filter-btn:hover,.filter-btn:focus-visible,
      .main-view-range:hover,.main-view-range:focus-visible,.external-email-link:hover,.external-email-link:focus-visible,
      .commercial-btn-primary:hover,.commercial-btn-primary:focus-visible,
      .commercial-btn-secondary:hover,.commercial-btn-secondary:focus-visible,
      .ths-visitor-stats__button:hover,.ths-visitor-stats__button:focus-visible,
      .division-actions button:hover,.division-actions button:focus-visible,
      button:not(.top-products-btn):hover,button:not(.top-products-btn):focus-visible,
      input[type="submit"]:hover,input[type="submit"]:focus-visible,
      input[type="button"]:hover,input[type="button"]:focus-visible,
      input[type="reset"]:hover,input[type="reset"]:focus-visible,
      a[role="button"]:not(.top-products-btn):hover,a[role="button"]:not(.top-products-btn):focus-visible{
        background:#ead8c2!important;background-color:#ead8c2!important;border-color:#ead8c2!important;color:#76172f!important
      }

/* Product cards remain white; maroon is reserved for information boxes and buttons. */
      .surg-page-card,.dental-page-card,.full-vet-page,.homepage-implant-card,
      .implant-card,.product-card,.real-product-card,.matched-product-card,
      .vet-cat-card,.surg-cat-card,.dental-cat-card{
        background:#fff!important;background-color:#fff!important;
        color:#76172f!important;border-color:#d8c8bd!important
      }
      .surg-page-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .dental-page-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .full-vet-page :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .homepage-implant-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .implant-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .product-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .real-product-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .matched-product-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .vet-cat-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .surg-cat-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em),
      .dental-cat-card :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em){color:#76172f!important}
      .surg-page-card :is(.ref-line,.surg-page-refs),
      .dental-page-card :is(.ref-line,.dental-page-refs),
      .full-vet-page :is(.ref-line,.meta),
      .homepage-implant-card :is(.ref-line,.meta),
      .implant-card :is(.ref-line,.meta){color:#65525a!important}

/* Every genuine maroon information box uses white copy at every nesting level. */
      .hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
      .vet-benefit,.cta,.certificate-warning{color:#fff!important}
      .hero-panel *, .quality-main *, .about-card *, .rfq-list *,
      .feature:not(.light) *, .vet-benefit *, .cta *, .certificate-warning *{
        color:#fff!important;text-decoration-color:currentColor!important
      }
      .hero-panel ::marker,.quality-main ::marker,.about-card ::marker,
      .rfq-list ::marker,.feature:not(.light) ::marker,.vet-benefit ::marker,
      .cta ::marker,.certificate-warning ::marker{color:#fff!important}
      .hero-panel svg,.quality-main svg,.about-card svg,.rfq-list svg,
      .feature:not(.light) svg,.vet-benefit svg,.cta svg,.certificate-warning svg{fill:currentColor}

      /* Preserve the approved button palette inside those boxes. */
      .hero-panel :is(.btn,.small-btn,button,a[role="button"]),
      .quality-main :is(.btn,.small-btn,button,a[role="button"]),
      .about-card :is(.btn,.small-btn,button,a[role="button"]),
      .rfq-list :is(.btn,.small-btn,button,a[role="button"]),
      .feature:not(.light) :is(.btn,.small-btn,button,a[role="button"]),
      .vet-benefit :is(.btn,.small-btn,button,a[role="button"]),
      .cta :is(.btn,.small-btn,button,a[role="button"]),
      .certificate-warning :is(.btn,.small-btn,button,a[role="button"]){
        background:#76172f!important;background-color:#76172f!important;
        border-color:#76172f!important;color:#fff!important
      }
      .hero-panel :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
      .quality-main :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
      .about-card :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
      .rfq-list :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
      .feature:not(.light) :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
      .vet-benefit :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
      .cta :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
      .certificate-warning :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible){
        background:#ead8c2!important;background-color:#ead8c2!important;
        border-color:#ead8c2!important;color:#76172f!important
      }

:root{--ths-button-maroon:#76172f;--ths-button-beige:#ead8c2}
      :is(.btn,.small-btn,.v55-detail-link,.view-range-btn,.surg-view-range,
      .dental-view-range,.prompt-rfq-btn,.filter-btn,.main-view-range,
      .external-email-link,.commercial-btn-primary,.commercial-btn-secondary,
      .ths-visitor-stats__button,.division-actions button,
      button:not(.top-products-btn),input[type="submit"],input[type="button"],
      input[type="reset"],a[role="button"]:not(.top-products-btn),.top-products-btn,.cta>a){
        background:#76172f!important;background-color:#76172f!important;
        border-color:#76172f!important;color:#fff!important;text-decoration-color:#fff!important
      }
      :is(.btn,.small-btn,.v55-detail-link,.view-range-btn,.surg-view-range,
      .dental-view-range,.prompt-rfq-btn,.filter-btn,.main-view-range,
      .external-email-link,.commercial-btn-primary,.commercial-btn-secondary,
      .ths-visitor-stats__button,.division-actions button,
      button:not(.top-products-btn),input[type="submit"],input[type="button"],
      input[type="reset"],a[role="button"]:not(.top-products-btn),.top-products-btn,.cta>a) *{
        color:#fff!important;fill:currentColor!important
      }
      :is(.btn,.small-btn,.v55-detail-link,.view-range-btn,.surg-view-range,
      .dental-view-range,.prompt-rfq-btn,.filter-btn,.main-view-range,
      .external-email-link,.commercial-btn-primary,.commercial-btn-secondary,
      .ths-visitor-stats__button,.division-actions button,
      button:not(.top-products-btn),input[type="submit"],input[type="button"],
      input[type="reset"],a[role="button"]:not(.top-products-btn),.top-products-btn,.cta>a):is(:hover,:focus-visible){
        background:#ead8c2!important;background-color:#ead8c2!important;
        border-color:#ead8c2!important;color:#76172f!important;text-decoration-color:#76172f!important
      }
      :is(.btn,.small-btn,.v55-detail-link,.view-range-btn,.surg-view-range,
      .dental-view-range,.prompt-rfq-btn,.filter-btn,.main-view-range,
      .external-email-link,.commercial-btn-primary,.commercial-btn-secondary,
      .ths-visitor-stats__button,.division-actions button,
      button:not(.top-products-btn),input[type="submit"],input[type="button"],
      input[type="reset"],a[role="button"]:not(.top-products-btn),.top-products-btn,.cta>a):is(:hover,:focus-visible) *{
        color:#76172f!important;fill:currentColor!important
      }

/* Professional purchasing panel: maroon copy and maroon/white controls. */
      #international-supply.professional-purchasing-section,
      #international-supply.professional-purchasing-section :is(.eyebrow,h2,p){
        color:#76172f!important;
        -webkit-text-fill-color:#76172f!important;
      }
      #international-supply.professional-purchasing-section .btn,
      #international-supply.professional-purchasing-section .btn:link,
      #international-supply.professional-purchasing-section .btn:visited{
        background:#76172f!important;
        background-color:#76172f!important;
        border-color:#76172f!important;
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        text-decoration-color:#fff!important;
      }
      #international-supply.professional-purchasing-section .btn:is(:hover,:focus-visible,:active){
        background:#ead8c2!important;
        background-color:#ead8c2!important;
        border-color:#ead8c2!important;
        color:#76172f!important;
        -webkit-text-fill-color:#76172f!important;
        text-decoration-color:#76172f!important;
      }

      /* All product names, references and details on the homepage use maroon. */
      :is(.division,.surg-page-card,.dental-page-card,.full-vet-page,
        .homepage-implant-card,.implant-card,.product-card,.real-product-card,
        .matched-product-card,.vet-cat-card,.surg-cat-card,.dental-cat-card),
      :is(.division,.surg-page-card,.dental-page-card,.full-vet-page,
        .homepage-implant-card,.implant-card,.product-card,.real-product-card,
        .matched-product-card,.vet-cat-card,.surg-cat-card,.dental-cat-card)
        :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,.meta,.ref-line,
        .surg-page-refs,.dental-page-refs){
        color:#76172f!important;
        -webkit-text-fill-color:#76172f!important;
      }
      :is(.division,.surg-page-card,.dental-page-card,.full-vet-page,
        .homepage-implant-card,.implant-card,.product-card,.real-product-card,
        .matched-product-card,.vet-cat-card,.surg-cat-card,.dental-cat-card)
        :is(.btn,.small-btn,button,a[role="button"]){
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
      }
      :is(.division,.surg-page-card,.dental-page-card,.full-vet-page,
        .homepage-implant-card,.implant-card,.product-card,.real-product-card,
        .matched-product-card,.vet-cat-card,.surg-cat-card,.dental-cat-card)
        :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible,:active){
        color:#76172f!important;
        -webkit-text-fill-color:#76172f!important;
      }

      /* Product Details links: explicitly enforce the approved button colours. */
      a.v55-detail-link,
      a.v55-detail-link:link,
      a.v55-detail-link:visited{
        background:#76172f!important;
        background-color:#76172f!important;
        border-color:#76172f!important;
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        text-decoration-color:#fff!important;
      }
      a.v55-detail-link *,
      a.v55-detail-link:link *,
      a.v55-detail-link:visited *{
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
      }
      a.v55-detail-link:is(:hover,:focus-visible,:active){
        background:#5f1025!important;
        background-color:#5f1025!important;
        border-color:#5f1025!important;
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        text-decoration-color:#fff!important;
      }
      a.v55-detail-link:is(:hover,:focus-visible,:active) *{
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
      }

/* V117 permanent homepage colour contract. */
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning,
  [style*="background:#76172f"],[style*="background: #76172f"],
  [style*="background-color:#76172f"],[style*="background-color: #76172f"]),
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning,
  [style*="background:#76172f"],[style*="background: #76172f"],
  [style*="background-color:#76172f"],[style*="background-color: #76172f"]) * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:currentColor!important;
}

:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning) ::marker { color:#fff!important; }
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning) svg { fill:currentColor!important; }

:is(.division,.surg-page-card,.dental-page-card,.full-vet-page,
  .homepage-implant-card,.implant-card,.product-card,.real-product-card,
  .matched-product-card,.vet-cat-card,.surg-cat-card,.dental-cat-card) {
  background:#fff!important;
  background-color:#fff!important;
  color:#76172f!important;
  -webkit-text-fill-color:#76172f!important;
}
:is(.division,.surg-page-card,.dental-page-card,.full-vet-page,
  .homepage-implant-card,.implant-card,.product-card,.real-product-card,
  .matched-product-card,.vet-cat-card,.surg-cat-card,.dental-cat-card)
  :is(h1,h2,h3,h4,h5,h6,p,span,li,b,strong,em,a,.meta,.ref-line,
  .surg-page-refs,.dental-page-refs) {
  color:#76172f!important;
  -webkit-text-fill-color:#76172f!important;
}

/* Product controls stay maroon with white labels in every interaction state. */
a.v55-detail-link,
a.v55-detail-link:link,
a.v55-detail-link:visited,
a.v55-detail-link:is(:hover,:focus-visible,:active) {
  background:#76172f!important;
  background-color:#76172f!important;
  border-color:#76172f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:#fff!important;
}

/* V118 permanent top Products menu contract: maroon surface, white copy. */
.navlinks .top-products-dd .top-products-btn,
.navlinks .top-products-dd .top-products-btn:not(:hover):not(:focus-visible),
.navlinks .top-products-dd .top-products-btn[aria-expanded="true"] {
  background:#76172f!important;
  background-color:#76172f!important;
  border-color:#76172f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.navlinks .top-products-dd .top-products-btn span {
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
.navlinks .top-products-dd .top-products-menu {
  background:#76172f!important;
  background-color:#76172f!important;
  border-color:#76172f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.navlinks .top-products-dd .top-products-menu a,
.navlinks .top-products-dd .top-products-menu a:link,
.navlinks .top-products-dd .top-products-menu a:visited,
.navlinks .top-products-dd .top-products-menu .top-products-label {
  background:#76172f!important;
  background-color:#76172f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:#fff!important;
}
.navlinks .top-products-dd .top-products-menu .top-products-separator {
  border-color:rgba(255,255,255,.42)!important;
  background-color:rgba(255,255,255,.42)!important;
}
.navlinks .top-products-dd .top-products-btn:is(:hover,:focus-visible),
.navlinks .top-products-dd .top-products-menu a:is(:hover,:focus-visible) {
  background:#ead8c2!important;
  background-color:#ead8c2!important;
  border-color:#ead8c2!important;
  color:#76172f!important;
  -webkit-text-fill-color:#76172f!important;
  text-decoration-color:#76172f!important;
}


/* V119 dedicated catalogue pages */
.category-catalogue-page main { padding-top: 24px; }
.category-page-return { margin: 12px auto 22px; }
.category-page-return .btn { display: inline-flex; width: auto; }

/* V124: definitive RFQ colour contract.
   Maroon RFQ surfaces use white labels; white RFQ surfaces use maroon labels. */
:is(.floating-rfq,.prompt-rfq-btn,a[href*="#rfq"],a[href*="product-enquiry.php"],
  [onclick*="addToRFQ"],[onclick*="goToRFQ"],#rfqEmailLink,#rfq .rfq-submit-row .btn),
:is(.floating-rfq,.prompt-rfq-btn,a[href*="#rfq"],a[href*="product-enquiry.php"],
  [onclick*="addToRFQ"],[onclick*="goToRFQ"],#rfqEmailLink,#rfq .rfq-submit-row .btn):visited {
  background:#76172f!important;
  background-color:#76172f!important;
  border-color:#76172f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:#fff!important;
}
:is(.floating-rfq,.prompt-rfq-btn,a[href*="#rfq"],a[href*="product-enquiry.php"],
  [onclick*="addToRFQ"],[onclick*="goToRFQ"],#rfqEmailLink,#rfq .rfq-submit-row .btn) * {
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
:is(.floating-rfq,.prompt-rfq-btn,a[href*="#rfq"],a[href*="product-enquiry.php"],
  [onclick*="addToRFQ"],[onclick*="goToRFQ"],#rfqEmailLink,#rfq .rfq-submit-row .btn):is(:hover,:focus-visible,:active) {
  background:#fff!important;
  background-color:#fff!important;
  border-color:#76172f!important;
  color:#76172f!important;
  -webkit-text-fill-color:#76172f!important;
  text-decoration-color:#76172f!important;
}

/* V122: visible, well-proportioned universal navigation. */
:root{--ths-menu-height:84px!important;--ths-logo-height:72px!important}
header .nav{
  min-height:var(--ths-menu-height)!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
.ths-header-logo-link{
  height:var(--ths-menu-height)!important;
  flex:0 0 auto!important;
  margin-right:18px!important;
}
.ths-header-logo,header .logo,header .logo.ths-header-logo,header .ths-header-logo{
  height:var(--ths-logo-height)!important;
  max-height:var(--ths-logo-height)!important;
  width:auto!important;
}
header .navlinks{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:1 1 auto!important;
  flex-wrap:nowrap!important;
}
header .navlinks>a,header .top-products-btn{
  min-height:var(--ths-menu-height)!important;
  padding:0 10px!important;
  font-size:13px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
@media(max-width:1100px){
  header .navlinks>a,header .top-products-btn{padding:0 7px!important;font-size:12px!important}
  .ths-header-logo-link{margin-right:8px!important}
  .ths-header-logo,header .logo,header .logo.ths-header-logo,header .ths-header-logo{max-width:180px!important}
}
@media(max-width:760px){
  :root{--ths-menu-height:72px!important;--ths-logo-height:62px!important}
  header .nav{height:auto!important;flex-wrap:wrap!important;justify-content:center!important}
  .ths-header-logo-link{margin:0 auto!important}
  header .navlinks{flex:1 0 100%!important;flex-wrap:wrap!important;justify-content:center!important}
  header .navlinks>a,header .top-products-btn{min-height:46px!important;padding:0 9px!important;font-size:12px!important}
}

/* V127: stable Products dropdown interaction.
   The menu touches its trigger, so the pointer cannot fall through a gap.
   The .open state is controlled by the shared keyboard/touch/pointer script. */
header .top-products-dd{
  position:relative!important;
}
header .top-products-dd .top-products-menu{
  top:100%!important;
  margin-top:0!important;
  pointer-events:auto!important;
}
header .top-products-dd.open .top-products-menu,
header .top-products-dd:focus-within .top-products-menu{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}