/* SL Measurement — Avantra-inspired navy/gold visual layer.
 * Load LAST, after slcorporate-hero-20261003.css and enquiry-buttons.css.
 * Keeps existing content, URLs, images, mobile navigation and commerce logic.
 * Remove this stylesheet link to roll back. Prepared against live DOM 2026-10-27.
 */
html body {
  --sl-gold: #c8a45c;
  --sl-gold-light: #e4c989;
  --sl-ink: #13294b;
  --sl-deep: #08243f;
  --sl-paper: #f5f7fa;
  --sl-line: #dbe2ea;
  --slc-navy: #13294b;
  --slc-gold: #c8a45c;
  color: #263c54;
}
html body .slc-site-header {
  background: #fff !important;
  border-bottom: 1px solid var(--sl-line) !important;
}
html body .slc-nav > a,
html body .slc-nav-item > a { color: var(--sl-ink) !important; font-weight: 600; }
html body .slc-nav > a:hover,
html body .slc-nav-item > a:hover {
  color: var(--sl-ink) !important;
  text-decoration-color: var(--sl-gold) !important;
}
html body .slc-dropdown {
  border-color: var(--sl-line) !important;
  border-radius: 10px !important;
}
html body .slc-category-menu-link:hover { background: #f8f5ed !important; }

/* Higher specificity than the existing separately loaded hero CSS. */
html body#index #wrapper #content .slc-home .slc-pharma-hero {
  gap: 28px !important;
  padding: 26px 0 40px !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-banner {
  min-height: 510px;
  padding: clamp(28px, 4.5vw, 64px) !important;
  background: var(--sl-deep) !important;
  border: 0 !important;
  border-radius: 16px !important;
  isolation: isolate;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: right center;
  opacity: .62;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-banner::before {
  content: '' !important;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,#08243f 0%,rgba(8,36,63,.97) 38%,rgba(8,36,63,.78) 60%,rgba(8,36,63,.22) 100%) !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-copy {
  width: 62%;
  max-width: 640px;
  background: transparent;
  padding: 0;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-guide-kicker {
  color: var(--sl-gold-light) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-copy h1 {
  color: #fff !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-copy h1::after {
  background: var(--sl-gold) !important;
  width: 58px !important;
  height: 3px !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-copy .slc-guide-lead {
  color: #f0f4f8 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-guide-primary {
  background: var(--sl-gold-light) !important;
  color: var(--sl-deep) !important;
  border: 1px solid var(--sl-gold-light) !important;
  border-radius: 7px !important;
  padding: 14px 22px !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-guide-primary span {
  color: inherit !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-guide-primary:hover,
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-guide-primary:focus-visible {
  background: #f0dba9 !important;
  color: var(--sl-deep) !important;
  border-color: #f0dba9 !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-guide-link {
  color: #fff !important;
  text-decoration-color: var(--sl-gold-light) !important;
}
html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-intro {
  color: var(--sl-ink) !important;
  padding: 0 4px !important;
  font-size: 17px !important;
}
html body#index #wrapper #content .slc-guide-card {
  background: var(--sl-paper) !important;
  color: var(--sl-ink) !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 32px !important;
}
html body#index #wrapper #content .slc-guide-card :is(h2,h3,p) {
  color: var(--sl-ink) !important;
}
html body#index #wrapper #content :is(.slc-starting-heading,.slc-section-heading) h2 {
  color: var(--sl-ink) !important;
  font-size: clamp(27px, 3vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: -.025em;
  line-height: 1.2 !important;
}
html body#index #wrapper #content .slc-starting-grid { gap: 18px !important; }
html body#index #wrapper #content .slc-starting-item {
  background: #fff !important;
  border: 1px solid var(--sl-line) !important;
  border-radius: 12px !important;
  padding: 23px 20px !important;
  transition: border-color .2s ease, background-color .2s ease;
}
html body#index #wrapper #content .slc-starting-item:hover {
  border-color: var(--sl-gold) !important;
  background: #fcfaf5 !important;
}
html body#index #wrapper #content .slc-starting-item :is(h3,p,svg) {
  color: var(--sl-ink) !important;
}
html body#index #wrapper #content .slc-featured .slc-product-card,
html body .js-product-miniature.sl-store-item {
  border: 1px solid var(--sl-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
}
html body#index #wrapper #content .slc-featured .slc-product-card:hover,
html body .js-product-miniature.sl-store-item:hover { border-color: var(--sl-gold) !important; }
html body :is(.sl-store-button,.btn-primary) {
  background: var(--sl-ink) !important;
  color: #fff !important;
  border-color: var(--sl-ink) !important;
  border-radius: 7px !important;
}
html body :is(.sl-store-button,.btn-primary):is(:hover,:focus-visible) {
  background: #214669 !important;
  color: #fff !important;
  border-color: var(--sl-gold) !important;
}
html body .slc-enquiry-actions a.slc-enquiry-button {
  color: var(--sl-ink) !important;
  background: transparent !important;
}
html body .slc-enquiry-actions a.slc-enquiry-button .slc-enquiry-label {
  text-decoration-color: var(--sl-gold) !important;
}
html body .slc-footer.slc-footer-current {
  background: linear-gradient(120deg,#08243f,#142e50) !important;
  color: #fff !important;
}
html body .slc-footer.slc-footer-current :is(h3,p,a,span) { color: #f0f4f8 !important; }
html body .slc-footer.slc-footer-current h3 { color: var(--sl-gold-light) !important; }
html body .slc-footer.slc-footer-current a:hover {
  color: #fff !important;
  text-decoration: underline !important;
  text-decoration-color: var(--sl-gold-light) !important;
  text-underline-offset: 4px;
}
html body :is(.slc-site-header,.slc-home,.slc-footer) :is(a,button):focus-visible {
  outline: 2px solid var(--sl-gold) !important;
  outline-offset: 4px;
}
@media (max-width:767px) {
  html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-banner {
    display: grid !important;
    min-height: 0;
    padding: 0 !important;
    border-radius: 12px !important;
  }
  html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-banner::before { content: none !important; }
  html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-copy {
    width: 100%;
    max-width: none;
    padding: 30px 22px;
    background: var(--sl-deep);
  }
  html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-image {
    position: static;
    z-index: auto;
    grid-row: 2;
    height: 190px !important;
    opacity: 1;
    object-position: right center;
  }
  html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-copy h1 { font-size: 34px !important; }
  html body#index #wrapper #content .slc-home .slc-pharma-hero .slc-pharma-copy .slc-guide-lead { font-size: 16px !important; }
  html body#index #wrapper #content .slc-guide-card { padding: 24px 20px !important; }
  html body#index #wrapper #content .slc-starting-item { padding: 20px 16px !important; }
}
@media (prefers-reduced-motion:reduce) {
  html body .slc-home :is(a,button) { transition: none !important; }
}