#hw-sds-lookup {
  --sds-navy: #152a48;
  --sds-red: #c8102e;
  --sds-blue: #1769aa;
  --sds-blue-dark: #105183;
  --sds-ink: #202b38;
  --sds-muted: #4b5968;
  --sds-border: #d5dce5;
  color: var(--sds-ink);
  font: inherit;
}
#hw-sds-lookup *, #hw-sds-lookup *::before, #hw-sds-lookup *::after { box-sizing: border-box; }
#hw-sds-lookup .hw-sds { width: 100%; max-width: 1320px; margin: 0 auto; padding: 12px 18px 38px; }
#hw-sds-lookup .hw-sds__hero {
  position: relative; display: flex; min-height: 250px; align-items: center; justify-content: space-between; gap: 28px; overflow: hidden;
  padding: 34px 32px; color: #fff; border-bottom: 4px solid var(--sds-red);
  background: linear-gradient(90deg, rgba(11,16,23,.94) 0%, rgba(11,16,23,.80) 48%, rgba(11,16,23,.25) 100%),
    url('/content/Harris%20SDS/harris-sds-hero.png') center 54% / cover no-repeat, #18202a;
}
#hw-sds-lookup .hw-sds__hero-copy { position: relative; z-index: 1; max-width: 780px; }
#hw-sds-lookup .hw-sds__title { margin: 0 0 10px; color: #fff; font-size: clamp(2rem, 4vw, 2.9rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.08; text-transform: uppercase; }
#hw-sds-lookup .hw-sds__intro-copy { max-width: 700px; margin: 0; color: #f2f4f7; font-size: 1.1rem; line-height: 1.5; }
#hw-sds-lookup .hw-sds__search-panel { margin: 0; padding: 20px 26px 22px; border: 1px solid var(--sds-border); border-top: 0; background: #fff; box-shadow: 0 5px 18px rgba(20,28,40,.06); }
#hw-sds-lookup .hw-sds__search-label { margin: 0 0 12px; color: #202833; font-size: 1.15rem; font-weight: 750; line-height: 1.3; }
#hw-sds-lookup .hw-sds__form { display: grid; grid-template-columns: minmax(0, 1fr) 142px 160px; gap: 10px; max-width: 1040px; }
#hw-sds-lookup .hw-sds__search { display: block; width: 100%; min-width: 0; min-height: 48px; padding: 10px 14px; border: 1px solid #b7bec7; border-radius: 3px; background: #fff; color: #202833; font: inherit; font-size: 1rem; }
#hw-sds-lookup .hw-sds__search::placeholder { color: #687483; opacity: 1; }
#hw-sds-lookup .hw-sds__search:focus { border-color: #1769aa; outline: 3px solid rgba(23,105,170,.18); outline-offset: 1px; }
#hw-sds-lookup .hw-sds__clear, #hw-sds-lookup .hw-sds__submit { min-height: 48px; padding: 0 16px; border: 1px solid #c8cdd4; border-radius: 4px; font: inherit; font-size: .9rem; font-weight: 800; cursor: pointer; }
#hw-sds-lookup .hw-sds__clear { background: #f5f6f7; color: #262d36; }
#hw-sds-lookup .hw-sds__clear:hover { background: #e9ecef; }
#hw-sds-lookup .hw-sds__submit { border-color: var(--sds-red); background: var(--sds-red); color: #fff; }
#hw-sds-lookup .hw-sds__submit:hover, #hw-sds-lookup .hw-sds__submit:focus { border-color: #a20d25; background: #a20d25; }
#hw-sds-lookup .hw-sds__count { margin: 18px 0 10px; color: #303b47; font-size: 1rem; font-weight: 700; }
#hw-sds-lookup .hw-sds__results { display: grid; gap: 12px; margin-top: 16px; }
#hw-sds-lookup .hw-sds__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 20px; padding: 16px 18px; border: 1px solid var(--sds-border); border-left: 4px solid var(--sds-red); border-radius: 4px; background: #fff; box-shadow: 0 1px 4px rgba(22,48,73,.04); }
#hw-sds-lookup .hw-sds__details { min-width: 0; flex: 1 1 auto; }
#hw-sds-lookup .hw-sds__name { margin: 0 0 4px; color: var(--sds-navy); font-size: 1.08rem; font-weight: 750; line-height: 1.35; }
#hw-sds-lookup .hw-sds__part { margin: 0; color: #405263; font-size: .94rem; line-height: 1.45; }
#hw-sds-lookup .hw-sds__meta { margin: 3px 0; color: #405263; font-size: .94rem; }
#hw-sds-lookup .hw-sds__products { grid-column: 1 / -1; margin-top: 2px; color: #344252; font-size: .92rem; }
#hw-sds-lookup .hw-sds__products summary { color: var(--sds-blue); cursor: pointer; font-weight: 700; }
#hw-sds-lookup .hw-sds__products ul { max-height: 300px; overflow: auto; margin: 8px 0 0; padding-left: 22px; }
#hw-sds-lookup .hw-sds__products li { margin: 6px 0; line-height: 1.45; }
#hw-sds-lookup .hw-sds__download { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--sds-red); border-radius: 4px; background: var(--sds-red); color: #fff !important; font-weight: 700; text-align: center; text-decoration: none; transition: background-color .15s ease; }
#hw-sds-lookup .hw-sds__download:hover, #hw-sds-lookup .hw-sds__download:focus { border-color: #a20d25; background: #a20d25; color: #fff !important; text-decoration: none; }
#hw-sds-lookup .hw-sds__warning { flex: 0 0 270px; margin: 0; padding: 10px 12px; border: 1px solid #d9bd61; border-radius: 4px; background: #fff7df; color: #594509; font-size: .9rem; line-height: 1.45; }
#hw-sds-lookup .hw-sds__sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 700px) {
  #hw-sds-lookup .hw-sds { padding: 10px 12px 28px; }
  #hw-sds-lookup .hw-sds__hero { min-height: 225px; padding: 28px 20px; background-position: 62% center; }
  #hw-sds-lookup .hw-sds__title { font-size: clamp(1.8rem, 8vw, 2.25rem); }
  #hw-sds-lookup .hw-sds__intro-copy { max-width: 450px; font-size: 1rem; }
  #hw-sds-lookup .hw-sds__search-panel { padding: 18px 16px 20px; }
  #hw-sds-lookup .hw-sds__form { grid-template-columns: 1fr 1fr; }
  #hw-sds-lookup .hw-sds__search { grid-column: 1 / -1; }
  #hw-sds-lookup .hw-sds__clear, #hw-sds-lookup .hw-sds__submit { width: 100%; }
  #hw-sds-lookup .hw-sds__card { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
  #hw-sds-lookup .hw-sds__download, #hw-sds-lookup .hw-sds__warning { width: 100%; }
  #hw-sds-lookup .hw-sds__products { grid-column: 1; }
  #hw-sds-lookup .hw-sds__warning { flex-basis: auto; }
}

/* Hide the BigCommerce page heading only on the Harris SDS lookup page. */
body:has(#hw-sds-lookup) .page-heading {
  display: none !important;
}