:root {
  --bg: #f7fbfc;
  --surface: #ffffff;
  --surface-2: #eef6f7;
  --ink: #101820;
  --muted: #5b6b75;
  --line: #dce8ea;
  --brand: #1aa6a6;
  --brand-dark: #0e6e73;
  --brand-soft: #dff5f4;
  --navy: #0a2231;
  --accent: #65d6cf;
  --warning: #9a6b00;
  --radius: 24px;
  --shadow: 0 18px 50px rgba(10, 34, 49, .08);
  --shadow-soft: 0 10px 26px rgba(10, 34, 49, .06);
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(101, 214, 207, .18), transparent 34rem),
    linear-gradient(180deg, #fbfefe 0%, var(--bg) 48%, #f3f9fa 100%);
  color: var(--ink);
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.top-strip {
  background: #0b2432;
  color: #dff8f7;
  font-size: 13px;
  letter-spacing: .02em;
}
.top-strip .container {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.top-strip span { display: inline-flex; align-items: center; gap: 8px; }
.top-strip span::before {
  content: "";
  width: 6px; height: 6px; border-radius: 999px; background: var(--accent);
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: saturate(140%) blur(16px);
  background: rgba(255, 255, 255, .86);
  border-bottom: 1px solid rgba(220,232,234,.8);
}
.navbar {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 780;
  letter-spacing: -.03em;
}
.logo-mark {
  width: 9px; height: 42px;
  background: linear-gradient(180deg, var(--brand), #92e8df);
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(26,166,166,.08);
}
.logo-text {
  display: grid;
  line-height: .92;
  font-size: 22px;
}
.logo-text small {
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--brand-dark);
  margin-top: 6px;
}
.nav-links {
  display: flex;
  align-items: center;
  gap: 4px;
}
.nav-links a {
  padding: 10px 13px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 650;
  border-radius: 999px;
}
.nav-links a:hover, .nav-links a.active {
  color: var(--brand-dark);
  background: var(--brand-soft);
}
.nav-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  font-size: 14px;
  font-weight: 750;
}
.menu-toggle {
  display: none;
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 14px;
  padding: 9px 11px;
  color: var(--navy);
  font-weight: 800;
}
.hero {
  padding: 92px 0 56px;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 48px;
  align-items: center;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: var(--brand-dark);
  font-weight: 850;
}
.eyebrow::before {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--brand);
}
h1, h2, h3, h4 {
  margin: 0;
  letter-spacing: -.045em;
  line-height: 1.03;
  color: var(--navy);
}
h1 { font-size: clamp(44px, 7vw, 82px); }
h2 { font-size: clamp(32px, 4vw, 54px); }
h3 { font-size: 22px; }
p { color: var(--muted); margin: 0; }
.lead {
  font-size: clamp(17px, 2vw, 21px);
  margin-top: 22px;
  max-width: 720px;
}
.hero-actions, .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--navy);
  font-weight: 800;
  font-size: 14px;
  box-shadow: var(--shadow-soft);
}
.button.primary {
  background: linear-gradient(135deg, var(--brand-dark), var(--brand));
  color: #fff;
  border-color: transparent;
}
.button.ghost {
  background: transparent;
  box-shadow: none;
}
.button:hover { transform: translateY(-1px); }
.trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.trust-pill, .chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}
.trust-pill::before {
  content: "✓";
  color: var(--brand-dark);
  font-weight: 900;
}
.hero-card {
  position: relative;
  background:
    linear-gradient(150deg, rgba(255,255,255,.92), rgba(223,245,244,.88)),
    radial-gradient(circle at 75% 15%, rgba(26,166,166,.25), transparent 20rem);
  border: 1px solid var(--line);
  border-radius: 36px;
  padding: 28px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.hero-card::after {
  content: "";
  position: absolute;
  inset: auto -20% -28% auto;
  width: 260px;
  height: 260px;
  background: rgba(26,166,166,.09);
  border-radius: 50%;
}
.product-hero-img {
  width: min(420px, 100%);
  margin: 0 auto;
  filter: drop-shadow(0 30px 46px rgba(10, 34, 49, .16));
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 20px;
}
.stat {
  background: rgba(255,255,255,.78);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
}
.stat strong {
  display: block;
  font-size: 24px;
  color: var(--navy);
  line-height: 1;
}
.stat span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 6px;
  font-weight: 700;
}
.section {
  padding: 72px 0;
}
.section.alt {
  background: rgba(255,255,255,.46);
  border-top: 1px solid rgba(220,232,234,.55);
  border-bottom: 1px solid rgba(220,232,234,.55);
}
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
.section-head p { max-width: 640px; margin-top: 12px; }
.grid {
  display: grid;
  gap: 18px;
}
.grid.cards { grid-template-columns: repeat(3, 1fr); }
.grid.four { grid-template-columns: repeat(4, 1fr); }
.card, .product-card, .info-card, .policy-card {
  background: rgba(255,255,255,.88);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}
.card, .info-card, .policy-card { padding: 24px; }
.card h3, .info-card h3, .policy-card h3 { margin-bottom: 10px; }
.info-card .icon {
  width: 42px; height: 42px;
  border-radius: 14px;
  background: var(--brand-soft);
  color: var(--brand-dark);
  display: grid;
  place-items: center;
  font-weight: 900;
  margin-bottom: 16px;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.product-card {
  padding: 14px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: .2s ease;
}
.product-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}
.product-thumb {
  aspect-ratio: 1.08 / .82;
  border-radius: 18px;
  background: linear-gradient(135deg, #ecf7f8, #fff);
  border: 1px solid rgba(220,232,234,.78);
  display: grid;
  place-items: center;
  overflow: hidden;
  margin-bottom: 14px;
}
.product-thumb img {
  width: 92%;
  height: 92%;
  object-fit: contain;
}
.product-card .category {
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.product-card h3 {
  margin: 8px 0 8px;
  font-size: 20px;
}
.product-card p { font-size: 14px; }
.amounts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 14px 0;
}
.amounts span, .mini-chip {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--navy);
  font-size: 12px;
  font-weight: 750;
}
.product-card .button {
  width: 100%;
  margin-top: auto;
  box-shadow: none;
}
.filters {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin: 22px 0 20px;
}
.search-input, select, input, textarea {
  width: 100%;
  min-height: 48px;
  padding: 0 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.88);
  font: inherit;
  color: var(--ink);
  outline: none;
}
textarea { padding: 14px 15px; min-height: 140px; resize: vertical; }
.filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 24px;
}
.filter-chip {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--muted);
  border-radius: 999px;
  padding: 9px 12px;
  cursor: pointer;
  font-weight: 800;
}
.filter-chip.active {
  color: #fff;
  border-color: transparent;
  background: var(--brand-dark);
}
.breadcrumbs {
  padding-top: 26px;
  font-size: 13px;
  color: var(--muted);
}
.breadcrumbs a { color: var(--brand-dark); font-weight: 750; }
.product-detail {
  padding: 36px 0 72px;
}
.detail-grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 38px;
  align-items: start;
}
.gallery-card {
  position: sticky;
  top: 110px;
  background: linear-gradient(150deg, #fff, #effafa);
  border: 1px solid var(--line);
  border-radius: 34px;
  padding: 26px;
  box-shadow: var(--shadow);
}
.detail-panel {
  background: rgba(255,255,255,.84);
  border: 1px solid var(--line);
  border-radius: 34px;
  padding: 30px;
  box-shadow: var(--shadow-soft);
}
.detail-panel h1 { font-size: clamp(38px, 5vw, 64px); }
.meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 20px 0;
}
.notice {
  border: 1px solid #f0d99c;
  background: #fff8e8;
  color: #604500;
  border-radius: 18px;
  padding: 14px 16px;
  font-size: 14px;
  margin-top: 18px;
}
.tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 28px 0 18px;
}
.tab-link {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
  color: var(--muted);
}
.tab-link.active {
  background: var(--navy);
  color: #fff;
}
.content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
}
.html-content {
  background: rgba(255,255,255,.9);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
}
.html-content h2 {
  font-size: 30px;
  margin-bottom: 14px;
}
.html-content h3 {
  margin: 20px 0 8px;
}
.html-content p, .html-content li {
  color: var(--muted);
}
.html-content p + p { margin-top: 12px; }
.html-content ul, .html-content ol {
  padding-left: 22px;
  margin: 12px 0;
}
.table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
}
table {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}
th, td {
  padding: 14px 15px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}
th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--brand-dark);
  background: #f2fbfb;
}
td { color: var(--muted); font-size: 14px; }
tr:last-child td { border-bottom: 0; }
.spec-table th:first-child { width: 220px; }
.cta-band {
  background:
    radial-gradient(circle at 10% 15%, rgba(101,214,207,.28), transparent 20rem),
    linear-gradient(135deg, #082635, #0e6e73);
  color: #fff;
  border-radius: 34px;
  padding: 42px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  box-shadow: var(--shadow);
}
.cta-band h2, .cta-band p { color: #fff; }
.cta-band p { opacity: .82; margin-top: 10px; }
.site-footer {
  background: #071d29;
  color: #d8eff1;
  padding: 56px 0 28px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, .7fr);
  gap: 36px;
}
.site-footer h4 { color: #fff; margin-bottom: 14px; font-size: 16px; }
.site-footer p, .site-footer a {
  color: #a7c3c8;
  font-size: 14px;
}
.site-footer a { display: block; padding: 5px 0; }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.1);
  margin-top: 34px;
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.contact-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 28px;
}
.form-card {
  padding: 24px;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}
.form-grid { display: grid; gap: 12px; }
.coa-controls {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin-bottom: 18px;
}
.badge-status {
  display: inline-flex;
  border-radius: 999px;
  padding: 5px 9px;
  background: #fff6dd;
  color: #8a6100;
  font-weight: 800;
  font-size: 12px;
}
.kbd {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .88em;
  color: var(--navy);
  background: #edf6f7;
  border-radius: 8px;
  padding: 2px 6px;
}
.hidden { display: none !important; }

@media (max-width: 980px) {
  .hero-grid, .detail-grid, .content-grid, .contact-grid { grid-template-columns: 1fr; }
  .gallery-card { position: static; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .grid.cards, .grid.four { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .section-head, .cta-band { grid-template-columns: 1fr; display: grid; }
  .nav-links {
    position: fixed;
    inset: 78px 16px auto 16px;
    background: rgba(255,255,255,.98);
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow);
    padding: 14px;
    display: none;
    flex-direction: column;
    align-items: stretch;
  }
  .nav-links.open { display: flex; }
  .nav-links a { border-radius: 14px; }
  .menu-toggle { display: inline-flex; }
  .nav-cta { display: none; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 28px, var(--container)); }
  .hero { padding-top: 56px; }
  .product-grid, .grid.cards, .grid.four, .stat-grid, .footer-grid { grid-template-columns: 1fr; }
  .filters, .coa-controls { grid-template-columns: 1fr; }
  .navbar { min-height: 70px; }
  .logo-text { font-size: 19px; }
  .top-strip .container { justify-content: flex-start; }
  .cta-band { padding: 28px; }
  table { min-width: 560px; }
}

.info-card ul { margin: 12px 0 0; padding-left: 20px; color: var(--muted); }
.info-card li { margin: 7px 0; color: var(--muted); }
.detail-panel .notice strong { color: var(--navy); }
.policy-card p + p { margin-top: 10px; }

/* AXIAL_BUTTON_FONT_V8_20260706
   Cleaner global button typography.
   This overrides the heavy display/slab style previously inherited by buttons.
*/
.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.nav-cta,
.menu-toggle,
.filter-chip,
.product-card .button,
.hero-actions .button,
.cta-band .button,
form .button,
a.button {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.button,
.nav-cta,
.filter-chip,
.product-card .button,
.hero-actions .button,
.cta-band .button,
a.button {
  font-size: 14px !important;
}

.hero-actions .button.primary,
.cta-band .button.primary,
.button.primary {
  font-weight: 700 !important;
}

.product-card .button {
  font-size: 13.5px !important;
  font-weight: 650 !important;
}

.filter-chip {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* AXIAL_V10_REFERENCE_STRUCTURE_ADAPTED_20260706 */
.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.nav-cta,
.menu-toggle,
.filter-chip,
.product-card .button,
.hero-actions .button,
.cta-band .button,
form .button,
a.button {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.012em !important;
  text-transform: none !important;
  line-height: 1.15 !important;
}
.hero .eyebrow { letter-spacing: .14em; }
.product-card .trust-row { gap: 6px; }
.product-card .trust-pill { font-size: 11px; padding: 6px 8px; }
.site-footer .info-card h3 { color: #fff; }
.site-footer .info-card p { color: #dbe9ee; }

/* AXIAL_V11_EDITORIAL_HOME_SHOP_20260706 */
:root {
  --axial-deep: #071d2a;
  --axial-ink: #0a2333;
  --axial-muted: #5e7381;
  --axial-teal: #159a9c;
  --axial-soft: #f5fbfb;
}

.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.nav-cta,
.menu-toggle,
.filter-chip,
.product-card .button,
.hero-actions .button,
.cta-band .button,
form .button,
a.button {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.012em !important;
  text-transform: none !important;
  line-height: 1.15 !important;
}

.axial-hero-v11 h1 {
  max-width: 980px;
  letter-spacing: -0.075em;
}

.axial-hero-v11 .lead {
  max-width: 760px;
}

.axial-hero-proof {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 76% 18%, rgba(21,154,156,.18), transparent 34%),
    linear-gradient(145deg, #ffffff, #edf8f8);
}

.proof-label {
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  color: var(--axial-teal);
  font-weight: 800;
}

.proof-number {
  font-size: clamp(72px, 10vw, 132px);
  line-height: .9;
  letter-spacing: -.08em;
  color: var(--axial-deep);
  font-weight: 850;
  margin: 22px 0 8px;
}

.axial-feature-grid .product-card,
.axial-catalog-grid .product-card {
  padding: 16px;
}

.axial-product-card .product-thumb {
  min-height: 210px;
  margin-bottom: 18px;
}

.axial-product-card h3 {
  margin-top: 10px;
  font-size: 24px;
  letter-spacing: -0.04em;
}

.card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 8px;
}

.card-badges span {
  font-size: 11px;
  font-weight: 750;
  padding: 6px 9px;
  border-radius: 999px;
  background: #e7f6f5;
  color: #087a7c;
}

.card-badges span + span {
  background: #f0f5f7;
  color: #536977;
}

.card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.card-meta span {
  font-size: 12px;
  font-weight: 650;
  color: var(--axial-muted);
}

.research-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.research-mini-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 22px;
  box-shadow: var(--shadow);
}

.research-mini-card span {
  color: var(--axial-teal);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
}

.research-mini-card h3 {
  margin: 10px 0 8px;
  font-size: 24px;
  letter-spacing: -0.04em;
}

.research-mini-card a,
.info-card a {
  font-weight: 750;
  color: var(--axial-teal);
}

.category-editorial-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.category-editorial-card .includes {
  margin-top: 14px;
  font-size: 14px;
}

.relationship-box {
  margin-top: 22px;
}

.newsletter-card-v11 form,
.footer-newsletter form {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.newsletter-card-v11 input,
.footer-newsletter input,
form input,
form textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 14px 16px;
  font: inherit;
}

form textarea {
  border-radius: 18px;
  min-height: 140px;
}

.small-note {
  font-size: 13px;
  color: var(--muted);
}

.footer-newsletter {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 22px;
  margin-top: 34px;
  padding: 26px;
  border-radius: 26px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}

.footer-newsletter h3 {
  color: #fff;
  margin: 0 0 8px;
}

.footer-newsletter p {
  color: #dbe9ee;
}

.footer-disclaimer {
  margin-top: 24px;
  padding: 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  color: #dbe9ee;
}

.footer-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.footer-trust-grid div {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}

.footer-trust-grid strong {
  display: block;
  color: #fff;
}

.footer-trust-grid span {
  display: block;
  color: #dbe9ee;
  font-size: 13px;
  margin-top: 4px;
}

.quick-research {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.quick-research a {
  color: var(--axial-teal);
  font-weight: 750;
}

.catalog-count {
  margin: 0 0 22px;
  color: var(--muted);
  font-weight: 650;
}

@media (max-width: 820px) {
  .research-mini-grid,
  .category-editorial-grid,
  .footer-newsletter,
  .footer-trust-grid {
    grid-template-columns: 1fr;
  }
  .newsletter-card-v11 form,
  .footer-newsletter form {
    flex-direction: column;
  }
}
/* AXIAL_V12_HOME_DEDUPED_20260706 */
.axial-hero-v12 h1 { max-width: 900px; }
.newsletter-faq-v12 .content-grid { align-items: stretch; }
.footer-disclaimer { margin-top: 24px; padding: 20px; border-radius: 20px; background: rgba(255,255,255,.07); color: #dbe9ee; border: 1px solid rgba(255,255,255,.1); }

/* AXIAL_V13_PURITY_RUO_ONLY_20260706 */
.purity-standard-card .icon,
.info-card.purity-standard-card .icon {
  background: #e7f6f5;
  color: #087a7c;
}
.trust-pill {
  white-space: nowrap;
}
/* AXIAL_V14_PURITY_RUO_CLEAN_20260706 */
.purity-standard-card .icon,
.info-card.purity-standard-card .icon {
  background: #e7f6f5;
  color: #087a7c;
}

/* AXIAL_V18_PRODUCT_PAGES_REBUILT_CLEAN_20260706 */
.product-hero-v15 .breadcrumbs {
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 28px;
}
.product-hero-v15 .breadcrumbs a {
  color: var(--accent);
  font-weight: 600;
}
.product-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 28px;
  align-items: stretch;
}
.product-image-panel,
.product-info-panel {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 24px;
  box-shadow: var(--shadow);
}
.product-image-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}
.product-image-panel img {
  width: 100%;
  max-width: 360px;
  height: auto;
  object-fit: contain;
}
.product-local-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}
.product-local-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
}
.product-local-nav a.active,
.product-local-nav a:hover {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.product-overview-grid {
  align-items: start;
}
.summary-table table td:first-child,
.technical-table table td:first-child {
  width: 28%;
  font-weight: 700;
}
.product-tech-v15 .table-wrap {
  margin-top: 20px;
}
@media (max-width: 920px) {
  .product-hero-grid {
    grid-template-columns: 1fr;
  }
}

/* AXIAL_V19_PRODUCT_TEMPLATE_REFERENCE_ALIGNED_20260706 */
.product-reference-hero .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 16px;
}
.product-reference-hero .breadcrumbs a { color: var(--accent); font-weight: 600; }
.reference-hero-grid {
  display: grid;
  grid-template-columns: 1.02fr 1fr;
  gap: 28px;
  align-items: start;
}
.gallery-column, .product-side-panel, .single-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 28px;
  box-shadow: var(--shadow);
}
.gallery-column { padding: 20px; }
.gallery-layout {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
}
.gallery-thumbs { display: flex; flex-direction: column; gap: 12px; }
.gallery-thumbs .thumb {
  width: 64px; height: 64px;
  border-radius: 16px; border: 1px solid var(--border); background: #fff;
  display: flex; align-items: center; justify-content: center; padding: 6px; cursor: default;
}
.gallery-thumbs .thumb.active { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(21,154,156,.12); }
.gallery-thumbs img { width: 100%; height: 100%; object-fit: contain; }
.gallery-main {
  min-height: 360px;
  border-radius: 20px;
  background: linear-gradient(180deg, #f8fbfb, #eef6f7);
  display: flex; align-items: center; justify-content: center; padding: 24px;
}
.gallery-main img { width: 100%; max-width: 330px; height: auto; object-fit: contain; }
.verify-card {
  margin-top: 16px;
  padding: 18px;
  border-radius: 20px;
  background: #f3fbf7;
  border: 1px solid #a9e7c8;
}
.verify-card-head strong { display: block; color: #0a9461; font-size: 22px; }
.verify-card-head span { display: block; margin-top: 6px; color: var(--muted); font-size: 14px; }
.verify-meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 16px; }
.verify-meta span {
  font-size: 12px; font-weight: 650;
  padding: 6px 10px; border-radius: 999px; background: #fff; border: 1px solid #dcefe5;
}
.button.full { width: 100%; justify-content: center; }
.product-side-panel { padding: 28px; }
.product-side-panel h1 { margin: 8px 0 14px; }
.product-short-description { max-width: 560px; font-size: 18px; color: var(--muted); }
.product-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 24px; }
.product-badge {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 42px; padding: 0 14px;
  border-radius: 12px; border: 1px solid #8fd2e0; background: #f6fbfd;
  font-size: 14px; font-weight: 650; color: #11506b;
}
.select-size-block label {
  display: block; margin-bottom: 10px; font-size: 14px; font-weight: 700; color: var(--ink);
}
.presentation-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.amount-pill {
  min-height: 42px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--border);
  background: #fff; color: var(--ink); font: inherit; font-weight: 650;
}
.support-note {
  margin-top: 20px; padding: 18px; border-radius: 16px; border: 1px solid #c7dff2; background: #f7fbff;
}
.support-note strong { display: block; margin-bottom: 6px; }
.support-note p { margin: 0; color: var(--muted); }
.product-side-panel .hero-actions { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 12px; }
.product-description-reference .single-card,
.tech-spec-reference .single-card,
.related-reference .single-card { padding: 22px; }
.single-card h2 { margin-bottom: 16px; }
.subsection-copy { margin-top: 20px; }
.subsection-copy h3 { font-size: 18px; margin-bottom: 10px; }
.subsection-copy ul { margin: 0; padding-left: 20px; }
.subsection-copy li { margin-bottom: 8px; color: var(--muted); }
.ruo-line { margin-top: 18px; color: var(--muted); }
.tech-top-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px;
}
.spec-mini-card {
  padding: 14px 16px; border-radius: 16px; background: #fafcfc; border: 1px solid var(--border);
}
.spec-mini-card span { display: block; font-size: 13px; color: var(--muted); margin-bottom: 6px; }
.spec-mini-card strong { display: block; font-size: 22px; color: var(--ink); font-weight: 700; }
.sequence-box {
  padding: 16px; border-radius: 16px; background: #fafcfc; border: 1px solid var(--border); margin-bottom: 14px;
}
.sequence-box span { display: block; font-size: 13px; color: var(--muted); margin-bottom: 6px; }
.sequence-box p { margin: 0; word-break: break-word; }
.tech-table-wrap table { width: 100%; }
.tech-table-wrap td.label-col, .tech-table-wrap td:first-child { width: 30%; font-weight: 700; color: var(--ink); }
.related-products-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 8px;
}
.related-product-card {
  border: 1px solid var(--border); border-radius: 20px; background: #fff; padding: 14px;
}
.related-thumb {
  display: flex; align-items: center; justify-content: center; min-height: 160px;
  border-radius: 16px; background: #f8fbfb; border: 1px solid var(--border); padding: 16px; margin-bottom: 12px;
}
.related-thumb img { width: 100%; max-width: 120px; height: auto; object-fit: contain; }
.related-product-card .related-meta {
  text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 800; color: var(--accent); margin-bottom: 8px;
}
.related-product-card h3 { font-size: 24px; margin: 0 0 8px; }
.related-product-card p { font-size: 14px; color: var(--muted); }
.related-product-card .amounts { margin: 12px 0; }
.related-batch { margin-bottom: 14px; }
.faq-reference h2 { margin-bottom: 6px; }
.faq-subtitle { color: var(--muted); margin-bottom: 18px; }
.faq-list { display: grid; gap: 12px; }
.faq-list details {
  background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 0 16px;
}
.faq-list summary {
  list-style: none; cursor: pointer; font-weight: 700; padding: 16px 0;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list details p { margin: 0 0 16px; color: var(--muted); }
.reference-cta-band .cta-band { border-radius: 24px; }
.bottom-ruo-pill {
  margin-top: 16px; text-align: center; padding: 14px 18px; border-radius: 16px;
  border: 1px solid var(--border); background: #fff; color: var(--muted); font-weight: 650;
}
@media (max-width: 980px) {
  .reference-hero-grid, .related-products-grid { grid-template-columns: 1fr; }
  .gallery-layout { grid-template-columns: 1fr; }
  .gallery-thumbs { flex-direction: row; }
  .tech-top-grid { grid-template-columns: 1fr; }
}

/* AXIAL_V20_PRODUCT_PAGES_DATA_RICH_20260706 */
.v20-hero .reference-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}
.v20-hero .product-side-panel,
.v20-hero .gallery-column,
.v20-description .single-card,
.v20-tech .single-card,
.related-reference .single-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 28px;
  box-shadow: var(--shadow);
}
.v20-hero .product-side-panel { padding: 28px; }
.v20-hero .gallery-column { padding: 20px; }
.hero-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.mini-stat {
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fbfcfc;
}
.mini-stat span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
  margin-bottom: 6px;
  letter-spacing: .02em;
}
.mini-stat strong {
  display: block;
  font-size: 16px;
  color: var(--ink);
}
.section-head.left-align {
  justify-content: flex-start;
  margin-bottom: 18px;
}
.section-kicker {
  font-size: 15px;
  color: var(--muted);
  margin-top: 6px;
}
.lead-copy {
  font-size: 18px;
  line-height: 1.7;
  color: var(--muted);
  margin-bottom: 26px;
}
.content-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.pillar-card {
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: #fbfcfc;
}
.pillar-card h3 {
  font-size: 22px;
  margin-bottom: 12px;
}
.pillar-card ul {
  margin: 0;
  padding-left: 20px;
}
.pillar-card li {
  margin-bottom: 10px;
  color: var(--muted);
  line-height: 1.65;
}
.description-footnote {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-weight: 650;
}
.v20-tech .single-card,
.v20-description .single-card,
.related-reference .single-card {
  padding: 26px;
}
.v20-tech .spec-mini-card {
  background: #f9fbfb;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
}
.v20-tech .spec-mini-card span {
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 8px;
}
.v20-tech .spec-mini-card strong {
  display: block;
  font-size: 22px;
  line-height: 1.35;
  color: var(--ink);
}
.spec-callout {
  margin-bottom: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #d9e7ee;
  background: #f7fbff;
}
.spec-callout span {
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 6px;
}
.spec-callout p {
  margin: 0;
  color: var(--ink);
  font-weight: 600;
}
.v20-tech .sequence-box {
  margin-bottom: 16px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #fbfcfc;
}
.v20-tech .sequence-box span {
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 8px;
}
.v20-tech .sequence-box p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  word-break: break-word;
}
.specs-table-wrap table {
  width: 100%;
}
.specs-table-wrap th {
  width: 28%;
  text-align: left;
}
.related-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.related-product-card {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: #fff;
}
.related-product-card h3 {
  font-size: 26px;
  margin: 0 0 10px;
}
.related-product-card p {
  font-size: 14px;
  color: var(--muted);
}
.related-product-card .amounts {
  margin: 12px 0;
}
@media (max-width: 1040px) {
  .v20-hero .reference-hero-grid,
  .content-pillars,
  .related-products-grid {
    grid-template-columns: 1fr;
  }
  .hero-summary-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .hero-summary-grid {
    grid-template-columns: 1fr;
  }
}

/* AXIAL_V21_PRODUCT_DESCRIPTION_POLISH_20260706 */
.product-side-panel .product-short-description {
  font-size: 17px;
  line-height: 1.68;
  max-width: 620px;
  color: #526a79;
}
.desc-v21-card {
  padding: 30px !important;
}
.desc-v21-header {
  max-width: 860px;
  margin-bottom: 24px;
}
.desc-v21-header h2 {
  margin: 8px 0 8px;
  letter-spacing: -0.055em;
}
.desc-v21-header p {
  color: var(--muted);
  font-size: 16px;
}
.desc-v21-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr);
  gap: 22px;
  align-items: start;
  margin-bottom: 24px;
}
.desc-v21-overview,
.desc-v21-facts {
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #fbfdfd);
  padding: 22px;
}
.desc-v21-overview h3,
.desc-v21-facts h3 {
  font-size: 22px;
  margin: 0 0 14px;
}
.desc-v21-overview p {
  color: #526a79;
  font-size: 16px;
  line-height: 1.72;
  margin: 0 0 14px;
}
.desc-v21-overview p:last-child {
  margin-bottom: 0;
}
.desc-v21-facts dl {
  margin: 0;
  display: grid;
  gap: 10px;
}
.desc-v21-facts dl div {
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
.desc-v21-facts dl div:last-child {
  border-bottom: 0;
}
.desc-v21-facts dt {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: var(--accent);
  font-weight: 800;
  margin-bottom: 5px;
}
.desc-v21-facts dd {
  margin: 0;
  color: var(--ink);
  font-weight: 650;
  line-height: 1.45;
}
.desc-v21-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.desc-v21-pillars article {
  position: relative;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: #f8fbfb;
  padding: 22px;
  overflow: hidden;
}
.desc-v21-pillars article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--accent), rgba(21,154,156,.18));
}
.desc-v21-pillars .pillar-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 28px;
  padding: 0 9px;
  border-radius: 999px;
  background: #e7f6f5;
  color: #087a7c;
  font-size: 12px;
  font-weight: 850;
  margin-bottom: 14px;
}
.desc-v21-pillars h3 {
  font-size: 21px;
  margin-bottom: 12px;
}
.desc-v21-pillars ul {
  padding-left: 18px;
  margin: 0;
}
.desc-v21-pillars li {
  color: #526a79;
  line-height: 1.64;
  margin-bottom: 9px;
}
@media (max-width: 1040px) {
  .desc-v21-intro-grid,
  .desc-v21-pillars {
    grid-template-columns: 1fr;
  }
}

/* AXIAL_V22_PRODUCT_DESCRIPTION_REBUILT_20260706 */
.desc-v22-card {
  padding: 32px !important;
}
.desc-v22-header {
  max-width: 860px;
  margin-bottom: 24px;
}
.desc-v22-header h2 {
  margin: 8px 0 10px;
  letter-spacing: -0.055em;
}
.desc-v22-header p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}
.desc-v22-top {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 22px;
  margin-bottom: 22px;
}
.desc-v22-main,
.desc-v22-focus,
.desc-v22-panel {
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff, #fbfdfd);
  padding: 24px;
}
.desc-v22-main h3,
.desc-v22-focus h3,
.desc-v22-panel h3 {
  margin: 0 0 14px;
  font-size: 23px;
}
.desc-v22-main p {
  margin: 0 0 14px;
  color: #526a79;
  font-size: 16px;
  line-height: 1.75;
}
.desc-v22-main p:last-child {
  margin-bottom: 0;
}
.focus-list,
.desc-v22-panel ul {
  margin: 0;
  padding-left: 18px;
}
.focus-list li,
.desc-v22-panel li {
  color: #526a79;
  line-height: 1.68;
  margin-bottom: 10px;
}
.desc-v22-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.desc-v22-panel {
  position: relative;
  overflow: hidden;
}
.desc-v22-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--accent), rgba(21,154,156,.18));
}
.desc-v22-panel h3,
.desc-v22-panel ul,
.desc-v22-panel .desc-v22-ruo {
  position: relative;
  z-index: 1;
}
.desc-v22-ruo {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-weight: 650;
}
@media (max-width: 1040px) {
  .desc-v22-top,
  .desc-v22-columns {
    grid-template-columns: 1fr;
  }
}

/* AXIAL_V24_SHORT_DESC_OVERVIEW_DESC_20260706 */

/* Short description: designed as a real product-profile block */
.product-side-panel .short-desc-v24 {
  margin: 18px 0 20px !important;
  padding: 20px 22px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(21,154,156,.24) !important;
  background:
    linear-gradient(135deg, rgba(21,154,156,.105), rgba(21,154,156,.035) 55%, rgba(255,255,255,.82)),
    #f8fcfc !important;
  box-shadow: 0 18px 42px rgba(7, 29, 42, .055) !important;
}
.short-desc-v24 .short-desc-label {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(21,154,156,.12);
  color: #087a7c;
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.short-desc-v24 p {
  margin: 0;
  color: #405a69;
  font-size: 17px;
  line-height: 1.62;
  letter-spacing: -0.012em;
}
.short-desc-v24 p + p {
  margin-top: 8px;
  color: #627987;
}

/* Product Description: only Overview + 2 useful panels */
.desc-v24-card {
  padding: 32px !important;
}
.desc-v24-header {
  margin-bottom: 22px;
}
.desc-v24-header h2 {
  margin: 8px 0 0;
  letter-spacing: -0.055em;
}
.desc-v24-overview {
  padding: 24px 26px;
  margin-bottom: 22px;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdfd);
}
.desc-v24-overview h3 {
  margin: 0 0 12px;
  font-size: 24px;
  letter-spacing: -0.035em;
}
.desc-v24-overview p {
  margin: 0;
  max-width: 920px;
  color: #4f6878;
  font-size: 17px;
  line-height: 1.72;
}
.desc-v24-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.desc-v24-panel {
  position: relative;
  min-height: 100%;
  padding: 26px 26px 24px;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #f8fbfb);
  overflow: hidden;
}
.desc-v24-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, var(--accent), rgba(21,154,156,.15));
}
.desc-v24-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: #e7f6f5;
  color: #087a7c;
  font-size: 14px;
  font-weight: 850;
  margin-bottom: 16px;
}
.desc-v24-panel h3 {
  margin: 0 0 16px;
  font-size: 24px;
  letter-spacing: -0.04em;
}
.desc-v24-panel ul {
  margin: 0;
  padding-left: 20px;
}
.desc-v24-panel li {
  color: #4f6878;
  line-height: 1.68;
  margin-bottom: 10px;
}
.desc-v24-ruo {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 14px;
  font-weight: 650;
}
@media (max-width: 900px) {
  .desc-v24-grid {
    grid-template-columns: 1fr;
  }
}


/* AXIAL_V25_PRODUCT_DESC_NO_REPETITION_20260706 */
.v25-description .desc-v24-overview p {
  max-width: 920px;
}

/* AXIAL_V26_PRODUCT_HERO_PREMIUM_REDESIGN_20260706 */

/* Overall top composition */
.product-reference-hero {
  padding-top: 36px !important;
}
.reference-hero-grid {
  gap: 34px !important;
  align-items: start !important;
}
.product-side-panel {
  padding: 34px 34px 32px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(195, 218, 226, .9) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(21,154,156,.06), transparent 30%),
    #ffffff !important;
  box-shadow: 0 26px 70px rgba(7,29,42,.085) !important;
}
.product-side-panel h1 {
  margin-top: 10px !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.075em !important;
  line-height: .94 !important;
}

/* Short description: clean editorial lead, not a loud box */
.short-desc-v26 {
  margin: 0 0 22px !important;
  padding: 0 0 0 18px !important;
  border-left: 3px solid var(--accent) !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.short-desc-v26 p {
  margin: 0 !important;
  max-width: 600px !important;
  color: #486372 !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
  letter-spacing: -0.018em !important;
}

/* Badges */
.product-badges {
  gap: 9px !important;
  margin: 18px 0 24px !important;
}
.product-badge {
  min-height: 38px !important;
  padding: 0 13px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  color: #0d6680 !important;
  border-color: rgba(17, 155, 190, .42) !important;
  background: linear-gradient(180deg, #f8fdff, #effafd) !important;
}

/* Presentations as actual selector pills */
.select-size-block {
  margin-top: 4px !important;
}
.select-size-block label {
  margin-bottom: 12px !important;
  font-size: 13px !important;
  letter-spacing: .01em !important;
}
.presentation-pills {
  gap: 9px !important;
  margin-bottom: 20px !important;
}
.amount-pill {
  min-width: 70px !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(198, 217, 226, .95) !important;
  background: #fff !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  box-shadow: 0 8px 22px rgba(7,29,42,.035) !important;
}
.amount-pill:hover {
  border-color: var(--accent) !important;
  background: rgba(21,154,156,.06) !important;
}

/* Compact meta strip instead of giant block cards */
.v26-meta-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 8px 0 20px !important;
}
.v26-meta-strip div {
  padding: 12px 13px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(214, 227, 233, .9) !important;
  background: linear-gradient(180deg, #ffffff, #fafcfc) !important;
}
.v26-meta-strip span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #6f8592 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}
.v26-meta-strip strong {
  display: block !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

/* RUO note: compact, not a big blue warning block */
.support-note-v26 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 20px !important;
  padding: 12px 14px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(198, 217, 226, .85) !important;
  background: #fbfdfd !important;
}
.support-note-v26 span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: #e7f6f5 !important;
  color: #087a7c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.support-note-v26 p {
  margin: 0 !important;
  color: #607887 !important;
  font-size: 14px !important;
}

/* CTAs */
.product-side-panel .hero-actions {
  margin-top: 0 !important;
  gap: 12px !important;
}
.product-side-panel .hero-actions .button {
  min-height: 46px !important;
  padding-inline: 18px !important;
  font-size: 14px !important;
}

/* Left gallery */
.gallery-column {
  border-radius: 30px !important;
  box-shadow: 0 26px 70px rgba(7,29,42,.07) !important;
}
.gallery-main {
  min-height: 390px !important;
  border-radius: 24px !important;
}
.verify-card {
  border-radius: 22px !important;
}
.verify-card-head strong {
  font-size: 24px !important;
  letter-spacing: -0.035em !important;
}

@media (max-width: 1040px) {
  .v26-meta-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  .v26-meta-strip {
    grid-template-columns: 1fr !important;
  }
  .amount-pill {
    min-width: auto !important;
  }
}

/* AXIAL_V28_PRESENTATIONS_STATIC_CHIPS_20260706 */
.v28-presentations {
  margin: 20px 0 20px !important;
}
.v28-presentations .presentation-title {
  margin-bottom: 12px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 780;
  letter-spacing: .01em;
}
.presentation-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.presentation-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid rgba(198, 217, 226, .95);
  background: linear-gradient(180deg, #ffffff, #f8fbfb);
  color: var(--ink);
  font-size: 14px;
  font-weight: 740;
  box-shadow: 0 8px 20px rgba(7,29,42,.035);
  cursor: default;
  user-select: text;
}
.presentation-note {
  margin: 10px 0 0 !important;
  color: #6b7f8a !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* AXIAL_V29_GLOBAL_SMALL_TEXT_READABILITY_20260706
   Global readability pass for buttons and small UI text.
   Uses a clean system UI stack, lighter weights, better line-height,
   and less aggressive tracking on microcopy.
*/
:root {
  --axial-ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Form controls and all CTA/button-like elements */
button,
.button,
a.button,
input,
textarea,
select,
.nav-cta,
.menu-toggle,
.filter-chip,
.amount-pill,
.presentation-chip,
.product-badge,
.trust-pill {
  font-family: var(--axial-ui-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.006em !important;
  text-transform: none !important;
  line-height: 1.25 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Primary CTAs can stay a little stronger, but not chunky */
.button.primary,
a.button.primary,
.nav-cta {
  font-weight: 650 !important;
}

/* Header/nav readability */
.site-header,
.navbar,
.nav-links a,
.logo,
.logo-text,
.logo-text small {
  font-family: var(--axial-ui-font) !important;
}

.nav-links a,
.nav-cta,
.menu-toggle {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: -0.004em !important;
}

/* Buttons */
.button,
a.button,
.product-card .button,
.related-product-card .button,
.hero-actions .button,
.cta-band .button,
form .button {
  font-size: 14px !important;
  font-weight: 620 !important;
  letter-spacing: -0.006em !important;
  line-height: 1.2 !important;
}

.product-card .button,
.related-product-card .button {
  font-size: 13.5px !important;
}

/* Pills, badges and compact metadata */
.trust-pill,
.product-badge,
.presentation-chip,
.amounts span,
.amount-pill,
.verify-meta span,
.card-meta span,
.related-batch,
.mini-stat span,
.mini-stat strong,
.spec-mini-card span,
.presentation-title,
.presentation-note,
.category,
.related-meta,
.breadcrumbs,
.breadcrumbs a,
.eyebrow {
  font-family: var(--axial-ui-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.35 !important;
  -webkit-font-smoothing: antialiased;
}

/* Keep small labels readable without screaming */
.eyebrow,
.category,
.related-meta,
.presentation-title,
.mini-stat span,
.spec-mini-card span,
.verify-meta span {
  font-size: 12.5px !important;
  font-weight: 650 !important;
  color: var(--accent);
}

/* Compact chips */
.trust-pill,
.product-badge,
.presentation-chip,
.amounts span,
.amount-pill {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Tables and specs small text */
table,
table th,
table td,
.tech-table-wrap,
.specs-table-wrap,
.summary-table,
.technical-table {
  font-family: var(--axial-ui-font) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  letter-spacing: -0.004em !important;
}

table th,
table td:first-child {
  font-weight: 650 !important;
}

/* Product cards, descriptions and support text */
.product-card p,
.related-product-card p,
.support-note,
.support-note p,
.presentation-note,
.faq-subtitle,
.small-note,
.footer-disclaimer,
.footer-bottom,
.site-footer p,
.site-footer a,
.desc-v24-overview p,
.desc-v24-panel li,
.short-desc-v26 p {
  font-family: var(--axial-ui-font) !important;
  letter-spacing: -0.005em !important;
  line-height: 1.6 !important;
}

/* Avoid tiny unreadable microcopy on cards */
.product-card p,
.related-product-card p {
  font-size: 14px !important;
}

.footer-bottom,
.presentation-note,
.related-batch,
.small-note {
  font-size: 13px !important;
}

/* Search/filter UI */
.search-input,
input[type="search"],
input[type="email"],
input[type="text"],
textarea {
  font-family: var(--axial-ui-font) !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.006em !important;
}

/* Keep big display headings untouched except prevent accidental button font inheritance */
h1, h2, h3 {
  text-rendering: optimizeLegibility;
}

/* AXIAL_V30_PRODUCT_HERO_REFERENCE_REPAIR_20260706
   Product hero repair based on the reference layout.
   Only presentation/visual styling is changed. Technical Specifications HTML is untouched.
*/

/* Product top area: more like reference, less like a heavy card layout */
.product-reference-hero {
  padding-top: 30px !important;
  padding-bottom: 52px !important;
}
.product-reference-hero .container {
  max-width: 1320px !important;
}
.product-reference-hero .breadcrumbs {
  margin-bottom: 18px !important;
  font-size: 13px !important;
  color: #6c8190 !important;
}
.reference-hero-grid {
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
  gap: 54px !important;
  align-items: start !important;
}

/* Left gallery: keep the verification block, but reduce the bulky feeling */
.gallery-column {
  padding: 20px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(205, 222, 230, .78) !important;
  background: #ffffff !important;
  box-shadow: 0 24px 64px rgba(7, 29, 42, .06) !important;
}
.gallery-layout {
  grid-template-columns: 72px 1fr !important;
  gap: 18px !important;
}
.gallery-thumbs {
  gap: 14px !important;
}
.gallery-thumbs .thumb {
  width: 64px !important;
  height: 64px !important;
  border-radius: 16px !important;
  background: #fbfdfd !important;
  box-shadow: none !important;
}
.gallery-main {
  min-height: 380px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 76% 26%, rgba(255,255,255,.96), transparent 20%),
    linear-gradient(180deg, #f7fbfb, #eff7f7) !important;
}
.gallery-main img {
  max-width: 330px !important;
}

/* Verify card closer to the reference, but without sales/checkout claims */
.verify-card {
  margin-top: 18px !important;
  padding: 20px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, #f2fbf6, #effaf5) !important;
  border: 1px solid rgba(39, 204, 135, .42) !important;
  box-shadow: none !important;
}
.verify-card-head strong {
  font-family: var(--axial-ui-font, Inter, system-ui, sans-serif) !important;
  font-size: 25px !important;
  line-height: 1.1 !important;
  font-weight: 780 !important;
  letter-spacing: -0.035em !important;
  color: #06905f !important;
}
.verify-card-head span {
  font-size: 14px !important;
  color: #5d7481 !important;
}
.verify-meta span {
  font-size: 12.5px !important;
  font-weight: 650 !important;
  background: #ffffff !important;
  color: #0b5961 !important;
}
.verify-card .button.full {
  min-height: 50px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  margin-top: 8px !important;
}

/* Right product area: remove the big card, make it feel like the reference */
.product-side-panel {
  padding: 18px 6px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.product-side-panel .eyebrow {
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
  color: var(--accent) !important;
  text-transform: none !important;
  position: relative;
  padding-left: 32px;
}
.product-side-panel .eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 22px;
  height: 1px;
  transform: translateY(-50%);
  background: var(--accent);
}
.product-side-panel h1 {
  margin: 10px 0 14px !important;
  max-width: 620px !important;
  font-size: clamp(44px, 5vw, 68px) !important;
  line-height: .94 !important;
  letter-spacing: -0.078em !important;
}

/* Short description: remove the 'patch' look, make it an editorial product lead */
.product-side-panel .short-desc-v26 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.short-desc-v26 p {
  max-width: 590px !important;
  margin: 0 !important;
  color: #486171 !important;
  font-size: 17.5px !important;
  line-height: 1.72 !important;
  letter-spacing: -0.014em !important;
}
.short-desc-v26 p + p {
  margin-top: 6px !important;
  color: #637986 !important;
}

/* Badges: compact, reference-like */
.product-badges {
  margin: 18px 0 23px !important;
  gap: 10px !important;
}
.product-badge {
  min-height: 38px !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(33, 154, 190, .48) !important;
  background: #f5fcff !important;
  color: #075979 !important;
  font-size: 13.5px !important;
  font-weight: 620 !important;
}

/* Available presentations: static chips, not fake selectors */
.v28-presentations,
.v27-presentations,
.available-presentations {
  margin: 22px 0 20px !important;
}
.available-presentations .presentation-title,
.v28-presentations .presentation-title,
.v27-presentations .presentation-title {
  margin-bottom: 13px !important;
  color: var(--ink) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
.presentation-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.presentation-chip {
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(191, 214, 224, .9) !important;
  background: #fff !important;
  color: var(--ink) !important;
  box-shadow: 0 8px 20px rgba(7,29,42,.025) !important;
  font-size: 14px !important;
  font-weight: 620 !important;
}
.presentation-note {
  max-width: 520px !important;
  margin-top: 10px !important;
  color: #687f8e !important;
  font-size: 13px !important;
}

/* Compact metadata: no large tiles */
.v26-meta-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 18px 0 22px !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(199, 218, 226, .72) !important;
  border-bottom: 1px solid rgba(199, 218, 226, .72) !important;
}
.v26-meta-strip div {
  flex: 1 1 128px !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.v26-meta-strip div:first-child {
  padding-left: 0 !important;
}
.v26-meta-strip div + div {
  border-left: 1px solid rgba(199, 218, 226, .72) !important;
}
.v26-meta-strip span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #6d8492 !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
.v26-meta-strip strong {
  display: block !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* RUO note: smaller and more elegant */
.support-note-v26 {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  max-width: 590px !important;
  margin: 0 0 20px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(188, 215, 228, .86) !important;
  background: #f8fcff !important;
}
.support-note-v26 span {
  min-width: 42px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #e8f7f6 !important;
  color: #087a7c !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}
.support-note-v26 p {
  margin: 0 !important;
  color: #607887 !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}

/* CTA hierarchy closer to product-commerce reference, but non-ecommerce */
.product-side-panel .hero-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
  gap: 12px !important;
  max-width: 590px !important;
  margin-top: 0 !important;
}
.product-side-panel .hero-actions .button {
  min-height: 48px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 620 !important;
}
.product-side-panel .hero-actions .button.primary {
  font-weight: 680 !important;
}

/* Responsive */
@media (max-width: 1020px) {
  .reference-hero-grid {
    grid-template-columns: 1fr !important;
  }
  .product-side-panel {
    padding: 4px 0 0 !important;
  }
}
@media (max-width: 620px) {
  .product-side-panel .hero-actions {
    grid-template-columns: 1fr !important;
  }
  .v26-meta-strip {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .v26-meta-strip div {
    padding: 10px 0 !important;
  }
  .v26-meta-strip div + div {
    border-left: 0 !important;
  }
}

/* AXIAL_V32_RESEARCH_APPLICATIONS_ONLY_AND_TITLE_SPACING_20260706 */

/* Product title spacing repaired */
.product-side-panel h1 {
  letter-spacing: -0.052em !important;
  line-height: 0.98 !important;
}

/* Product description simplified to Research Applications only */
.v32-research-applications-only {
  padding-top: 18px !important;
}
.v32-ra-card {
  padding: 34px 34px 32px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(205, 222, 230, .78) !important;
  box-shadow: 0 22px 58px rgba(7, 29, 42, .055) !important;
}
.v32-ra-header {
  margin-bottom: 18px !important;
}
.v32-ra-header h2 {
  margin: 0 !important;
  color: var(--ink) !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.05em !important;
  font-weight: 800 !important;
}
.v32-ra-body {
  max-width: 980px !important;
}
.v32-ra-body ul {
  margin: 0 !important;
  padding-left: 22px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 34px !important;
}
.v32-ra-body li {
  color: #516977 !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
  letter-spacing: -0.008em !important;
  padding-left: 2px !important;
}
@media (max-width: 860px) {
  .v32-ra-body ul {
    grid-template-columns: 1fr !important;
  }
}

/* AXIAL_V33_RESEARCH_APPLICATIONS_VISUAL_REPAIR_20260706 */

/* Research Applications repaired to match the rest of the product page system */
.v33-research-applications {
  padding-top: 18px !important;
  padding-bottom: 58px !important;
}
.v33-ra-card {
  padding: 30px 32px 32px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(205, 222, 230, .78) !important;
  box-shadow: 0 22px 58px rgba(7, 29, 42, .055) !important;
}
.v33-ra-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-end;
  margin-bottom: 22px;
}
.v33-ra-head .eyebrow {
  display: block;
  margin-bottom: 8px;
  color: var(--accent) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}
.v33-ra-head h2 {
  margin: 0 !important;
  color: var(--ink) !important;
  font-size: clamp(30px, 3.6vw, 44px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  font-weight: 780 !important;
}
.v33-app-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.v33-app-card {
  position: relative;
  min-height: 118px;
  padding: 18px 18px 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(205, 222, 230, .74);
  background: linear-gradient(180deg, #ffffff, #f8fbfb);
}
.v33-app-card::before {
  content: "";
  position: absolute;
  inset: 16px auto 16px 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--accent), rgba(21,154,156,.18));
}
.v33-app-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 26px;
  margin-bottom: 12px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e7f6f5;
  color: #087a7c;
  font-family: var(--axial-ui-font, Inter, system-ui, sans-serif);
  font-size: 12px;
  font-weight: 760;
}
.v33-app-card p {
  margin: 0;
  color: #4f6878;
  font-family: var(--axial-ui-font, Inter, system-ui, sans-serif);
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: -0.006em;
}
@media (max-width: 980px) {
  .v33-app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .v33-app-grid {
    grid-template-columns: 1fr !important;
  }
}

/* AXIAL_V34_CATEGORY_RENAME_20260706 */

/* AXIAL_V35_CATEGORY_RENAME_FORCE_20260706 */

/* AXIAL_V36_REMOVE_APPLICATION_AREAS_FORMULA_WEIGHT_FIX_20260706 */

/* V36: Application Areas removed; tighten transition into technical specs */
.tech-spec-reference { padding-top: 56px !important; }

/* AXIAL_V37_REAL_PRODUCT_IMAGES_INTEGRATED_20260706 */

/* AXIAL_V38_PRODUCT_IMAGE_FIT_REPAIR_20260707
   Fixes real product images being cropped in catalog cards, related cards,
   gallery thumbnails and main product image containers.
*/

/* Catalog / product-card image containers */
.product-thumb,
.related-thumb,
.gallery-main,
.gallery-thumbs .thumb {
  overflow: hidden !important;
}

/* Product cards: show the whole vial, never crop */
.product-card .product-thumb,
.axial-product-card .product-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #f7fbfb, #eef8f8) !important;
  padding: 14px !important;
}

.product-card .product-thumb img,
.axial-product-card .product-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Related products: same behavior, no cropped vials */
.related-product-card .related-thumb,
.related-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #f7fbfb, #eef8f8) !important;
  padding: 12px !important;
}

.related-product-card .related-thumb img,
.related-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Main product gallery: keep full vial visible */
.gallery-main {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.gallery-main img {
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 92% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Thumbnail rail: no crop */
.gallery-thumbs .thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px !important;
  background: #f8fbfb !important;
}

.gallery-thumbs .thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Prevent card product images from visually escaping the card */
.product-card,
.related-product-card {
  overflow: hidden !important;
}

/* If real images include white margins, keep the card frame clean */
.product-card .product-thumb,
.related-product-card .related-thumb {
  border-color: rgba(205, 222, 230, .82) !important;
}

/* AXIAL_V40_PRODUCT_IMAGE_TOPFRAME_20260707
   Keep the improved full-frame treatment but align product photos to the top so vial caps remain visible.
   This avoids the top crop while still preventing mint frame color from appearing around mixed white/gray photo backgrounds.
*/
.product-thumb,
.related-thumb,
.gallery-main,
.gallery-thumbs .thumb {
  background: #f6f8f9 !important;
  overflow: hidden !important;
}

.product-card .product-thumb,
.axial-product-card .product-thumb,
.related-product-card .related-thumb,
.related-thumb,
.gallery-main,
.gallery-thumbs .thumb {
  padding: 0 !important;
}

.product-card .product-thumb img,
.axial-product-card .product-thumb img,
.related-product-card .related-thumb img,
.related-thumb img,
.product-thumb img,
.gallery-main img,
.gallery-thumbs .thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

/* AXIAL_V41_VARIATION_SELECTION_20260707 */
.variant-selector-card {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 14px 0 !important;
}
.variant-chip,
.presentation-chip {
  cursor: pointer !important;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.variant-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 31px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: var(--surface-2) !important;
  color: var(--navy) !important;
  font-size: 12.5px !important;
  font-weight: 620 !important;
}
.variant-chip:hover,
.presentation-chip:hover {
  border-color: var(--accent) !important;
  background: rgba(21,154,156,.08) !important;
}
.variant-chip.is-active,
.presentation-chip.is-active,
.gallery-thumbs .thumb.is-active {
  border-color: var(--accent) !important;
  background: rgba(21,154,156,.12) !important;
  color: #057477 !important;
  box-shadow: 0 0 0 3px rgba(21,154,156,.10) !important;
}
.variant-chip.variant-more {
  cursor: default !important;
  opacity: .82 !important;
}
.presentation-note strong {
  color: var(--ink) !important;
  font-weight: 700 !important;
}

/* AXIAL_V42_RELATED_VARIATION_SELECTION_20260707 */

/* AXIAL_V43_MISSING_IMAGES_INTEGRATED_20260707 */

/* AXIAL_V44_CATEGORY_LABELS_SHORTENED_20260707 */

/* AXIAL_V45_BRAND_LOGOS_HEADER_FOOTER_20260707 */
.logo-image-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  line-height: 1;
}

.site-logo-img {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
}

.site-logo-img--header {
  max-width: 150px;
  max-height: 50px;
}

.site-logo-img--footer {
  max-width: 150px;
  max-height: 50px;
}

.site-header .logo-image-link {
  min-width: 150px;
}

.site-footer .footer-logo-link {
  margin-bottom: 0;
}

@media (max-width: 720px) {
  .site-logo-img--header {
    max-width: 132px;
    max-height: 44px;
  }
  .site-header .logo-image-link {
    min-width: 132px;
  }
}

/* AXIAL_V46_LOGO_REPLACEMENT_ALL_PAGES_20260708 */

/* AXIAL_V47_LOGO_SIZE_REDUCED_20260708 */

/* Reduce oversized transparent logo assets in header/footer */
.site-logo-img--header {
  max-width: 118px !important;
  max-height: 38px !important;
}

.site-logo-img--footer {
  max-width: 126px !important;
  max-height: 42px !important;
}

.site-header .logo-image-link {
  min-width: 118px !important;
  max-width: 118px !important;
}

.site-header .navbar {
  min-height: 64px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.site-footer .footer-logo-link {
  min-width: 0 !important;
  max-width: 126px !important;
}

@media (max-width: 720px) {
  .site-logo-img--header {
    max-width: 104px !important;
    max-height: 34px !important;
  }

  .site-header .logo-image-link {
    min-width: 104px !important;
    max-width: 104px !important;
  }
}

/* AXIAL_V48_EYEBROW_TONE_WEIGHT_REFINEMENT_20260708
   Global refinement for small section titles / eyebrow labels.
   Darker teal, less bold, less harsh tracking.
*/
.eyebrow,
.hero .eyebrow,
.section-head .eyebrow,
.product-side-panel .eyebrow,
.desc-v24-header .eyebrow,
.desc-v21-header .eyebrow,
.desc-v22-header .eyebrow,
.desc-v23-header .eyebrow,
.desc-v24-header .eyebrow,
.v31-ra-header .eyebrow,
.v32-ra-header .eyebrow,
.v33-ra-head .eyebrow,
.single-card .eyebrow,
.html-content .eyebrow {
  color: #0f8b89 !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  font-family: var(--axial-ui-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Small decorative line before eyebrow labels */
.eyebrow::before,
.hero .eyebrow::before,
.section-head .eyebrow::before,
.product-side-panel .eyebrow::before,
.v33-ra-head .eyebrow::before {
  background: #0f8b89 !important;
  opacity: .72 !important;
}

/* Avoid oversized / too-heavy eyebrow labels inside product pages */
.product-side-panel .eyebrow,
.v33-ra-head .eyebrow,
.desc-v24-header .eyebrow {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* AXIAL_V49_REMOVE_EYEBROW_DECORATIVE_LINES_20260708
   Remove decorative lines from all small section titles / eyebrow labels.
*/
.eyebrow::before,
.hero .eyebrow::before,
.section-head .eyebrow::before,
.product-side-panel .eyebrow::before,
.v33-ra-head .eyebrow::before,
.single-card .eyebrow::before,
.html-content .eyebrow::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.eyebrow,
.hero .eyebrow,
.section-head .eyebrow,
.product-side-panel .eyebrow,
.v33-ra-head .eyebrow,
.single-card .eyebrow,
.html-content .eyebrow {
  padding-left: 0 !important;
}

/* Remove any standalone decorative dash that was implemented as a border/line on eyebrow wrappers */
.eyebrow {
  border-left: 0 !important;
}

/* AXIAL_V51_PREMIUM_BIOTECH_HOME_HERO_20260708 */
.axial-hero-v51{position:relative;padding:74px 0 92px;background:radial-gradient(circle at 82% 18%,rgba(20,160,164,.10),transparent 32rem),linear-gradient(180deg,#f8fcfc 0%,#f3faf9 100%);overflow:hidden}.axial-hero-v51::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.42) 48%,rgba(255,255,255,0));pointer-events:none}.axial-hero-v51-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:60px;align-items:center}.axial-hero-v51-copy{max-width:760px}.axial-hero-v51 .eyebrow{color:#0f8588!important;font-size:14px!important;font-weight:600!important;letter-spacing:.005em!important;text-transform:none!important}.axial-hero-v51 h1{margin-top:18px;max-width:780px;font-size:clamp(54px,6.4vw,96px);line-height:.96;letter-spacing:-.065em}.axial-hero-v51 .lead{margin-top:24px;max-width:720px;font-size:clamp(19px,2vw,24px);line-height:1.55;color:#516a79}.axial-hero-v51 .hero-support{margin-top:18px;max-width:710px;color:#6b7f8b;font-size:17px;line-height:1.78}.axial-hero-v51 .hero-actions{margin-top:34px}.axial-hero-v51 .button.primary{background:linear-gradient(135deg,#087f82,#14a3a4)!important;color:#fff!important;border-color:transparent!important}.hero-proof-pills-v51{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-proof-pills-v51 span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid rgba(185,209,219,.9);border-radius:999px;background:rgba(255,255,255,.86);color:#4b6573;font-size:13px;font-weight:600;box-shadow:0 10px 28px rgba(9,31,46,.04)}.hero-proof-pills-v51 span::before{content:"";width:7px;height:7px;margin-right:9px;border-radius:999px;background:#12a4a2;box-shadow:0 0 0 4px rgba(18,164,162,.12)}.axial-hero-v51-visual{position:relative;min-height:650px;border-radius:42px;overflow:hidden;background:#06255f;border:1px solid rgba(185,210,224,.72);box-shadow:0 38px 90px rgba(8,30,50,.20),inset 0 0 0 1px rgba(255,255,255,.12)}.axial-hero-v51-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015)}.visual-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,15,45,.05),rgba(1,15,45,.24)),radial-gradient(circle at 72% 28%,rgba(44,194,255,.22),transparent 28rem)}.verification-panel-v51{position:absolute;left:28px;right:28px;bottom:28px;padding:24px;border-radius:28px;border:1px solid rgba(210,232,240,.84);background:rgba(255,255,255,.90);backdrop-filter:blur(14px);box-shadow:0 22px 52px rgba(7,25,45,.22)}.panel-kicker{display:block;margin-bottom:16px;color:#0e8b8d;font-size:12px;font-weight:720;letter-spacing:.10em;text-transform:uppercase}.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-steps div{padding:14px;border-radius:18px;background:rgba(246,251,251,.92);border:1px solid rgba(210,225,232,.78)}.workflow-steps strong{display:block;margin-bottom:8px;color:#0b2538;font-size:18px;line-height:1}.workflow-steps span{display:block;color:#536b79;font-size:13px;line-height:1.45;font-weight:600}@media(max-width:1180px){.axial-hero-v51-grid{grid-template-columns:1fr;gap:40px}.axial-hero-v51-visual{min-height:560px}}@media(max-width:720px){.axial-hero-v51{padding:44px 0 62px}.axial-hero-v51 h1{font-size:clamp(44px,12vw,62px)}.axial-hero-v51 .lead{font-size:18px}.axial-hero-v51 .hero-support{font-size:15px;line-height:1.7}.axial-hero-v51-visual{min-height:470px;border-radius:28px}.verification-panel-v51{left:16px;right:16px;bottom:16px;padding:18px;border-radius:22px}.workflow-steps{grid-template-columns:1fr}}

/* AXIAL_V52_PREMIUM_BIOTECH_HERO
   Home hero rebuilt with a premium biotech layout that does not recycle the previous format.
*/
.axial-hero-v52 {
  padding: 56px 0 88px;
  background: linear-gradient(180deg, #f7fbfb 0%, #f4f9f9 100%);
}
.axial-hero-v52-shell {
  overflow: hidden;
  border: 1px solid #d5e4e8;
  border-radius: 40px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,252,.98));
  box-shadow: 0 28px 80px rgba(12, 35, 47, .08);
}
.axial-hero-v52-banner {
  position: relative;
  height: 280px;
  overflow: hidden;
  border-bottom: 1px solid #d9e7ea;
  background: #07275e;
}
.axial-hero-v52-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.axial-hero-v52-banner-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(3,18,45,.66) 0%, rgba(3,18,45,.18) 45%, rgba(3,18,45,.3) 100%);
}
.axial-hero-v52-banner-bar {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.axial-hero-v52-banner-bar span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.16);
  color: #f5fbff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  backdrop-filter: blur(10px);
}
.axial-hero-v52-body {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
  gap: 34px;
  padding: 42px 44px 12px;
}
.axial-hero-v52-copy .eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  color: #147e82 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}
.axial-hero-v52-copy h1 {
  margin: 0;
  max-width: 860px;
  font-size: clamp(54px, 6vw, 92px);
  line-height: .95;
  letter-spacing: -0.06em;
}
.axial-hero-v52-copy .lead {
  margin-top: 24px;
  max-width: 760px;
  font-size: clamp(18px, 1.9vw, 24px);
  line-height: 1.58;
  color: #4f6675;
}
.axial-hero-v52-copy .hero-support {
  margin-top: 16px;
  max-width: 720px;
  font-size: 16px;
  line-height: 1.78;
  color: #728491;
}
.axial-hero-v52-panel {
  align-self: start;
  padding: 26px;
  border: 1px solid #d9e7ea;
  border-radius: 28px;
  background: linear-gradient(180deg, #fbfdfd 0%, #f6fbfb 100%);
}
.axial-hero-v52-panel .panel-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: #147e82;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.axial-hero-v52-points {
  display: grid;
  gap: 14px;
}
.axial-hero-v52-points article {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 14px;
  padding: 16px 0;
  border-top: 1px solid #e4eff1;
}
.axial-hero-v52-points article:first-child { border-top: 0; padding-top: 0; }
.axial-hero-v52-points strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #edf6f6;
  color: #0c2538;
  font-size: 18px;
  font-weight: 700;
}
.axial-hero-v52-points h3 {
  margin: 2px 0 6px;
  font-size: 20px;
  line-height: 1.2;
}
.axial-hero-v52-points p {
  margin: 0;
  color: #607481;
  font-size: 15px;
  line-height: 1.65;
}
.axial-hero-v52-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 44px 42px;
}
.axial-hero-v52-footer .hero-actions { margin: 0; display:flex; gap:14px; flex-wrap:wrap; }
.axial-hero-v52-footer .button.primary {
  background: linear-gradient(135deg, #0b7f83, #19a8ab) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.axial-hero-v52-proof {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.axial-hero-v52-proof span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #d7e7ea;
  background: #fff;
  color: #566d7a;
  font-size: 13px;
  font-weight: 600;
}
.axial-hero-v52-proof span::before {
  content: '';
  width: 7px;
  height: 7px;
  margin-right: 9px;
  border-radius: 999px;
  background: #18a3a6;
}
@media (max-width: 1180px) {
  .axial-hero-v52-body { grid-template-columns: 1fr; }
  .axial-hero-v52-footer { flex-direction: column; align-items: flex-start; }
  .axial-hero-v52-proof { justify-content: flex-start; }
}
@media (max-width: 720px) {
  .axial-hero-v52 { padding: 36px 0 58px; }
  .axial-hero-v52-shell { border-radius: 28px; }
  .axial-hero-v52-banner { height: 228px; }
  .axial-hero-v52-banner-bar { left: 16px; right: 16px; bottom: 16px; }
  .axial-hero-v52-body { padding: 28px 20px 10px; gap: 22px; }
  .axial-hero-v52-copy h1 { font-size: clamp(42px, 13vw, 58px); }
  .axial-hero-v52-copy .lead { font-size: 17px; }
  .axial-hero-v52-copy .hero-support { font-size: 15px; }
  .axial-hero-v52-panel { padding: 18px; border-radius: 22px; }
  .axial-hero-v52-points article { grid-template-columns: 40px minmax(0,1fr); gap: 12px; }
  .axial-hero-v52-points strong { width: 40px; height: 40px; border-radius: 14px; font-size: 16px; }
  .axial-hero-v52-points h3 { font-size: 18px; }
  .axial-hero-v52-footer { padding: 18px 20px 28px; }
}

/* AXIAL_V55_REFERENCE_FULLSCREEN_HERO_NO_VIAL_20260708
   Home hero rebuilt as a full-screen reference-style biotech section.
   Uses only the supplied molecular background image. No vial/product render.
*/
.axial-hero-v55 {
  padding: 28px 0 72px;
  background: linear-gradient(180deg, #f4faf9 0%, #eef7f6 100%);
}

.axial-hero-v55-frame {
  position: relative;
  width: min(1480px, calc(100% - 56px));
  min-height: calc(100vh - 118px);
  margin: 0 auto;
  border-radius: 34px;
  overflow: hidden;
  background: #061426;
  border: 1px solid rgba(205, 228, 235, .58);
  box-shadow: 0 36px 96px rgba(6, 22, 35, .22);
}

.axial-hero-v55-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  filter: saturate(1.08) contrast(1.02);
}

.axial-hero-v55-shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 38%, rgba(0, 178, 205, .10), transparent 25rem),
    linear-gradient(90deg, rgba(2, 12, 25, .95) 0%, rgba(2, 15, 30, .80) 38%, rgba(2, 17, 34, .52) 68%, rgba(2, 12, 25, .72) 100%),
    linear-gradient(180deg, rgba(1, 10, 20, .18), rgba(1, 10, 20, .78));
}

.axial-hero-v55-content {
  position: relative;
  z-index: 2;
  width: min(1320px, calc(100% - 88px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 54px;
  align-items: center;
  min-height: calc(100vh - 280px);
  padding-top: 82px;
  padding-bottom: 130px;
}

.axial-hero-v55-copy {
  max-width: 780px;
}

.axial-hero-v55 .eyebrow {
  color: #22d7d2 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.axial-hero-v55 h1 {
  margin-top: 28px;
  max-width: 880px;
  color: #ffffff;
  font-size: clamp(56px, 7.4vw, 112px);
  line-height: .94;
  letter-spacing: -0.065em;
  text-wrap: balance;
}

.axial-hero-v55 .lead {
  margin-top: 28px;
  max-width: 730px;
  color: rgba(236, 247, 250, .88);
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.62;
}

.axial-hero-v55 .hero-support {
  margin-top: 18px;
  max-width: 690px;
  color: rgba(220, 235, 240, .72);
  font-size: 16px;
  line-height: 1.78;
}

.axial-hero-v55 .hero-actions {
  margin-top: 38px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.axial-hero-v55 .button.primary {
  min-height: 54px;
  padding-inline: 26px;
  color: #061728 !important;
  background: linear-gradient(135deg, #25d8d1, #15aeb4) !important;
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(17, 197, 201, .24);
}

.axial-hero-v55 .button.ghost-dark {
  min-height: 54px;
  padding-inline: 26px;
  color: #ffffff !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: none !important;
}

.axial-hero-v55-cards {
  display: grid;
  gap: 16px;
}

.axial-hero-v55-cards article {
  position: relative;
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(4, 19, 37, .56);
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
  backdrop-filter: blur(12px);
}

.axial-hero-v55-cards article::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-bottom: 14px;
  border-radius: 8px;
  border: 1px solid rgba(35, 216, 210, .72);
  background:
    radial-gradient(circle at center, #27dcd7 0 34%, transparent 38%),
    rgba(35,216,210,.14);
}

.axial-hero-v55-cards h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.02em;
}

.axial-hero-v55-cards p {
  margin: 0;
  color: rgba(223, 238, 244, .76);
  font-size: 14px;
  line-height: 1.6;
}

.axial-hero-v55-proof {
  position: absolute;
  left: 50%;
  bottom: 44px;
  z-index: 3;
  width: min(1320px, calc(100% - 88px));
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: 1.55fr .85fr 1fr 1.1fr;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(4, 17, 32, .66);
  backdrop-filter: blur(14px);
}

.axial-hero-v55-proof .proof-item {
  padding: 24px 26px;
  border-left: 1px solid rgba(255,255,255,.14);
}

.axial-hero-v55-proof .proof-item:first-child {
  border-left: 0;
}

.axial-hero-v55-proof strong {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.axial-hero-v55-proof .proof-item:not(.proof-lead) strong {
  color: #25d8d1;
  font-size: 24px;
}

.axial-hero-v55-proof span {
  display: block;
  margin-top: 8px;
  color: rgba(223, 238, 244, .72);
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 1180px) {
  .axial-hero-v55-frame {
    min-height: auto;
  }

  .axial-hero-v55-content {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 72px;
    padding-bottom: 260px;
  }

  .axial-hero-v55-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .axial-hero-v55-proof {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .axial-hero-v55 {
    padding: 18px 0 46px;
  }

  .axial-hero-v55-frame {
    width: min(100% - 24px, 1480px);
    border-radius: 24px;
  }

  .axial-hero-v55-content {
    width: calc(100% - 40px);
    padding: 42px 0 320px;
  }

  .axial-hero-v55 h1 {
    font-size: clamp(44px, 14vw, 64px);
  }

  .axial-hero-v55 .lead {
    font-size: 17px;
  }

  .axial-hero-v55-cards {
    grid-template-columns: 1fr;
  }

  .axial-hero-v55-proof {
    bottom: 24px;
    width: calc(100% - 40px);
    grid-template-columns: 1fr;
  }

  .axial-hero-v55-proof .proof-item {
    padding: 16px 18px;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.14);
  }

  .axial-hero-v55-proof .proof-item:first-child {
    border-top: 0;
  }
}

/* AXIAL_V56_HERO_FULL_WIDTH_NO_CARD_20260709
   Only changes the home hero frame so the molecular background image is full-width,
   not contained inside a rounded card.
*/
.axial-hero-v55 {
  padding-top: 0 !important;
}

.axial-hero-v55-frame {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

.axial-hero-v55-bg {
  width: 100% !important;
}

/* AXIAL_V57_BUTTON_SYSTEM_HARMONIZED_20260709
   Global button system aligned with the homepage hero CTA style.
   Primary: solid teal pill. Secondary: clean outline pill.
*/
:root {
  --axial-button-teal: #23cbc7;
  --axial-button-teal-dark: #0c8d90;
  --axial-button-ink: #071d2a;
  --axial-button-border: rgba(159, 188, 199, .55);
  --axial-button-shadow: 0 16px 34px rgba(12, 54, 68, .10);
  --axial-button-shadow-teal: 0 18px 36px rgba(35, 203, 199, .23);
}

.button,
a.button,
button.button,
.nav-cta,
form .button,
.hero-actions .button,
.cta-band .button,
.product-card .button,
.related-product-card .button,
.footer-newsletter .button,
.newsletter-card-v11 .button {
  min-height: 52px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-family: var(--axial-ui-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 660 !important;
  letter-spacing: -0.012em !important;
  line-height: 1 !important;
  text-transform: none !important;
  border: 1px solid var(--axial-button-border) !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--axial-button-ink) !important;
  box-shadow: none !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important;
}

.button:hover,
a.button:hover,
button.button:hover,
.nav-cta:hover,
form .button:hover,
.hero-actions .button:hover,
.cta-band .button:hover,
.product-card .button:hover,
.related-product-card .button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(35, 203, 199, .58) !important;
  box-shadow: var(--axial-button-shadow) !important;
  background: #ffffff !important;
}

.button.primary,
a.button.primary,
button.button.primary,
.hero-actions .button.primary,
.cta-band .button.primary,
form .button.primary,
.footer-newsletter .button.primary,
.newsletter-card-v11 .button.primary {
  background: var(--axial-button-teal) !important;
  border-color: transparent !important;
  color: #05212a !important;
  box-shadow: var(--axial-button-shadow-teal) !important;
}

.button.primary:hover,
a.button.primary:hover,
button.button.primary:hover,
.hero-actions .button.primary:hover,
.cta-band .button.primary:hover,
form .button.primary:hover {
  background: #29d8d3 !important;
  color: #031b22 !important;
  box-shadow: 0 20px 42px rgba(35, 203, 199, .30) !important;
}

.nav-cta {
  min-height: 46px !important;
  padding: 0 22px !important;
  background: #071d2a !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.nav-cta:hover {
  background: #0b2a3b !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(7, 29, 42, .18) !important;
}

/* Dark hero secondary button: same shape as reference, but readable on dark background */
.axial-hero-v55 .button.ghost-dark,
.axial-hero-v54 .button.ghost-dark,
.axial-hero-v52 .button,
.axial-hero-v51 .button,
.axial-hero-v50 .button {
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.05) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.axial-hero-v55 .button.ghost-dark:hover,
.axial-hero-v54 .button.ghost-dark:hover {
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.34) !important;
}

.axial-hero-v55 .button.primary,
.axial-hero-v54 .button.primary,
.axial-hero-v52 .button.primary,
.axial-hero-v51 .button.primary,
.axial-hero-v50 .button.primary {
  background: var(--axial-button-teal) !important;
  color: #05212a !important;
  border-color: transparent !important;
}

/* Product cards: View profile should look like the secondary hero button, not generic */
.product-card .button,
.related-product-card .button {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border-color: rgba(183, 209, 219, .82) !important;
  background: #ffffff !important;
  color: var(--axial-button-ink) !important;
}

.product-card .button:hover,
.related-product-card .button:hover {
  background: rgba(35, 203, 199, .08) !important;
  border-color: rgba(35, 203, 199, .58) !important;
  color: #07383f !important;
}

/* Filters: same rounded language, smaller scale */
.filter-chip,
.menu-toggle {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-family: var(--axial-ui-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  letter-spacing: -0.008em !important;
  text-transform: none !important;
  border: 1px solid rgba(183, 209, 219, .78) !important;
  background: #ffffff !important;
  color: var(--axial-button-ink) !important;
}

.filter-chip.active,
.filter-chip:hover,
.menu-toggle:hover {
  background: rgba(35, 203, 199, .12) !important;
  border-color: rgba(35, 203, 199, .54) !important;
  color: #07383f !important;
}

/* Variation chips: selectable but not oversized CTAs */
.variant-chip,
.presentation-chip,
.amounts span,
.mini-chip {
  border-radius: 999px !important;
  font-family: var(--axial-ui-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  letter-spacing: -0.006em !important;
  background: #edf7f7 !important;
  color: #082d38 !important;
  border: 1px solid transparent !important;
}

.variant-chip.is-active,
.presentation-chip.is-active,
.variant-chip:hover,
.presentation-chip:hover {
  background: rgba(35, 203, 199, .16) !important;
  border-color: rgba(35, 203, 199, .56) !important;
  color: #052f38 !important;
}

/* Small icon/trust pills should harmonize without becoming big buttons */
.trust-pill,
.product-badge,
.card-badges span {
  border-radius: 999px !important;
  font-family: var(--axial-ui-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: -0.006em !important;
}

/* AXIAL_V58_HERO_MARGINS_DARK_NAV_PALETTE_20260709
   Align hero content with the same container margins as the header/body,
   adapt the top menu to the dark biotech reference, and extend the hero palette
   through the rest of the homepage.
*/

/* Dark reference-style top menu */
.top-strip {
  background: #061624 !important;
  color: rgba(231, 247, 248, .86) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.site-header {
  background: #071826 !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 10px 28px rgba(5, 18, 30, .12) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
}

.navbar {
  min-height: 68px !important;
}

.site-logo-img--header {
  max-width: 118px !important;
  max-height: 38px !important;
}

.nav-links a {
  color: rgba(236, 248, 250, .78) !important;
  font-weight: 590 !important;
  border-radius: 999px !important;
}

.nav-links a:hover,
.nav-links a.active {
  color: #071826 !important;
  background: #dff7f5 !important;
}

.nav-cta {
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: none !important;
}

.nav-cta:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(35,203,199,.48) !important;
  color: #ffffff !important;
}

.menu-toggle {
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
}

/* Align hero content with normal site margins; image stays full-width */
.axial-hero-v55-content {
  width: min(var(--container), calc(100% - 40px)) !important;
}

.axial-hero-v55-proof {
  width: min(var(--container), calc(100% - 40px)) !important;
}

.axial-hero-v55-frame {
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

/* Let the palette flow into the following page sections */
body {
  background: #eef7f6 !important;
}

main {
  background:
    linear-gradient(180deg, #eef7f6 0%, #f7fbfb 30%, #eef7f6 100%) !important;
}

.section {
  background: transparent !important;
}

.section.alt {
  background:
    radial-gradient(circle at 82% 20%, rgba(35,203,199,.075), transparent 28rem),
    rgba(238,247,246,.72) !important;
  border-top-color: rgba(178, 211, 219, .42) !important;
  border-bottom: 1px solid rgba(178, 211, 219, .32) !important;
}

.section-head .eyebrow,
.html-content .eyebrow,
.single-card .eyebrow {
  color: #0b8f91 !important;
}

.section-head h2,
.html-content h2,
.final-cta-v11 h2 {
  color: #071d2a !important;
}

/* Homepage product cards: cool biotech palette without turning the page dark */
.product-card,
.axial-product-card,
.related-product-card {
  border-color: rgba(178, 211, 219, .78) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,252,252,.96)) !important;
  box-shadow: 0 22px 58px rgba(7, 29, 42, .055) !important;
}

.product-card:hover,
.axial-product-card:hover,
.related-product-card:hover {
  border-color: rgba(35,203,199,.55) !important;
  box-shadow: 0 26px 66px rgba(7, 29, 42, .085) !important;
}

.product-card .category,
.related-product-card .related-meta,
.card-badges span {
  background: rgba(35,203,199,.12) !important;
  color: #087a7c !important;
}

.card-badges span + span {
  background: rgba(7, 29, 42, .065) !important;
  color: #4d6472 !important;
}

.product-card .product-thumb,
.related-product-card .related-thumb {
  border-color: rgba(178, 211, 219, .74) !important;
  background: #f5f8f9 !important;
}

.amounts span,
.variant-chip,
.presentation-chip {
  background: #e7f4f4 !important;
  color: #082d38 !important;
}

.cta-band {
  background:
    radial-gradient(circle at 78% 20%, rgba(35,203,199,.18), transparent 28rem),
    linear-gradient(135deg, #061624, #0b2637) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 28px 70px rgba(7,29,42,.16) !important;
}

.cta-band h2,
.cta-band p {
  color: #ffffff !important;
}

.cta-band p {
  opacity: .78;
}

@media (max-width: 760px) {
  .axial-hero-v55-content,
  .axial-hero-v55-proof {
    width: min(var(--container), calc(100% - 28px)) !important;
  }
}

/* AXIAL_V59_NAV_HOVER_TEXT_COLOR_ONLY_20260709
   Navigation hover/active state: no white pill/button background.
   Only typography color changes, with a subtle underline accent.
*/
.site-header .nav-links {
  gap: 24px !important;
}

.site-header .nav-links a {
  position: relative !important;
  padding: 8px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(236, 248, 250, .72) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: color .16s ease, opacity .16s ease !important;
}

.site-header .nav-links a:hover,
.site-header .nav-links a.active {
  background: transparent !important;
  color: #29d8d3 !important;
  box-shadow: none !important;
}

.site-header .nav-links a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #29d8d3 !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  opacity: 0 !important;
  transition: transform .18s ease, opacity .18s ease !important;
}

.site-header .nav-links a:hover::after,
.site-header .nav-links a.active::after {
  transform: scaleX(1) !important;
  opacity: 1 !important;
}

/* Keep Browse Catalog as the only real button in the header */
.site-header .nav-cta {
  border-radius: 999px !important;
}

/* AXIAL_V60_FOOTERS_SYNCED_TO_HOME_INDEX_20260709 */

/* AXIAL_V61_GLOBAL_PALETTE_HERO_HARMONY_20260709
   Global palette refinement to harmonize all pages, especially product pages,
   with the darker/vibrant hero palette. Also removes muted green page feel.
*/
:root {
  --bg: #f4f8fb;
  --surface: #ffffff;
  --surface-2: #edf6fa;
  --ink: #071d2a;
  --muted: #526b7a;
  --line: #c8dce6;
  --border: #c8dce6;
  --brand: #23cbc7;
  --brand-dark: #0b8f93;
  --brand-soft: #dff9f7;
  --accent: #23cbc7;
  --navy: #061624;
  --shadow: 0 24px 70px rgba(7, 29, 42, .075);
  --shadow-soft: 0 14px 34px rgba(7, 29, 42, .055);
}

html {
  background: #f4f8fb !important;
}

body {
  background:
    radial-gradient(circle at 82% 4%, rgba(35,203,199,.12), transparent 32rem),
    radial-gradient(circle at 10% 22%, rgba(10, 80, 120, .055), transparent 30rem),
    linear-gradient(180deg, #f9fcfd 0%, #eff6fa 44%, #f7fafc 100%) !important;
  color: var(--ink) !important;
}

main {
  background:
    linear-gradient(180deg, rgba(248,252,253,.74), rgba(239,246,250,.78) 42%, rgba(247,250,252,.94) 100%) !important;
}

/* Sections: cooler, more vibrant biotech tone instead of muted green */
.section {
  background: transparent !important;
}

.section.alt,
.product-tech-v15,
.tech-spec-reference,
.product-main-v15,
.product-description-reference,
.related-reference,
.faq-reference {
  background:
    radial-gradient(circle at 86% 10%, rgba(35,203,199,.075), transparent 26rem),
    linear-gradient(180deg, rgba(247,251,253,.90), rgba(236,246,250,.82)) !important;
  border-top-color: rgba(184, 211, 222, .55) !important;
}

.product-reference-hero {
  background:
    radial-gradient(circle at 20% 14%, rgba(35,203,199,.12), transparent 28rem),
    radial-gradient(circle at 90% 10%, rgba(6,22,36,.065), transparent 36rem),
    linear-gradient(180deg, #f9fcfd 0%, #eef7fa 100%) !important;
}

/* Product page cards and panels */
.single-card,
.product-image-panel,
.product-info-panel,
.gallery-column,
.product-side-panel,
.product-overview-grid .html-content,
.v20-description .single-card,
.v20-tech .single-card,
.related-reference .single-card,
.faq-list details {
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(249,252,253,.97)) !important;
  border-color: rgba(184, 211, 222, .78) !important;
  box-shadow: 0 24px 70px rgba(7, 29, 42, .07) !important;
}

.gallery-column,
.single-card {
  border-radius: 30px !important;
}

.product-side-panel {
  background: transparent !important;
  box-shadow: none !important;
}

/* Product page labels and badges */
.product-badge,
.trust-pill,
.verify-meta span,
.presentation-chip,
.variant-chip,
.amounts span,
.mini-chip {
  border-color: rgba(35,203,199,.35) !important;
  background: rgba(35,203,199,.105) !important;
  color: #063845 !important;
}

.product-badge {
  background: rgba(248,253,255,.94) !important;
  color: #0a6470 !important;
}

.presentation-chip.is-active,
.variant-chip.is-active,
.presentation-chip:hover,
.variant-chip:hover {
  background: rgba(35,203,199,.18) !important;
  border-color: rgba(35,203,199,.72) !important;
  box-shadow: 0 0 0 4px rgba(35,203,199,.10) !important;
}

/* Verification / COA card */
.verify-card {
  background:
    radial-gradient(circle at 88% 20%, rgba(35,203,199,.16), transparent 16rem),
    linear-gradient(180deg, #ecfffc, #f5fbfb) !important;
  border-color: rgba(35,203,199,.48) !important;
  box-shadow: 0 20px 48px rgba(7, 29, 42, .055) !important;
}

.verify-card-head strong {
  color: #07856f !important;
}

.verify-card .button,
.verify-card .button.primary {
  background: var(--brand) !important;
  color: #05212a !important;
  border-color: transparent !important;
}

/* Technical Specifications: keep structure, update palette */
.spec-mini-card,
.sequence-box,
.spec-callout,
.v20-tech .spec-mini-card,
.v20-tech .sequence-box {
  background:
    linear-gradient(180deg, #f9fcfd, #f1f8fb) !important;
  border-color: rgba(198, 220, 229, .86) !important;
}

.spec-mini-card span,
.sequence-box span,
.spec-callout span,
.specs-table-wrap th,
.tech-table-wrap td:first-child,
.technical-table table td:first-child,
.summary-table table td:first-child,
.table-wrap table td:first-child,
table th,
table td:first-child {
  color: #0a777f !important;
  background-color: rgba(35,203,199,.065) !important;
}

.spec-mini-card strong {
  color: var(--ink) !important;
}

.table-wrap,
.specs-table-wrap,
.tech-table-wrap {
  border-color: rgba(198, 220, 229, .86) !important;
}

table,
.table-wrap table,
.specs-table-wrap table {
  border-color: rgba(198, 220, 229, .86) !important;
}

table tr,
table td,
table th {
  border-color: rgba(198, 220, 229, .86) !important;
}

/* Related product cards */
.product-card,
.axial-product-card,
.related-product-card {
  background:
    linear-gradient(180deg, #ffffff, #f8fcfd) !important;
  border-color: rgba(184, 211, 222, .82) !important;
  box-shadow: 0 22px 58px rgba(7, 29, 42, .06) !important;
}

.product-card:hover,
.axial-product-card:hover,
.related-product-card:hover {
  border-color: rgba(35,203,199,.62) !important;
  box-shadow: 0 30px 76px rgba(7, 29, 42, .10) !important;
}

.product-card .product-thumb,
.related-thumb,
.related-product-card .related-thumb,
.gallery-main {
  background: #f4f8fb !important;
  border-color: rgba(184, 211, 222, .76) !important;
}

/* Category and micro labels */
.category,
.related-meta,
.card-badges span,
.product-card .category {
  background: rgba(35,203,199,.12) !important;
  color: #08777b !important;
}

.card-badges span + span {
  background: rgba(6,22,36,.065) !important;
  color: #516b7a !important;
}

/* Buttons already harmonized; strengthen teal against new palette */
.button.primary,
a.button.primary,
.hero-actions .button.primary,
.cta-band .button.primary {
  background: #23cbc7 !important;
  color: #041d25 !important;
}

.button.primary:hover,
a.button.primary:hover {
  background: #2bd8d3 !important;
}

/* Footer: same dark biotech palette as hero, and clean Research Use Only wording */
.site-footer {
  background:
    radial-gradient(circle at 80% 0%, rgba(35,203,199,.12), transparent 28rem),
    linear-gradient(180deg, #061624, #071d2a) !important;
  color: rgba(235,248,250,.88) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

.site-footer p,
.site-footer a,
.site-footer .footer-bottom,
.site-footer .footer-disclaimer {
  color: rgba(235,248,250,.76) !important;
}

.site-footer h4,
.site-footer strong {
  color: #ffffff !important;
}

.site-footer a:hover {
  color: #23cbc7 !important;
}

.footer-disclaimer {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
}

/* Homepage sections after hero */
.axial-feature-grid .product-card,
.axial-catalog-grid .product-card {
  background:
    linear-gradient(180deg, #ffffff, #f8fcfd) !important;
}

.final-cta-v11,
.cta-band {
  background:
    radial-gradient(circle at 78% 20%, rgba(35,203,199,.18), transparent 28rem),
    linear-gradient(135deg, #061624, #0b2637) !important;
  border-color: rgba(255,255,255,.10) !important;
}

.final-cta-v11 h2,
.final-cta-v11 p,
.cta-band h2,
.cta-band p {
  color: #ffffff !important;
}

@media (max-width: 760px) {
  body {
    background:
      radial-gradient(circle at 50% 0%, rgba(35,203,199,.10), transparent 24rem),
      linear-gradient(180deg, #f8fcfd 0%, #eff6fa 48%, #f7fafc 100%) !important;
  }
}

/* AXIAL_V62_HERO_TEAL_GLOBAL_GREEN_SYNC_20260709
   Global sync of all green/teal UI accents to the landing hero teal (#23cbc7).
   Applies to product pages, COA Library, quantity chips, verification cards,
   CTAs, badges, filters, table accents and footer accents.
*/
:root {
  --brand: #23cbc7 !important;
  --brand-dark: #0b8f93 !important;
  --brand-soft: rgba(35, 203, 199, .14) !important;
  --accent: #23cbc7 !important;
  --axial-teal: #23cbc7 !important;
  --axial-button-teal: #23cbc7 !important;
  --axial-button-teal-dark: #0b8f93 !important;
  --hero-teal: #23cbc7;
  --hero-teal-hover: #2bd8d3;
  --hero-teal-dark: #0b8f93;
  --hero-teal-soft: rgba(35, 203, 199, .14);
  --hero-teal-border: rgba(35, 203, 199, .58);
}

/* Product page verification / purity card */
.verify-card {
  background:
    radial-gradient(circle at 90% 16%, rgba(35,203,199,.24), transparent 18rem),
    linear-gradient(180deg, rgba(235,255,253,.96), rgba(248,253,254,.98)) !important;
  border-color: var(--hero-teal-border) !important;
  box-shadow: 0 22px 58px rgba(35, 203, 199, .10) !important;
}
.verify-card-head strong,
.verify-card strong,
.verify-card .verify-title {
  color: var(--hero-teal-dark) !important;
}
.verify-meta span,
.verify-card .mini-chip,
.verify-card .chip {
  color: #06434a !important;
  background: rgba(35,203,199,.12) !important;
  border-color: rgba(35,203,199,.45) !important;
}

/* Certificate / COA buttons */
.verify-card .button,
.verify-card .button.primary,
a[href*="coa-library"].button.primary,
a[href*="coa-library"].button {
  background: var(--hero-teal) !important;
  border-color: transparent !important;
  color: #041d25 !important;
  box-shadow: 0 18px 36px rgba(35,203,199,.22) !important;
}
.verify-card .button:hover,
.verify-card .button.primary:hover,
a[href*="coa-library"].button:hover {
  background: var(--hero-teal-hover) !important;
  color: #041d25 !important;
}

/* Quantity / presentation chips: product pages, catalog, home, related products */
.presentation-chip,
.variant-chip,
.amounts span,
.mini-chip,
.product-card .amounts span,
.related-product-card .amounts span,
.presentation-chip-row .presentation-chip,
.variant-selector-card .variant-chip {
  background: rgba(35,203,199,.13) !important;
  border-color: rgba(35,203,199,.32) !important;
  color: #062f38 !important;
}
.presentation-chip.is-active,
.variant-chip.is-active,
.presentation-chip:hover,
.variant-chip:hover,
.gallery-thumbs .thumb.is-active {
  background: rgba(35,203,199,.22) !important;
  border-color: rgba(35,203,199,.78) !important;
  color: #041d25 !important;
  box-shadow: 0 0 0 4px rgba(35,203,199,.13) !important;
}

/* Badges, categories, filters and trust pills */
.product-badge,
.trust-pill,
.card-badges span,
.category,
.related-meta,
.product-card .category,
.filter-chip.active,
.filter-chip:hover {
  background: rgba(35,203,199,.13) !important;
  border-color: rgba(35,203,199,.42) !important;
  color: var(--hero-teal-dark) !important;
}
.product-badge:hover,
.trust-pill:hover {
  border-color: rgba(35,203,199,.68) !important;
}

/* Main CTAs across all pages */
.button.primary,
a.button.primary,
button.button.primary,
.hero-actions .button.primary,
.cta-band .button.primary,
form .button.primary,
.nav-cta {
  background: var(--hero-teal) !important;
  border-color: transparent !important;
  color: #041d25 !important;
}
.button.primary:hover,
a.button.primary:hover,
button.button.primary:hover,
.hero-actions .button.primary:hover,
.cta-band .button.primary:hover,
form .button.primary:hover,
.nav-cta:hover {
  background: var(--hero-teal-hover) !important;
  color: #041d25 !important;
}
.button:hover,
a.button:hover,
.product-card .button:hover,
.related-product-card .button:hover {
  border-color: var(--hero-teal-border) !important;
  background: rgba(35,203,199,.08) !important;
  color: #062f38 !important;
}

/* COA Library, tables, tabs, labels and status accents */
.coa-table th,
.coa-table td:first-child,
.table-wrap table td:first-child,
.specs-table-wrap th,
.specs-table-wrap td:first-child,
.tech-table-wrap td:first-child,
.technical-table table td:first-child,
.summary-table table td:first-child,
table th,
table td:first-child {
  color: var(--hero-teal-dark) !important;
  background-color: rgba(35,203,199,.065) !important;
}
.status,
.status-pill,
.batch-status,
.coa-status,
.badge,
.pill,
.tabs a.active,
.tab.active,
.product-local-nav a.active {
  background: rgba(35,203,199,.14) !important;
  border-color: rgba(35,203,199,.48) !important;
  color: var(--hero-teal-dark) !important;
}
.product-local-nav a.active,
.product-local-nav a:hover {
  background: #061624 !important;
  color: #ffffff !important;
  border-color: #061624 !important;
}

/* Form focus states and filters */
input:focus,
textarea:focus,
select:focus,
.search-input:focus {
  border-color: var(--hero-teal-border) !important;
  box-shadow: 0 0 0 4px rgba(35,203,199,.11) !important;
}
.filter-chip.active,
.filter-chip:hover {
  background: rgba(35,203,199,.14) !important;
  color: #05333c !important;
}

/* Decorative dots / active nav / pseudo accents */
.top-strip span::before,
.hero-proof-pills-v51 span::before,
.axial-hero-v52-proof span::before,
.axial-hero-v55-cards article::before,
.axial-hero-v55-proof .proof-item:not(.proof-lead) strong {
  color: var(--hero-teal) !important;
  background-color: var(--hero-teal) !important;
}
.site-header .nav-links a:hover,
.site-header .nav-links a.active {
  color: var(--hero-teal) !important;
}
.site-header .nav-links a::after {
  background: var(--hero-teal) !important;
}

/* Icon blocks and micro accents */
.desc-v24-icon,
.desc-v23-icon,
.v33-app-card span,
.icon-dot,
.v33-app-card::before,
.desc-v24-panel::before,
.desc-v23-panel::before,
.pillar-label {
  background-color: rgba(35,203,199,.16) !important;
  color: var(--hero-teal-dark) !important;
  border-color: rgba(35,203,199,.48) !important;
}

/* Footer accents */
.site-footer a:hover,
.site-footer .footer-disclaimer strong,
.site-footer .logo small {
  color: var(--hero-teal) !important;
}
.footer-disclaimer {
  border-color: rgba(35,203,199,.24) !important;
  background: rgba(35,203,199,.055) !important;
}

/* Hard override old greenish accents that appeared in legacy sections */
[style*="#0a9461"],
[style*="#06905f"],
[style*="#07856f"],
[style*="#0a6"],
[style*="#009"] {
  color: var(--hero-teal-dark) !important;
}

/* AXIAL_V63_WHITE_TEXT_ON_LIGHT_CONTEXT_TEAL_BUTTONS_20260709
   Filled teal buttons placed on light/white page contexts now use white text.
   Dark hero and top-menu CTAs are explicitly excluded/kept unchanged.
*/

/* Teal filled buttons on normal white/light page sections */
body .verify-card .button,
body .verify-card .button.primary,
body .coa-card .button.primary,
body .contact-card .button.primary,
body .newsletter-card-v11 .button.primary,
body .footer-newsletter .button.primary,
body form .button.primary,
body .single-card .button.primary,
body .product-card .button.primary,
body .related-product-card .button.primary,
body .cta-card .button.primary,
body .section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) .button.primary {
  color: #ffffff !important;
}

body .verify-card .button:hover,
body .verify-card .button.primary:hover,
body .coa-card .button.primary:hover,
body .contact-card .button.primary:hover,
body .newsletter-card-v11 .button.primary:hover,
body .footer-newsletter .button.primary:hover,
body form .button.primary:hover,
body .single-card .button.primary:hover,
body .product-card .button.primary:hover,
body .related-product-card .button.primary:hover,
body .cta-card .button.primary:hover,
body .section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) .button.primary:hover {
  color: #ffffff !important;
}

/* Specific COA/verification action button on product pages */
a.button.primary[href*="coa-library"],
.verify-card a.button,
.verify-card a.button.primary {
  color: #ffffff !important;
}

/* Keep hero buttons and header/menu buttons as they were on dark backgrounds */
.axial-hero-v55 .button.primary,
.axial-hero-v54 .button.primary,
.axial-hero-v52 .button.primary,
.axial-hero-v51 .button.primary,
.axial-hero-v50 .button.primary,
.site-header .nav-cta,
.site-header .nav-cta:hover {
  color: #041d25 !important;
}

/* Keep dark/outline secondary buttons readable */
.axial-hero-v55 .button.ghost-dark,
.axial-hero-v54 .button.ghost-dark {
  color: #ffffff !important;
}

/* AXIAL_V64_NO_GREEN_TEXT_SHADOWS_BUTTONS_SAMPLE_STYLE_20260709
   Removes green/mint text highlight shadows across the site and updates buttons/chips
   to the provided sample style: white inactive, teal active/primary, clean hover,
   while preserving the original rounded/pill curvature.
*/

/* Kill text shadows and green text highlight strips globally */
*, *::before, *::after {
  text-shadow: none !important;
}

.eyebrow,
.category,
.related-meta,
.product-card .category,
.related-product-card .related-meta,
.card-badges span,
.product-badge,
.trust-pill,
.spec-mini-card span,
.sequence-box span,
.spec-callout span,
.v20-tech .spec-mini-card span,
.v20-tech .sequence-box span,
.coa-table th,
.coa-table td:first-child,
.table-wrap table td:first-child,
.specs-table-wrap th,
.specs-table-wrap td:first-child,
.tech-table-wrap td:first-child,
.technical-table table td:first-child,
.summary-table table td:first-child,
table th,
table td:first-child {
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Remove mint/green label bands behind text */
.category,
.related-meta,
.product-card .category,
.related-product-card .related-meta,
.card-badges span,
.spec-mini-card span,
.sequence-box span,
.spec-callout span,
.v20-tech .spec-mini-card span,
.v20-tech .sequence-box span {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Technical spec mini labels should read as text, not as highlighted bars */
.spec-mini-card span,
.sequence-box span,
.spec-callout span,
.v20-tech .spec-mini-card span,
.v20-tech .sequence-box span {
  display: block !important;
  padding: 0 !important;
  margin-bottom: 8px !important;
  color: #607887 !important;
  font-weight: 600 !important;
  letter-spacing: -0.004em !important;
}

/* Table labels: remove green wash but keep structure readable */
.coa-table th,
.coa-table td:first-child,
.table-wrap table td:first-child,
.specs-table-wrap th,
.specs-table-wrap td:first-child,
.tech-table-wrap td:first-child,
.technical-table table td:first-child,
.summary-table table td:first-child,
table th,
table td:first-child {
  background: #f5f8fa !important;
  background-color: #f5f8fa !important;
  color: #0a2938 !important;
  font-weight: 650 !important;
}

/* Category text on cards: no mint strip, just clean teal typography */
.category,
.related-meta,
.product-card .category,
.related-product-card .related-meta {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  color: #087f88 !important;
  font-weight: 650 !important;
  letter-spacing: -0.004em !important;
  text-transform: none !important;
}

/* Button system based on sample: clean pill, no green glow shadows */
.button,
a.button,
button.button,
.product-card .button,
.related-product-card .button,
form .button,
.cta-band .button,
.single-card .button,
.verify-card .button,
.nav-cta {
  border-radius: 999px !important;
  font-family: var(--axial-ui-font, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif) !important;
  font-weight: 650 !important;
  letter-spacing: -0.012em !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

/* Light-context default/secondary buttons */
.button:not(.primary),
a.button:not(.primary),
.product-card .button,
.related-product-card .button,
.single-card .button:not(.primary),
form .button:not(.primary) {
  background: #ffffff !important;
  color: #0a2231 !important;
  border: 1px solid #d6e3ea !important;
  box-shadow: none !important;
}

.button:not(.primary):hover,
a.button:not(.primary):hover,
.product-card .button:hover,
.related-product-card .button:hover,
.single-card .button:not(.primary):hover,
form .button:not(.primary):hover {
  background: #f7fbfc !important;
  color: #07889a !important;
  border-color: #04afd0 !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

/* Primary teal buttons: sample active button style */
.button.primary,
a.button.primary,
button.button.primary,
.verify-card .button,
.verify-card .button.primary,
form .button.primary,
.single-card .button.primary,
.cta-band .button.primary,
.newsletter-card-v11 .button.primary,
.footer-newsletter .button.primary {
  background: #05acd0 !important;
  color: #ffffff !important;
  border: 1px solid #05acd0 !important;
  box-shadow: none !important;
}

.button.primary:hover,
a.button.primary:hover,
button.button.primary:hover,
.verify-card .button:hover,
.verify-card .button.primary:hover,
form .button.primary:hover,
.single-card .button.primary:hover,
.cta-band .button.primary:hover,
.newsletter-card-v11 .button.primary:hover,
.footer-newsletter .button.primary:hover {
  background: #009ab9 !important;
  color: #ffffff !important;
  border-color: #009ab9 !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

/* Keep hero/header on dark background readable and unchanged enough */
.axial-hero-v55 .button.primary,
.axial-hero-v54 .button.primary,
.axial-hero-v52 .button.primary,
.axial-hero-v51 .button.primary,
.axial-hero-v50 .button.primary,
.site-header .nav-cta,
.site-header .nav-cta:hover {
  background: #23cbc7 !important;
  border-color: transparent !important;
  color: #041d25 !important;
}

.axial-hero-v55 .button.ghost-dark,
.axial-hero-v54 .button.ghost-dark {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #ffffff !important;
}

/* Variation chips: sample style with original pill curvature */
.presentation-chip,
.variant-chip,
.amounts span,
.mini-chip,
.product-card .amounts span,
.related-product-card .amounts span,
.presentation-chip-row .presentation-chip,
.variant-selector-card .variant-chip {
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b2738 !important;
  border: 1px solid #d7e2ea !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: -0.008em !important;
}

/* Hover: border/text teal, no glow */
.presentation-chip:hover,
.variant-chip:hover,
.amounts span:hover,
.product-card .amounts span:hover,
.related-product-card .amounts span:hover {
  background: #ffffff !important;
  color: #07889a !important;
  border-color: #05acd0 !important;
  box-shadow: none !important;
}

/* Selected/active variation: teal fill + white text, no shadow */
.presentation-chip.is-active,
.variant-chip.is-active,
.gallery-thumbs .thumb.is-active {
  background: #05acd0 !important;
  color: #ffffff !important;
  border-color: #05acd0 !important;
  box-shadow: none !important;
}

.presentation-chip.is-active:hover,
.variant-chip.is-active:hover {
  background: #009ab9 !important;
  color: #ffffff !important;
  border-color: #009ab9 !important;
  box-shadow: none !important;
}

/* Remove green glows from thumbnail active state, keep clean border */
.gallery-thumbs .thumb.active,
.gallery-thumbs .thumb.is-active {
  box-shadow: none !important;
  border-color: #05acd0 !important;
}

/* Trust/product badges: no mint shadow bands */
.product-badge,
.trust-pill,
.card-badges span,
.filter-chip {
  background: #ffffff !important;
  color: #0b2738 !important;
  border: 1px solid #d7e2ea !important;
  box-shadow: none !important;
}

.product-badge:hover,
.trust-pill:hover,
.filter-chip:hover,
.filter-chip.active {
  background: #f7fbfc !important;
  color: #07889a !important;
  border-color: #05acd0 !important;
  box-shadow: none !important;
}

/* Footer / dark panels: avoid weird light button conflict */
.site-footer .button.primary,
.cta-band .button.primary,
.final-cta-v11 .button.primary {
  color: #ffffff !important;
}

/* AXIAL_V65_SINGLE_CYAN_ACCENT_GLOBAL_20260709
   Global accent cleanup.
   Every green/teal accent is normalized to the selected 5 mg chip cyan: #05ACD0.
   Applies to purity titles, View Certificate buttons, COA, product pages, chips,
   badges, filters, tables, links, hover states and footer accents.
*/
:root {
  --brand: #05ACD0 !important;
  --brand-dark: #05ACD0 !important;
  --brand-soft: rgba(5,172,208,.14) !important;
  --accent: #05ACD0 !important;
  --axial-teal: #05ACD0 !important;
  --axial-button-teal: #05ACD0 !important;
  --axial-button-teal-dark: #05ACD0 !important;
  --hero-teal: #05ACD0 !important;
  --hero-teal-hover: #05ACD0 !important;
  --hero-teal-dark: #05ACD0 !important;
  --hero-teal-soft: rgba(5,172,208,.14) !important;
  --hero-teal-border: rgba(5,172,208,.58) !important;
}

/* Normalize common old greens/teals in generated CSS scope */
a,
.eyebrow,
.category,
.related-meta,
.product-card .category,
.related-product-card .related-meta,
.card-badges span,
.product-badge,
.trust-pill,
.filter-chip.active,
.filter-chip:hover,
.site-footer a:hover,
.site-header .nav-links a:hover,
.site-header .nav-links a.active,
.breadcrumbs a {
  --brand: #05ACD0 !important;
  --accent: #05ACD0 !important;
}

/* Product purity verification card */
.verify-card {
  background:
    radial-gradient(circle at 90% 16%, rgba(5,172,208,.20), transparent 18rem),
    linear-gradient(180deg, rgba(232,250,255,.96), rgba(248,253,254,.98)) !important;
  border-color: rgba(5,172,208,.58) !important;
  box-shadow: 0 20px 48px rgba(5,172,208,.10) !important;
}

.verify-card-head strong,
.verify-card strong,
.verify-card .verify-title,
.verify-card h2,
.verify-card h3 {
  color: #05ACD0 !important;
}

/* View Certificate of Analysis and all light-context filled buttons */
.verify-card .button,
.verify-card .button.primary,
.verify-card a.button,
.verify-card a.button.primary,
a.button.primary[href*="coa-library"],
.button.primary,
a.button.primary,
button.button.primary,
form .button.primary,
.single-card .button.primary,
.cta-card .button.primary,
.newsletter-card-v11 .button.primary,
.footer-newsletter .button.primary {
  background: #05ACD0 !important;
  border-color: #05ACD0 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.verify-card .button:hover,
.verify-card .button.primary:hover,
.verify-card a.button:hover,
.verify-card a.button.primary:hover,
a.button.primary[href*="coa-library"]:hover,
.button.primary:hover,
a.button.primary:hover,
button.button.primary:hover,
form .button.primary:hover,
.single-card .button.primary:hover,
.cta-card .button.primary:hover,
.newsletter-card-v11 .button.primary:hover,
.footer-newsletter .button.primary:hover {
  background: #05ACD0 !important;
  border-color: #05ACD0 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

/* Keep dark hero/header primary buttons readable as configured for dark surfaces */
.axial-hero-v55 .button.primary,
.axial-hero-v54 .button.primary,
.axial-hero-v52 .button.primary,
.axial-hero-v51 .button.primary,
.axial-hero-v50 .button.primary,
.site-header .nav-cta,
.site-header .nav-cta:hover {
  background: #05ACD0 !important;
  border-color: #05ACD0 !important;
  color: #041d25 !important;
}

/* Quantity / presentation chips: inactive, hover, active */
.presentation-chip,
.variant-chip,
.amounts span,
.mini-chip,
.product-card .amounts span,
.related-product-card .amounts span,
.presentation-chip-row .presentation-chip,
.variant-selector-card .variant-chip {
  background: #ffffff !important;
  color: #0b2738 !important;
  border: 1px solid #d7e2ea !important;
  box-shadow: none !important;
}

.presentation-chip:hover,
.variant-chip:hover,
.amounts span:hover,
.product-card .amounts span:hover,
.related-product-card .amounts span:hover {
  background: #ffffff !important;
  color: #05ACD0 !important;
  border-color: #05ACD0 !important;
  box-shadow: none !important;
}

.presentation-chip.is-active,
.variant-chip.is-active,
.gallery-thumbs .thumb.is-active {
  background: #05ACD0 !important;
  color: #ffffff !important;
  border-color: #05ACD0 !important;
  box-shadow: none !important;
}

.presentation-chip.is-active:hover,
.variant-chip.is-active:hover {
  background: #05ACD0 !important;
  color: #ffffff !important;
  border-color: #05ACD0 !important;
}

/* Badges, COA status, filters and proof chips */
.product-badge,
.trust-pill,
.card-badges span,
.filter-chip.active,
.filter-chip:hover,
.status,
.status-pill,
.batch-status,
.coa-status,
.badge,
.pill,
.tabs a.active,
.tab.active {
  background: rgba(5,172,208,.12) !important;
  border-color: rgba(5,172,208,.42) !important;
  color: #05ACD0 !important;
  box-shadow: none !important;
}

/* Tables and technical specs accents */
.spec-mini-card span,
.sequence-box span,
.spec-callout span,
.v20-tech .spec-mini-card span,
.v20-tech .sequence-box span {
  color: #607887 !important;
  background: transparent !important;
}

.coa-table th,
.coa-table td:first-child,
.table-wrap table td:first-child,
.specs-table-wrap th,
.specs-table-wrap td:first-child,
.tech-table-wrap td:first-child,
.technical-table table td:first-child,
.summary-table table td:first-child,
table th,
table td:first-child {
  color: #0a2938 !important;
  background: #f5f8fa !important;
}

/* Links and small accents */
.top-strip span::before,
.hero-proof-pills-v51 span::before,
.axial-hero-v52-proof span::before,
.axial-hero-v55-cards article::before,
.site-header .nav-links a::after,
.icon-dot,
.desc-v24-panel::before,
.desc-v23-panel::before,
.v33-app-card::before {
  background: #05ACD0 !important;
  background-color: #05ACD0 !important;
  border-color: #05ACD0 !important;
}

.desc-v24-icon,
.desc-v23-icon,
.v33-app-card span,
.pillar-label {
  background: rgba(5,172,208,.14) !important;
  color: #05ACD0 !important;
  border-color: rgba(5,172,208,.42) !important;
}

.site-footer a:hover,
.site-footer .footer-disclaimer strong {
  color: #05ACD0 !important;
}

.footer-disclaimer {
  border-color: rgba(5,172,208,.24) !important;
  background: rgba(5,172,208,.055) !important;
}

/* Remove any residual green/mint shadows */
*,
*::before,
*::after {
  text-shadow: none !important;
}

/* Extra hard override for legacy inline-ish green classes/colors */
[style*="#23cbc7"],
[style*="#2bd8d3"],
[style*="#1aa6a6"],
[style*="#0e6e73"],
[style*="#0b8f93"],
[style*="#07856f"],
[style*="#06905f"],
[style*="#087a7c"],
[style*="#087f88"],
[style*="#07889a"] {
  color: #05ACD0 !important;
  border-color: #05ACD0 !important;
}

/* AXIAL_V66_LIGHT_CONTEXT_PRIMARY_BUTTON_TEXT_WHITE_20260709
   Force all filled teal primary buttons on light/white page sections to use white text.
   The home hero CTA and top navigation CTA are intentionally excluded.
*/

/* All normal page sections / white-background contexts */
main section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) .button.primary,
main section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) a.button.primary,
main section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) button.button.primary,
main .single-card .button.primary,
main .html-content .button.primary,
main .page-hero .button.primary,
main .section-hero .button.primary,
main .contact-card .button.primary,
main .coa-card .button.primary,
main .newsletter-card-v11 .button.primary,
main form .button.primary,
main .verify-card .button,
main .verify-card .button.primary,
main a.button.primary[href*="shop"],
main a.button.primary[href*="products"],
main a.button.primary[href*="coa-library"],
main a.button.primary[href*="contact"],
main a.button.primary[href*="research"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Hover/focus state remains white on filled teal buttons */
main section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) .button.primary:hover,
main section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) a.button.primary:hover,
main section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) button.button.primary:hover,
main .single-card .button.primary:hover,
main .html-content .button.primary:hover,
main .page-hero .button.primary:hover,
main .section-hero .button.primary:hover,
main .contact-card .button.primary:hover,
main .coa-card .button.primary:hover,
main .newsletter-card-v11 .button.primary:hover,
main form .button.primary:hover,
main .verify-card .button:hover,
main .verify-card .button.primary:hover,
main a.button.primary[href*="shop"]:hover,
main a.button.primary[href*="products"]:hover,
main a.button.primary[href*="coa-library"]:hover,
main a.button.primary[href*="contact"]:hover,
main a.button.primary[href*="research"]:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Keep home dark hero CTA and header/menu CTA untouched */
main .axial-hero-v55 .button.primary,
main .axial-hero-v54 .button.primary,
main .axial-hero-v52 .button.primary,
main .axial-hero-v51 .button.primary,
main .axial-hero-v50 .button.primary,
.site-header .nav-cta,
.site-header .nav-cta:hover {
  -webkit-text-fill-color: initial !important;
}

/* Explicitly keep ghost/secondary buttons as dark text on light backgrounds */
main section:not(.axial-hero-v55):not(.axial-hero-v54):not(.axial-hero-v52):not(.axial-hero-v51):not(.axial-hero-v50) .button:not(.primary) {
  -webkit-text-fill-color: currentColor !important;
}

/* AXIAL_V67_HERO_PROOF_TEXT_AND_ICONS_FIX_20260710
   Fixes hidden hero proof-strip labels and replaces placeholder squares
   with proper cyan line icons in the hero info cards.
*/

/* Restore bottom proof-strip text: no cyan bars behind >99%, Batch traceable or Technical specs */
.axial-hero-v55-proof .proof-item strong,
.axial-hero-v54-proof .proof-item strong,
.axial-hero-v52-proof .proof-item strong {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.axial-hero-v55-proof .proof-item:not(.proof-lead) strong,
.axial-hero-v54-proof .proof-item:not(.proof-lead) strong,
.axial-hero-v52-proof .proof-item:not(.proof-lead) strong {
  color: #05ACD0 !important;
  background: transparent !important;
  background-color: transparent !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  font-weight: 750 !important;
}

.axial-hero-v55-proof .proof-lead strong,
.axial-hero-v54-proof .proof-lead strong,
.axial-hero-v52-proof .proof-lead strong {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* Replace placeholder square treatment with real icon containers */
.axial-hero-v55-cards .icon-dot,
.axial-hero-v54-cards .icon-dot,
.axial-hero-v52-cards .icon-dot {
  display: none !important;
}

.hero-card-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 16px !important;
  border-radius: 14px !important;
  color: #05ACD0 !important;
  border: 1px solid rgba(5,172,208,.58) !important;
  background: rgba(5,172,208,.12) !important;
  box-shadow: none !important;
}

.hero-card-icon svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
}

.axial-hero-v55-cards article,
.axial-hero-v54-cards article,
.axial-hero-v52-cards article {
  padding: 24px !important;
}

.axial-hero-v55-cards h3,
.axial-hero-v54-cards h3,
.axial-hero-v52-cards h3 {
  margin-top: 0 !important;
}

/* Prevent global accent rules from turning these labels or icons into blocks */
.axial-hero-v55-cards article::before,
.axial-hero-v54-cards article::before,
.axial-hero-v52-cards article::before {
  content: none !important;
  display: none !important;
}

/* AXIAL_V68_HOME_HERO_COPY_UPDATE_20260710 */
.axial-hero-v55 h1 br {
  display: block;
}
.axial-hero-v55 .lead {
  max-width: 760px !important;
}