/* ===== MERGED FROM: elegant-v61.css ===== */
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap");
:root{
  --ths-ink:#14232e;
  --ths-muted:#64737d;
  --ths-deep:#0b3246;
  --ths-blue:#155c7a;
  --ths-accent:#1d8b86;
  --ths-soft:#f4f7f8;
  --ths-paper:#ffffff;
  --ths-line:#dfe7ea;
  --ths-shadow:0 14px 40px rgba(18,47,62,.09);
  --ths-shadow-sm:0 7px 22px rgba(18,47,62,.07);
  --ths-radius:18px;
  --ths-radius-sm:12px;
}
html{scroll-behavior:smooth}
body{
  color:var(--ths-ink);
  background:var(--ths-paper);
  font-family:"Nunito Sans", Arial, Helvetica, sans-serif;
  line-height:1.62;
  letter-spacing:-.005em;
}
body::selection{background:rgba(29,139,134,.18)}
img{max-width:100%}
.wrap{max-width:1240px}
header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(213,225,230,.9);
  box-shadow:0 4px 20px rgba(19,45,58,.04);
}
header .nav{
  min-height:76px;
  gap:24px;
}
header .logo{
  width:min(210px,34vw);
  height:auto;
  object-fit:contain;
}
.navlinks{
  gap:6px;
  align-items:center;
}
.navlinks>a,.top-products-btn{
  color:var(--ths-ink);
  font-size:14px;
  font-weight:700;
  padding:10px 12px;
  border-radius:10px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.navlinks>a:hover,.top-products-btn:hover{
  color:var(--ths-blue);
  background:#eef5f7;
}
.top-products-menu{
  border:1px solid var(--ths-line)!important;
  border-radius:16px;
  box-shadow:0 20px 50px rgba(14,43,58,.16)!important;
  overflow:auto;
}
.hero{
  position:relative;
  overflow:hidden;
  padding-top:clamp(70px,9vw,128px);
  padding-bottom:clamp(70px,9vw,120px);
  background:
    radial-gradient(circle at 80% 15%,rgba(29,139,134,.13),transparent 34%),
    radial-gradient(circle at 15% 80%,rgba(21,92,122,.11),transparent 30%),
    linear-gradient(145deg,#f8fbfc 0%,#eef5f6 100%)!important;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto -8% -45% auto;
  width:420px;height:420px;
  border:1px solid rgba(21,92,122,.12);
  border-radius:50%;
  box-shadow:0 0 0 50px rgba(21,92,122,.035),0 0 0 100px rgba(21,92,122,.02);
  pointer-events:none;
}
.hero h1{
  max-width:920px;
  font-size:clamp(42px,6vw,78px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:var(--ths-deep);
}
.hero p,.lead{
  max-width:760px;
  font-size:clamp(17px,2vw,21px);
  color:#526772;
}
.eyebrow,.kicker,.ths-facility-eyebrow{
  color:var(--ths-accent);
  font-weight:800;
  letter-spacing:.13em;
}
h2{
  font-size:clamp(30px,4vw,46px);
  line-height:1.12;
  letter-spacing:-.03em;
  color:var(--ths-deep);
}
h3{letter-spacing:-.018em}
section{
  scroll-margin-top:92px;
}
section:not(.hero){
  padding-top:clamp(58px,7vw,92px);
  padding-bottom:clamp(58px,7vw,92px);
}
.band,.commercial-v53,.modern-visuals,.quality-center,.about-section,
.manufacturing-section,.seo-company-introduction,.ths-facility-section{
  border-top:1px solid var(--ths-line);
}
.btn,.small-btn,button[type="submit"],input[type="submit"]{
  border-radius:11px;
  font-weight:750;
  letter-spacing:.005em;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.btn{
  padding:13px 20px;
  box-shadow:0 8px 20px rgba(21,92,122,.15);
}
.btn:hover,.small-btn:hover,button[type="submit"]:hover,input[type="submit"]:hover{
  transform:translateY(-2px);
}
.small-btn{
  min-height:42px;
  border:1px solid #cfdde2!important;
  background:#fff!important;
  color:var(--ths-deep);
}
.small-btn:hover{
  border-color:#9bbbc7;
  box-shadow:var(--ths-shadow-sm);
}
.v55-detail-link{
  background:var(--ths-deep)!important;
  color:#fff;
  border-color:var(--ths-deep);
}
.surg-page-card,.dental-page-card,.full-vet-page,
.surg-cat-card,.dental-cat-card,.commercial-card,.v54-trust,
.feature,.card,.ths-facility-card{
  border:1px solid var(--ths-line)!important;
  border-radius:var(--ths-radius);
  background:var(--ths-paper)!important;
  box-shadow:var(--ths-shadow-sm)!important;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.surg-page-card:hover,.dental-page-card:hover,.full-vet-page:hover,
.surg-cat-card:hover,.dental-cat-card:hover,.ths-facility-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--ths-shadow)!important;
  border-color:#c4d7dd;
}
.surg-page-img img,.dental-page-img img,.full-vet-image img,
.surg-cat-img img,.dental-cat-img img{
  background:#f5f7f8;
}
.surg-page-body,.dental-page-body,.full-vet-body,
.surg-cat-body,.dental-cat-body{
  padding:20px;
}
.surg-page-body h3,.dental-page-body h3,.full-vet-body h3{
  font-size:18px;
  line-height:1.28;
  margin:8px 0;
}
.pill,.page-chip{
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  background:#eaf5f4!important;
  color:#176f6b;
  border:1px solid #cce8e5!important;
}
.surg-page-actions,.dental-page-actions,.full-vet-actions{
  gap:9px;
}
input,select,textarea,.field{
  border:1px solid #cedbe0!important;
  border-radius:12px;
  background:#fff!important;
  color:var(--ths-ink);
  box-shadow:0 1px 0 rgba(14,43,58,.02);
  transition:border-color .18s ease,box-shadow .18s ease;
}
input:focus,select:focus,textarea:focus,.field:focus{
  outline:none!important;
  border-color:#68a9b0;
  box-shadow:0 0 0 4px rgba(29,139,134,.11)!important;
}
footer{
  background:#0c2a39!important;
  color:#d8e4e8;
  border-top:0!important;
  padding-top:34px;
  padding-bottom:34px;
}
#cutting-edge-facility{
  background:linear-gradient(180deg,#f7fafb,#eef4f5)!important;
}
#cutting-edge-facility .ths-facility-grid{
  margin-top:30px;
  justify-content:start;
}
#cutting-edge-facility .ths-facility-card{
  background:#fff!important;
}
#cutting-edge-facility .ths-facility-card img{
  filter:saturate(1.03) contrast(1.03);
}
#cutting-edge-facility .ths-facility-card figcaption{
  color:var(--ths-deep);
}
#international-supply{
  background:#0f3547!important;
  color:#fff;
  margin:0;
}
#international-supply h2,#international-supply p,#international-supply .eyebrow{
  color:#fff;
}
#international-supply .btn{
  background:#fff!important;
  color:var(--ths-deep);
  border-color:#fff;
}
table{
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--ths-line);
  border-radius:14px;
  overflow:hidden;
}
th{background:#eff5f6}
a{transition:color .18s ease}
@media(max-width:960px){
  header .nav{min-height:68px}
  .navlinks{gap:2px}
  .navlinks>a,.top-products-btn{font-size:13px;padding:8px}
  .surg-page-actions,.dental-page-actions,.full-vet-actions{display:grid!important;grid-template-columns:1fr!important}
}
@media(max-width:720px){
  header{position:relative}
  .hero{padding-top:62px;padding-bottom:64px}
  .hero h1{font-size:clamp(38px,12vw,56px)}
  section:not(.hero){padding-top:52px;padding-bottom:52px}
  .surg-page-body,.dental-page-body,.full-vet-body{padding:16px}
  .btn{width:auto!important}
}

/* V24 beige and maroon visibility refinement */
:root{
  --ths-maroon:#76172f;
  --ths-maroon-dark:#5b1024;
  --ths-beige:#ead9bd;
  --ths-beige-light:#f5ead8;
  --ths-beige-hover:#dfc59e;
  --ths-cream:#fffaf2;
}

header{
  background:rgba(245,234,216,.97)!important;
  border-bottom-color:#d2b891;
}
.navlinks>a,.top-products-btn,
header nav>a,header nav a{
  color:var(--ths-maroon);
}
.navlinks>a:hover,.top-products-btn:hover,
header nav>a:hover,header nav a:hover{
  color:var(--ths-maroon-dark);
  background:var(--ths-beige-hover)!important;
}
.top-products-menu{
  background:var(--ths-beige-light)!important;
  border-color:#c9aa7e;
}
.top-products-menu a,
.top-products-menu .top-products-label{
  color:var(--ths-maroon);
  opacity:1!important;
  visibility:visible!important;
}
.top-products-menu a:hover{
  color:var(--ths-cream);
  background:var(--ths-maroon)!important;
}
.top-products-separator{border-color:#c9aa7e}

.btn,.small-btn,button[type="submit"],input[type="submit"],
.main-view-range,.division-actions button{
  background:var(--ths-beige)!important;
  color:var(--ths-maroon);
  border:1px solid #c4a373!important;
  border-radius:14px;
  box-shadow:0 7px 18px rgba(91,16,36,.12)!important;
}
.btn:hover,.small-btn:hover,button[type="submit"]:hover,input[type="submit"]:hover,
.main-view-range:hover,.division-actions button:hover{
  background:var(--ths-beige-hover)!important;
  color:var(--ths-maroon-dark);
  border-color:#ad8754;
}

.surg-cat-card,.dental-cat-card,.commercial-card,.v54-trust,
.feature,.card,.ths-facility-card,.division{
  background:var(--ths-beige-light)!important;
  color:var(--ths-maroon);
  border-color:#d5bb93;
}
.surg-cat-card h3,.dental-cat-card h3,.commercial-card h3,
.v54-trust h3,.feature h3,.card h2,.card h3,.ths-facility-card figcaption,
.division h3,.division li,.card p,.card .meta{
  color:var(--ths-maroon);
}
.card a:not(.btn):not(.small-btn){color:var(--ths-maroon-dark)}

.surg-page-card,.dental-page-card,.full-vet-page{
  background:var(--ths-maroon)!important;
  color:#fff;
  border-color:var(--ths-maroon-dark);
  border-radius:20px;
  overflow:hidden!important;
}
.surg-page-body,.dental-page-body,.full-vet-body,
.surg-page-body h3,.dental-page-body h3,.full-vet-body h3,
.surg-page-body p,.dental-page-body p,.full-vet-body p,
.surg-page-body a:not(.small-btn),.dental-page-body a:not(.small-btn),.full-vet-body a:not(.small-btn){
  color:#fff;
}
.surg-page-card .pill,.dental-page-card .pill,.full-vet-page .page-chip{
  background:var(--ths-beige)!important;
  color:var(--ths-maroon);
  border-color:#d4b98e;
}
.v55-detail-link{
  background:var(--ths-beige)!important;
  color:var(--ths-maroon);
  border-color:#c4a373;
}

footer,footer a,footer p,footer li,footer span{
  color:var(--ths-cream);
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}

:root{
  --ths-ink:#111318;
  --ths-muted:#626873;
  --ths-deep:#071a8c;
  --ths-blue:#101ed1;
  --ths-accent:#ef111c;
  --ths-green:#04a521;
  --ths-soft:#f5f6f8;
  --ths-paper:#ffffff;
  --ths-line:#dfe2e8;
  --ths-shadow:0 14px 40px rgba(8,20,86,.10);
  --ths-shadow-sm:0 7px 22px rgba(8,20,86,.075);
  --ths-radius:18px;
  --ths-radius-sm:12px;
}
body{
  color:var(--ths-ink);
  background:var(--ths-paper);
}
body::selection{background:rgba(16,30,209,.15)}
header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e2e4e9;
  box-shadow:0 4px 20px rgba(0,0,0,.045);
}
.navlinks>a,.top-products-btn{
  color:#111318;
}
.navlinks>a:hover,.top-products-btn:hover{
  color:var(--ths-blue);
  background:#f0f2ff;
}
.top-products-menu{
  border-top:3px solid var(--ths-blue)!important;
  box-shadow:0 20px 50px rgba(7,26,140,.16)!important;
}
.hero{
  background:
    radial-gradient(circle at 82% 15%,rgba(16,30,209,.12),transparent 34%),
    radial-gradient(circle at 16% 82%,rgba(4,165,33,.09),transparent 30%),
    linear-gradient(145deg,#ffffff 0%,#f3f5ff 58%,#f7f9f7 100%)!important;
}
.hero::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;
  height:5px;
  background:linear-gradient(90deg,var(--ths-green) 0 33.33%,var(--ths-blue) 33.33% 66.66%,var(--ths-accent) 66.66% 100%);
}
.hero::after{
  border-color:rgba(16,30,209,.13);
  box-shadow:0 0 0 50px rgba(16,30,209,.035),0 0 0 100px rgba(239,17,28,.018);
}
.hero h1,h2{
  color:#101642;
}
.hero p,.lead{
  color:#555f6d;
}
.eyebrow,.kicker,.ths-facility-eyebrow{
  color:var(--ths-blue);
}
.eyebrow::before,.kicker::before{
  background:var(--ths-accent)!important;
}
.btn{
  background:var(--ths-blue)!important;
  border-color:var(--ths-blue);
  color:#fff;
  box-shadow:0 8px 20px rgba(16,30,209,.20);
}
.btn:hover{
  background:#071a8c!important;
  border-color:#071a8c;
}
.btn.secondary,.btn.outline{
  background:#fff!important;
  color:var(--ths-blue);
  border-color:#b8c0ef;
}
.btn.secondary:hover,.btn.outline:hover{
  background:#f2f4ff!important;
}
.small-btn{
  border-color:#d5d9e6;
  color:#111318;
}
.small-btn:hover{
  border-color:#9da7e4;
  color:var(--ths-blue);
}
.v55-detail-link{
  background:var(--ths-blue)!important;
  border-color:var(--ths-blue);
  color:#fff;
}
.v55-detail-link:hover{
  background:#071a8c!important;
  border-color:#071a8c;
}
.surg-page-card:hover,.dental-page-card:hover,.full-vet-page:hover,
.surg-cat-card:hover,.dental-cat-card:hover,.ths-facility-card:hover{
  border-color:#b9c0eb;
}
.pill,.page-chip{
  background:#f0f2ff!important;
  color:#101ed1;
  border-color:#cfd4ff;
}
.surg-page-card .pill,.surg-cat-card .pill{
  background:#eef8f0!important;
  color:#08751c;
  border-color:#cce8d2;
}
.dental-page-card .pill,.dental-cat-card .pill{
  background:#f1f3ff!important;
  color:#101ed1;
  border-color:#d4d8ff;
}
.full-vet-page .pill,.full-vet-page .page-chip{
  background:#fff0f1!important;
  color:#c90913;
  border-color:#ffd0d3;
}
input:focus,select:focus,textarea:focus,.field:focus{
  border-color:#7f8bea;
  box-shadow:0 0 0 4px rgba(16,30,209,.11)!important;
}
footer{
  background:#101318!important;
  color:#e4e6eb;
  border-top:5px solid transparent!important;
  border-image:linear-gradient(90deg,var(--ths-green),var(--ths-blue),var(--ths-accent)) 1!important;
}
footer a:hover{color:#ffffff}
#cutting-edge-facility{
  background:linear-gradient(180deg,#fafbff,#f3f4f8)!important;
}
#international-supply{
  background:
    linear-gradient(135deg,rgba(7,26,140,.98),rgba(16,30,209,.95))!important;
  border-top:4px solid var(--ths-green)!important;
  border-bottom:4px solid var(--ths-accent)!important;
}
#international-supply .btn{
  background:#fff!important;
  color:var(--ths-blue);
  border-color:#fff;
}
#international-supply .btn:hover{
  background:#f1f3ff!important;
}
table th{
  background:#f0f2ff!important;
  color:#101642;
}
a{color:var(--ths-blue)}
a:hover{color:#071a8c}

.hero h1{
  font-size:clamp(36px,5vw,60px);
  line-height:1.06;
}
h2{
  font-size:clamp(26px,3.2vw,36px);
  line-height:1.18;
}
h3{
  font-size:clamp(18px,2vw,24px);
  line-height:1.28;
}
.surg-page-body h3,
.dental-page-body h3,
.full-vet-body h3{
  font-size:17px;
}
.ths-facility-section h2,
.commercial-v53 h2,
.about-section h2,
.quality-center h2,
.manufacturing-section h2,
.seo-company-introduction h2{
  font-size:clamp(25px,3vw,34px);
}

:root{--v64-navy:#132833;--v64-navy2:#0d202a;--v64-cyan:#0097a7;--v64-cyan-dark:#007783;--v64-lime:#92bd21;--v64-red:#d81f2a;--v64-ink:#18252b;--v64-muted:#65737a;--v64-line:#dce3e6;--v64-cloud:#f3f6f7;--v64-shadow:0 12px 34px rgba(17,39,50,.10)}
html{scroll-padding-top:88px}body{background:#fff!important;color:var(--v64-ink);font-family:"Nunito Sans", Arial, Helvetica, sans-serif;font-size:16px;line-height:1.62;letter-spacing:0}.wrap{max-width:1320px!important;padding-left:20px;padding-right:20px}
header{position:sticky!important;top:0;z-index:1000;background:var(--v64-navy)!important;border:0!important;box-shadow:0 5px 18px rgba(0,0,0,.17)!important;backdrop-filter:none!important}header .nav{min-height:82px!important;display:flex!important;align-items:center!important}header .logo{width:min(214px,34vw)!important;background:#fff;padding:7px 11px;border-radius:2px}.navlinks{margin-left:auto;gap:0}.navlinks>a,.top-products-btn{min-height:82px;display:flex!important;align-items:center;color:#fff;background:transparent!important;border-radius:0;padding:0 15px;font-size:13px;font-weight:700;letter-spacing:.025em;border-bottom:4px solid transparent!important}.navlinks>a:hover,.top-products-btn:hover{color:#fff;background:rgba(255,255,255,.06)!important;border-bottom-color:var(--v64-cyan)}.top-products-menu{top:calc(100% - 1px)!important;border:0!important;border-top:5px solid var(--v64-cyan)!important;border-radius:0;box-shadow:0 20px 45px rgba(0,0,0,.22)!important;background:#fff!important}.top-products-menu a{color:var(--v64-ink);border-radius:0}.top-products-menu a:hover{background:#edf5f6!important;color:var(--v64-cyan-dark)}
.hero{min-height:min(680px,78vh);display:flex;align-items:center;position:relative;padding:20px 0;background:linear-gradient(90deg,rgba(8,28,38,.94) 0%,rgba(12,37,49,.84) 46%,rgba(12,37,49,.28) 100%),linear-gradient(135deg,#173946,#35606c)!important;color:#fff;border:0!important}.hero::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;height:auto;background:var(--v64-cyan)!important}.hero::after{content:"";position:absolute;right:7%;bottom:10%;width:220px;height:220px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.035),0 0 0 96px rgba(255,255,255,.018)}.hero .wrap,.hero>div{position:relative;z-index:2}.hero h1{max-width:860px!important;margin:0 0 20px;color:#fff;font-size:36px;font-weight:400;line-height:1.18;letter-spacing:0}.hero p,.hero .lead{max-width:720px!important;color:rgba(255,255,255,.84);font-size:clamp(17px,1.7vw,20px);line-height:1.65}.hero .eyebrow,.hero .kicker{color:#82dbe2;font-size:12px;text-transform:uppercase;letter-spacing:.17em}
.btn,.small-btn,button[type=submit],input[type=submit]{border-radius:0;font-family:"Nunito Sans", Arial, Helvetica, sans-serif;font-weight:700}.btn{min-height:48px;padding:13px 22px;background:var(--v64-cyan)!important;border:1px solid var(--v64-cyan)!important;color:#fff;box-shadow:none!important}.btn:hover{background:var(--v64-cyan-dark)!important;border-color:var(--v64-cyan-dark);transform:none!important}.btn.secondary,.btn.outline{background:transparent!important;color:var(--v64-cyan-dark);border-color:var(--v64-cyan)}.hero .btn.secondary,.hero .btn.outline{color:#fff;border-color:rgba(255,255,255,.75)}.small-btn{min-height:40px!important;background:#fff!important;border:1px solid #cdd7da!important;color:var(--v64-navy);box-shadow:none!important}.small-btn:hover{background:#f0f5f6!important;border-color:var(--v64-cyan);color:var(--v64-cyan-dark);transform:none!important}.v55-detail-link{background:var(--v64-cyan)!important;color:#fff;border-color:var(--v64-cyan)}
section:not(.hero){padding-top:20px;padding-bottom:20px}h1,h2,h3,h4{font-family:"Nunito Sans", Arial, Helvetica, sans-serif}h2{position:relative;margin-bottom:20px;padding-bottom:0;color:var(--v64-navy);font-size:clamp(27px,3vw,39px);font-weight:400;line-height:1.16;letter-spacing:-.018em}h2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;background:var(--v64-cyan)}h3{color:var(--v64-navy);font-size:clamp(18px,1.8vw,23px);font-weight:600;line-height:1.3}.eyebrow,.kicker,.ths-facility-eyebrow{color:var(--v64-cyan-dark);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.lead{color:var(--v64-muted)}
.modern-visuals,.about-section,.quality-center,.commercial-v53,#cutting-edge-facility,.seo-company-introduction{background:#fff!important;border-top:1px solid var(--v64-line)!important}.surgical-expanded,.vet-expanded,.manufacturing-section,#international-buyers,.band{background:var(--v64-cloud)!important;border-top:1px solid var(--v64-line)!important}.dental-expanded,.complete-veterinary{background:#fff!important}
.surg-page-card,.dental-page-card,.full-vet-page,.surg-cat-card,.dental-cat-card,.ths-facility-card,.commercial-card,.v54-trust,.feature,.card{border:1px solid var(--v64-line)!important;border-radius:0;background:#fff!important;box-shadow:none!important;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}.surg-page-card:hover,.dental-page-card:hover,.full-vet-page:hover,.surg-cat-card:hover,.dental-cat-card:hover,.ths-facility-card:hover{transform:translateY(-3px)!important;border-color:#aebfc5;box-shadow:var(--v64-shadow)!important}.surg-page-card,.surg-cat-card{border-top:4px solid var(--v64-lime)!important}.dental-page-card,.dental-cat-card{border-top:4px solid var(--v64-cyan)!important}.full-vet-page{border-top:4px solid var(--v64-red)!important}.surg-page-img,.dental-page-img,.full-vet-image,.surg-cat-img,.dental-cat-img{background:#f5f7f7!important;border-bottom:1px solid var(--v64-line)}.surg-page-img img,.dental-page-img img,.full-vet-image img,.surg-cat-img img,.dental-cat-img img{object-fit:contain!important;filter:contrast(1.015)}.surg-page-body,.dental-page-body,.full-vet-body,.surg-cat-body,.dental-cat-body{padding:20px}.surg-page-body h3,.dental-page-body h3,.full-vet-body h3{margin:0 0 20px;font-size:17px;font-weight:600}.pill,.page-chip{border:0!important;border-radius:0;padding:5px 8px;background:#e7f2f3!important;color:var(--v64-cyan-dark);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.surg-page-card .pill,.surg-cat-card .pill{background:#edf5dc!important;color:#547800}.dental-page-card .pill,.dental-cat-card .pill{background:#e5f4f5!important;color:#007783}.full-vet-page .pill,.full-vet-page .page-chip{background:#fae7e9!important;color:#ae1720}.surg-page-actions,.dental-page-actions,.full-vet-actions{gap:8px;border-top:1px solid #edf0f1;padding-top:15px;margin-top:15px}.ref-line,.surg-page-refs,.dental-page-refs{color:#76848a;font-size:12px}
input,select,textarea,.field{border-radius:0;border:1px solid #bdc9cd!important;min-height:46px;background:#fff!important}textarea{min-height:130px}input:focus,select:focus,textarea:focus,.field:focus{border-color:var(--v64-cyan);box-shadow:0 0 0 3px rgba(0,151,167,.12)!important}
#international-supply{position:relative;background:var(--v64-navy)!important;color:#fff;border:0!important;border-left:7px solid var(--v64-cyan)!important}#international-supply h2{color:#fff}#international-supply h2::after{background:var(--v64-lime)!important}#international-supply p,#international-supply .eyebrow{color:rgba(255,255,255,.82)}#international-supply .btn{background:var(--v64-cyan)!important;color:#fff;border-color:var(--v64-cyan)}#cutting-edge-facility .ths-facility-grid{gap:20px}#cutting-edge-facility .ths-facility-card{border-top:4px solid var(--v64-cyan)!important}#cutting-edge-facility .ths-facility-card figcaption{color:var(--v64-navy);padding:20px}table{border-radius:0;border-color:var(--v64-line)}th{background:var(--v64-navy)!important;color:#fff;font-weight:600}
footer{position:relative;background:var(--v64-navy2)!important;color:#d7e0e3;border:0!important;padding-top:50px;padding-bottom:34px}footer::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--v64-lime) 0 33.33%,var(--v64-cyan) 33.33% 66.66%,var(--v64-red) 66.66% 100%)}footer a{color:#fff}footer a:hover{color:#89d8df}
@media(max-width:1040px){header{position:relative!important}.navlinks>a,.top-products-btn{min-height:58px!important;padding:0 9px;font-size:12px}}@media(max-width:760px){header .nav{min-height:72px!important}header .logo{width:min(188px,58vw)!important}.hero{min-height:auto;padding:72px 0}.hero h1{font-size:clamp(34px,10vw,48px)}h2{font-size:clamp(25px,7vw,33px)}section:not(.hero){padding-top:20px;padding-bottom:20px}.surg-page-body,.dental-page-body,.full-vet-body,.surg-cat-body,.dental-cat-body{padding:20px}}

:root{--v67-text:#111c22;--v67-muted:#35454d;--v67-heading:#082634;--v67-link:#005f6d;--v67-border:#aebfc5}
body{color:var(--v67-text);background:#fff!important}
p,li,dd,dt,.lead,.muted,.subtitle,.description,.surg-page-body p,.dental-page-body p,.full-vet-body p,.commercial-card p,.feature p,.card p{color:var(--v67-muted)}
h1,h2,h3,h4,h5,h6{color:var(--v67-heading);text-shadow:none}
a:not(.btn):not(.small-btn):not(.v55-detail-link){color:var(--v67-link)}
.hero{background:linear-gradient(90deg,rgba(4,24,34,.98) 0%,rgba(7,33,44,.93) 52%,rgba(7,33,44,.73) 100%),linear-gradient(135deg,#0b2d3b,#255563)!important}
.hero h1,.hero h2,.hero h3,.hero p,.hero .lead,#international-supply h1,#international-supply h2,#international-supply h3,#international-supply p,#international-supply .lead,footer,footer p,footer li{color:#fff}
.hero .eyebrow,.hero .kicker,#international-supply .eyebrow{color:#a9f1f5}.navlinks>a,.top-products-btn{color:#fff}
.surg-page-card,.dental-page-card,.full-vet-page,.surg-cat-card,.dental-cat-card,.ths-facility-card,.commercial-card,.feature,.card{border-color:var(--v67-border)}
.surg-page-img,.dental-page-img,.full-vet-image,.surg-cat-img,.dental-cat-img{background:#fff!important}
.surg-page-img img,.dental-page-img img,.full-vet-image img,.surg-cat-img img,.dental-cat-img img{width:100%!important;height:auto!important;max-height:none!important;image-rendering:auto;filter:contrast(1.035) saturate(.98)!important}
.ref-line,.surg-page-refs,.dental-page-refs{color:#33464f;font-weight:600}.pill,.page-chip{font-weight:800}
.btn,.v55-detail-link,button[type=submit],input[type=submit]{background:#007788!important;border-color:#007788;color:#fff}
.btn:hover,.v55-detail-link:hover,button[type=submit]:hover,input[type=submit]:hover{background:#005763!important;border-color:#005763}
input,select,textarea,.field{color:#101b20;border-color:#82969e}::placeholder{color:#596a71;opacity:1!important}

body.v64-medtech-layout header, body.v64-medtech-layout header .nav{background:#fff!important;color:#0b2233}
body.v64-medtech-layout header strong, body.v64-medtech-layout header a, body.v64-medtech-layout nav a{color:#0b2233;font-weight:800}
body.v64-medtech-layout header a:hover, body.v64-medtech-layout nav a:hover{color:#004f70;background:#e8f1f5!important}
body.v64-medtech-layout main h1, body.v64-medtech-layout main h2, body.v64-medtech-layout main h3, body.v64-medtech-layout .card h2, body.v64-medtech-layout .card h3{color:#0b2a3b;opacity:1!important}
body.v64-medtech-layout main p, body.v64-medtech-layout .card p, body.v64-medtech-layout .meta{color:#344b59;opacity:1!important}
body.v64-medtech-layout .card{background:#fff!important;border-color:#b9c9d1}
body.v64-medtech-layout .card a, body.v64-medtech-layout main>a{color:#064f71;font-weight:800}

section:not(.hero){
  padding-top:clamp(42px,4.8vw,68px);
  padding-bottom:clamp(42px,4.8vw,68px);
}
section + section{margin-top:0;}
section .wrap > :first-child{margin-top:0;}
section .wrap > :last-child{margin-bottom:0;}
.section-title,h2{margin-top:0;margin-bottom:20px;}
.sub,.lead{margin-top:0;margin-bottom:22px;}
.eyebrow,.kicker,.ths-facility-eyebrow{margin-bottom:9px;}
.divisions,.visual-grid,.surg-cat-grid,.dental-cat-grid,.full-vet-grid,.ths-facility-grid,.commercial-grid,.features,.cards,.grid{margin-top:20px;}
.card,.feature,.commercial-card,.division{margin-bottom:0;}
.section-visual{margin-bottom:20px;}
.hero{padding-top:20px;padding-bottom:20px;}
footer{margin-top:0;padding-top:40px;padding-bottom:28px;}
@media(max-width:760px){
  section:not(.hero){padding-top:20px;padding-bottom:20px;}
  .hero{padding-top:20px;padding-bottom:20px;}
  .section-title,h2{margin-bottom:20px;}
  .sub,.lead{margin-bottom:20px;}
  .divisions,.visual-grid,.surg-cat-grid,.dental-cat-grid,.full-vet-grid,.ths-facility-grid,.commercial-grid,.features,.cards,.grid{margin-top:20px;}
  footer{padding-top:34px;padding-bottom:24px;}
}

/* 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}
.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;font-size:13px;line-height:1.2;white-space:nowrap!important}
@media(max-width:1100px){header .navlinks>a,header .top-products-btn{padding:0 7px;font-size:12px}.ths-header-logo-link{margin-right:8px}.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}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;font-size:12px}}


/* V74 brighter professional medical palette */
:root{
  --ths-ink:#17324d;
  --ths-muted:#587087;
  --ths-deep:#164f7a;
  --ths-blue:#2479b8;
  --ths-accent:#20a6a1;
  --ths-soft:#f3f9fd;
  --ths-paper:#ffffff;
  --ths-line:#d6e8f3;
  --ths-shadow:0 14px 38px rgba(35,105,155,.11);
  --ths-shadow-sm:0 7px 20px rgba(35,105,155,.08);
}
body{background:#fff;color:#17324d}
header{background:rgba(255,255,255,.97);border-bottom-color:#d8eaf5;box-shadow:0 5px 22px rgba(31,99,148,.08)}
.navlinks>a:hover,.top-products-btn:hover{background:#eaf6fc!important;color:#166da8}
.top-products-menu{background:#fff!important;border-color:#cfe4f1}
.hero,.band,.seo-company-introduction,#international-supply{
  background:linear-gradient(135deg,#f7fcff 0%,#eaf6fd 100%)!important;
}
section:nth-of-type(even):not(.commercial-v53):not(.quality-center):not(.manufacturing-section):not(.ths-facility-section){background-color:#fbfdff}
.eyebrow,.pill,.ths-facility-eyebrow{color:#1676b3;background:#e6f5fd!important;border-color:#c8e8f7}
.section-title,h1,h2,h3{color:#173e60}
.sub,.about-card p,.commercial-card span,.buyer-step span,.quality-main p,.doc-card span{color:#587087}
.about-card,.commercial-card,.buyer-step,.division,.doc-card,.contact-box,.feature,.category-card,.product-card,.ths-facility-card{
  background:#fff!important;border-color:#d7e9f4;box-shadow:0 10px 28px rgba(31,105,156,.09)!important;
}
.about-card:hover,.commercial-card:hover,.division:hover,.ths-facility-card:hover{border-color:#9fd2eb;box-shadow:0 16px 36px rgba(31,105,156,.14)!important}
.btn,.small-btn,.filter-btn.active{background:#2479b8!important;border-color:#2479b8;color:#fff}
.btn:hover,.small-btn:hover{background:#17699f!important;border-color:#17699f}
.btn.green{background:#20a6a1!important;border-color:#20a6a1;color:#fff}
.btn.green:hover{background:#178d89!important;border-color:#178d89}
.btn.light,.filter-btn{background:#fff!important;color:#17699f;border-color:#acd4e9}
.btn.light:hover,.filter-btn:hover{background:#eaf7fd!important;color:#125b8c}
.manufacturing-section,.quality-center,.commercial-v53,.ths-facility-section{
  background:linear-gradient(135deg,#edf8fe 0%,#f9fdff 100%)!important;
  color:#17324d;
}
.manufacturing-section *, .quality-center *, .commercial-v53 *, .ths-facility-section *{text-shadow:none}
.quality-main,.hero-panel,.rfq-list{
  background:linear-gradient(145deg,#176a9f,#2389bf)!important;
  color:#fff;
  box-shadow:0 18px 42px rgba(24,105,159,.22)!important;
}
.quality-main h2,.quality-main h3,.quality-main p,.hero-panel h2,.hero-panel h3,.hero-panel p,.rfq-list h3,.rfq-list p{color:#fff}
.commercial-v53 .section-title,.commercial-v53 .sub,.manufacturing-section .section-title,.manufacturing-section .sub,.ths-facility-section h2,.ths-facility-intro{color:#173e60}
input.field,select.field,textarea.field{background:#fff!important;border-color:#bddceb;color:#17324d}
input.field:focus,select.field:focus,textarea.field:focus{border-color:#2479b8;box-shadow:0 0 0 3px rgba(36,121,184,.14)!important}
footer{background:#174e72!important;color:#fff}
footer p,footer b,footer a{color:#fff}

/* V77 — unified professional button colour system */
:root{
  --ths-button:#2479b8;
  --ths-button-hover:#17699f;
  --ths-button-focus:#8bc5e6;
}
.btn,
.btn.green,
.btn.light,
.small-btn,
.v55-detail-link,
button:not(.top-products-btn),
input[type="submit"],
input[type="button"],
a[role="button"]:not(.top-products-btn){
  background:var(--ths-button)!important;
  border-color:var(--ths-button);
  color:#fff;
  box-shadow:0 5px 14px rgba(36,121,184,.18)!important;
}
.btn:hover,
.btn.green:hover,
.btn.light:hover,
.small-btn:hover,
.v55-detail-link:hover,
button:not(.top-products-btn):hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a[role="button"]:not(.top-products-btn):hover{
  background:var(--ths-button-hover)!important;
  border-color:var(--ths-button-hover);
  color:#fff;
  box-shadow:0 7px 18px rgba(23,105,159,.24)!important;
}
.btn:focus-visible,
.small-btn:focus-visible,
.v55-detail-link:focus-visible,
button:not(.top-products-btn):focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
a[role="button"]:not(.top-products-btn):focus-visible{
  outline:3px solid var(--ths-button-focus)!important;
  outline-offset:3px!important;
}
/* Keep catalogue filters visually distinguishable while using the same blue family. */
.filter-btn{
  background:#fff!important;
  border-color:#9bcbe4;
  color:var(--ths-button-hover);
}
.filter-btn:hover,
.filter-btn.active{
  background:var(--ths-button)!important;
  border-color:var(--ths-button);
  color:#fff;
}
/* Preserve outlined hero alternatives, but keep them in the same blue/white system. */
.btn.secondary,.btn.outline{
  background:#fff!important;
  border-color:var(--ths-button);
  color:var(--ths-button-hover);
}
.btn.secondary:hover,.btn.outline:hover{
  background:var(--ths-button)!important;
  border-color:var(--ths-button);
  color:#fff;
}
.hero .btn.secondary,.hero .btn.outline{
  background:rgba(255,255,255,.96)!important;
  border-color:#fff;
  color:var(--ths-button-hover);
}
.hero .btn.secondary:hover,.hero .btn.outline:hover{
  background:var(--ths-button)!important;
  border-color:var(--ths-button);
  color:#fff;
}

/* V78 — distinct, coordinated backgrounds for major homepage sections */
#about{
  background:linear-gradient(135deg,#ffffff 0%,#f2f8fd 100%)!important;
}
#manufacturing{
  background:linear-gradient(135deg,#eef8ff 0%,#dff1fb 100%)!important;
}
#quality{
  background:linear-gradient(135deg,#f7fbf7 0%,#e7f5ec 100%)!important;
}
#international-buyers{
  background:linear-gradient(135deg,#fffaf2 0%,#fdf0d9 100%)!important;
}
#rfq{
  background:linear-gradient(135deg,#f7f4ff 0%,#ece5fb 100%)!important;
}
#international-supply{
  background:linear-gradient(135deg,#eefbfb 0%,#daf3f2 100%)!important;
}
#cutting-edge-facility{
  background:linear-gradient(135deg,#f8fafc 0%,#e8eef5 100%)!important;
}
#seo-company-introduction{
  background:linear-gradient(135deg,#fffdf7 0%,#f6f0df 100%)!important;
}
#surgical-catalogue{
  background:linear-gradient(135deg,#f3f8fd 0%,#e6f0f9 100%)!important;
}
#dental-catalogue{
  background:linear-gradient(135deg,#f2fbf8 0%,#e0f3ec 100%)!important;
}
#veterinary-catalogue,
#complete-veterinary-section{
  background:linear-gradient(135deg,#fff8f3 0%,#f8e8dc 100%)!important;
}
/* Keep cards and interactive controls crisp over the tinted section surfaces. */
#about .about-card,
#manufacturing .feature,
#international-buyers .commercial-card,
#international-buyers .buyer-step,
#rfq .rfq-card,
#international-supply .btn,
#cutting-edge-facility .ths-facility-card,
#surgical-catalogue .product-card,
#dental-catalogue .product-card,
#veterinary-catalogue .product-card,
#complete-veterinary-section .product-card{
  backdrop-filter:none!important;
}

/* V79 — final section-aware readability and contrast correction */
:root{
  --v79-heading:#123a59;
  --v79-body:#2f4b5f;
  --v79-link:#0f669d;
  --v79-dark:#123f63;
  --v79-white:#ffffff;
  --v79-soft-white:#f4f9fc;
}

/* Light hero introduced in V74 must use dark copy. */
.hero{
  color:var(--v79-body);
}
.hero h1,.hero h2,.hero h3{
  color:var(--v79-heading);
  text-shadow:none;
}
.hero p,.hero .lead{
  color:var(--v79-body);
  opacity:1!important;
}
.hero .eyebrow,.hero .kicker{
  color:#0b6f9f;
  background:#e1f3fb!important;
  border-color:#b9e0f2;
}

/* All tinted homepage sections are light surfaces. */
#about,
#manufacturing,
#quality,
#international-buyers,
#rfq,
#international-supply,
#cutting-edge-facility,
#seo-company-introduction,
#surgical-catalogue,
#dental-catalogue,
#veterinary-catalogue,
#complete-veterinary-section{
  color:var(--v79-body);
}

#about h1,#about h2,#about h3,#about h4,
#manufacturing h1,#manufacturing h2,#manufacturing h3,#manufacturing h4,
#quality h1,#quality h2,#quality h3,#quality h4,
#international-buyers h1,#international-buyers h2,#international-buyers h3,#international-buyers h4,
#rfq h1,#rfq h2,#rfq h3,#rfq h4,
#international-supply h1,#international-supply h2,#international-supply h3,#international-supply h4,
#cutting-edge-facility h1,#cutting-edge-facility h2,#cutting-edge-facility h3,#cutting-edge-facility h4,
#seo-company-introduction h1,#seo-company-introduction h2,#seo-company-introduction h3,#seo-company-introduction h4,
#surgical-catalogue h1,#surgical-catalogue h2,#surgical-catalogue h3,#surgical-catalogue h4,
#dental-catalogue h1,#dental-catalogue h2,#dental-catalogue h3,#dental-catalogue h4,
#veterinary-catalogue h1,#veterinary-catalogue h2,#veterinary-catalogue h3,#veterinary-catalogue h4,
#complete-veterinary-section h1,#complete-veterinary-section h2,#complete-veterinary-section h3,#complete-veterinary-section h4{
  color:var(--v79-heading);
  opacity:1!important;
  text-shadow:none;
}

#about p,#about li,#about span:not(.pill):not(.eyebrow),
#manufacturing p,#manufacturing li,#manufacturing span:not(.pill):not(.eyebrow),
#quality p,#quality li,#quality span:not(.pill):not(.eyebrow),
#international-buyers p,#international-buyers li,#international-buyers span:not(.pill):not(.eyebrow),
#rfq p,#rfq li,#rfq span:not(.pill):not(.eyebrow),
#international-supply p,#international-supply li,#international-supply span:not(.pill):not(.eyebrow),
#cutting-edge-facility p,#cutting-edge-facility li,#cutting-edge-facility span:not(.pill):not(.eyebrow),
#seo-company-introduction p,#seo-company-introduction li,#seo-company-introduction span:not(.pill):not(.eyebrow),
#surgical-catalogue p,#surgical-catalogue li,#surgical-catalogue span:not(.pill):not(.eyebrow),
#dental-catalogue p,#dental-catalogue li,#dental-catalogue span:not(.pill):not(.eyebrow),
#veterinary-catalogue p,#veterinary-catalogue li,#veterinary-catalogue span:not(.pill):not(.eyebrow),
#complete-veterinary-section p,#complete-veterinary-section li,#complete-veterinary-section span:not(.pill):not(.eyebrow){
  color:var(--v79-body);
  opacity:1!important;
  text-shadow:none;
}

/* Explicit correction for old International Supply white-text overrides. */
#international-supply{
  border-left-color:#2479b8;
}
#international-supply h2,
#international-supply h3,
#international-supply p,
#international-supply li,
#international-supply .sub{
  color:var(--v79-heading);
}
#international-supply p,
#international-supply li,
#international-supply .sub{
  color:var(--v79-body);
}
#international-supply .eyebrow{
  color:#0b6f9f;
  background:#dff3fa!important;
  border-color:#b8dfea;
}

/* Links on light surfaces. */
#about a:not(.btn),#manufacturing a:not(.btn),#quality a:not(.btn),
#international-buyers a:not(.btn),#rfq a:not(.btn),#international-supply a:not(.btn),
#cutting-edge-facility a:not(.btn),#seo-company-introduction a:not(.btn),
#surgical-catalogue a:not(.btn),#dental-catalogue a:not(.btn),
#veterinary-catalogue a:not(.btn),#complete-veterinary-section a:not(.btn){
  color:var(--v79-link);
  font-weight:700;
}

/* True dark panels retain white text. */
.quality-main,.hero-panel,.rfq-list,
.dark-panel,.dark-card,.dark-section,
[style*="background:#123f63"],[style*="background: #123f63"],
[style*="background:#174e72"],[style*="background: #174e72"]{
  color:var(--v79-white);
}
.quality-main h1,.quality-main h2,.quality-main h3,.quality-main h4,
.quality-main p,.quality-main li,.quality-main span,.quality-main a,
.hero-panel h1,.hero-panel h2,.hero-panel h3,.hero-panel h4,
.hero-panel p,.hero-panel li,.hero-panel span,.hero-panel a,
.rfq-list h1,.rfq-list h2,.rfq-list h3,.rfq-list h4,
.rfq-list p,.rfq-list li,.rfq-list span,.rfq-list a,
.dark-panel h1,.dark-panel h2,.dark-panel h3,.dark-panel h4,.dark-panel p,.dark-panel li,.dark-panel span,.dark-panel a,
.dark-card h1,.dark-card h2,.dark-card h3,.dark-card h4,.dark-card p,.dark-card li,.dark-card span,.dark-card a,
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section p,.dark-section li,.dark-section span,.dark-section a{
  color:var(--v79-white);
  opacity:1!important;
}

/* White cards always receive dark text, regardless of section inheritance. */
.about-card,.commercial-card,.buyer-step,.division,.doc-card,.contact-box,
.feature,.category-card,.product-card,.ths-facility-card,.surg-page-card,
.dental-page-card,.full-vet-page,.surg-cat-card,.dental-cat-card,.card{
  color:var(--v79-body);
}
.about-card h1,.about-card h2,.about-card h3,.about-card h4,
.commercial-card h1,.commercial-card h2,.commercial-card h3,.commercial-card h4,
.buyer-step h1,.buyer-step h2,.buyer-step h3,.buyer-step h4,
.division h1,.division h2,.division h3,.division h4,
.doc-card h1,.doc-card h2,.doc-card h3,.doc-card h4,
.contact-box h1,.contact-box h2,.contact-box h3,.contact-box h4,
.feature h1,.feature h2,.feature h3,.feature h4,
.category-card h1,.category-card h2,.category-card h3,.category-card h4,
.product-card h1,.product-card h2,.product-card h3,.product-card h4,
.ths-facility-card h1,.ths-facility-card h2,.ths-facility-card h3,.ths-facility-card h4,
.surg-page-card h1,.surg-page-card h2,.surg-page-card h3,.surg-page-card h4,
.dental-page-card h1,.dental-page-card h2,.dental-page-card h3,.dental-page-card h4,
.full-vet-page h1,.full-vet-page h2,.full-vet-page h3,.full-vet-page h4,
.surg-cat-card h1,.surg-cat-card h2,.surg-cat-card h3,.surg-cat-card h4,
.dental-cat-card h1,.dental-cat-card h2,.dental-cat-card h3,.dental-cat-card h4,
.card h1,.card h2,.card h3,.card h4{
  color:var(--v79-heading);
}
.about-card p,.commercial-card p,.buyer-step p,.division p,.doc-card p,.contact-box p,
.feature p,.category-card p,.product-card p,.ths-facility-card p,.surg-page-card p,
.dental-page-card p,.full-vet-page p,.surg-cat-card p,.dental-cat-card p,.card p{
  color:var(--v79-body);
  opacity:1!important;
}

/* Form readability. */
label,.field-label,.form-label{color:var(--v79-heading);font-weight:700}
input,select,textarea,.field{color:#142d3e;background:#fff!important}
input::placeholder,textarea::placeholder{color:#607686;opacity:1!important}

/* Navigation and footer remain high contrast. */
header .navlinks>a,header .top-products-btn{color:#17324d}
header .navlinks>a:hover,header .top-products-btn:hover{color:#0f669d}
.top-products-menu a{color:#17324d}
footer,footer h1,footer h2,footer h3,footer h4,footer p,footer li,footer span,footer a,footer b,strong.footer-title{
  color:#fff;
  opacity:1!important;
}

/* Nunito Sans — global production typography */
html,body,button,input,select,textarea,option{font-family:"Nunito Sans",Arial,Helvetica,sans-serif}
button,.btn,input[type="button"],input[type="submit"],input[type="reset"]{font-weight:700}
input,select,textarea{font-weight:500}


/* V7 — category alignment, uniform light-green hover, and shared header logo */
:root{
  --ths-hover-green:#bff2cf;
  --ths-hover-green-border:#78cf98;
  --ths-hover-green-text:#123f2a;
}
.ths-header-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  padding:0;
}
.ths-header-logo{
  display:block!important;
  width:clamp(150px,18vw,220px)!important;
  height:64px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
header:not(.top),header.top .wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px;
}
header nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:10px;
  text-align:right;
}
header nav a{
  margin:0;
}

/* All actionable hover states use the same light-green treatment */
.btn:hover,.btn.green:hover,.btn.light:hover,.small-btn:hover,.v55-detail-link:hover,
button:not(.top-products-btn):hover,input[type="submit"]:hover,input[type="button"]:hover,
a[role="button"]:not(.top-products-btn):hover,.filter-btn:hover,.filter-btn.active,
header nav a:hover,.navlinks>a:hover,.top-products-btn:hover,
.card a:hover,.category-card a:hover,.product-card a:hover{
  background:var(--ths-hover-green)!important;
  border-color:var(--ths-hover-green-border);
  color:var(--ths-hover-green-text);
}
.card a,.category-card a,.product-card a{
  border-radius:8px;
  padding:7px 10px;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease!important;
}

/* Category and catalogue-search text alignment */
body.v64-medtech-layout main{
  text-align:left;
}
body.v64-medtech-layout main>.hero{
  max-width:920px!important;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
body.v64-medtech-layout main>.hero h1,
body.v64-medtech-layout main>.hero p{
  margin-left:auto;
  margin-right:auto;
}
body.v64-medtech-layout .grid,
body.v64-medtech-layout .results{
  align-items:stretch!important;
}
body.v64-medtech-layout .grid>.card,
body.v64-medtech-layout .results>.card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left;
  min-width:0!important;
}
body.v64-medtech-layout .grid>.card h2,
body.v64-medtech-layout .results>.card h2{
  width:100%!important;
  margin:10px 0 8px;
  line-height:1.35;
  overflow-wrap:anywhere!important;
}
body.v64-medtech-layout .grid>.card .meta,
body.v64-medtech-layout .results>.card .meta{
  width:100%!important;
  line-height:1.55;
}
body.v64-medtech-layout .grid>.card>a,
body.v64-medtech-layout .results>.card>a{
  margin-top:auto;
  align-self:flex-start!important;
}
body.v64-medtech-layout .searchbar,
body.v64-medtech-layout .filters,
body.v64-medtech-layout .count{
  max-width:1180px!important;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
@media(max-width:760px){
  header:not(.top),header.top .wrap{flex-direction:column!important;align-items:center!important}
  header nav{justify-content:center!important;text-align:center}
  .ths-header-logo{width:min(210px,72vw)!important;height:58px!important;object-position:center!important}
  body.v64-medtech-layout main>.hero{text-align:center}
}

/* V8 — compact typography and home-proportioned shared logo */
:root{
  --ths-header-logo-width:160px;
  --ths-header-logo-height:58px;
}

/* Keep the shared logo compact and consistent on every top menu. */
.ths-header-logo-link{
  max-width:var(--ths-header-logo-width)!important;
}
.ths-header-logo,
header .logo.ths-header-logo,
header .logo{
  width:var(--ths-header-logo-width)!important;
  max-width:var(--ths-header-logo-width)!important;
  height:var(--ths-header-logo-height)!important;
  object-fit:contain!important;
  object-position:left center!important;
  padding:5px 8px;
  box-sizing:border-box!important;
}

/* Restore a more compact, professional type scale. */
html{font-size:15px}
body{
  font-size:15px;
  line-height:1.58;
}
header nav a,
.navlinks>a,
.top-products-btn{
  font-size:13px;
  line-height:1.25;
}
.hero h1{
  font-size:clamp(34px,4.4vw,54px);
  line-height:1.1;
}
.hero p,.hero .lead{
  font-size:clamp(15px,1.45vw,18px);
  line-height:1.58;
}
h1{font-size:clamp(31px,4vw,48px)}
h2{font-size:clamp(24px,2.65vw,34px)}
h3{font-size:clamp(16px,1.55vw,20px)}
h4{font-size:15px}
p,li,.meta,.sub,.lead{
  font-size:15px;
}
.btn,.small-btn,.v55-detail-link,
button,input[type="submit"],input[type="button"],input[type="reset"],
a[role="button"]{
  font-size:13px;
  line-height:1.25;
}
label,.field-label,.form-label,
input,select,textarea,option{
  font-size:14px;
}
.surg-page-body h3,.dental-page-body h3,.full-vet-body h3,
.surg-cat-body h3,.dental-cat-body h3,
body.v64-medtech-layout .grid>.card h2,
body.v64-medtech-layout .results>.card h2{
  font-size:16px;
}
.pill,.page-chip,.eyebrow,.kicker,.ths-facility-eyebrow{
  font-size:10px;
}
footer,footer p,footer li,footer a,footer span{
  font-size:13px;
}

@media(max-width:760px){
  :root{
    --ths-header-logo-width:145px;
    --ths-header-logo-height:54px;
  }
  .ths-header-logo,
  header .logo.ths-header-logo,
  header .logo{
    object-position:center!important;
  }
  .hero h1{font-size:clamp(30px,9vw,42px)}
  h1{font-size:clamp(28px,8vw,39px)}
  h2{font-size:clamp(22px,6.5vw,30px)}
  p,li,.meta,.sub,.lead{font-size:14px}
  header nav a,.navlinks>a,.top-products-btn{font-size:12px}
}


/* V9 — unmistakable compact sizing + cache-busted deployment */
:root{
  --ths-header-logo-width:128px!important;
  --ths-header-logo-height:46px!important;
}
html{font-size:14px}
body{font-size:14px;line-height:1.52}
.ths-header-logo-link{width:128px!important;max-width:128px!important;flex:0 0 128px!important}
.ths-header-logo,
header .logo.ths-header-logo,
header .logo{
  width:128px!important;
  max-width:128px!important;
  height:46px!important;
  max-height:46px!important;
  padding:3px 5px;
  object-fit:contain!important;
}
header nav a,.navlinks>a,.top-products-btn{font-size:12px}
.hero h1{font-size:clamp(30px,4vw,46px)}
.hero p,.hero .lead{font-size:clamp(14px,1.25vw,16px)}
h1{font-size:clamp(28px,3.5vw,42px)}
h2{font-size:clamp(21px,2.3vw,30px)}
h3{font-size:clamp(15px,1.35vw,18px)}
h4{font-size:14px}
p,li,.meta,.sub,.lead{font-size:14px}
.btn,.small-btn,.v55-detail-link,button,input[type="submit"],input[type="button"],input[type="reset"],a[role="button"]{font-size:12px}
label,.field-label,.form-label,input,select,textarea,option{font-size:13px}
.surg-page-body h3,.dental-page-body h3,.full-vet-body h3,.surg-cat-body h3,.dental-cat-body h3,body.v64-medtech-layout .grid>.card h2,body.v64-medtech-layout .results>.card h2{font-size:15px}
footer,footer p,footer li,footer a,footer span{font-size:12px}
@media(max-width:760px){
  :root{--ths-header-logo-width:116px!important;--ths-header-logo-height:42px!important}
  .ths-header-logo-link{width:116px!important;max-width:116px!important;flex-basis:116px!important}
  .ths-header-logo,header .logo.ths-header-logo,header .logo{width:116px!important;max-width:116px!important;height:42px!important;max-height:42px!important}
  .hero h1{font-size:clamp(27px,8vw,37px)}
  h1{font-size:clamp(25px,7.5vw,35px)}
  h2{font-size:clamp(20px,6vw,27px)}
  p,li,.meta,.sub,.lead{font-size:13px}
  header nav a,.navlinks>a,.top-products-btn{font-size:11px}
}

/* V10 — balanced medium typography and logo sizing */
:root{
  --ths-header-logo-width:160px!important;
}
html{font-size:15px}
body{font-size:15px;line-height:1.56}
.ths-header-logo-link{width:160px!important;max-width:160px!important;flex:0 0 160px!important}
.ths-header-logo,
header .logo,
header .ths-header-logo{
  width:160px!important;
  max-width:160px!important;
  height:auto!important;
}
header nav a,.navlinks>a,.top-products-btn{font-size:14px}
.hero h1{font-size:clamp(34px,4.5vw,52px)}
.hero p,.hero .lead{font-size:clamp(15px,1.4vw,18px)}
h1{font-size:clamp(30px,3.8vw,46px)}
h2{font-size:clamp(23px,2.55vw,33px)}
h3{font-size:clamp(16px,1.5vw,20px)}
h4{font-size:15px}
p,li,.meta,.sub,.lead{font-size:15px}
.btn,.small-btn,.v55-detail-link,button,input[type="submit"],input[type="button"],input[type="reset"],a[role="button"]{font-size:14px}
label,.field-label,.form-label,input,select,textarea,option{font-size:14px}
.surg-page-body h3,.dental-page-body h3,.full-vet-body h3,.surg-cat-body h3,.dental-cat-body h3,body.v64-medtech-layout .grid>.card h2,body.v64-medtech-layout .results>.card h2{font-size:17px}
footer,footer p,footer li,footer a,footer span{font-size:13px}
@media(max-width:1040px){
  .ths-header-logo-link{width:145px!important;max-width:145px!important;flex-basis:145px!important}
  .ths-header-logo,header .logo,header .ths-header-logo{width:145px!important;max-width:145px!important}
  header nav a,.navlinks>a,.top-products-btn{font-size:13px}
}
@media(max-width:760px){
  .ths-header-logo-link{width:125px!important;max-width:125px!important;flex-basis:125px!important}
  .ths-header-logo,header .logo,header .ths-header-logo{width:125px!important;max-width:125px!important}
  .hero h1{font-size:clamp(29px,8.5vw,40px)}
  h1{font-size:clamp(27px,7.8vw,38px)}
  h2{font-size:clamp(21px,6.2vw,29px)}
  p,li,.meta,.sub,.lead{font-size:14px}
  header nav a,.navlinks>a,.top-products-btn{font-size:12px}
}


/* Safe interaction layer. Header sizing is owned by the V122 navigation
   contract above; obsolete V12/V14 size overrides were removed in V134. */
/* A closed dropdown is removed from layout and cannot cover any control. */
.top-products-menu{display:none!important;pointer-events:auto!important}
.top-products-dd.open .top-products-menu,.top-products-dd:hover .top-products-menu,.top-products-menu:focus-within{display:block!important}
/* Decorative layers never capture clicks; normal controls keep native behaviour. */
.hero::before,.hero::after,section::before,section::after,.card::before,.card::after,.product-card::before,.product-card::after,.category-card::before,.category-card::after{pointer-events:none!important}


/* V15 — professional rounded typography and left-aligned Products menu */
html,body,button,input,select,textarea,option,
header,nav,.navlinks,.top-products-menu,
h1,h2,h3,h4,h5,h6,p,a,span,label,li,td,th{
  font-family:"Nunito Sans",Arial,Helvetica,sans-serif;
}
body{font-weight:400;letter-spacing:0}
header nav a,.navlinks>a,.top-products-btn{
  font-family:"Nunito Sans",Arial,Helvetica,sans-serif;
  font-weight:700;
  letter-spacing:.005em;
}
.top-products-dd{position:relative!important}
.top-products-menu{
  left:0!important;
  right:auto!important;
  margin-left:0;
  margin-right:0;
  text-align:left;
  direction:ltr!important;
  justify-items:stretch!important;
}
.top-products-menu a,
.top-products-menu .top-products-label,
.top-products-menu [class*="label"]{
  display:block!important;
  width:100%!important;
  text-align:left;
  justify-content:flex-start!important;
  direction:ltr!important;
  margin-left:0;
  margin-right:0;
  padding-left:18px;
  padding-right:18px;
}

/* V21 — floating, sliding and disappearing content boxes */
.ths-motion-ready .ths-motion-box{
  --ths-slide-distance:34px;
  opacity:0;
  visibility:hidden;
  transition:
    opacity .62s cubic-bezier(.22,.61,.36,1) var(--ths-motion-delay,0ms),
    transform .72s cubic-bezier(.22,.61,.36,1) var(--ths-motion-delay,0ms),
    visibility 0s linear .72s;
  will-change:transform,opacity;
}
.ths-motion-ready .ths-motion-box.ths-slide-left{transform:translate3d(calc(var(--ths-slide-distance) * -1),22px,0) scale(.985)}
.ths-motion-ready .ths-motion-box.ths-slide-right{transform:translate3d(var(--ths-slide-distance),22px,0) scale(.985)}
.ths-motion-ready .ths-motion-box.ths-box-visible{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0) scale(1);
  transition-delay:var(--ths-motion-delay,0ms);
}
.ths-motion-ready .ths-floating-box.ths-box-visible{
  animation:ths-box-float 5.8s ease-in-out 1s infinite;
}
@keyframes ths-box-float{
  0%,100%{translate:0 0}
  50%{translate:0 -8px}
}
@media(max-width:760px){
  .ths-motion-ready .ths-motion-box{--ths-slide-distance:18px;transition-duration:.48s,.58s,0s}
  .ths-motion-ready .ths-floating-box.ths-box-visible{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .ths-motion-ready .ths-motion-box,
  .ths-motion-ready .ths-motion-box.ths-box-visible{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
    transition:none!important;
  }
}
.top-products-menu a{white-space:normal!important;line-height:1.35}
.top-products-menu .top-products-label,
.top-products-menu [class*="label"]{
  font-weight:800;
  letter-spacing:.035em;
}
@media(max-width:760px){
  .top-products-menu{left:0!important;right:0!important;width:100%!important}
  .top-products-menu a,.top-products-menu .top-products-label,.top-products-menu [class*="label"]{
    text-align:left;padding-left:16px;padding-right:16px;
  }
}

/* V22 — authoritative beige and maroon colour system */
:root,
body[data-theme="windows-light"],
body[data-theme="windows-dark"]{
  --theme-accent:#7a1631;
  --theme-accent-dark:#591023;
  --theme-accent-soft:#f2dfe3;
  --theme-bg:#f7f0e3;
  --theme-surface:#efe2ce;
  --theme-card:#fffaf0;
  --theme-text:#2d211e;
  --theme-muted:#66534d;
  --theme-border:#d8c4aa;
  --theme-header:#76172f;
  --ths-ink:#2d211e;
  --ths-muted:#66534d;
  --ths-deep:#65132a;
  --ths-blue:#7a1631;
  --ths-accent:#8b1e3f;
  --ths-soft:#efe2ce;
  --ths-paper:#fffaf0;
  --ths-line:#d8c4aa;
}

body,
body[data-theme="windows-dark"]{
  background:#f7f0e3!important;
  color:#2d211e;
}

/* Times New Roman is reserved for headings; body copy keeps its readable rounded font. */
h1,h2,h3,h4,h5,h6,
.section-title,.reference-heading,.ths-facility-title{
  font-family:"Times New Roman", Times, serif;
  color:#65132a;
  letter-spacing:0;
}

/* Top navigation */
header,
body[data-theme="windows-dark"] header{
  background:#76172f!important;
  border-color:#591023;
  box-shadow:0 5px 22px rgba(75,12,31,.20)!important;
}
header .navlinks>a:not(.btn),
header .top-products-btn,
header nav>a,
header nav,
body[data-theme="windows-dark"] header .navlinks>a:not(.btn),
body[data-theme="windows-dark"] header .top-products-btn,
body[data-theme="windows-dark"] header nav>a{
  color:#fff8ea;
}
header .navlinks>a:not(.btn):hover,
header .top-products-btn:hover,
header nav>a:hover{
  background:#fff8ea!important;
  color:#65132a;
}
.theme-picker label{color:#fff8ea}
.theme-picker select{background:#fffaf0!important;color:#2d211e;border-color:#d8c4aa}
.top-products-menu,
body[data-theme="windows-dark"] .top-products-menu{
  background:#fffaf0!important;
  color:#2d211e;
  border-color:#cfaeb5;
}
.navlinks .top-products-menu a,
body[data-theme="windows-dark"] .top-products-menu a{
  color:#2d211e;
}
.navlinks .top-products-menu a:hover{
  background:#f2dfe3!important;
  color:#65132a;
}
.top-products-label{color:#7a1631}

/* Warm beach/beige page sections */
.hero,
body[data-theme="windows-dark"] .hero{
  background:
    radial-gradient(circle at 82% 16%,rgba(122,22,49,.12),transparent 34%),
    linear-gradient(145deg,#fffaf0 0%,#efe2ce 100%)!important;
}
.band,.complete-veterinary,.vet-expanded,.real-products-section,
.matched-products-section,.precision-vet,.manufacturing-section,
.commercial-v53,.modern-visuals,.quality-center,.about-section,
.seo-company-introduction,.ths-facility-section,#cutting-edge-facility{
  background:#efe2ce!important;
  border-color:#d8c4aa;
}

/* Boxes and cards */
.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,.feature.light,.card,.ths-facility-card,.vet-reference-panel,
.surg-page-card,.dental-page-card,.surg-cat-card,.dental-cat-card,
.vet-summary-card,.certificate-warning,.product-modal-card,.vet-page-modal-card,
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:#fffaf0!important;
  color:#2d211e;
  border-color:#d8c4aa;
}

/* Dark maroon feature boxes retain bright text. */
.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
.vet-benefit,.cta,
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:linear-gradient(155deg,#591023,#821b3a)!important;
  color:#fffaf0;
  border-color:#9b4960;
}
.hero-panel h1,.hero-panel h2,.hero-panel h3,
.quality-main h1,.quality-main h2,.quality-main h3,
.about-card h1,.about-card h2,.about-card h3,
.rfq-list h1,.rfq-list h2,.rfq-list h3,
.feature:not(.light) h1,.feature:not(.light) h2,.feature:not(.light) h3,
.vet-benefit h1,.vet-benefit h2,.vet-benefit h3,.cta h1,.cta h2,.cta h3{
  color:#fffaf0;
}
.hero-panel p,.quality-main p,.about-card p,.rfq-list p,
.feature:not(.light) p,.vet-benefit span,.cta p,.rfq-items{
  color:#f3e6d5;
}

/* Buttons, badges, links and fields */
.btn,.btn.green,.prompt-rfq-btn,.rfq-count,
.filter-btn.active,.vet-summary-card.active,.cvf.active,.pf.active,
.v55-detail-link,button[type="submit"],input[type="submit"]{
  background:#7a1631!important;
  border-color:#591023;
  color:#fffaf0;
}
.btn:hover,.btn.green:hover,.prompt-rfq-btn:hover,
button[type="submit"]:hover,input[type="submit"]:hover{
  background:#591023!important;
  color:#fffaf0;
}
a,.eyebrow,.kicker,.pill,.product-code,.ref-line,.ths-facility-eyebrow{
  color:#7a1631;
}
.small-btn:not(.prompt-rfq-btn),.filter-btn:not(.active),
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),
input,select,textarea,.field,
body[data-theme="windows-dark"] input,
body[data-theme="windows-dark"] select,
body[data-theme="windows-dark"] textarea{
  background:#fffdf7!important;
  color:#2d211e;
  border-color:#cbb293;
}
input::placeholder,textarea::placeholder{color:#77635c;opacity:1}
input:focus,select:focus,textarea:focus,.field:focus{
  border-color:#7a1631;
  box-shadow:0 0 0 4px rgba(122,22,49,.14)!important;
}

/* Body copy contrast on every light surface. */
p,.sub,.lead,.meta,.note,.reference-intro,.ref-status,
.full-vet-body p,.real-product-body p,.matched-product-body p,
.division ul,.about-copy p,.about-value span,.process-card p,
.doc-card span,.certificate-warning p{
  color:#5f4b45;
}

/* Footer/bottom area */
footer,
body[data-theme="windows-dark"] footer{
  background:#591023!important;
  color:#fffaf0;
  border-top:4px solid #8b1e3f!important;
}
footer h1,footer h2,footer h3,footer h4,footer b,
footer a,footer p{
  color:#fffaf0;
}

/* Preserve white text laid over photographs. */
.hero-overlay,.hero-overlay h1,.hero-overlay h2,.hero-overlay h3,.hero-overlay p,
.visual-label,.visual-label h1,.visual-label h2,.visual-label h3,.visual-label p,
.ths-division-visual span,.ths-section-image-copy,.ths-section-image-copy *{
  color:#fff;
}

::selection{background:#7a1631;color:#fffaf0}

/* V24 final cascade: beige controls/boxes and maroon product cards */
header,body[data-theme="windows-dark"] header{
  background:rgba(245,234,216,.98)!important;
  border-color:#d2b891;
}
header .navlinks>a:not(.btn),header .top-products-btn,header nav>a,header nav,
body[data-theme="windows-dark"] header .navlinks>a:not(.btn),
body[data-theme="windows-dark"] header .top-products-btn,
body[data-theme="windows-dark"] header nav>a{
  color:var(--ths-maroon);
}
header .navlinks>a:not(.btn):hover,header .top-products-btn:hover,header nav>a:hover{
  color:var(--ths-cream);
  background:var(--ths-maroon)!important;
}
.theme-picker label{color:var(--ths-maroon)}
.top-products-menu,body[data-theme="windows-dark"] .top-products-menu{
  background:var(--ths-beige-light)!important;
  color:var(--ths-maroon);
  border-color:#c9aa7e;
}
.navlinks .top-products-menu a,.top-products-menu .top-products-label,
body[data-theme="windows-dark"] .top-products-menu a{
  color:var(--ths-maroon);
  opacity:1!important;
  visibility:visible!important;
}
.navlinks .top-products-menu a:hover{
  background:var(--ths-maroon)!important;
  color:var(--ths-cream);
}

.btn,.btn.green,.small-btn,.prompt-rfq-btn,.filter-btn,
.main-view-range,.division-actions button,button[type="submit"],input[type="submit"],
body[data-theme="windows-dark"] .small-btn:not(.prompt-rfq-btn),
body[data-theme="windows-dark"] .filter-btn:not(.active){
  background:var(--ths-beige)!important;
  color:var(--ths-maroon);
  border:1px solid #c4a373!important;
  border-radius:14px;
  box-shadow:0 7px 18px rgba(91,16,36,.12)!important;
}
.btn:hover,.btn.green:hover,.small-btn:hover,.prompt-rfq-btn:hover,.filter-btn:hover,
.main-view-range:hover,.division-actions button:hover,button[type="submit"]:hover,input[type="submit"]:hover{
  background:var(--ths-beige-hover)!important;
  color:var(--ths-maroon-dark);
  border-color:#ad8754;
}

.division,.product-card,.vet-cat-card,.real-product-card,.matched-product-card,
.ref-dropdown-card,.contact-box,.process-card,.doc-card,.about-value,.feature.light,
.card,.ths-facility-card,.vet-reference-panel,.surg-cat-card,.dental-cat-card,
.vet-summary-card,.certificate-warning,
body[data-theme="windows-dark"] .ref-dropdown-card,
body[data-theme="windows-dark"] .vet-reference-panel,
body[data-theme="windows-dark"] .division,
body[data-theme="windows-dark"] .product-card,
body[data-theme="windows-dark"] .contact-box{
  background:var(--ths-beige-light)!important;
  color:var(--ths-maroon);
  border-color:#d5bb93;
}
.division h3,.division li,.product-card h3,.vet-cat-card h3,.real-product-card h3,
.matched-product-card h3,.surg-cat-card h3,.dental-cat-card h3,.card h2,.card h3,
.card p,.card .meta,.ths-facility-card figcaption{
  color:var(--ths-maroon);
}

.surg-page-card,.dental-page-card,.full-vet-page,
body[data-theme="windows-dark"] .surg-page-card,
body[data-theme="windows-dark"] .dental-page-card,
body[data-theme="windows-dark"] .full-vet-page{
  background:var(--ths-maroon)!important;
  color:#fff;
  border-color:var(--ths-maroon-dark);
  border-radius:20px;
  overflow:hidden!important;
}
.surg-page-body,.dental-page-body,.full-vet-body,
.surg-page-body h3,.dental-page-body h3,.full-vet-body h3,
.surg-page-body p,.dental-page-body p,.full-vet-body p,
.surg-page-body a:not(.small-btn),.dental-page-body a:not(.small-btn),.full-vet-body a:not(.small-btn){
  color:#fff;
}
.surg-page-card .pill,.dental-page-card .pill,.full-vet-page .page-chip{
  background:var(--ths-beige)!important;
  color:var(--ths-maroon);
  border-color:#d4b98e;
}
.surg-page-actions .small-btn,.dental-page-actions .small-btn,.full-vet-actions .small-btn,
.v55-detail-link{
  background:var(--ths-beige)!important;
  color:var(--ths-maroon);
  border-color:#c4a373;
}

/* V54: authoritative white typography on every maroon-filled content box. */
.hero-panel,
.quality-main,
.about-card,
.rfq-list,
.feature:not(.light),
.vet-benefit,
.cta,
.surg-page-card,
.dental-page-card,
.full-vet-page{
  color:#fff;
}
.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){
  color:#fff;
}

/* Beige controls inside maroon boxes retain their darker, readable labels. */
.surg-page-actions :is(.small-btn,.btn),
.dental-page-actions :is(.small-btn,.btn),
.full-vet-actions :is(.small-btn,.btn),
.homepage-implant-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);
}

/* V78: authoritative white typography on all maroon content boxes site-wide. */
.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{
  color:#fff;
}
.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){
  color:#fff;
}
/* V85 — authoritative website-wide button palette */
: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);
  color:#fff;
}
.btn:hover,.btn:focus-visible,
.btn.green:hover,.btn.green:focus-visible,
.btn.light:hover,.btn.light:focus-visible,
.btn.primary:hover,.btn.primary:focus-visible,
.btn.dark:hover,.btn.dark: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);
  color:var(--ths-button-maroon);
}
.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;
}

/* V87 — final maroon-box and website-button colour contract. */
: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:var(--ths-maroon-box)!important;
  background-color:var(--ths-maroon-box);
  color:#fff;
}
.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;
}
.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:var(--ths-button-maroon)!important;
  background-color:var(--ths-button-maroon);
  border-color:var(--ths-button-maroon);
  color:#fff;
}
.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:var(--ths-button-beige)!important;
  background-color:var(--ths-button-beige);
  border-color:var(--ths-button-beige);
  color:var(--ths-button-maroon);
}

/* V88 — product cards are white; maroon is reserved for information boxes and controls. */
.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,
body[data-theme="windows-dark"] .surg-page-card,
body[data-theme="windows-dark"] .dental-page-card,
body[data-theme="windows-dark"] .full-vet-page,
body[data-theme="windows-dark"] .product-card{
  background:#fff!important;
  background-color:#fff;
  color:var(--ths-maroon,#76172f);
  border-color:#d8c8bd;
}
.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:var(--ths-maroon,#76172f);
}
.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;
}

/* V89 — complete white-text contract for genuine maroon information boxes. */
.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
.vet-benefit,.cta,.certificate-warning{
  color:#fff;
}
.hero-panel *, .quality-main *, .about-card *, .rfq-list *,
.feature:not(.light) *, .vet-benefit *, .cta *, .certificate-warning *{
  color:#fff;
  text-decoration-color:currentColor;
}
.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;
}
.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;
}

/* Buttons keep the approved maroon/white and beige/maroon interaction states. */
.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;
  border-color:#76172f;
  color:#fff;
}
.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;
  border-color:#ead8c2;
  color:#76172f;
}

/* V90 — final button contract, including nested labels and late legacy variants. */
: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:var(--ths-button-maroon)!important;
  background-color:var(--ths-button-maroon);
  border-color:var(--ths-button-maroon);
  color:#fff;
  text-decoration-color:#fff;
}
: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;
  fill:currentColor!important;
}

/* Enquiry and distributor buttons — consolidated V115. */
/* Final colour contract for Direct Product Enquiry and Distributor buttons. */
body.v64-medtech-layout .actions a.btn,
body.v64-medtech-layout .actions a.btn:link,
body.v64-medtech-layout .actions a.btn:visited {
  background: #76172f !important;
  background-color: #76172f;
  border-color: #76172f;
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-decoration-color: #fff;
}

body.v64-medtech-layout .actions a.btn *,
body.v64-medtech-layout .actions a.btn:visited * {
  color: #fff;
  -webkit-text-fill-color: #fff;
  fill: currentColor !important;
}

body.v64-medtech-layout .actions a.btn:is(:hover, :focus-visible, :active) {
  background: #ead8c2 !important;
  background-color: #ead8c2;
  border-color: #ead8c2;
  color: #76172f;
  -webkit-text-fill-color: #76172f;
  text-decoration-color: #76172f;
}

body.v64-medtech-layout .actions a.btn:is(:hover, :focus-visible, :active) * {
  color: #76172f;
  -webkit-text-fill-color: #76172f;
  fill: currentColor !important;
}

/* V117 permanent colour contract: maroon surfaces always use white copy. */
: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;
  -webkit-text-fill-color:#fff;
  text-decoration-color:currentColor;
}
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning) ::marker { color:#fff; }
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning) svg { fill:currentColor!important; }

/* White product/category cards are deliberately excluded from the maroon rule. */
: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;
  color:#76172f;
}
: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;
  -webkit-text-fill-color:#76172f;
}

/* Buttons retain white labels; beige hover controls retain maroon labels. */
: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(:hover):not(:focus-visible) {
  color:#fff;
  -webkit-text-fill-color:#fff;
}
:is(.btn,.small-btn,.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"]):is(:hover,:focus-visible) {
  color:#76172f;
  -webkit-text-fill-color:#76172f;
}
/* V124: definitive RFQ colour contract.
   Maroon RFQ surfaces use white labels; white RFQ surfaces use maroon labels. */
:is(
  .prompt-rfq-btn,
  a[href*="#rfq"],
  a[href*="product-enquiry.php"]:not(.ths-menu-item),
  [onclick*="addToRFQ"],
  #rfqEmailLink,
  #rfq .rfq-submit-row .btn
),
:is(
  .prompt-rfq-btn,
  a[href*="#rfq"],
  a[href*="product-enquiry.php"]:not(.ths-menu-item),
  [onclick*="addToRFQ"],
  #rfqEmailLink,
  #rfq .rfq-submit-row .btn
):visited {
  background: #76172f !important;
  background-color: #76172f;
  border-color: #76172f;
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-decoration-color: #fff;
}
:is(
  .prompt-rfq-btn,
  a[href*="#rfq"],
  a[href*="product-enquiry.php"]:not(.ths-menu-item),
  [onclick*="addToRFQ"],
  #rfqEmailLink,
  #rfq .rfq-submit-row .btn
) * {
  color: inherit;
  -webkit-text-fill-color: inherit;
}
:is(
  .prompt-rfq-btn,
  a[href*="#rfq"],
  a[href*="product-enquiry.php"]:not(.ths-menu-item),
  [onclick*="addToRFQ"],
  #rfqEmailLink,
  #rfq .rfq-submit-row .btn
):is(:hover, :focus-visible, :active) {
  background: #fff !important;
  background-color: #fff;
  border-color: #76172f;
  color: #76172f;
  -webkit-text-fill-color: #76172f;
  text-decoration-color: #76172f;
}

/* V143: one consistent rounded-edge contract for content boxes site-wide. */
:is(
  .card,
  .about-card,
  .category-card,
  .commercial-card,
  .complete-vet-card,
  .contact-box,
  .dark-card,
  .dark-panel,
  .dental-cat-card,
  .dental-modal-card,
  .dental-page-card,
  .dental-ref-card,
  .dental-reference-panel,
  .division,
  .doc-card,
  .feature,
  .hero-panel,
  .homepage-implant-card,
  .implant-card,
  .matched-product-card,
  .process-card,
  .product-card,
  .product-modal-card,
  .real-product-card,
  .ref-dropdown-card,
  .rfq-card,
  .surg-cat-card,
  .surg-modal-card,
  .surg-page-card,
  .surg-ref-card,
  .surg-reference-panel,
  .ths-box-visible,
  .ths-company-card-section,
  .ths-division-visual,
  .ths-facility-card,
  .ths-floating-box,
  .ths-motion-box,
  .v54-trust,
  .vet-benefit,
  .vet-cat-card,
  .vet-page-modal-card,
  .vet-product-card,
  .vet-reference-panel,
  .vet-summary-card,
  .quality-main,
  .rfq-list,
  .certificate-warning,
  #international-supply
) {
  border-radius: 16px;
}

/* V335: site-wide primary headings match the homepage “About us” heading. */
:is(main, .hero, .page-hero, .category-hero, .banner)
  h1:not(:is(.card, .panel, .modal, .product-modal-card) h1),
main > section > h2,
main > section > .wrap > h2,
main > section > div > h2,
body > section > .wrap > h2,
.section-title,
.category-page-main-heading,
.professional-purchasing-title-black,
#cutting-edge-facility .ths-facility-wrap > h2 {
  margin: 0 0 20px;
  padding: 0;
  color: #000;
  -webkit-text-fill-color: #000;
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  text-shadow: none;
}

:is(
  main > section > h2,
  main > section > .wrap > h2,
  main > section > div > h2,
  body > section > .wrap > h2,
  .section-title,
  .professional-purchasing-title-black,
  #cutting-edge-facility .ths-facility-wrap > h2
)::after {
  content: none !important;
  display: none !important;
}

/* Preserve the permanent white-text rule inside genuine maroon boxes. */
:is(.about-card, .quality-main, .certificate-warning)
  :is(h1, h2) {
  color: #fff;
  -webkit-text-fill-color: #fff;
}


/* ===== MERGED FROM: v97-final.css ===== */
/* Triple Helix Solutions V97 final colour contract.
   This file is deliberately loaded last on every complete page. */
:root{--ths-v97-maroon:#76172f;--ths-v97-beige:#ead8c2}

:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning,.trust),
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning,.trust) *{
  color:#fff;
  text-decoration-color:currentColor;
}
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning,.trust) ::marker{color:#fff}

:is(.product-card,.real-product-card,.matched-product-card,.homepage-implant-card,
  .implant-card,.surg-page-card,.dental-page-card,.full-vet-page,.vet-cat-card,
  .surg-cat-card,.dental-cat-card){
  background:#fff!important;
  background-color:#fff;
}

/* Uniform top navigation: white surface with maroon text on every page. */
header,header .nav{
  background:#fff!important;
  background-color:#fff;
}
header .navlinks>a,
header .navlinks>.top-products-dd>.top-products-btn,
header .navlinks>.top-products-dd>button.top-products-btn,
header nav:not(.navlinks)>a{
  background:#fff!important;
  background-color:#fff;
  border-color:transparent;
  border-radius:0;
  color:#76172f;
  font-weight:800;
  opacity:1!important;
  text-shadow:none;
  text-decoration:none!important;
}
header .navlinks>a *,
header .navlinks>.top-products-dd>.top-products-btn *,
header .navlinks>.top-products-dd>button.top-products-btn *,
header nav:not(.navlinks)>a *{color:#76172f}
header .navlinks>a:is(:hover,:focus-visible,:active),
header .navlinks>.top-products-dd>.top-products-btn:is(:hover,:focus-visible,:active),
header .navlinks>.top-products-dd>button.top-products-btn:is(:hover,:focus-visible,:active),
header .navlinks>.top-products-dd.open>.top-products-btn,
header nav:not(.navlinks)>a:is(:hover,:focus-visible,:active){
  background:#ead8c2!important;
  background-color:#ead8c2;
  border-color:#76172f;
  color:#76172f;
}
header .navlinks>a:is(:hover,:focus-visible,:active) *,
header .navlinks>.top-products-dd>.top-products-btn:is(:hover,:focus-visible,:active) *,
header .navlinks>.top-products-dd>button.top-products-btn:is(:hover,:focus-visible,:active) *,
header nav:not(.navlinks)>a:is(:hover,:focus-visible,:active) *{color:#76172f}

header .top-products-menu{
  background:#fff!important;
  background-color:#fff;
  border-color:#76172f;
}
header .top-products-menu :is(a,span,.top-products-label,[class*="label"]){
  background-color:#fff;
  color:#76172f;
  text-shadow:none;
}
header .top-products-menu a:is(:hover,:focus-visible,:active){
  background:#ead8c2!important;
  background-color:#ead8c2;
  color:#76172f;
}
header .top-products-menu a:is(:hover,:focus-visible,:active) *{color:#76172f}

/* Buttons inside maroon boxes retain beige/maroon hover contrast. */
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning,.trust)
  :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible),
:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning,.trust)
  :is(.btn,.small-btn,button,a[role="button"]):is(:hover,:focus-visible) *{
  color:#76172f;
  text-decoration-color:#76172f;
}


/* ===== MERGED FROM: homepage-v115.css ===== */
/* 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 20px;
      }
      .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;
      }
      footer {
        background: #0d1620;
        color: #dce3e7;
        padding: 45px 0;
      }
      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 {
          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;
      }
      .navlinks a:not(.btn) {
        color: #263645;
        font-weight: 650;
      }
      .btn {
        border-radius: 999px;
        padding: 13px 22px;
        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;
        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;
      }
      .eyebrow {
        display: inline-flex;
        align-items: center;
        padding: 8px 12px;
        border-radius: 999px;
        background: #eaf8f0;
        color: #07883d;
        letter-spacing: 1.5px;
      }
      h1 {
        font-size: 64px;
        line-height: 0.98;
        letter-spacing: -3px;
        max-width: 760px;
      }
      .lead {
        font-size: 19px;
        color: #5e6f7e;
      }
      .stats {
        gap: 10px;
      }
      .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;
        min-height: 520px;
        overflow: hidden;
        border-radius: 28px;
        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;
      }
      .section-title {
        font-size: 34px;
        line-height: 1.15;
        letter-spacing: -1px;
      }
      .divisions {
        gap: 22px;
      }
      .division {
        position: relative;
        overflow: hidden;
        border: 0 !important;
        border-radius: 22px;
        box-shadow: 0 16px 50px rgba(8, 19, 31, 0.07);
        padding: 30px;
      }
      .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;
      }
      .product-card {
        border: 0 !important;
        border-radius: 20px;
        box-shadow: 0 14px 44px rgba(8, 19, 31, 0.08) !important;
      }
      .product-card img {
        height: 235px !important;
      }
      .pc-body {
        padding: 20px;
      }
      .small-btn {
        border-radius: 999px;
        transition: 0.2s;
      }
      .small-btn:hover {
        background: #0b1e33;
        color: #fff;
      }
      .searchbox {
        border: 0 !important;
        border-radius: 999px;
        box-shadow: 0 10px 32px rgba(8, 19, 31, 0.08);
      }
      .searchbox input {
        padding: 16px 20px;
      }
      .filter-btn {
        border-radius: 999px;
      }
      .rfq-list {
        border-radius: 24px;
        background: linear-gradient(160deg, #071521, #102c47) !important;
      }
      .field {
        border-radius: 12px;
        border: 1px solid #dce4e9 !important;
        background: white;
      }
      .contact-box {
        border: 0 !important;
        border-radius: 16px;
        box-shadow: 0 10px 28px rgba(8, 19, 31, 0.06);
      }
      @media (max-width: 980px) {
        .hero-grid {
          grid-template-columns: 1fr !important;
        }
        .hero-panel {
          min-height: 440px;
        }
        h1 {
          font-size: 48px;
        }
        .section-title {
          font-size: 30px;
        }
      }

.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 20px;
      }
      .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, minmax(0, 1fr));
        grid-auto-rows: auto;
        align-items: stretch;
        gap: 16px;
        margin-top: 28px;
      }
      .process-card {
        position: relative;
        min-width: 0;
        height: auto !important;
        padding: 18px 16px;
        overflow: visible !important;
        box-sizing: border-box;
        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 {
        margin: 0 0 7px;
        font-size: 17px;
        line-height: 1.22;
        -webkit-hyphens: none !important;
        hyphens: none !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
      }
      .process-card p {
        font-size: 13px;
        line-height: 1.42;
        color: #687784;
        margin: 0;
        max-width: 100% !important;
        white-space: normal !important;
        -webkit-hyphens: none !important;
        hyphens: none !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
      }
      .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 20px;
        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;
      }
      .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, minmax(0, 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;
        line-height: 1.04;
        letter-spacing: -2px;
      }
      .section-title {
        font-size: 28px;
        line-height: 1.18;
        letter-spacing: -0.7px;
      }
      .hero-overlay h2 {
        font-size: 22px;
      }
      .about-card h3,
      .quality-main h3,
      .certificate-warning h3 {
        font-size: 19px;
      }

      /* 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;
        }
        .section-title {
          font-size: 25px;
        }
        .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;
        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;
      }
      .ths-division-visuals {
        gap: 12px;
      }
      .ths-division-visual {
        height: 130px !important;
        border-radius: 15px;
        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;
        }
      }

      .section-visual {
        height: 165px !important;
        border-radius: 19px;
      }
      .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;
      }
      .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;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
      }
      .ref-dropdown-card label {
        color: #1f1f1f;
      }
      .ref-status {
        color: #616161;
      }
      .ref-select-row select {
        appearance: auto;
        background: #ffffff !important;
        color: #1f1f1f;
        border: 1px solid #8a8a8a !important;
        border-radius: 4px;
        padding: 10px 12px;
        box-shadow: inset 0 -2px 0 #0067c0 !important;
        accent-color: #0067c0;
      }
      .ref-select-row select:hover {
        background: #f5f5f5 !important;
        border-color: #666;
      }
      .ref-select-row select:focus {
        outline: 2px solid #0067c0 !important;
        outline-offset: 1px;
        border-color: #0067c0;
        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;
        border: 1px solid #005a9e !important;
        border-radius: 4px;
      }
      .ref-select-row .small-btn:hover {
        background: #005a9e !important;
      }
      .vet-reference-panel {
        background: #f3f3f3 !important;
        border: 1px solid #e1e1e1 !important;
      }
      .reference-heading {
        color: #1f1f1f;
      }
      .reference-intro {
        color: #5d5d5d;
      }

      /* 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;
        border-radius: 5px;
        color: #1f1f1f;
        text-decoration: none;
        font-size: 11px;
        font-weight: 650;
      }
      .navlinks .top-products-menu a:hover {
        background: #e9f3fc !important;
        color: #005a9e;
      }
      .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);
      }
      header {
        background: var(--theme-header) !important;
        border-color: var(--theme-border);
      }
      .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);
      }
      .section-title,
      h1,
      h2,
      h3,
      h4,
      .navlinks a,
      .top-products-btn,
      .reference-heading {
        color: var(--theme-text);
      }
      .sub,
      .lead,
      .reference-intro,
      .ref-status,
      .full-vet-body p,
      .real-product-body p,
      .matched-product-body p {
        color: var(--theme-muted);
      }

      .btn.green,
      .ref-select-row .small-btn,
      .prompt-rfq-btn,
      .rfq-count {
        background: var(--theme-accent) !important;
        border-color: var(--theme-accent-dark);
        color: #fff;
      }
      .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);
      }
      .filter-btn.active,
      .vet-summary-card.active,
      .cvf.active,
      .pf.active {
        background: var(--theme-accent) !important;
        color: #fff;
        border-color: var(--theme-accent);
      }
      .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);
        border-color: var(--theme-border);
      }
      .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);
      }
      .navlinks .top-products-menu a {
        color: var(--theme-text);
      }
      .navlinks .top-products-menu a:hover {
        background: var(--theme-accent-soft) !important;
        color: var(--theme-accent-dark);
      }
      .full-vet-page.top-menu-page-target,
      .division.top-product-target,
      .full-vet-page.reference-target {
        outline-color: var(--theme-accent);
      }

      /* 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;
        border-color: #555;
      }

      @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;
        line-height: 1.15;
        padding: 8px 10px;
        font-weight: 750;
        letter-spacing: 0.01em;
      }

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

      /* 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;
          padding: 7px 9px;
        }
      }

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;
        line-height: 1.15;
        padding: 8px 10px;
        font-weight: 750;
      }

      .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) {
        .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;
        line-height: 1.1;
        padding: 7px 9px;
        font-weight: 750;
      }

/* 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;
      }
      .hero-overlay p,
      .quality-main p,
      .about-card p,
      .rfq-list p,
      .feature:not(.light) p,
      footer p {
        color: #cbd6dd;
      }
      .rfq-items,
      .rfq-item-name {
        color: #f4f7f9;
      }
      .about-card a,
      .quality-main a,
      .rfq-list a,
      footer a {
        color: #8fc9ff;
      }

      /* 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;
        border-color: #484848;
      }
      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;
      }
      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;
        border-color: #626262;
      }
      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;
        border-color: #5a5a5a;
      }

      /* 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;
        line-height: 1.15;
        padding: 7px 9px;
        font-weight: 750;
      }

      /* 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;
      }

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

.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);
      }
      .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);
      }
      .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);
      }
      .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);
      }
      .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);
      }
      .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);
        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;
      }
      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;
      }
      @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;
        padding: 7px 9px;
        border-radius: 7px;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      /* Main category colors */
      .top-products-menu a[data-main-product="surgical"],
      .top-products-menu .menu-group-title.surgical-menu-title {
        color: #0b5f3c;
        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;
        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;
        background: #fff1df !important;
        border-left: 4px solid #d97706 !important;
      }

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

      /* Different separator colors between product families */
      .top-products-menu .top-products-separator {
        height: 2px !important;
        border: 0 !important;
        margin: 8px 8px;
        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;
        border-bottom: 1px solid #8fd1ae !important;
      }
      .top-products-menu .top-products-label.dental-label {
        color: #075985;
        border-bottom: 1px solid #8dcbe8 !important;
      }
      .top-products-menu .top-products-label.veterinary-label {
        color: #7c3f00;
        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;
      }
      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;
      }
      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;
      }
      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;
      }
      .hero-overlay p,
      .quality-main p,
      .about-card p,
      .rfq-list p,
      footer p {
        color: #d7e0e6;
      }

      .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);
      }
      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;
      }
      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;
      }

/* 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;
        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;
      }
      .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;
        border: 2px solid var(--theme-accent-dark) !important;
        border-radius: 6px;
        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;
      }
      .commercial-cta-row .commercial-btn-primary:hover {
        background: var(--theme-accent) !important;
        border-color: var(--theme-accent);
        color: #fff;
        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);
      }
      .commercial-cta-row .commercial-btn-secondary:hover {
        background: var(--theme-accent-dark) !important;
        border-color: var(--theme-accent-dark);
        color: #fff;
        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 20px;
        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;
        font-weight: 800;
        text-shadow: none;
      }
      .navlinks > a:not(.btn):hover,
      .top-products-btn:hover,
      .navlinks > a:not(.btn):focus-visible,
      .top-products-btn:focus-visible {
        color: #004f70;
        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;
        background: #ffffff !important;
        font-weight: 750;
        opacity: 1 !important;
        text-shadow: none;
      }
      .navlinks .top-products-menu a:hover,
      .navlinks .top-products-menu a:focus-visible {
        color: #ffffff;
        background: #0b4f6c !important;
      }
      .top-products-label,
      .top-products-menu .menu-group-title {
        color: #ffffff;
        background: #17384a !important;
        border-radius: 6px;
        padding: 8px 11px;
        font-weight: 900;
      }
      .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;
        opacity: 1 !important;
        text-shadow: none;
      }
      .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;
        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;
      }
      .eyebrow,
      .pill,
      .page-chip {
        color: #075c51;
      }
      .small-btn,
      .filter-btn {
        color: #0b2a3b;
        background: #ffffff !important;
        border-color: #8fa7b3;
      }
      .small-btn:hover,
      .filter-btn:hover,
      .filter-btn.active {
        color: #ffffff;
        background: #0b3f56 !important;
      }
      @media (max-width: 760px) {
        .navlinks > a:not(.btn) {
          color: #0b2233;
        }
      }

.about-values {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .about-value {
        height: 100%;
        padding: 22px;
      }
      .about-value b {
        font-size: 17px;
      }
      .about-value span {
        display: block;
        font-size: 14px;
        line-height: 1.65;
      }
      @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;
        row-gap: 20px;
        align-items: start !important;
      }
      .about-grid > .section-visual {
        grid-area: visual;
        margin-bottom: 0;
      }
      .about-grid > .about-copy {
        grid-area: copy;
        min-width: 0;
      }
      .about-values {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px;
        margin-top: 20px;
      }
      .about-value {
        height: 100%;
        padding: 18px;
      }
      @media (max-width: 900px) {
        .about-grid {
          grid-template-columns: 1fr !important;
          grid-template-areas: "visual" "copy" "card" !important;
          row-gap: 18px;
        }
        .about-values {
          grid-template-columns: 1fr !important;
          margin-top: 18px;
        }
      }

/* Justify body copy only; preserve the existing heading alignment. */
      .about-values .about-value > span {
        display: block;
        text-align: justify;
        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;
      }
      .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;
      }
      .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);color:#fff}
.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);color:var(--ths-button-maroon)}
.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;
        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;
        font-weight: 900;
        border-left: 4px solid #76172f !important;
      }
      .navlinks .top-products-menu a[data-implant-category] {
        color: #102a3a;
        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;
      }
      #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;
      }

#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;
      }
      .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;
      }

      /* 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);
      }

      #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;color:#fff
      }
      .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}
      .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;border-color:#76172f;color:#fff}
      .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;border-color:#ead8c2;color:#76172f
      }

/* 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;
        color:#76172f;border-color:#d8c8bd
      }
      .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}
      .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}

/* 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}
      .hero-panel *, .quality-main *, .about-card *, .rfq-list *,
      .feature:not(.light) *, .vet-benefit *, .cta *, .certificate-warning *{
        color:#fff;text-decoration-color:currentColor
      }
      .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}
      .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;
        border-color:#76172f;color:#fff
      }
      .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;
        border-color:#ead8c2;color:#76172f
      }

: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;
        border-color:#76172f;color:#fff;text-decoration-color:#fff
      }
      :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;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;
        border-color:#ead8c2;color:#76172f;text-decoration-color:#76172f
      }
      :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;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;
        -webkit-text-fill-color:#76172f;
      }
      #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;
        border-color:#76172f;
        color:#fff;
        -webkit-text-fill-color:#fff;
        text-decoration-color:#fff;
      }
      #international-supply.professional-purchasing-section .btn:is(:hover,:focus-visible,:active){
        background:#ead8c2!important;
        background-color:#ead8c2;
        border-color:#ead8c2;
        color:#76172f;
        -webkit-text-fill-color:#76172f;
        text-decoration-color:#76172f;
      }

      /* 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;
        -webkit-text-fill-color:#76172f;
      }
      :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;
        -webkit-text-fill-color:#fff;
      }
      :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;
        -webkit-text-fill-color:#76172f;
      }

      /* 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;
        border-color:#76172f;
        color:#fff;
        -webkit-text-fill-color:#fff;
        text-decoration-color:#fff;
      }
      a.v55-detail-link *,
      a.v55-detail-link:link *,
      a.v55-detail-link:visited *{
        color:#fff;
        -webkit-text-fill-color:#fff;
      }
      a.v55-detail-link:is(:hover,:focus-visible,:active){
        background:#5f1025!important;
        background-color:#5f1025;
        border-color:#5f1025;
        color:#fff;
        -webkit-text-fill-color:#fff;
        text-decoration-color:#fff;
      }
      a.v55-detail-link:is(:hover,:focus-visible,:active) *{
        color:#fff;
        -webkit-text-fill-color:#fff;
      }

/* 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;
  -webkit-text-fill-color:#fff;
  text-decoration-color:currentColor;
}

/* Keep the rendered company card wide enough for complete email addresses. */
@media (min-width: 981px) {
  .ths-company-manufacturing-row {
    grid-template-columns: minmax(430px, 0.9fr) minmax(0, 1.65fr) !important;
  }
  .ths-company-manufacturing-row .about-card a[href^="mailto:"] {
    white-space: nowrap;
  }
}

:is(.hero-panel,.quality-main,.about-card,.rfq-list,.feature:not(.light),
  .vet-benefit,.cta,.certificate-warning) ::marker { color:#fff; }
: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;
  color:#76172f;
  -webkit-text-fill-color:#76172f;
}
: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;
  -webkit-text-fill-color:#76172f;
}

/* 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;
  border-color:#76172f;
  color:#fff;
  -webkit-text-fill-color:#fff;
  text-decoration-color:#fff;
}

/* 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;
  border-color:#76172f;
  color:#fff;
  -webkit-text-fill-color:#fff;
}
.navlinks .top-products-dd .top-products-btn span {
  color:inherit;
  -webkit-text-fill-color:inherit;
}
.navlinks .top-products-dd .top-products-menu {
  background:#76172f!important;
  background-color:#76172f;
  border-color:#76172f;
  color:#fff;
  -webkit-text-fill-color:#fff;
}
.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;
  color:#fff;
  -webkit-text-fill-color:#fff;
  text-decoration-color:#fff;
}
.navlinks .top-products-dd .top-products-menu .top-products-separator {
  border-color:rgba(255,255,255,.42);
  background-color:rgba(255,255,255,.42);
}
.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;
  border-color:#ead8c2;
  color:#76172f;
  -webkit-text-fill-color:#76172f;
  text-decoration-color:#76172f;
}


/* 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; }

/* 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;
  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;
}

/* V150: full-width justified section copy.
   Text contained in cards, boxes, forms, buttons, menus and captions is
   intentionally excluded so those components retain their existing layout. */
#about .about-grid{
  grid-template-columns:1fr!important;
  grid-template-areas:"visual" "copy"!important;
}
#about .about-copy,
#manufacturing > .wrap,
#quality > .wrap,
#international-supply > div,
#cutting-edge-facility .ths-facility-wrap,
#seo-company-introduction > .wrap{
  width:100%!important;
}
#about .about-copy p,
#manufacturing > .wrap > p.sub,
#quality > .wrap > p.sub,
#international-supply > div > p,
#cutting-edge-facility .ths-facility-intro,
#cutting-edge-facility .ths-facility-intro p,
#seo-company-introduction > .wrap > p{
  width:100%!important;
  max-width:none!important;
  text-align:justify;
  text-justify:inter-word;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
#cutting-edge-facility .ths-facility-intro{
  margin-right:0;
}

/* V177: CEO message inside the existing company box. */
.ceo-original-section .ceo-logo-home{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  width:fit-content!important;
  margin:-32px auto 10px;
  padding:0;
  background:transparent!important;
  text-decoration:none!important;
  transform:translateY(-42px)!important;
  transform-origin:center center!important;
  z-index:2!important;
}
.ceo-original-section .ceo-logo-home img{
  display:block!important;
  width:min(280px,70vw)!important;
  max-width:280px!important;
  height:auto!important;
  max-height:220px!important;
  object-fit:contain!important;
}
:is(#about,.ceo-original-section) .about-card .ceo-message-inline{
  margin-top:22px;
}
:is(#about,.ceo-original-section) .about-card .ceo-message-inline h3{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(24px,3vw,30px);
  line-height:1.2;
}
:is(#about,.ceo-original-section) .about-card .ceo-message-name{
  margin:0 0 20px;
  color:#fff;
  font-size:17px;
  font-weight:800;
}
:is(#about,.ceo-original-section) .about-card .ceo-message-inline p{
  width:100%!important;
  max-width:none!important;
  margin:0 0 15px;
  color:#fff;
  font-size:16px;
  text-align:justify;
  text-justify:inter-word;
}
:is(#about,.ceo-original-section) .about-card .ceo-message-inline .ceo-message-closing,
:is(#about,.ceo-original-section) .about-card .ceo-message-inline .ceo-message-signature{
  text-align:left;
}
:is(#about,.ceo-original-section) .about-card .ceo-message-inline .ceo-message-signature a{
  -webkit-hyphens:none!important;
  hyphens:none!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
:is(#about,.ceo-original-section) .about-card .ceo-message-inline .ceo-message-closing{
  margin:22px 0 0;
  font-size:19px;
  letter-spacing:.04em;
  text-align:left;
}

/* Restored V200 spacing for the standalone About Us section. */
#about{
  padding-bottom:28px;
}
#manufacturing{
  padding-top:36px;
}
@media(max-width:760px){
  #about{padding-bottom:22px;}
  #manufacturing{padding-top:28px;}
}

/* V246 consolidated About Us full-width rules. */
/* Full-width About Us presentation aligned with the other major sections. */
#about.about-section-full-width > .wrap {
  width: min(100% - 40px, 1280px);
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}

#about.about-section-full-width .about-grid {
  display: grid;
  grid-template-columns: 1fr !important;
  grid-template-areas: "visual" "copy" !important;
  width: 100%;
  max-width: none;
  gap: 26px;
}

#about.about-section-full-width .section-visual,
#about.about-section-full-width .about-copy,
#about.about-section-full-width .about-copy p,
#about.about-section-full-width .about-values {
  width: 100%;
  max-width: none !important;
}

#about.about-section-full-width .about-copy p,
#about.about-section-full-width .about-value span {
  text-align: justify;
  text-justify: inter-word;
}

#about.about-section-full-width .about-values {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px;
}

@media (max-width: 1050px) {
  #about.about-section-full-width .about-values {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  #about.about-section-full-width > .wrap {
    width: min(100% - 28px, 1280px);
  }

  #about.about-section-full-width .about-values {
    grid-template-columns: 1fr !important;
  }
}


/* ===== MERGED FROM: motion-effects-v29.css ===== */
/* V29 — requested About-card contrast and right-entry product motion */
#about .about-card,
#about .about-card h1,
#about .about-card h2,
#about .about-card h3,
#about .about-card h4,
#about .about-card p,
#about .about-card b,
#about .about-card span,
#about .about-card a {
  color: #fff;
}

.ths-motion-ready .product-card.ths-motion-box,
.ths-motion-ready .vet-product-card.ths-motion-box,
.ths-motion-ready .real-product-card.ths-motion-box,
.ths-motion-ready .matched-product-card.ths-motion-box,
.ths-motion-ready .surg-page-card.ths-motion-box,
.ths-motion-ready .dental-page-card.ths-motion-box,
.ths-motion-ready .full-vet-page.ths-motion-box {
  transform: translate3d(var(--ths-slide-distance), 22px, 0) scale(.985);
}

.ths-motion-ready .product-card.ths-motion-box.ths-box-visible,
.ths-motion-ready .vet-product-card.ths-motion-box.ths-box-visible,
.ths-motion-ready .real-product-card.ths-motion-box.ths-box-visible,
.ths-motion-ready .matched-product-card.ths-motion-box.ths-box-visible,
.ths-motion-ready .surg-page-card.ths-motion-box.ths-box-visible,
.ths-motion-ready .dental-page-card.ths-motion-box.ths-box-visible,
.ths-motion-ready .full-vet-page.ths-motion-box.ths-box-visible {
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .ths-motion-ready .product-card.ths-motion-box,
  .ths-motion-ready .vet-product-card.ths-motion-box,
  .ths-motion-ready .real-product-card.ths-motion-box,
  .ths-motion-ready .matched-product-card.ths-motion-box,
  .ths-motion-ready .surg-page-card.ths-motion-box,
  .ths-motion-ready .dental-page-card.ths-motion-box,
  .ths-motion-ready .full-vet-page.ths-motion-box {
    transform: none !important;
  }
}


/* ===== MERGED FROM: division-banners-v287.css ===== */
/* Division catalogue banners: preserve every source image's full composition. */
body.category-catalogue-page .section-visual.division-page-banner {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden;
  background: #f3eee9 !important;
  border: 1px solid rgba(118, 23, 47, 0.12);
  border-radius: 19px;
  box-shadow: 0 12px 30px rgba(8, 19, 31, 0.09) !important;
}

body.category-catalogue-page .section-visual.division-page-banner img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  filter: contrast(1.02) saturate(1.01) brightness(0.99) !important;
}

body.category-catalogue-page .section-visual.division-page-banner::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 760px) {
  body.category-catalogue-page .section-visual.division-page-banner {
    height: auto !important;
    border-radius: 12px;
  }
}


/* ===== MERGED FROM: categories-banner-v288.css ===== */
/* Combined Surgical, Dental, Veterinary, Implant and Beauty categories banner. */
.categories-overview-banner {
  width: 100%;
  margin: 0 0 28px;
  overflow: hidden;
  border: 1px solid rgba(118, 23, 47, 0.14);
  border-radius: 18px;
  background: #f3eee9;
  box-shadow: 0 12px 30px rgba(8, 19, 31, 0.09);
}

.categories-overview-banner img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 760px) {
  .categories-overview-banner {
    margin-bottom: 22px;
    border-radius: 12px;
  }
}


/* ===== MERGED FROM: category-page-headings-v289.css ===== */
/* V289: one restrained main-heading style for all six category landing pages. */
body .category-page-main-heading {
  margin: 0 0 24px;
  color: #76172f;
  font-size: clamp(24px, 2.5vw, 32px);
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

@media (max-width: 760px) {
  body .category-page-main-heading {
    margin-bottom: 20px;
    font-size: 24px;
  }
}


/* ===== MERGED FROM: category-page-search-v290.css ===== */
/* V290: consistent edge-to-edge search controls for all six category pages. */
.category-page-searchbar,
.surg-searchbar,
.dental-searchbar,
.vet-searchbar,
.implant-searchbar,
.beauty-expanded .toolbar,
.surg-browser-head,
.dental-browser-head,
.full-vet-toolbar {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.category-page-searchbar,
.surg-searchbar,
.dental-searchbar,
.vet-searchbar,
.implant-searchbar {
  margin: 18px 0 26px;
}

#categoryPageSearch,
#surgCatSearch,
#surgPageSearch,
#dentalCatSearch,
#dentalPageSearch,
#vetSearch,
#fullVetSearch,
#implantProductSearch,
#beautySearch {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 52px !important;
  padding: 0 16px;
  box-sizing: border-box !important;
  border: 1px solid #cdb9bf !important;
  border-radius: 6px;
  background: #ffffff !important;
  color: #3d1722;
  font: inherit;
  box-shadow: 0 6px 18px rgba(61, 23, 34, 0.06) !important;
}

#categoryPageSearch:focus,
#surgCatSearch:focus,
#surgPageSearch:focus,
#dentalCatSearch:focus,
#dentalPageSearch:focus,
#vetSearch:focus,
#fullVetSearch:focus,
#implantProductSearch:focus,
#beautySearch:focus {
  border-color: #76172f;
  outline: 2px solid rgba(118, 23, 47, 0.2) !important;
  outline-offset: 1px !important;
}

.surg-browser-head,
.dental-browser-head {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

#surgPageSearch,
#dentalPageSearch {
  grid-column: 1 / -1 !important;
}

.full-vet-toolbar,
.beauty-expanded .toolbar {
  flex-wrap: wrap !important;
}

#fullVetSearch,
#beautySearch {
  order: -1 !important;
}

@media (max-width: 760px) {
  #categoryPageSearch,
  #surgCatSearch,
  #surgPageSearch,
  #dentalCatSearch,
  #dentalPageSearch,
  #vetSearch,
  #fullVetSearch,
  #implantProductSearch,
  #beautySearch {
    height: 50px !important;
  }
}


/* ===== MERGED FROM: informative-tools-v293.css ===== */
body.v64-medtech-layout {
  background: #fff8fa !important;
}

.informative-tools-main {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(28px, 4vw, 48px) 0 52px;
  box-sizing: border-box;
}

.informative-tools-main-index {
  padding-top: 0;
}

.informative-tools-banner {
  position: relative;
  left: 50%;
  display: block;
  width: min(1920px, 100vw);
  max-width: 1920px;
  margin: 0 0 clamp(26px, 4vw, 46px);
  padding: 0;
  transform: translateX(-50%);
  background: #f1e5d8;
}

.informative-tools-banner img {
  display: block;
  width: 100%;
  max-width: 1920px;
  height: auto;
  max-height: none;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
}

.informative-tools-main > .category-page-main-heading,
.informative-viewer-heading .category-page-main-heading {
  max-width: none !important;
  margin: 0 0 6px;
  padding: 0;
  color: #111111;
  -webkit-text-fill-color: #111111;
  font-family: "Times New Roman", Times, serif;
  font-size: clamp(26px, 3.2vw, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  text-shadow: none;
}

.informative-tools-main > .category-page-main-heading {
  width: 100% !important;
}

.informative-tools-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.informative-tool-card {
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 24px;
  box-sizing: border-box;
  border: 1px solid #e3cbd4;
  border-top: 4px solid #76172f;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(92, 16, 37, 0.08);
}

.informative-tool-card h2 {
  margin: 0 0 10px;
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none;
}

.informative-tool-card p {
  flex: 1;
  margin: 0 0 20px;
  color: #65404c;
  font-size: 15px;
  line-height: 1.65;
}

.informative-tool-button,
.informative-tools-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 44px !important;
  padding: 10px 16px;
  box-sizing: border-box !important;
  border: 2px solid #76172f !important;
  border-radius: 6px;
  background: #76172f !important;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  text-decoration: none !important;
  font-weight: 900;
}

.informative-tool-button:hover,
.informative-tool-button:focus-visible,
.informative-tools-back:hover,
.informative-tools-back:focus-visible {
  background: #e8d8c8 !important;
  color: #76172f;
  -webkit-text-fill-color: #76172f;
}

.informative-viewer-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.informative-viewer-heading .category-page-main-heading {
  margin-bottom: 0;
}

.informative-view-only {
  display: inline-block;
  margin-bottom: 8px;
  color: #76172f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.informative-viewer-shell {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #e3cbd4;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(92, 16, 37, 0.1);
}

.informative-viewer-shell iframe {
  display: block;
  width: 100%;
  height: 76vh;
  min-height: 640px;
  border: 0;
  background: #f2ecee;
}

@media (max-width: 760px) {
  .informative-tools-main {
    width: min(100% - 24px, 1180px);
    padding-top: 24px;
  }

  .informative-tools-grid {
    grid-template-columns: 1fr;
  }

  .informative-tool-card {
    min-height: 0;
    padding: 20px;
  }

  .informative-viewer-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .informative-viewer-shell iframe {
    height: 72vh;
    min-height: 520px;
  }
}


/* ===== MERGED FROM: catalogue-card-headings-v314.css ===== */
/* V314: uniform maroon headings inside catalogue and search-result cards. */
:root {
  --ths-card-heading-maroon: #76172f;
}

body.category-catalogue-page .surg-cat-card h3,
body.category-catalogue-page .dental-cat-card h3,
body.category-catalogue-page .homepage-implant-card h3,
body.category-catalogue-page .vet-cat-card h3,
body.category-catalogue-page .card .body h2,
body.v64-medtech-layout .results > .card .card-body h2 {
  color: var(--ths-card-heading-maroon);
  -webkit-text-fill-color: var(--ths-card-heading-maroon);
}


/* ===== MERGED FROM: beauty-search-card-text-v315.css ===== */
/* V315: maroon text throughout Beauty and Catalogue Search result boxes. */
:root {
  --ths-box-text-maroon: #76172f;
}

body.category-catalogue-page #beautyGrid .card .body .pill,
body.category-catalogue-page #beautyGrid .card .body h2,
body.category-catalogue-page #beautyGrid .card .body .desc,
body.category-catalogue-page #beautyGrid .card .body .refs,
body.v64-medtech-layout #results > .card .card-body .meta,
body.v64-medtech-layout #results > .card .card-body h2,
body.v64-medtech-layout #results > .card .card-body a:not(.btn) {
  color: var(--ths-box-text-maroon);
  -webkit-text-fill-color: var(--ths-box-text-maroon);
}

/* Keep button labels compliant with the permanent maroon/white button theme. */
body.category-catalogue-page #beautyGrid .card .body .btn {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

body.category-catalogue-page #beautyGrid .card .body .btn:hover,
body.category-catalogue-page #beautyGrid .card .body .btn:focus-visible,
body.category-catalogue-page #beautyGrid .card .body .btn:active {
  color: var(--ths-box-text-maroon);
  -webkit-text-fill-color: var(--ths-box-text-maroon);
}


/* ===== MERGED FROM: categories-card-text-v316.css ===== */
/* V316: maroon text inside every Instrument Categories card. */
:root {
  --ths-categories-card-maroon: #76172f;
}

body.v64-medtech-layout main .grid > article.card h2,
body.v64-medtech-layout main .grid > article.card p,
body.v64-medtech-layout main .grid > article.card a:not(.beauty-section-button) {
  color: var(--ths-categories-card-maroon);
  -webkit-text-fill-color: var(--ths-categories-card-maroon);
}

/* Preserve the permanent maroon/white palette for Beauty action buttons. */
body.v64-medtech-layout main .grid > article.card .beauty-section-button {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

body.v64-medtech-layout main .grid > article.card .beauty-section-button:hover,
body.v64-medtech-layout main .grid > article.card .beauty-section-button:focus-visible,
body.v64-medtech-layout main .grid > article.card .beauty-section-button:active {
  color: var(--ths-categories-card-maroon);
  -webkit-text-fill-color: var(--ths-categories-card-maroon);
}


/* ===== MERGED FROM: certificate-access.css ===== */
.certificate-heading-link {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 17px;
  font-weight: 900;
  gap: .45rem;
  letter-spacing: inherit;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.55);
  text-underline-offset: .3rem;
}
.certificate-name-list li {
  font-weight: 400;
}
.certificate-heading-link:hover,
.certificate-heading-link:focus-visible { color: #fff; text-decoration-color: #fff; }
.certificate-heading-link:focus-visible { outline: 3px solid #fff; outline-offset: 5px; border-radius: 3px; }
.certificate-access-modal,
.certificate-viewer-modal {
  align-items: center;
  background: rgba(9, 16, 25, .78);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  z-index: 100000;
}
.certificate-access-modal.is-open,
.certificate-viewer-modal.is-open { display: flex; }
.certificate-access-card,
.certificate-viewer-card {
  background: #fff;
  border: 1px solid rgba(92,16,37,.2);
  border-radius: 20px;
  box-shadow: 0 25px 80px rgba(0,0,0,.32);
  color: #5c1025;
  max-height: calc(100vh - 40px);
  overflow: auto;
  position: relative;
  width: min(100%, 640px);
}
.certificate-access-card { box-sizing: border-box; padding: 28px 30px 30px; }
.certificate-access-card h2,
.certificate-viewer-card h2 { color: #5c1025; margin: 0 0 10px; }
.certificate-access-card h2 {
  font-size: clamp(22px, 3vw, 28px);
  line-height: 1.2;
  max-width: calc(100% - 44px);
}
.certificate-modal-kicker {
  color: #8a1736;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  margin: 0 0 7px;
  text-transform: uppercase;
}
.certificate-modal-intro { color: #59636d; font-size: 14px; line-height: 1.55; margin: 0 0 20px; max-width: 570px; }
.certificate-email-notice {
  background: #fff4f7;
  border-left: 4px solid #76172f;
  border-radius: 6px;
  color: #5c1025;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 16px;
  padding: 10px 12px;
}
.certificate-email-notice strong { color: #5c1025; }
.certificate-modal-close {
  align-items: center;
  background: #5c1025;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 25px;
  height: 38px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 18px;
  top: 18px;
  width: 38px;
}
#certificateAccessForm { display: block; }
.certificate-form-grid {
  align-items: start;
  display: grid;
  gap: 13px 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.certificate-form-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.certificate-form-wide { grid-column: 1 / -1; }
#certificateAccessForm label { color: #5c1025; font-size: 13px; font-weight: 800; line-height: 1.3; margin: 0; }
#certificateAccessForm input:not(.certificate-honeypot) {
  background: #fff;
  border: 1px solid #c9cfd4;
  border-radius: 9px;
  color: #20272d;
  font: inherit;
  box-sizing: border-box;
  min-height: 45px;
  padding: 10px 12px;
  width: 100%;
}
#certificateAccessForm input:focus { border-color: #76172f; box-shadow: 0 0 0 3px rgba(118,23,47,.14); outline: 0; }
.certificate-honeypot { height: 1px !important; left: -9999px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; }
.certificate-submit {
  background: #76172f;
  border: 1px solid #76172f;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  margin-top: 0;
  min-height: 48px;
  padding: 11px 18px;
  width: 100%;
}
.certificate-submit:hover,
.certificate-submit:focus-visible { background: #5c1025; }
.certificate-submit:disabled { cursor: wait; opacity: .65; }
.certificate-form-status { color: #a01934; font-size: 13px; line-height: 1.4; margin: -3px 0 0; min-height: 0; }
.certificate-form-status.is-success { color: #087b3b; }
.email-verification-panel {
  background: #fff8fa;
  border: 1px solid #dab7c2;
  border-radius: 10px;
  box-sizing: border-box;
  display: grid;
  gap: 8px;
  margin: 5px 0 8px;
  padding: 12px;
  width: 100%;
}
.certificate-access-card .email-verification-panel {
  gap: 9px;
  margin: 0;
  padding: 13px 14px;
}
.certificate-access-card .email-verification-copy { display: grid; gap: 3px; }
.email-verification-panel[hidden],
.email-verification-code-row[hidden] { display: none !important; }
.email-verification-panel p { color: #5c1025; margin: 0; }
.email-verification-panel .email-verification-help { color: #68717a; font-size: 13px; }
.email-verification-panel button {
  background: #76172f !important;
  border: 1px solid #76172f !important;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  min-height: 42px;
  padding: 9px 13px;
  width: auto;
}
.certificate-access-card .email-verification-send { justify-self: start; }
.email-verification-panel button:hover,
.email-verification-panel button:focus-visible { background: #5c1025 !important; }
.email-verification-panel button:disabled { cursor: wait; opacity: .62; }
.email-verification-code-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(130px, 1fr) auto;
}
.email-verification-code-row input {
  box-sizing: border-box;
  letter-spacing: .18em;
  min-width: 0;
}
.certificate-access-card .email-verification-code-row button { white-space: nowrap; }
.email-verification-status { color: #68717a; font-size: 13px; min-height: 19px; }
.email-verification-status.is-error { color: #a01934; }
.email-verification-status.is-success { color: #087b3b; font-weight: 800; }
.email-verification-panel.is-verified { background: #f1fbf5; border-color: #79b990; }
body.certificate-modal-open { overflow: hidden; }
.certificate-viewer-card { height: min(92vh, 900px); width: min(96vw, 1100px); }
.certificate-viewer-header { align-items: center; display: flex; justify-content: space-between; padding: 20px 70px 8px 22px; }
.certificate-tabs { display: flex; gap: 8px; padding: 8px 22px 12px; }
.certificate-tabs button {
  background: #fff;
  border: 1px solid #76172f;
  border-radius: 8px;
  color: #76172f;
  cursor: pointer;
  font-weight: 800;
  padding: 9px 15px;
}
.certificate-tabs button.active { background: #76172f; color: #fff; }
#certificateFrame { border: 0; display: block; height: calc(100% - 155px); min-height: 480px; width: 100%; }
.certificate-view-note { color: #68717a; font-size: 12px; margin: 8px 22px 14px; }
@media (max-width: 600px) {
  .certificate-access-modal, .certificate-viewer-modal { padding: 10px; }
  .certificate-access-card { padding: 22px 16px 20px; }
  .certificate-access-card h2 { font-size: 22px; }
  .certificate-modal-close { height: 34px; right: 13px; top: 13px; width: 34px; }
  .certificate-form-grid { grid-template-columns: 1fr; }
  .certificate-form-wide { grid-column: auto; }
  .certificate-viewer-card { height: calc(100vh - 20px); width: 100%; }
  #certificateFrame { min-height: 420px; }
  .email-verification-code-row { grid-template-columns: 1fr; }
  .email-verification-panel button { width: 100%; }
}


/* ===== MERGED FROM: product-page-base-v584.css ===== */
/*
 * V584 — single authoritative layout for every generated product page.
 * Page-specific product CSS was removed so the V368 universal law cannot be
 * contradicted by hundreds of duplicated inline declarations.
 */
:root {
  --ths-product-ink: #10202d;
  --ths-product-muted: #667480;
  --ths-product-line: #dce4e9;
  --ths-product-bg: #f4f7f8;
  --ths-product-accent: #76172f;
}

html body.v64-medtech-layout.product-detail-page {
  margin: 0;
  color: var(--ths-product-ink);
  background: #ffffff;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

body.product-detail-page .wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

body.product-detail-page > .hero {
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 20px 0;
  background: var(--ths-product-bg);
}

body.product-detail-page > .hero h1 {
  margin: 0 0 20px;
  padding: 0;
  color: #000000;
  font: 400 36px/1.18 "Times New Roman", Times, serif;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  text-shadow: none;
}

body.product-detail-page .crumb,
body.product-detail-page .pill {
  margin: 0 0 20px;
}

body.product-detail-page main > .grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: start;
  gap: 20px;
  margin: 0 0 20px;
  padding: 0;
}

body.product-detail-page .visual,
body.product-detail-page .panel,
body.product-detail-page .notice,
body.product-detail-page .card {
  box-sizing: border-box;
  border: 1px solid var(--ths-product-line);
  border-radius: 12px;
  background: #ffffff;
}

body.product-detail-page .visual {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body.product-detail-page .visual img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

body.product-detail-page .panel,
body.product-detail-page .notice {
  padding: 20px;
}

body.product-detail-page .panel h2,
body.product-detail-page .related > h2 {
  margin: 0 0 20px;
}

body.product-detail-page .facts,
body.product-detail-page .btns,
body.product-detail-page .cards {
  display: grid;
  gap: 20px;
}

body.product-detail-page .fact {
  display: grid;
  grid-template-columns: minmax(130px, 150px) minmax(0, 1fr);
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid var(--ths-product-line);
}

body.product-detail-page .notice {
  margin: 20px 0 0;
}

body.product-detail-page .btns {
  margin-top: 20px;
}

body.product-detail-page .related {
  margin: 0;
  padding: 0;
}

body.product-detail-page .cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.product-detail-page .card {
  padding: 0;
  overflow: hidden;
  text-decoration: none;
}

body.product-detail-page .card > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.product-detail-page .card > div {
  padding: 20px;
}

body.product-detail-page .card b {
  display: block;
  margin: 0 0 20px;
}

@media (max-width: 820px) {
  body.product-detail-page main > .grid,
  body.product-detail-page .cards,
  body.product-detail-page .fact {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* ===== MERGED FROM: rfq-page-verification.css ===== */
.page-rfq-verification {
  background: #fff8fa;
  border: 1px solid #dab7c2;
  border-radius: 12px;
  box-sizing: border-box;
  display: grid;
  gap: 9px;
  padding: 13px 14px;
  width: 100%;
}
.page-rfq-verification[hidden],
.page-rfq-verification .email-verification-code-row[hidden] {
  display: none !important;
}
.page-rfq-verification p {
  color: #5c1025;
  line-height: 1.45;
  margin: 0;
}
.page-rfq-verification .email-verification-help {
  color: #68717a;
  font-size: 13px;
}
.page-rfq-verification button {
  background: #76172f !important;
  border: 1px solid #76172f !important;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  justify-self: start;
  min-height: 42px;
  padding: 9px 13px;
  width: auto;
}
.page-rfq-verification button:hover,
.page-rfq-verification button:focus-visible {
  background: #5c1025 !important;
}
.page-rfq-verification button:disabled {
  cursor: wait;
  opacity: .62;
}
.page-rfq-verification .email-verification-code-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(150px, 1fr) auto;
}
.page-rfq-verification .email-verification-code-row input {
  box-sizing: border-box;
  letter-spacing: .14em;
  min-width: 0;
  min-height: 44px;
  width: 100%;
}
.page-rfq-verification .email-verification-code-row button {
  white-space: nowrap;
}
.page-rfq-verification .email-verification-status {
  color: #68717a;
  font-size: 13px;
  min-height: 19px;
}
.page-rfq-verification .email-verification-status.is-error {
  color: #a01934;
}
.page-rfq-verification .email-verification-status.is-success {
  color: #087b3b;
  font-weight: 800;
}
.page-rfq-verification.is-verified {
  background: #f1fbf5;
  border-color: #79b990;
}
@media (max-width: 800px) {
  .page-rfq-verification .email-verification-code-row {
    grid-template-columns: 1fr;
  }
  .page-rfq-verification button {
    justify-self: stretch;
    width: 100%;
  }
}


/* ===== MERGED FROM: rfq-universal-v465.css ===== */
:root {
  --ths-rfq-maroon: #76172f;
  --ths-rfq-beige: #ead8c2;
}

html body #rfq :is(.btn, button):not(.top-products-btn):not(.rfq-file-remove),
html body.product-enquiry-page :is(.actions .btn, .page-rfq-upload-button, .page-rfq-verification button),
html body.distributors-page :is(.actions .btn, .page-rfq-upload-button, .page-rfq-verification button) {
  appearance: none !important;
  background: var(--ths-rfq-maroon) !important;
  border: 1px solid var(--ths-rfq-maroon) !important;
  border-radius: 6px;
  color: #fff;
  box-shadow: none !important;
  cursor: pointer;
  font: 700 13px/1.2 Arial, Helvetica, sans-serif;
  padding: 11px 16px;
  text-decoration: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

html body #rfq .rfq-area button.ths-email-verify-btn,
html body #rfq .rfq-area .email-verification-code-row button,
html body.product-enquiry-page .page-rfq-verification button,
html body.distributors-page .page-rfq-verification button {
  min-height: 0 !important;
  margin: 0;
  background: var(--ths-rfq-maroon) !important;
  border: 1px solid var(--ths-rfq-maroon) !important;
  border-radius: 6px;
  box-shadow: none !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
  font: 700 13px/1.2 Arial, Helvetica, sans-serif;
  padding: 11px 16px;
  transform: none !important;
}

html body #rfq :is(.btn, button):not(.top-products-btn):not(.rfq-file-remove):is(:hover, :focus-visible),
html body.product-enquiry-page :is(.actions .btn, .page-rfq-upload-button, .page-rfq-verification button):is(:hover, :focus-visible),
html body.distributors-page :is(.actions .btn, .page-rfq-upload-button, .page-rfq-verification button):is(:hover, :focus-visible) {
  background: var(--ths-rfq-beige) !important;
  border-color: var(--ths-rfq-beige);
  color: var(--ths-rfq-maroon);
  box-shadow: none !important;
}

html body #rfq .rfq-area button.ths-email-verify-btn:is(:hover, :focus-visible, :active),
html body #rfq .rfq-area .email-verification-code-row button:is(:hover, :focus-visible, :active),
html body.product-enquiry-page .page-rfq-verification button:is(:hover, :focus-visible, :active),
html body.distributors-page .page-rfq-verification button:is(:hover, :focus-visible, :active) {
  background: var(--ths-rfq-beige) !important;
  border-color: var(--ths-rfq-beige);
  color: var(--ths-rfq-maroon);
  -webkit-text-fill-color: var(--ths-rfq-maroon);
  box-shadow: none !important;
}

html body #rfq :is(.btn, button)[disabled],
html body.product-enquiry-page :is(.actions .btn, .page-rfq-verification button)[aria-busy="true"],
html body.distributors-page :is(.actions .btn, .page-rfq-verification button)[aria-busy="true"] {
  cursor: wait !important;
  opacity: .68;
}

.rfq-file-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

html body .rfq-file-remove {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0;
  padding: 3px 7px;
  border: 1px solid #76172f !important;
  border-radius: 4px;
  background: #fff !important;
  color: #76172f;
  box-shadow: none !important;
  font: 700 11px/1.2 Arial, Helvetica, sans-serif;
  cursor: pointer;
}

html body .rfq-file-remove:is(:hover, :focus-visible) {
  background: #ead8c2 !important;
  color: #76172f;
}

.page-rfq-delivery-status {
  min-height: 20px;
  margin: 2px 0 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.page-rfq-delivery-status.is-sending { color: #76172f; }
.page-rfq-delivery-status.is-success { color: #087b3b; }
.page-rfq-delivery-status.is-error { color: #a40000; }

/* Final RFQ button contract. These selectors intentionally match the actual
   containers and outrank earlier homepage/elegant theme declarations. */
html body.v64-medtech-layout #rfq .rfq-left-actions .rfq-submit-row button.btn,
html body.v64-medtech-layout #rfq .rfq-attachment-field label.rfq-upload-button.btn,
html body.v64-medtech-layout #rfq .rfq-area .email-verification-panel button,
html body.v64-medtech-layout.product-enquiry-page main .card .form .actions button.btn,
html body.v64-medtech-layout.product-enquiry-page main .card .form label.page-rfq-upload-button.btn,
html body.v64-medtech-layout.product-enquiry-page main .card .form .page-rfq-verification button,
html body.v64-medtech-layout.distributors-page main .card .form .actions button.btn,
html body.v64-medtech-layout.distributors-page main .card .form label.page-rfq-upload-button.btn,
html body.v64-medtech-layout.distributors-page main .card .form .page-rfq-verification button {
  background: #76172f !important;
  background-color: #76172f;
  border: 1px solid #76172f !important;
  border-color: #76172f;
  border-radius: 6px;
  box-shadow: none !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

html body.v64-medtech-layout #rfq .rfq-left-actions .rfq-submit-row button.btn *,
html body.v64-medtech-layout #rfq .rfq-attachment-field label.rfq-upload-button.btn *,
html body.v64-medtech-layout #rfq .rfq-area .email-verification-panel button *,
html body.v64-medtech-layout.product-enquiry-page main .card .form .actions button.btn *,
html body.v64-medtech-layout.product-enquiry-page main .card .form label.page-rfq-upload-button.btn *,
html body.v64-medtech-layout.product-enquiry-page main .card .form .page-rfq-verification button *,
html body.v64-medtech-layout.distributors-page main .card .form .actions button.btn *,
html body.v64-medtech-layout.distributors-page main .card .form label.page-rfq-upload-button.btn *,
html body.v64-medtech-layout.distributors-page main .card .form .page-rfq-verification button * {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

html body.v64-medtech-layout #rfq .rfq-left-actions .rfq-submit-row button.btn:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout #rfq .rfq-attachment-field label.rfq-upload-button.btn:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout #rfq .rfq-area .email-verification-panel button:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout.product-enquiry-page main .card .form .actions button.btn:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout.product-enquiry-page main .card .form label.page-rfq-upload-button.btn:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout.product-enquiry-page main .card .form .page-rfq-verification button:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout.distributors-page main .card .form .actions button.btn:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout.distributors-page main .card .form label.page-rfq-upload-button.btn:is(:hover, :focus-visible, :active),
html body.v64-medtech-layout.distributors-page main .card .form .page-rfq-verification button:is(:hover, :focus-visible, :active) {
  background: #ead8c2 !important;
  background-color: #ead8c2;
  border-color: #ead8c2;
  color: #76172f;
  -webkit-text-fill-color: #76172f;
}


/* ===== MERGED FROM: homepage-heading-format-v320.css ===== */
/* V334: all light boxes match the Multi-product RFQ commercial-card style. */

body.v64-medtech-layout {
  --ths-light-box-copy-size: 15px;
}

/*
 * Match every semantic homepage heading to the compact typography used by
 * “Built for professional purchasing enquiries”. Colours, margins and text
 * alignment remain section-specific so headings retain the correct contrast
 * and layout in their existing containers.
 */
body.v64-medtech-layout h1,
body.v64-medtech-layout h2,
body.v64-medtech-layout h3 {
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: none;
}

/* V345: final standalone email-verification button component.
   Deliberately more specific than #rfq .rfq-area * so no legacy light-box
   or universal button rule can override its colours or states. */
html body #rfq .rfq-area button.ths-email-verify-btn,
html body button.ths-email-verify-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0;
  padding: 13px 22px;
  background: #76172f !important;
  background-color: #76172f;
  border: 1px solid #76172f !important;
  border-radius: 14px;
  box-shadow: 0 7px 18px rgba(91, 16, 36, .12) !important;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  text-transform: none;
  cursor: pointer !important;
  opacity: 1 !important;
  transform: none !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease,
    box-shadow .2s ease !important;
}

html body #rfq .rfq-area button.ths-email-verify-btn:is(:hover, :focus-visible),
html body button.ths-email-verify-btn:is(:hover, :focus-visible) {
  background: #ead8c2 !important;
  background-color: #ead8c2;
  border-color: #ead8c2;
  color: #76172f;
  -webkit-text-fill-color: #76172f;
  text-decoration-color: #76172f;
  transform: none !important;
}

html body #rfq .rfq-area button.ths-email-verify-btn:focus-visible,
html body button.ths-email-verify-btn:focus-visible {
  outline: 3px solid rgba(118, 23, 47, .28) !important;
  outline-offset: 2px !important;
}

html body #rfq .rfq-area button.ths-email-verify-btn:active,
html body button.ths-email-verify-btn:active {
  background: #ead8c2 !important;
  background-color: #ead8c2;
  border-color: #ead8c2;
  color: #76172f;
  -webkit-text-fill-color: #76172f;
  box-shadow: 0 3px 10px rgba(91, 16, 36, .12) !important;
}

html body #rfq .rfq-area button.ths-email-verify-btn:disabled,
html body button.ths-email-verify-btn:disabled {
  background: #76172f !important;
  background-color: #76172f;
  border-color: #76172f;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  cursor: wait !important;
  opacity: .65 !important;
}

/* Restore the original compact treatment of the six manufacturing process cards. */
#manufacturing .process-card h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

/* Times New Roman for the heading text in all nine international-buyer boxes. */
#international-buyers .commercial-card > b,
#international-buyers .buyer-step > strong,
#international-buyers .v54-trust > b {
  font-family: "Times New Roman", Times, serif;
}

/* Remove shadows from homepage boxes without changing their background colours. */
#ceo-message .about-card,
#manufacturing .process-card,
#about .about-value,
#quality .quality-main,
#quality .certificate-warning,
#quality .quality-points > div,
#international-buyers .commercial-card,
#international-buyers .buyer-step,
#international-buyers .v54-trust,
#rfq .rfq-area,
#cutting-edge-facility .ths-facility-card,
.certificate-access-card,
.certificate-viewer-card,
.product-modal-card {
  box-shadow: none !important;
}

/* Keep all light/white-box content black. */
#manufacturing .process-card *,
#about .about-value *,
#international-buyers .commercial-card *,
#international-buyers .buyer-step *,
#international-buyers .v54-trust *,
#rfq .rfq-area *,
#cutting-edge-facility .ths-facility-card * {
  color: #000;
  -webkit-text-fill-color: #000;
}

/*
 * Apply the exact Multi-product RFQ card treatment to every light box.
 * Genuine maroon panels are deliberately excluded from this selector.
 */
#manufacturing .process-card,
#about .about-value,
#international-buyers .commercial-card,
#international-buyers .buyer-step,
#international-buyers .v54-trust,
#rfq .rfq-area,
#cutting-edge-facility .ths-facility-card,
.certificate-access-card,
.certificate-viewer-card,
.product-modal-card {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #d7e9f4 !important;
  border-radius: 16px;
  padding: 20px;
  box-shadow: none !important;
  overflow: hidden;
}

#manufacturing .process-card:hover,
#about .about-value:hover,
#international-buyers .commercial-card:hover,
#international-buyers .buyer-step:hover,
#international-buyers .v54-trust:hover,
#rfq .rfq-area:hover,
#cutting-edge-facility .ths-facility-card:hover {
  border-color: #d7e9f4;
  box-shadow: none !important;
  transform: none !important;
}

/* Match light-box copy to the body text below the Quality section heading. */
#manufacturing .process-card p,
#about .about-value b,
#about .about-value span,
#international-buyers .commercial-card b,
#international-buyers .commercial-card span,
#international-buyers .buyer-step strong,
#international-buyers .buyer-step span,
#international-buyers .v54-trust b,
#international-buyers .v54-trust span,
#rfq .rfq-area p,
#rfq .rfq-area label,
#rfq .rfq-area input,
#rfq .rfq-area select,
#rfq .rfq-area textarea,
#cutting-edge-facility .ths-facility-card figcaption {
  font-size: var(--ths-light-box-copy-size);
  line-height: 1.65;
}

/* Permanent contrast rule: every genuine maroon box uses white text. */
#ceo-message .about-card,
#ceo-message .about-card *,
#quality .quality-main,
#quality .quality-main *,
#quality .certificate-warning,
#quality .certificate-warning * {
  color: #fff;
  -webkit-text-fill-color: #fff;
  text-decoration-color: currentColor;
}

/* The CEO message heading is slightly smaller than the main page headings. */
#ceo-message .ceo-message-inline > h3 {
  font-size: 30px;
}

/* Keep the requested major homepage headings consistent and moderately sized. */
#about-section-heading,
#manufacturing-section-heading,
#international-buyers-section-heading,
#cutting-edge-facility .ths-facility-wrap > h2,
.homepage-major-heading {
  margin: 0 0 20px;
  color: #000;
  -webkit-text-fill-color: #000;
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}

/* International-buyer trust cards: headings and copy use the normal body size. */
#international-buyers .v54-trust,
#international-buyers .v54-trust b,
#international-buyers .v54-trust span {
  color: #000;
  -webkit-text-fill-color: #000;
}

#international-buyers .v54-trust b,
#international-buyers .v54-trust span {
  font-size: var(--ths-light-box-copy-size);
  line-height: 1.65;
}

#international-buyers .v54-trust b {
  margin-bottom: 6px;
}

/* Professional purchasing introduction uses black copy on its light background. */
#international-supply.professional-purchasing-section h2,
#international-supply.professional-purchasing-section p {
  color: #000;
  -webkit-text-fill-color: #000;
}

/* High-specificity V323 safeguard against older maroon purchasing-copy rules. */
html body #international-supply.professional-purchasing-section
  .professional-purchasing-title-black,
html body #international-supply.professional-purchasing-section
  .professional-purchasing-text-black {
  color: #000;
  -webkit-text-fill-color: #000;
}

/* About profile-card headings. */
#about .about-value > b {
  color: #000;
  -webkit-text-fill-color: #000;
  font-family: "Times New Roman", Times, serif;
}

/* Certification heading and the three Quality Commitment point headings. */
#quality .certificate-heading-link,
#quality .quality-points > div > b {
  font-family: "Times New Roman", Times, serif;
}

@media (max-width: 760px) {
  body.v64-medtech-layout {
    --ths-light-box-copy-size: 14px;
  }

  body.v64-medtech-layout h1,
  body.v64-medtech-layout h2,
  body.v64-medtech-layout h3,
  #about-section-heading,
  #manufacturing-section-heading,
  #international-buyers-section-heading,
  #cutting-edge-facility .ths-facility-wrap > h2,
  .homepage-major-heading {
    font-size: 36px;
    line-height: 1.22;
  }
}

/* V413: canonical Index-page heading hierarchy. */
body.v64-medtech-layout :is(
  #manufacturing-section-heading,
  #about-section-heading,
  #quality-section-heading,
  #cutting-edge-facility .ths-facility-wrap > h2,
  #international-buyers-section-heading,
  #international-supply .professional-purchasing-title-black,
  #rfq-section-heading
) {
  margin: 0 0 20px;
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}

/* Compact headings inside cards and boxes are bold and clearly subordinate. */
body.v64-medtech-layout :is(
  #manufacturing .process-card > h3,
  #about .about-value > b,
  #international-buyers .commercial-card > b,
  #international-buyers .buyer-step > strong,
  #international-buyers .v54-trust > b
) {
  color: #000000;
  -webkit-text-fill-color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
}

/* Maroon-panel headings retain the same family and weight with white contrast. */
body.v64-medtech-layout :is(
  #ceo-message .ceo-message-inline > h3,
  #quality .quality-points > div > b,
  #quality .certificate-box-heading,
  #quality .certificate-heading-link
) {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-family: "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

/* Quality Commitment is a major universal heading rendered white on its maroon panel. */
body.v64-medtech-layout #quality .quality-main > h3 {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: none;
}

/* Modal headings are interface labels, not page headings. */
body.v64-medtech-layout :is(
  .certificate-access-card h2,
  .certificate-viewer-card h2,
  .product-modal-card h3
) {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 760px) {
  body.v64-medtech-layout :is(
    #manufacturing-section-heading,
    #about-section-heading,
    #quality-section-heading,
    #cutting-edge-facility .ths-facility-wrap > h2,
    #international-buyers-section-heading,
    #international-supply .professional-purchasing-title-black,
    #rfq-section-heading
  ) {
    font-size: 36px;
    line-height: 1.22;
  }
}


/* ===== MERGED FROM: universal-heading-footer-sitemap-v434.css ===== */
/* V434: final authority for the three professional-page headings. */
body.v64-medtech-layout:is(.product-enquiry-page, .distributors-page) .hero h1,
body.v64-medtech-layout main.international-supply-with-banner > .hero > h1 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 20px;
  padding: 0;
  color: #000;
  -webkit-text-fill-color: #000;
  font-family: "Times New Roman", Times, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  text-shadow: none;
}

/* Keep the International Supply heading close to the banner and content. */
body.v64-medtech-layout main.international-supply-with-banner > .hero {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 2px;
  padding: 2px 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

body.v64-medtech-layout main.international-supply-with-banner > .hero > h1 {
  margin: 0;
}

body.v64-medtech-layout main.international-supply-with-banner > .grid {
  margin-top: 0;
}

@media (max-width: 760px) {
  body.v64-medtech-layout:is(.product-enquiry-page, .distributors-page) .hero h1,
  body.v64-medtech-layout main.international-supply-with-banner > .hero > h1 {
    font-size: 36px;
    line-height: 1.18;
  }
}


/* ===== MERGED FROM: universal-body-text-v565.css ===== */
/* V566: universal body-copy typography for the complete website. */
html body:not(#ths-body-type-v565-a):not(#ths-body-type-v565-b):not(#ths-body-type-v565-c) {
  font-size: 16px;
}

html body:not(#ths-body-type-v565-a):not(#ths-body-type-v565-b):not(#ths-body-type-v565-c) :is(
  p,
  li,
  dd,
  dt,
  address,
  blockquote,
  figcaption,
  label,
  td,
  small,
  input:not([type="submit"]):not([type="button"]):not([type="reset"]),
  select,
  textarea,
  option,
  .meta,
  .sub,
  .lead,
  .description,
  .copy,
  .note,
  .notice,
  .ref-line,
  .surg-page-refs,
  .dental-page-refs,
  .crumb,
  .pill,
  .page-chip,
  .fact > span,
  .process-card > span,
  .about-value > span,
  .commercial-card > span,
  .buyer-step > span,
  .v54-trust > span,
  .quality-points > div > span,
  .rfq-upload-list,
  .rfq-file-state
) {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

/* Footer headings and controls retain their established heading/button styles. */
html body:not(#ths-body-type-v565-a):not(#ths-body-type-v565-b):not(#ths-body-type-v565-c)
  .ths-footer-grid :is(p, li, address, small, a:not(.ths-footer-social-link):not(.ths-footer-whatsapp):not(.ths-footer-visitor-link), span:not(.ths-footer-heading)) {
  font-size: 16px;
  line-height: 1.5;
}


/* ===== MERGED FROM: sitewide-content-rules-v363.css ===== */
/*
 * V369 — authoritative site-wide content contract.
 * Loaded last on every PHP page so legacy page CSS cannot override it.
 */

:root {
  --ths-content-space: 20px;
}

/*
 * Universal content rhythm. These rules deliberately carry !important because
 * this file is the final contract and must neutralise legacy page-level CSS.
 */
html body.v64-medtech-layout main {
  padding: var(--ths-content-space) !important;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

html body.v64-medtech-layout main > section {
  margin-block: var(--ths-content-space) !important;
}

html body.v64-medtech-layout main :is(
  .grid, [class*="-grid"], [class*="_grid"],
  .columns, [class*="-columns"], [class*="_columns"]
) {
  gap: var(--ths-content-space) !important;
}

html body.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"]
) {
  padding: var(--ths-content-space) !important;
}

html body.v64-medtech-layout main > :is(figure, picture),
html body.v64-medtech-layout main > section > :is(figure, picture) {
  margin-block: var(--ths-content-space) !important;
}

html body.v64-medtech-layout main > :first-child,
html body.v64-medtech-layout main > section:first-child {
  margin-top: 0 !important;
}

/* Normal content copy is black. Header/footer navigation is intentionally excluded. */
body.v64-medtech-layout main :is(
  p, li, span, label, figcaption, small, dt, dd, td, th
),
body.v64-medtech-layout > section :is(
  p, li, span, label, figcaption, small, dt, dd, td, th
) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* White content boxes: black Times New Roman headings and black body copy. */
:is(
  .card, .category-card, .commercial-card, .complete-vet-card, .contact-box,
  .dental-cat-card, .dental-modal-card, .dental-page-card, .dental-ref-card,
  .dental-reference-panel, .division, .doc-card, .feature.light,
  .homepage-implant-card, .implant-card, .matched-product-card, .process-card,
  .product-card, .product-modal-card, .real-product-card, .ref-dropdown-card,
  .rfq-card, .surg-cat-card, .surg-modal-card, .surg-page-card,
  .surg-ref-card, .surg-reference-panel, .ths-box-visible,
  .ths-division-visual, .ths-facility-card, .ths-floating-box, .v54-trust,
  .vet-cat-card, .vet-page-modal-card, .vet-product-card,
  .vet-reference-panel, .vet-summary-card, .certificate-access-card,
  .certificate-viewer-card, .buyer-step, .about-value, .check, .step, .note
) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

:is(
  .card, .category-card, .commercial-card, .complete-vet-card, .contact-box,
  .dental-cat-card, .dental-modal-card, .dental-page-card, .dental-ref-card,
  .dental-reference-panel, .division, .doc-card, .feature.light,
  .homepage-implant-card, .implant-card, .matched-product-card, .process-card,
  .product-card, .product-modal-card, .real-product-card, .ref-dropdown-card,
  .rfq-card, .surg-cat-card, .surg-modal-card, .surg-page-card,
  .surg-ref-card, .surg-reference-panel, .ths-box-visible,
  .ths-division-visual, .ths-facility-card, .ths-floating-box, .v54-trust,
  .vet-cat-card, .vet-page-modal-card, .vet-product-card,
  .vet-reference-panel, .vet-summary-card, .certificate-access-card,
  .certificate-viewer-card, .buyer-step, .about-value, .check, .step, .note
) :is(h1, h2, h3, h4, h5, h6, b, strong) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-weight: 700 !important;
}

/* Permanent box-heading rule: headings inside every visual box remain bold. */
html body.v64-medtech-layout :is(
  [class*="card"], [class*="box"], [class*="panel"],
  .division, .feature, .step, .buyer-step, .check, .fact, .facts,
  .notice, .note, .cta, .quality-main, .rfq-list
) :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700 !important;
}

:is(
  .card, .category-card, .commercial-card, .complete-vet-card, .contact-box,
  .dental-cat-card, .dental-modal-card, .dental-page-card, .dental-ref-card,
  .dental-reference-panel, .division, .doc-card, .feature.light,
  .homepage-implant-card, .implant-card, .matched-product-card, .process-card,
  .product-card, .product-modal-card, .real-product-card, .ref-dropdown-card,
  .rfq-card, .surg-cat-card, .surg-modal-card, .surg-page-card,
  .surg-ref-card, .surg-reference-panel, .ths-box-visible,
  .ths-division-visual, .ths-facility-card, .ths-floating-box, .v54-trust,
  .vet-cat-card, .vet-page-modal-card, .vet-product-card,
  .vet-reference-panel, .vet-summary-card, .certificate-access-card,
  .certificate-viewer-card, .buyer-step, .about-value, .check, .step, .note
) :is(p, li, span, label, figcaption, small, dt, dd, td, th, a) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* True page and section headings match the Index “About us” rule. */
:is(main, .hero, .page-hero, .category-hero, .banner)
  h1:not(:is(.card, .panel, .modal, .product-modal-card) h1),
main > section > h2,
main > section > .wrap > h2,
main > section > div > h2,
body > section > .wrap > h2,
.section-title,
.category-page-main-heading,
.professional-purchasing-title-black,
#cutting-edge-facility .ths-facility-wrap > h2 {
  margin: 0 0 var(--ths-content-space) !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/* Genuine maroon content boxes always retain white copy. */
:is(
  .hero-panel, .quality-main, .about-card, .rfq-list,
  .feature:not(.light), .vet-benefit, .certificate-warning,
  .dark-card, .dark-panel, .dark-section
),
:is(
  .hero-panel, .quality-main, .about-card, .rfq-list,
  .feature:not(.light), .vet-benefit, .certificate-warning,
  .dark-card, .dark-panel, .dark-section
) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration-color: currentColor !important;
}

/* International Supply purchasing panel is a white box, not a maroon panel. */
body.v64-medtech-layout main.international-supply-with-banner .cta,
body.v64-medtech-layout main.international-supply-with-banner .cta * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Product-box headings and all text descendants are maroon site-wide. */
html body.v64-medtech-layout :is(
  .division, .category-card, .product-card, .real-product-card,
  .matched-product-card, .surg-page-card, .dental-page-card, .full-vet-page,
  .homepage-implant-card, .implant-card, .vet-product-card, .vet-cat-card,
  .surg-cat-card, .dental-cat-card, .complete-vet-card, .vet-summary-card,
  .surg-ref-card, .dental-ref-card, .surg-reference-panel,
  .dental-reference-panel, .vet-reference-panel
),
html body.v64-medtech-layout :is(
  .division, .category-card, .product-card, .real-product-card,
  .matched-product-card, .surg-page-card, .dental-page-card, .full-vet-page,
  .homepage-implant-card, .implant-card, .vet-product-card, .vet-cat-card,
  .surg-cat-card, .dental-cat-card, .complete-vet-card, .vet-summary-card,
  .surg-ref-card, .dental-ref-card, .surg-reference-panel,
  .dental-reference-panel, .vet-reference-panel
) * {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
  text-decoration-color: #76172f !important;
}

/* Every box on generated product-detail pages uses maroon typography. */
html body.v64-medtech-layout.product-detail-page :is(
  .panel, .facts, .fact, .notice, .related .card, .cards .card
),
html body.v64-medtech-layout.product-detail-page :is(
  .panel, .facts, .fact, .notice, .related .card, .cards .card
) * {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
  text-decoration-color: #76172f !important;
}

/* Generic cards are product boxes on category and Beauty catalogue pages. */
html body.v64-medtech-layout.product-listing-page .card,
html body.v64-medtech-layout.product-listing-page .card *,
html body.v64-medtech-layout.category-catalogue-page .card,
html body.v64-medtech-layout.category-catalogue-page .card * {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
  text-decoration-color: #76172f !important;
}

/* Buttons preserve the universal maroon/white and beige/maroon interaction. */
html body.v64-medtech-layout :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,
  main button:not(:is(.top-products-btn, .menu-toggle, .nav-toggle, .hamburger, .menu-close, .modal-close)),
  main input[type="submit"], main input[type="button"], main input[type="reset"],
  main a[role="button"]:not(.top-products-btn)
):not(:hover):not(:focus-visible),
html body.v64-medtech-layout :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,
  main button:not(:is(.top-products-btn, .menu-toggle, .nav-toggle, .hamburger, .menu-close, .modal-close)),
  main input[type="submit"], main input[type="button"], main input[type="reset"],
  main a[role="button"]:not(.top-products-btn)
):not(:hover):not(:focus-visible) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.v64-medtech-layout :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)
):is(:hover, :focus-visible),
html body.v64-medtech-layout :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)
):is(:hover, :focus-visible) * {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
}

/* Product-page buttons remain outside the product-text colour contract. */
html body.v64-medtech-layout.product-detail-page .btn:not(:hover):not(:focus-visible),
html body.v64-medtech-layout.product-detail-page .btn:not(:hover):not(:focus-visible) *,
html body.v64-medtech-layout.product-listing-page
  .beauty-category-button:not(:hover):not(:focus-visible) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.v64-medtech-layout.product-detail-page .btn:is(:hover, :focus-visible),
html body.v64-medtech-layout.product-detail-page .btn:is(:hover, :focus-visible) *,
html body.v64-medtech-layout.product-listing-page
  .beauty-category-button:is(:hover, :focus-visible) {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
}

@media (max-width: 760px) {
  :is(main, .hero, .page-hero, .category-hero, .banner)
    h1:not(:is(.card, .panel, .modal, .product-modal-card) h1),
  main > section > h2,
  main > section > .wrap > h2,
  main > section > div > h2,
  body > section > .wrap > h2,
  .section-title,
  .category-page-main-heading,
  .professional-purchasing-title-black,
  #cutting-edge-facility .ths-facility-wrap > h2 {
    font-size: 36px !important;
    line-height: 1.18 !important;
  }
}

/*
 * Final non-overridable site contract.
 * The repeated body class intentionally outranks legacy page selectors that
 * used !important. Keep this block last in this stylesheet.
 */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > section {
  margin: 0 0 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > section:last-child {
  margin-bottom: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :is(
  main > h1,
  main > h2,
  main > section > h1,
  main > section > h2,
  main > section > .wrap > h1,
  main > section > .wrap > h2,
  main > section > div > h1,
  main > section > div > h2,
  .section-title,
  .homepage-major-heading,
  .category-page-main-heading,
  .professional-purchasing-title-black,
  #cutting-edge-facility .ths-facility-wrap > h2
) {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .grid, [class*="-grid"], [class*="_grid"],
  .columns, [class*="-columns"], [class*="_columns"]
) {
  column-gap: 20px !important;
  row-gap: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"]
) {
  box-sizing: border-box !important;
  padding: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"]
) :is(h1, h2, h3, h4, h5, h6):not(.section-title):not(.homepage-major-heading) {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :is(figure, picture),
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > section > :is(figure, picture),
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > section > .wrap > :is(figure, picture, .section-visual) {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* Semantic colour exceptions remain part of the universal contract. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .hero-panel, .quality-main, .about-card, .rfq-list,
  .feature:not(.light), .vet-benefit, .certificate-warning,
  .dark-card, .dark-panel, .dark-section
) :is(h1, h2, h3, h4, h5, h6) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .division, .category-card, .product-card, .real-product-card,
  .matched-product-card, .surg-page-card, .dental-page-card,
  .homepage-implant-card, .implant-card, .vet-product-card, .vet-cat-card,
  .surg-cat-card, .dental-cat-card, .complete-vet-card, .vet-summary-card
) :is(h1, h2, h3, h4, h5, h6) {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
}

/* Image-led CNC cards intentionally keep their established edge-to-edge media. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main .ths-facility-card {
  padding: 0 !important;
}

/* V365: every content heading keeps exactly one 20px space below it. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  h1, h2, h3, h4, h5, h6
) {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* Catch page-title naming used by older catalogue and product templates. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :is(
  main h1:not(:is(.card, [class*="-card"], [class*="_card"], .box, [class*="-box"], [class*="_box"], .panel, [class*="-panel"], [class*="_panel"], .modal, [class*="-modal"], [class*="_modal"]) h1),
  .page-title, .page-heading, .main-title, .main-heading,
  .hero-title, .hero-heading, .content-title, .content-heading,
  .section-heading
) {
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/*
 * Product-page cinematic media participates in normal document flow. Motion,
 * transforms and inner images cannot create extra layout space around it.
 */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout:is(
  .product-detail-page, .product-listing-page, .category-catalogue-page
) main :is(
  figure, picture, .product-image, .product-media, .product-gallery,
  .product-visual, .cinematic, .cinematic-image, .cinematic-media,
  [class*="cinematic"], [class*="product-image"], [class*="product-media"]
) {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout:is(
  .product-detail-page, .product-listing-page, .category-catalogue-page
) main :is(
  figure, picture, .product-image, .product-media, .product-gallery,
  .product-visual, .cinematic, .cinematic-image, .cinematic-media,
  [class*="cinematic"], [class*="product-image"], [class*="product-media"]
) > img {
  display: block !important;
  margin: 0 !important;
  vertical-align: top !important;
}

/* The next heading supplies no second margin, preventing a 40px combined gap. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout:is(
  .product-detail-page, .product-listing-page, .category-catalogue-page
) main :is(
  figure, picture, .product-image, .product-media, .product-gallery,
  .product-visual, .cinematic, .cinematic-image, .cinematic-media,
  [class*="cinematic"], [class*="product-image"], [class*="product-media"]
) + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0 !important;
}

/* V366: product-detail layout has one—and only one—20px outer rhythm. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.product-detail-page main {
  padding: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.product-detail-page main > .grid {
  margin: 0 0 20px !important;
  padding: 0 !important;
  column-gap: 20px !important;
  row-gap: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.product-detail-page main > .grid > .visual {
  margin: 0 !important;
  padding: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.product-detail-page main > .grid > .visual > img {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.product-detail-page main > .related {
  margin: 0 !important;
  padding: 0 !important;
}

/* V367: Categories page containers follow both permanent site laws. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.categories-page main {
  box-sizing: border-box !important;
  padding: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.categories-page main > .categories-overview-banner {
  margin: 0 0 20px !important;
  padding: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.categories-page main > :is(
  .categories-intro-box, .categories-group-box
) {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 20px !important;
  border: 1px solid #e0e6eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.categories-page main > .categories-group-box:last-child {
  margin-bottom: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.categories-page :is(
  .categories-intro-box > h1,
  .categories-group-box > h2
) {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.categories-page .categories-intro-box > .category-page-searchbar,
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.categories-page .categories-group-box > .grid {
  margin: 0 !important;
}

/*
 * V368 — permanent website layout law.
 * 1. Every page content edge is 20px.
 * 2. Every major heading has one 20px space after it.
 * 3. Every content box has 20px internal text padding.
 * 4. Every stacked or side-by-side box gap is 20px.
 */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main {
  box-sizing: border-box !important;
  padding: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout > section > .wrap {
  box-sizing: border-box !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

/* Main already owns the page inset; immediate wrappers must not double it. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > .wrap,
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > section > .wrap {
  box-sizing: border-box !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :is(
  section, article, .section, [class*="-section"], [class*="_section"]
) {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :last-child {
  margin-bottom: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .grid, [class*="-grid"], [class*="_grid"],
  .columns, [class*="-columns"], [class*="_columns"],
  .cards, [class*="-cards"], [class*="_cards"],
  .boxes, [class*="-boxes"], [class*="_boxes"]
) {
  gap: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note
) {
  box-sizing: border-box !important;
  padding: 20px !important;
}

/* Media cards keep their picture full-width; their text area owns the 20px inset. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .surg-page-card, .dental-page-card, .full-vet-page,
  .surg-cat-card, .dental-cat-card, .vet-product-card,
  .product-card, .real-product-card, .matched-product-card,
  .card:has(> img), .card:has(> picture), .card:has(> [class*="image"])
) {
  padding: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .surg-page-body, .dental-page-body, .full-vet-body,
  .surg-cat-body, .dental-cat-body, .vet-product-body,
  .product-card-body, .card-body,
  .card:has(> img) > div, .card:has(> picture) > div
) {
  box-sizing: border-box !important;
  padding: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* Surgical catalogue browser heading is a major heading, not a card label. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.category-catalogue-page
  main .surg-browser-head > div > .category-page-main-heading {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/* V369: universal four-edge spacing and rounded-box law. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :is(
  section, article, .section, [class*="-section"], [class*="_section"]
) {
  box-sizing: border-box !important;
  padding: 20px !important;
  border-radius: 12px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note
) {
  border-radius: 12px !important;
}

/* Layout-only product rows are not visual boxes; their child boxes own padding. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout.product-detail-page main > :is(.grid, .related) {
  padding: 0 !important;
}

/* Full-width media remains contained by its parent box without extra margins. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .section-visual, .division-page-banner, .visual, .product-visual,
  .product-image, .product-media
) {
  box-sizing: border-box !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* V371: exact catalogue-grid to Load More button spacing on every division page. */
html body.v64-medtech-layout main .load-more-wrap {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

html body.v64-medtech-layout main .load-more-wrap > :is(button, .btn) {
  margin: 0 !important;
}

/* V372: Beauty catalogue toolbar and source button follow the universal rhythm. */
html body.v64-medtech-layout.category-catalogue-page main #beauty-catalogue .toolbar {
  box-sizing: border-box !important;
  gap: 20px !important;
  margin: 20px 0 !important;
  padding: 0 !important;
}

html body.v64-medtech-layout.category-catalogue-page main #beautyGrid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.v64-medtech-layout.category-catalogue-page main #beauty-catalogue .catalogue-source-button {
  box-sizing: border-box !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 13px 22px !important;
  border: 1px solid #76172f !important;
  border-radius: 6px !important;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* About Us is always a canonical homepage major heading. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main #about #about-section-heading,
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main .catalogue-browser-heading {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/* Varied, accessible light backgrounds for category cards. */
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 1) { background: #fff4e6 !important; }
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 2) { background: #eef7ff !important; }
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 3) { background: #f3f8e8 !important; }
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 4) { background: #fbeff4 !important; }
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 5) { background: #f2efff !important; }
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 6) { background: #eaf8f4 !important; }
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 7) { background: #fff8d9 !important; }
html body.v64-medtech-layout.categories-page main .categories-group-box > .grid > .card:nth-child(8n + 8) { background: #f1f3f5 !important; }

/* V373: canonical Veterinary box typography. */
html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-benefit,
html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-cat-body,
html body.v64-medtech-layout.category-catalogue-page main #complete-veterinary-section .full-vet-body {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-benefit > b,
html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-cat-body > h3,
html body.v64-medtech-layout.category-catalogue-page main #complete-veterinary-section .full-vet-body > h3 {
  display: block !important;
  margin: 0 0 20px !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-benefit > span,
html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-cat-body > p,
html body.v64-medtech-layout.category-catalogue-page main #complete-veterinary-section .full-vet-body > p {
  margin-top: 0 !important;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Genuine maroon Veterinary information and catalogue boxes use white copy. */
html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-benefit :is(b, span),
html body.v64-medtech-layout.category-catalogue-page main #complete-veterinary-section .full-vet-body :is(h3, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Veterinary category cards are product boxes and retain maroon copy. */
html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-cat-body :is(h3, p) {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
}

html body.v64-medtech-layout.category-catalogue-page main #veterinary-catalogue .vet-actions :is(.small-btn, button),
html body.v64-medtech-layout.category-catalogue-page main #complete-veterinary-section .full-vet-actions :is(.small-btn, button) {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/*
 * V374 — final single-source website contract.
 * Legacy styles may define component structure, but only this block owns
 * content typography, 20px layout rhythm, box corners and button presentation.
 */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main {
  box-sizing: border-box !important;
  padding: 20px !important;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  p, li, dd, dt, label, figcaption, small, td, th
) {
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  text-align-last: left !important;
  text-transform: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :is(
  section, article, .section, [class*="-section"], [class*="_section"]
) {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding: 20px !important;
  border-radius: 12px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :last-child {
  margin-bottom: 0 !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .grid, [class*="-grid"], [class*="_grid"],
  .columns, [class*="-columns"], [class*="_columns"],
  .cards, [class*="-cards"], [class*="_cards"],
  .boxes, [class*="-boxes"], [class*="_boxes"]
) {
  column-gap: 20px !important;
  row-gap: 20px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note, .vet-benefit
) {
  box-sizing: border-box !important;
  padding: 20px !important;
  border-radius: 12px !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :is(
  main > h1, main > h2,
  main > section > h1, main > section > h2,
  main > section > .wrap > h1, main > section > .wrap > h2,
  .section-title, .homepage-major-heading, .category-page-main-heading,
  .catalogue-browser-heading, .page-title, .page-heading,
  .main-title, .main-heading, .hero-title, .hero-heading,
  .content-title, .content-heading, .section-heading
) {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note, .vet-benefit
) :is(h1, h2, h3, h4, h5, h6, b, strong):not(.section-title):not(.homepage-major-heading):not(.category-page-main-heading) {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :is(
  .hero-panel, .quality-main, .about-card, .rfq-list,
  .feature:not(.light), .vet-benefit, .certificate-warning,
  .dark-card, .dark-panel, .dark-section
),
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :is(
  .hero-panel, .quality-main, .about-card, .rfq-list,
  .feature:not(.light), .vet-benefit, .certificate-warning,
  .dark-card, .dark-panel, .dark-section
) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration-color: currentColor !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :is(
  .division, .category-card, .product-card, .real-product-card,
  .matched-product-card, .surg-page-card, .dental-page-card,
  .homepage-implant-card, .implant-card, .vet-product-card, .vet-cat-card,
  .surg-cat-card, .dental-cat-card, .complete-vet-card, .vet-summary-card
),
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :is(
  .division, .category-card, .product-card, .real-product-card,
  .matched-product-card, .surg-page-card, .dental-page-card,
  .homepage-implant-card, .implant-card, .vet-product-card, .vet-cat-card,
  .surg-cat-card, .dental-cat-card, .complete-vet-card, .vet-summary-card
) * {
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
  text-decoration-color: #76172f !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :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)
) {
  box-sizing: border-box !important;
  min-height: 48px !important;
  padding: 13px 22px !important;
  border: 1px solid #76172f !important;
  border-radius: 6px !important;
  background: #76172f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  text-transform: none !important;
  box-shadow: none !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout :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)
):is(:hover, :focus-visible, :active) {
  background: #ead8c2 !important;
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
  border-color: #76172f !important;
}

/* Edge-to-edge media cards keep padding on their text body, not around images. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .surg-page-card, .dental-page-card, .full-vet-page,
  .surg-cat-card, .dental-cat-card, .vet-product-card,
  .product-card, .real-product-card, .matched-product-card,
  .homepage-implant-card, .implant-card, .ths-facility-card,
  .card:has(> img), .card:has(> picture), .card:has(> a:first-child > img)
) {
  padding: 0 !important;
  overflow: hidden !important;
}

html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .surg-page-body, .dental-page-body, .full-vet-body,
  .surg-cat-body, .dental-cat-body, .vet-product-body,
  .product-card-body, .card-body, .vet-cat-body,
  .card > .body
) {
  box-sizing: border-box !important;
  padding: 20px !important;
}

/*
 * V591 — final spacing and contrast contract.
 * 1) White/light content boxes may never stack a component row-gap with
 *    heading margins to create more than 20px between a heading and its copy.
 * 2) The CEO / adjacent manufacturing columns keep a hard 20px separation.
 * 3) Genuine maroon boxes always render white text, regardless of legacy copy rules.
 */

/* White/light box content rhythm: 20px is the maximum heading-to-copy distance. */
html body.v64-medtech-layout :is(
  .card, .category-card, .commercial-card, .complete-vet-card, .contact-box,
  .dental-cat-card, .dental-modal-card, .dental-page-card, .dental-ref-card,
  .dental-reference-panel, .division, .doc-card, .feature.light,
  .homepage-implant-card, .implant-card, .matched-product-card, .process-card,
  .product-card, .product-modal-card, .real-product-card, .ref-dropdown-card,
  .rfq-card, .surg-cat-card, .surg-modal-card, .surg-page-card,
  .surg-ref-card, .surg-reference-panel, .ths-box-visible,
  .ths-division-visual, .ths-facility-card, .ths-floating-box, .v54-trust,
  .vet-cat-card, .vet-page-modal-card, .vet-product-card,
  .vet-reference-panel, .vet-summary-card, .certificate-access-card,
  .certificate-viewer-card, .buyer-step, .about-value, .check, .step, .note,
  .rfq-area, .rfq-adjacent-empty-box, .rfq-guidance-item,
  .rfq-attachment-field, .email-verification-panel
) {
  row-gap: 20px !important;
}

html body.v64-medtech-layout :is(
  .card, .category-card, .commercial-card, .complete-vet-card, .contact-box,
  .dental-cat-card, .dental-modal-card, .dental-page-card, .dental-ref-card,
  .dental-reference-panel, .division, .doc-card, .feature.light,
  .homepage-implant-card, .implant-card, .matched-product-card, .process-card,
  .product-card, .product-modal-card, .real-product-card, .ref-dropdown-card,
  .rfq-card, .surg-cat-card, .surg-modal-card, .surg-page-card,
  .surg-ref-card, .surg-reference-panel, .ths-box-visible,
  .ths-division-visual, .ths-facility-card, .ths-floating-box, .v54-trust,
  .vet-cat-card, .vet-page-modal-card, .vet-product-card,
  .vet-reference-panel, .vet-summary-card, .certificate-access-card,
  .certificate-viewer-card, .buyer-step, .about-value, .check, .step, .note,
  .rfq-area, .rfq-adjacent-empty-box, .rfq-guidance-item,
  .rfq-attachment-field, .email-verification-panel
) :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* If the box itself supplies a layout gap, do not also keep a heading bottom margin. */
html body.v64-medtech-layout :is(
  .card, .category-card, .commercial-card, .complete-vet-card, .contact-box,
  .dental-cat-card, .dental-modal-card, .dental-page-card, .dental-ref-card,
  .dental-reference-panel, .division, .doc-card, .feature.light,
  .homepage-implant-card, .implant-card, .matched-product-card, .process-card,
  .product-card, .product-modal-card, .real-product-card, .ref-dropdown-card,
  .rfq-card, .surg-cat-card, .surg-modal-card, .surg-page-card,
  .surg-ref-card, .surg-reference-panel, .ths-box-visible,
  .ths-division-visual, .ths-facility-card, .ths-floating-box, .v54-trust,
  .vet-cat-card, .vet-page-modal-card, .vet-product-card,
  .vet-reference-panel, .vet-summary-card, .certificate-access-card,
  .certificate-viewer-card, .buyer-step, .about-value, .check, .step, .note,
  .rfq-area, .rfq-adjacent-empty-box, .rfq-guidance-item,
  .rfq-attachment-field, .email-verification-panel
):is([style*="display:grid"], [style*="display: grid"], [style*="display:flex"], [style*="display: flex"]) :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0 !important;
}

/* First copy item after a heading must not add extra top spacing. */
html body.v64-medtech-layout main :is(h1, h2, h3, h4, h5, h6) + :is(p, ul, ol, dl, div, span, small) {
  margin-top: 0 !important;
}

/* CEO Message and the adjacent manufacturing box: never more than 20px apart. */
html body.v64-medtech-layout > main > .ths-company-manufacturing-row {
  column-gap: 20px !important;
  row-gap: 20px !important;
  gap: 20px !important;
}
html body.v64-medtech-layout > main > .ths-company-manufacturing-row > :is(#ceo-message, #manufacturing) {
  margin: 0 !important;
}

/* Authoritative maroon-box contrast contract: maroon surface = white copy. */
html body.v64-medtech-layout :is(
  .hero-panel, .quality-main, .about-card, .rfq-list,
  .feature:not(.light), .vet-benefit, .certificate-warning,
  .dark-card, .dark-panel, .dark-section, .maroon, .maroon-box,
  [class*="maroon-box"], [class*="maroon-panel"], [class*="maroon-card"],
  [style*="background:#76172f"], [style*="background: #76172f"],
  [style*="background-color:#76172f"], [style*="background-color: #76172f"]
),
html body.v64-medtech-layout :is(
  .hero-panel, .quality-main, .about-card, .rfq-list,
  .feature:not(.light), .vet-benefit, .certificate-warning,
  .dark-card, .dark-panel, .dark-section, .maroon, .maroon-box,
  [class*="maroon-box"], [class*="maroon-panel"], [class*="maroon-card"],
  [style*="background:#76172f"], [style*="background: #76172f"],
  [style*="background-color:#76172f"], [style*="background-color: #76172f"]
) * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration-color: currentColor !important;
}


/* ===== MERGED FROM: sitewide-uniformity-v607.css ===== */
/*
 * V607 — SITE-WIDE SPACING / UNIFORMITY CONTRACT
 * Loaded after legacy page CSS on every rendered website page.
 * Scope: layout spacing only. It deliberately does NOT redefine button colours,
 * typography themes, borders, shadows or semantic colour rules.
 */

:root {
  --ths-space: 20px;
}

/* 1) One page-edge inset. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main {
  box-sizing: border-box !important;
  padding: var(--ths-space) !important;
}

/* Immediate wrappers may not add a second page-edge inset. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > .wrap,
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > section > .wrap,
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > article > .wrap {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) Major page blocks: one 20px block-to-block interval. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :is(
  section, article, .section, [class*="-section"], [class*="_section"]
) {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: var(--ths-space) !important;
}
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :last-child {
  margin-bottom: 0 !important;
}

/* 3) All grid/column/card collections use one 20px box-to-box gap. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .grid, [class*="-grid"], [class*="_grid"],
  .columns, [class*="-columns"], [class*="_columns"],
  .cards, [class*="-cards"], [class*="_cards"],
  .boxes, [class*="-boxes"], [class*="_boxes"],
  .items, [class*="-items"], [class*="_items"]
) {
  column-gap: var(--ths-space) !important;
  row-gap: var(--ths-space) !important;
}

/* 4) Visual content boxes have one 20px text-to-edge inset. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note,
  .cta, .fact, .facts, .buyer-step, .about-value, .vet-benefit,
  .rfq-list, .quality-main
) {
  box-sizing: border-box !important;
  padding: var(--ths-space) !important;
}

/* Full-bleed/media-led cards keep media edge-to-edge; their text body owns 20px. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .surg-page-card, .dental-page-card, .full-vet-page,
  .surg-cat-card, .dental-cat-card, .vet-product-card,
  .product-card, .real-product-card, .matched-product-card,
  .ths-facility-card,
  .card:has(> img), .card:has(> picture), .card:has(> [class*="image"])
) {
  padding: 0 !important;
}
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .surg-page-body, .dental-page-body, .full-vet-body,
  .surg-cat-body, .dental-cat-body, .vet-product-body,
  .product-card-body, .card-body,
  .card:has(> img) > :is(div,section,article),
  .card:has(> picture) > :is(div,section,article)
) {
  box-sizing: border-box !important;
  padding: var(--ths-space) !important;
}


/* Ordinary content boxes must not add their own vertical gap on top of
   heading/copy margins. Grid-labelled boxes are exempt because their children
   are true peer boxes and need the 20px grid gap. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note,
  .cta, .fact, .facts, .buyer-step, .about-value, .vet-benefit,
  .rfq-list, .quality-main
):not(.grid):not([class*="-grid"]):not([class*="_grid"]):not(.columns):not([class*="-columns"]):not([class*="_columns"]) {
  row-gap: 0 !important;
}

/* Direct copy blocks inside visual boxes use the same one-sided 20px rhythm. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note,
  .cta, .fact, .facts, .buyer-step, .about-value, .vet-benefit,
  .rfq-list, .quality-main
) > :is(p,ul,ol,dl,blockquote,table,form,fieldset,figure) {
  margin-top: 0 !important;
  margin-bottom: var(--ths-space) !important;
}
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note,
  .cta, .fact, .facts, .buyer-step, .about-value, .vet-benefit,
  .rfq-list, .quality-main
) > :last-child {
  margin-bottom: 0 !important;
}

/* 5) The first/last content inside a box cannot create phantom edge space. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note,
  .cta, .fact, .facts, .buyer-step, .about-value, .vet-benefit,
  .rfq-list, .quality-main
) > :first-child {
  margin-top: 0 !important;
}
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"],
  .feature, .division, .step, .check, .notice, .note,
  .cta, .fact, .facts, .buyer-step, .about-value, .vet-benefit,
  .rfq-list, .quality-main
) > :last-child {
  margin-bottom: 0 !important;
}

/* 6) One and only one 20px heading-to-following-content interval. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(h1,h2,h3,h4,h5,h6) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: var(--ths-space) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(h1,h2,h3,h4,h5,h6) + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(h1,h2,h3,h4,h5,h6) + :is(div,section,article,aside) > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Body-copy blocks never add a top margin immediately after a heading. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  p, ul, ol, dl, blockquote, table, form, fieldset, figure
) {
  margin-top: 0 !important;
}

/* 7) Prevent old min-height/flex distribution from manufacturing empty space. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"]
) :is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl) {
  min-height: 0 !important;
  max-height: none !important;
}
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .grid, [class*="-grid"], [class*="_grid"],
  .cards, [class*="-cards"], [class*="_cards"],
  .boxes, [class*="-boxes"], [class*="_boxes"]
) {
  align-content: start !important;
}

/* 8) Forms and RFQ/control groups use the same 20px rhythm without altering buttons. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main :is(
  .form-row, .form-grid, .field-row, .field-grid,
  .actions, .button-row, .button-group,
  .rfq-actions, .rfq-ready-actions, .rfq-grid
) {
  column-gap: var(--ths-space) !important;
  row-gap: var(--ths-space) !important;
}

/* 9) Sequential top-level visual boxes outside a grid have exactly 20px between them. */
html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main > :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"]
) + :is(
  .card, [class*="-card"], [class*="_card"],
  .box, [class*="-box"], [class*="_box"],
  .panel, [class*="-panel"], [class*="_panel"]
) {
  margin-top: var(--ths-space) !important;
}

/* 10) Mobile retains the same 20px contract; no hidden compact/expanded variant. */
@media (max-width: 760px) {
  html body.v64-medtech-layout.v64-medtech-layout.v64-medtech-layout main {
    padding: var(--ths-space) !important;
  }
}


/* ===== MERGED FROM: homepage-spacing-v606.css ===== */
/* V603 — CANONICAL FINAL HOMEPAGE CONTRACT
   One source of truth for homepage spacing, menu state, and the retained fixes.
   Supersedes the accumulated V598–V602 spacing rules. */

/* ------------------------------------------------------------
   WHITE / LIGHT BOXES: EXACT MAXIMUM 20PX HEADING-TO-CONTENT
   The heading owns the only interval: margin-bottom:20px.
   The following content has no top margin/padding.
   ------------------------------------------------------------ */
html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,
  .homepage-implant-card,.implant-card,.matched-product-card,.process-card,
  .product-card,.product-modal-card,.real-product-card,.ref-dropdown-card,
  .rfq-card,.surg-cat-card,.surg-modal-card,.surg-page-card,.surg-ref-card,
  .surg-reference-panel,.ths-box-visible,.ths-division-visual,.ths-facility-card,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,
  .vet-product-card,.vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-area,.rfq-adjacent-empty-box,.rfq-guidance-item,.rfq-attachment-field,
  .email-verification-panel,.rfq-follow-up-step,.quality-main
) {
  row-gap: 0 !important;
  gap: 0 !important;
  justify-content: flex-start !important;
  align-content: start !important;
  place-content: start !important;
  grid-auto-rows: max-content !important;
}

html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,
  .homepage-implant-card,.implant-card,.matched-product-card,.process-card,
  .product-card,.product-modal-card,.real-product-card,.ref-dropdown-card,
  .rfq-card,.surg-cat-card,.surg-modal-card,.surg-page-card,.surg-ref-card,
  .surg-reference-panel,.ths-box-visible,.ths-division-visual,.ths-facility-card,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,
  .vet-product-card,.vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-area,.rfq-adjacent-empty-box,.rfq-guidance-item,.rfq-attachment-field,
  .email-verification-panel,.rfq-follow-up-step,.quality-main
) :is(h1,h2,h3,h4,h5,h6) {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-self: auto !important;
}

html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,
  .homepage-implant-card,.implant-card,.matched-product-card,.process-card,
  .product-card,.product-modal-card,.real-product-card,.ref-dropdown-card,
  .rfq-card,.surg-cat-card,.surg-modal-card,.surg-page-card,.surg-ref-card,
  .surg-reference-panel,.ths-box-visible,.ths-division-visual,.ths-facility-card,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,
  .vet-product-card,.vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-area,.rfq-adjacent-empty-box,.rfq-guidance-item,.rfq-attachment-field,
  .email-verification-panel,.rfq-follow-up-step,.quality-main
) :is(h1,h2,h3,h4,h5,h6) + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,
  .homepage-implant-card,.implant-card,.matched-product-card,.process-card,
  .product-card,.product-modal-card,.real-product-card,.ref-dropdown-card,
  .rfq-card,.surg-cat-card,.surg-modal-card,.surg-page-card,.surg-ref-card,
  .surg-reference-panel,.ths-box-visible,.ths-division-visual,.ths-facility-card,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,
  .vet-product-card,.vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-area,.rfq-adjacent-empty-box,.rfq-guidance-item,.rfq-attachment-field,
  .email-verification-panel,.rfq-follow-up-step,.quality-main
) :is(h1,h2,h3,h4,h5,h6) + :is(div,section,article,aside) > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Heading-like first labels used instead of h-elements. */
html body.v64-medtech-layout main :is(
  .commercial-card,.buyer-step,.about-value,.v54-trust,.check,.step,.note
) > :is(b,strong):first-child {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}
html body.v64-medtech-layout main :is(
  .commercial-card,.buyer-step,.about-value,.v54-trust,.check,.step,.note
) > :is(b,strong):first-child + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* CNC process cards: same single 20px source, no second paragraph offset. */
html body.v64-medtech-layout main #manufacturing .process-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  row-gap: 0 !important;
  justify-content: flex-start !important;
}
html body.v64-medtech-layout main #manufacturing .process-card > h3 {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
html body.v64-medtech-layout main #manufacturing .process-card > h3 + p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ------------------------------------------------------------
   CEO + QUALITY
   ------------------------------------------------------------ */
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > h3 {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > h3 + p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.v64-medtech-layout > main > .ths-company-manufacturing-row {
  display: grid !important;
  column-gap: 20px !important;
  row-gap: 20px !important;
  gap: 20px !important;
}
html body.v64-medtech-layout > main > .ths-company-manufacturing-row > #ceo-message,
html body.v64-medtech-layout > main > .ths-company-manufacturing-row > #manufacturing {
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body.v64-medtech-layout > main > .ths-company-manufacturing-row > #ceo-message > .wrap,
html body.v64-medtech-layout > main > .ths-company-manufacturing-row > #manufacturing > .wrap {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
html body.v64-medtech-layout > main > .ths-company-manufacturing-row > #ceo-message > .wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Quality Commitment: universal heading typography, white on maroon. */
html body.v64-medtech-layout main #quality .quality-main > h3 {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
html body.v64-medtech-layout main #quality .quality-main > h3 + p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Certification heading is content, not a CTA button. */
html body.v64-medtech-layout main #quality .certificate-box-heading {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 20px 0 20px 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}
html body.v64-medtech-layout main #quality button.certificate-heading-link[data-ths-button-theme-exempt] {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  transform: none !important;
}
html body.v64-medtech-layout main #quality .certificate-box-heading + .certificate-name-list {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ------------------------------------------------------------
   TOP SECTION SPACING
   ------------------------------------------------------------ */
html body.v64-medtech-layout main #about,
html body.v64-medtech-layout main #instrument-divisions {
  padding-top: 0 !important;
}
html body.v64-medtech-layout main #about > .wrap,
html body.v64-medtech-layout main #instrument-divisions > .wrap {
  box-sizing: border-box !important;
  margin-top: 0 !important;
  padding-top: 20px !important;
}
html body.v64-medtech-layout main #about > .wrap > :first-child,
html body.v64-medtech-layout main #instrument-divisions > .wrap > :first-child {
  margin-top: 0 !important;
}
html body.v64-medtech-layout main #about .about-grid {
  align-content: start !important;
  justify-content: start !important;
  row-gap: 20px !important;
}
html body.v64-medtech-layout main #instrument-divisions .homepage-major-heading:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ------------------------------------------------------------
   READY TO PREPARE YOUR RFQ — ONE ROW, APPEARANCE UNCHANGED
   ------------------------------------------------------------ */
html body.v64-medtech-layout main #international-supply .rfq-ready-actions {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.v64-medtech-layout main #international-supply .rfq-ready-actions > .btn {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* ------------------------------------------------------------
   DRAWER MENU — UNIFORM STATES
   ------------------------------------------------------------ */
html body .site-header .nav-drawer :is(a,summary,button) {
  background: #fff !important;
  color: #76172f !important;
}
html body .site-header .nav-drawer :is(a,summary,button):is(:hover,:focus,:focus-visible,:active),
html body .site-header .nav-drawer details[open] > summary,
html body .site-header .nav-drawer [aria-expanded="true"] {
  background: #76172f !important;
  color: #fff !important;
}
html body .site-header .nav-drawer details:not([open]) > summary,
html body .site-header .nav-drawer [aria-expanded="false"] {
  background: #fff !important;
  color: #76172f !important;
}
html body .site-header .nav-drawer details[open] :is(ul,.submenu,.sub-menu) a {
  background: #fff !important;
  color: #76172f !important;
}
html body .site-header .nav-drawer details[open] :is(ul,.submenu,.sub-menu) a:is(:hover,:focus,:focus-visible,:active) {
  background: #76172f !important;
  color: #fff !important;
}

/* V604 — WHITE-BOX RENDERED-GAP REMEDY
   Use one physical relationship only:
   heading/label has no external bottom margin; the next content block owns 20px.
   A compact heading line box removes invisible font-leading that made the visible
   gap appear larger than the CSS margin. */

html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,
  .homepage-implant-card,.implant-card,.matched-product-card,.process-card,
  .product-card,.product-modal-card,.real-product-card,.ref-dropdown-card,
  .rfq-card,.surg-cat-card,.surg-modal-card,.surg-page-card,.surg-ref-card,
  .surg-reference-panel,.ths-box-visible,.ths-division-visual,.ths-facility-card,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,
  .vet-product-card,.vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-area,.rfq-adjacent-empty-box,.rfq-guidance-item,.rfq-attachment-field,
  .email-verification-panel,.rfq-follow-up-step
) :is(h1,h2,h3,h4,h5,h6) {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-block: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-block: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
  align-self: flex-start !important;
}

html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,
  .homepage-implant-card,.implant-card,.matched-product-card,.process-card,
  .product-card,.product-modal-card,.real-product-card,.ref-dropdown-card,
  .rfq-card,.surg-cat-card,.surg-modal-card,.surg-page-card,.surg-ref-card,
  .surg-reference-panel,.ths-box-visible,.ths-division-visual,.ths-facility-card,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,
  .vet-product-card,.vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-area,.rfq-adjacent-empty-box,.rfq-guidance-item,.rfq-attachment-field,
  .email-verification-panel,.rfq-follow-up-step
) :is(h1,h2,h3,h4,h5,h6) + * {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

/* If the text is wrapped, do not allow its first child to add another top margin. */
html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,
  .homepage-implant-card,.implant-card,.matched-product-card,.process-card,
  .product-card,.product-modal-card,.real-product-card,.ref-dropdown-card,
  .rfq-card,.surg-cat-card,.surg-modal-card,.surg-page-card,.surg-ref-card,
  .surg-reference-panel,.ths-box-visible,.ths-division-visual,.ths-facility-card,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,
  .vet-product-card,.vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-area,.rfq-adjacent-empty-box,.rfq-guidance-item,.rfq-attachment-field,
  .email-verification-panel,.rfq-follow-up-step
) :is(h1,h2,h3,h4,h5,h6) + :is(div,section,article,aside) > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Heading-like labels used in compact white boxes. */
html body.v64-medtech-layout main :is(
  .commercial-card,.buyer-step,.about-value,.v54-trust,.check,.step,.note
) > :is(b,strong):first-child {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
html body.v64-medtech-layout main :is(
  .commercial-card,.buyer-step,.about-value,.v54-trust,.check,.step,.note
) > :is(b,strong):first-child + * {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

/* Explicitly defeat the older ID-specific CNC 20px bottom-margin rule so
   there can never be 20px below the heading plus 20px above the paragraph. */
html body.v64-medtech-layout main #manufacturing .process-card > h3 {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.2 !important;
}
html body.v64-medtech-layout main #manufacturing .process-card > h3 + p {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

/* CEO/Quality are maroon panels, so retain their universal typography rules;
   only their physical heading-to-copy relationship is normalized here. */
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > h3,
html body.v64-medtech-layout main #quality .quality-main > h3 {
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > h3 + p,
html body.v64-medtech-layout main #quality .quality-main > h3 + p {
  margin-top: 20px !important;
  padding-top: 0 !important;
}


/* ============================================================
   V605 — STRUCTURAL WHITE-BOX SPACING REMEDY
   The container owns the spacing. Heading/text margins cannot stack.
   ============================================================ */

/* Direct heading + text card families */
html body.v64-medtech-layout main :is(
  .process-card,
  .commercial-card,
  .buyer-step,
  .about-value,
  .v54-trust,
  .rfq-adjacent-empty-box,
  .certificate-warning,
  .quality-main
) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-content: flex-start !important;
  gap: 20px !important;
  row-gap: 20px !important;
}

/* There must be no second spacing source on children. */
html body.v64-medtech-layout main :is(
  .process-card,
  .commercial-card,
  .buyer-step,
  .about-value,
  .v54-trust,
  .rfq-adjacent-empty-box,
  .certificate-warning,
  .quality-main
) > :is(h1,h2,h3,h4,h5,h6,p,ul,ol,div,span,b,strong) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Heading boxes themselves must be content-sized. */
html body.v64-medtech-layout main :is(
  .process-card,
  .commercial-card,
  .buyer-step,
  .about-value,
  .v54-trust,
  .rfq-adjacent-empty-box,
  .certificate-warning,
  .quality-main
) > :is(h1,h2,h3,h4,h5,h6,b,strong) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
}

/* CEO white card has an inner wrapper; the inner wrapper owns the gap. */
html body.v64-medtech-layout main #ceo-message .ceo-message-inline {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 20px !important;
  row-gap: 20px !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > h3 {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  line-height: 1.18 !important;
}

/* About-card content wrapper: no hidden spacer above its text stack. */
html body.v64-medtech-layout main .about-card {
  justify-content: flex-start !important;
  align-content: flex-start !important;
}
html body.v64-medtech-layout main .about-card .about-lines:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Certificate heading: keep its own button from contributing box height. */
html body.v64-medtech-layout main #quality .certificate-box-heading,
html body.v64-medtech-layout main #quality .certificate-heading-link {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Prevent legacy min-height on text from creating phantom whitespace. */
html body.v64-medtech-layout main :is(
  .process-card,
  .commercial-card,
  .buyer-step,
  .about-value,
  .v54-trust,
  .rfq-adjacent-empty-box,
  .certificate-warning,
  .quality-main,
  #ceo-message .ceo-message-inline
) > :is(p,ul,ol,div,span) {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}


/* ============================================================
   V606 — RFQ EXACT 20PX EDGE / TOP CONTRACT
   Remove duplicate outer + inner padding. One 20px inset only.
   ============================================================ */
html body.v64-medtech-layout main #international-supply,
html body.v64-medtech-layout main #rfq {
  margin-top: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Ready to Prepare Your RFQ: .rfq-ready-layout is the sole 20px inset. */
html body.v64-medtech-layout main #international-supply > .rfq-ready-layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  align-items: start !important;
  gap: 20px !important;
}
html body.v64-medtech-layout main #international-supply .rfq-ready-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.v64-medtech-layout main #international-supply .rfq-ready-copy > :is(h1,h2,h3,p,.rfq-ready-actions) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body.v64-medtech-layout main #international-supply .rfq-ready-copy > :is(h1,h2,h3) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
}
html body.v64-medtech-layout main #international-supply .rfq-ready-visual {
  margin-top: 0 !important;
}

/* Request a Quotation: #rfq has no padding; .wrap is sole 20px inset. */
html body.v64-medtech-layout main #rfq > .wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
html body.v64-medtech-layout main #rfq .rfq-heading-layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  gap: 20px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}
html body.v64-medtech-layout main #rfq .rfq-heading-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.v64-medtech-layout main #rfq .rfq-heading-copy > :is(h1,h2,h3,p,.sub) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body.v64-medtech-layout main #rfq .rfq-heading-copy > :is(h1,h2,h3) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
}
html body.v64-medtech-layout main #rfq .rfq-heading-visual {
  margin-top: 0 !important;
}

/* Keep exactly 20px between the two RFQ sections, not 20px plus section padding. */
html body.v64-medtech-layout main #international-supply + #rfq {
  margin-top: 20px !important;
}


/* ===== MERGED FROM: homepage-corrections-v608.css ===== */
/* V608 — targeted homepage corrections after V607 sitewide audit. */

/* 1) WHO WE WORK WITH — explicit heading hierarchy and 20px rhythm. */
html body.v64-medtech-layout main #buyer-profiles > .wrap > h2.homepage-major-heading {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}
html body.v64-medtech-layout main #buyer-profiles .process-grid {
  margin-top: 0 !important;
  gap: 20px !important;
  row-gap: 20px !important;
  column-gap: 20px !important;
  align-items: stretch !important;
}
html body.v64-medtech-layout main #buyer-profiles .process-card {
  box-sizing: border-box !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}
html body.v64-medtech-layout main #buyer-profiles .process-card > h3 {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body.v64-medtech-layout main #buyer-profiles .process-card > h3 + p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2) BUTTON ALIGNMENT — appearance unchanged; containers only. */
html body.v64-medtech-layout main :is(
  .commercial-cta-row,
  .rfq-ready-actions,
  .rfq-submit-row
) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 20px !important;
  row-gap: 20px !important;
  column-gap: 20px !important;
}
html body.v64-medtech-layout main :is(
  .commercial-cta-row,
  .rfq-ready-actions,
  .rfq-submit-row
) > :is(a.btn,button.btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
/* Ready RFQ remains one row on normal desktop widths. */
html body.v64-medtech-layout main #international-supply .rfq-ready-actions {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 20px !important;
}
html body.v64-medtech-layout main #international-supply .rfq-ready-actions > .btn {
  width: 100% !important;
  min-width: 0 !important;
}

/* 3) CEO MESSAGE TO BOTTOM IMAGE — exactly one 20px interval. */
html body.v64-medtech-layout main #ceo-message > .wrap {
  gap: 0 !important;
  row-gap: 0 !important;
}
html body.v64-medtech-layout main #ceo-message .about-card {
  margin: 0 !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-instrument-showcase {
  display: block !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

/* 4) Top-header Search Catalogues is a maroon button with white text.
      Drawer Search Catalogues is intentionally excluded. */
html body.v64-medtech-layout .ths-hamburger-header .ths-hamburger-actions > a.ths-catalogue-quick-link,
html body.v64-medtech-layout .ths-hamburger-header .ths-hamburger-actions > a.ths-catalogue-quick-link:link,
html body.v64-medtech-layout .ths-hamburger-header .ths-hamburger-actions > a.ths-catalogue-quick-link:visited {
  background: #76172f !important;
  background-color: #76172f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #76172f !important;
}
html body.v64-medtech-layout .ths-hamburger-header .ths-hamburger-actions > a.ths-catalogue-quick-link:is(:hover,:focus,:focus-visible,:active) {
  background: #fff !important;
  background-color: #fff !important;
  color: #76172f !important;
  -webkit-text-fill-color: #76172f !important;
  border-color: #76172f !important;
}

@media (max-width: 760px) {
  html body.v64-medtech-layout main #international-supply .rfq-ready-actions {
    grid-template-columns: 1fr !important;
  }
}


/* ======================================================================
   TRIPLE HELIX SOLUTIONS — FINAL UNIVERSAL CONTRACT V609
   THIS BLOCK IS THE ONLY AUTHORITATIVE SITE-WIDE LAYOUT/SPACING CONTRACT.
   ====================================================================== */
:root {
  --ths-space: 20px;
  --ths-maroon: #76172f;
  --ths-white: #fff;
}

/* Universal rendered-page rhythm. */
html body.v64-medtech-layout main :is(section,article,aside,.section,.panel,.card,.box) {
  box-sizing: border-box;
}

/* Text-to-edge / box internal inset: exactly 20px for standard content boxes. */
html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,.homepage-implant-card,
  .implant-card,.matched-product-card,.process-card,.product-card,.product-modal-card,
  .real-product-card,.ref-dropdown-card,.rfq-card,.surg-cat-card,.surg-modal-card,
  .surg-page-card,.surg-ref-card,.surg-reference-panel,.ths-box-visible,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,.vet-product-card,
  .vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-adjacent-empty-box,.rfq-guidance-item,.email-verification-panel,
  .rfq-follow-up-step,.quality-main
) {
  padding: var(--ths-space) !important;
  gap: 0 !important;
  row-gap: 0 !important;
  justify-content: flex-start !important;
  align-content: start !important;
  box-sizing: border-box !important;
}

/* Heading -> first following content = 20px maximum and single-source. */
html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,.homepage-implant-card,
  .implant-card,.matched-product-card,.process-card,.product-card,.product-modal-card,
  .real-product-card,.ref-dropdown-card,.rfq-card,.surg-cat-card,.surg-modal-card,
  .surg-page-card,.surg-ref-card,.surg-reference-panel,.ths-box-visible,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,.vet-product-card,
  .vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-adjacent-empty-box,.rfq-guidance-item,.email-verification-panel,
  .rfq-follow-up-step,.quality-main
) > :is(h1,h2,h3,h4,h5,h6) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: var(--ths-space) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-self: auto !important;
}
html body.v64-medtech-layout main :is(
  .card,.category-card,.commercial-card,.complete-vet-card,.contact-box,
  .dental-cat-card,.dental-modal-card,.dental-page-card,.dental-ref-card,
  .dental-reference-panel,.division,.doc-card,.feature.light,.homepage-implant-card,
  .implant-card,.matched-product-card,.process-card,.product-card,.product-modal-card,
  .real-product-card,.ref-dropdown-card,.rfq-card,.surg-cat-card,.surg-modal-card,
  .surg-page-card,.surg-ref-card,.surg-reference-panel,.ths-box-visible,
  .ths-floating-box,.v54-trust,.vet-cat-card,.vet-page-modal-card,.vet-product-card,
  .vet-reference-panel,.vet-summary-card,.certificate-access-card,
  .certificate-viewer-card,.buyer-step,.about-value,.about-card,.check,.step,.note,
  .rfq-adjacent-empty-box,.rfq-guidance-item,.email-verification-panel,
  .rfq-follow-up-step,.quality-main
) > :is(h1,h2,h3,h4,h5,h6) + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
}

/* Standard box-to-box and grid spacing = 20px. */
html body.v64-medtech-layout main :is(
  .grid,.cards,.card-grid,.category-grid,.product-grid,.about-grid,.process-grid,
  .rfq-grid,.quality-grid,.division-grid,.catalogue-grid,.ths-company-manufacturing-row
) {
  gap: var(--ths-space) !important;
  column-gap: var(--ths-space) !important;
  row-gap: var(--ths-space) !important;
}

/* Standard section/wrapper top inset and inter-section rhythm. */
html body.v64-medtech-layout main > section:not(.hero) {
  margin-top: 0 !important;
  margin-bottom: var(--ths-space) !important;
}
html body.v64-medtech-layout main > section:not(.hero) > .wrap {
  box-sizing: border-box !important;
}

/* Universal major heading typography. */
html body.v64-medtech-layout main :is(.homepage-major-heading,.section-title,.major-heading) {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Maroon surfaces must use white typography. */
html body.v64-medtech-layout :is(
  .maroon,.maroon-box,.maroon-panel,.quality-main,.ceo-message-inline,
  [style*="#76172f"],[style*="rgb(118, 23, 47)"]
),
html body.v64-medtech-layout :is(
  .maroon,.maroon-box,.maroon-panel,.quality-main,.ceo-message-inline,
  [style*="#76172f"],[style*="rgb(118, 23, 47)"]
) :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,li,a) {
  color: var(--ths-white) !important;
  -webkit-text-fill-color: var(--ths-white) !important;
}

/* Quality Commitment explicitly follows universal heading + white-on-maroon. */
html body.v64-medtech-layout main #quality .quality-main > h3 {
  font-family: "Times New Roman", Times, serif !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  color: var(--ths-white) !important;
  -webkit-text-fill-color: var(--ths-white) !important;
  margin: 0 0 var(--ths-space) 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* CEO message and adjacent manufacturing column: exactly 20px. */
html body.v64-medtech-layout > main > .ths-company-manufacturing-row {
  gap: var(--ths-space) !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-message-inline {
  gap: var(--ths-space) !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > h3 {
  margin: 0 !important;
}
html body.v64-medtech-layout main #ceo-message .ceo-message-inline > h3 + * {
  margin-top: 0 !important;
}

/* RFQ sections: exactly one 20px inner inset and 20px content rhythm. */
html body.v64-medtech-layout main :is(#rfq,#international-supply) {
  padding-top: 0 !important;
}
html body.v64-medtech-layout main #rfq > .wrap,
html body.v64-medtech-layout main #international-supply .rfq-ready-layout {
  padding: var(--ths-space) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html body.v64-medtech-layout main :is(#rfq,#international-supply) :is(.rfq-copy,.rfq-ready-copy) {
  gap: var(--ths-space) !important;
  row-gap: var(--ths-space) !important;
}
html body.v64-medtech-layout main :is(#rfq,#international-supply) :is(h1,h2,h3,h4,h5,h6,p) {
  margin-top: 0 !important;
}

/* Ready-to-prepare buttons align in one desktop row; appearance remains theme-owned. */
html body.v64-medtech-layout main #international-supply .rfq-ready-actions {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: var(--ths-space) !important;
  align-items: stretch !important;
}
html body.v64-medtech-layout main #international-supply .rfq-ready-actions > .btn {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Drawer menu: collapsed items white/maroon; expanded dropdown is maroon/white throughout. */
html body .site-header .nav-drawer :is(a,summary,button) {
  background: var(--ths-white) !important;
  color: var(--ths-maroon) !important;
  -webkit-text-fill-color: var(--ths-maroon) !important;
}
html body .site-header .nav-drawer :is(a,summary,button):is(:hover,:focus,:focus-visible,:active),
html body .site-header .nav-drawer details[open] > summary,
html body .site-header .nav-drawer [aria-expanded="true"] {
  background: var(--ths-maroon) !important;
  color: var(--ths-white) !important;
  -webkit-text-fill-color: var(--ths-white) !important;
}
html body .site-header .nav-drawer details[open] :is(ul,.submenu,.sub-menu),
html body .site-header .nav-drawer details[open] :is(ul,.submenu,.sub-menu) li,
html body .site-header .nav-drawer details[open] :is(ul,.submenu,.sub-menu) a {
  background: var(--ths-maroon) !important;
  color: var(--ths-white) !important;
  -webkit-text-fill-color: var(--ths-white) !important;
}

@media (max-width: 760px) {
  html body.v64-medtech-layout main #international-supply .rfq-ready-actions {
    grid-template-columns: 1fr !important;
  }
}