/* Term 7 — Bisagras desmontables. Scoped to this procurement page. */
.hspc-page--removable-procurement {
  --hspr-navy: #082b50;
  --hspr-blue: #087caf;
  --hspr-blue-dark: #082b50;
  --hspr-ink: #111820;
  --hspr-body: #334454;
  --hspr-muted: #5f6872;
  --hspr-line: #d6dbe1;
  --hspr-soft: #f4f7f9;
  overflow: clip;
  color: var(--hspr-ink);
  background: #fff;
}

.hspc-page--removable-procurement,
.hspc-page--removable-procurement * {
  box-sizing: border-box;
}

.hspc-page--removable-procurement img {
  display: block;
  max-width: 100%;
}

.hspc-page--removable-procurement .hspc-container {
  width: min(1280px, calc(100% - 64px));
}

.hspc-page--removable-procurement .hspc-section {
  padding: 80px 0;
}

.hspc-page--removable-procurement .hspc-section-head {
  max-width: 850px;
  margin-bottom: 34px;
}

.hspc-page--removable-procurement .hspc-section-head h2,
.hspc-page--removable-procurement h2 {
  color: var(--hspr-navy);
}

.hspc-page--removable-procurement .hspc-section-head p {
  color: var(--hspr-muted);
}

.hspc-page--removable-procurement .hspc-btn {
  min-height: 48px;
  padding-inline: 21px;
  border-radius: 0;
}

.hspc-page--removable-procurement .hspc-btn--primary {
  border-color: var(--hspr-blue) !important;
  color: #fff !important;
  background: var(--hspr-blue) !important;
}

.hspc-page--removable-procurement .hspc-btn--primary:hover,
.hspc-page--removable-procurement .hspc-btn--primary:focus-visible {
  border-color: var(--hspr-navy) !important;
  color: #fff !important;
  background: var(--hspr-navy) !important;
}

.hspr-hero {
  position: relative;
  min-height: 600px;
  overflow: hidden;
  background: #f4f5f6;
}

.hspr-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center right;
  transform: translateX(-3%) scale(1.01);
  transform-origin: center right;
}

.hspr-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 27%, rgba(255,255,255,.88) 36%, rgba(255,255,255,.38) 46%, rgba(255,255,255,.08) 54%, rgba(255,255,255,0) 61%);
  pointer-events: none;
}

.hspr-hero__inner {
  position: relative;
  z-index: 1;
  min-height: 600px;
  display: flex;
  align-items: center;
  padding-block: 36px;
}

.hspr-hero__copy {
  width: min(42%, 560px);
}

.hspr-hero .hspc-breadcrumb-wrap {
  border: 0;
  background: transparent;
}

.hspc-page--removable-procurement .hspr-hero .hspc-breadcrumbs.hspc-container {
  width: max-content;
  max-width: none;
  margin: 0 0 44px;
  padding-inline: 0;
}

.hspc-page--removable-procurement .hspr-hero .hspc-breadcrumbs ol {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
}

.hspc-page--removable-procurement .hspr-hero .hspc-breadcrumbs li {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  white-space: nowrap;
}

.hspc-page--removable-procurement .hspr-hero .hspc-breadcrumbs li + li::before {
  flex: 0 0 auto;
  margin: 0 8px;
}

.hspr-hero h1 {
  max-width: 600px;
  margin: 0 0 24px;
  color: var(--hspr-navy);
  font-size: clamp(45px, 5.2vw, 72px);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.hspr-hero__copy > p {
  max-width: 590px;
  margin: 0;
  color: var(--hspr-body);
  font-size: 19px;
  line-height: 1.68;
}

.hspr-btn--secondary {
  border-color: var(--hspr-blue) !important;
  color: var(--hspr-navy) !important;
  background: rgba(255,255,255,.9) !important;
}

.hspr-btn--secondary:hover,
.hspr-btn--secondary:focus-visible,
.hspr-selection-help .hspc-btn:hover,
.hspr-selection-help .hspc-btn:focus-visible {
  border-color: var(--hspr-navy) !important;
  color: var(--hspr-navy) !important;
  background: #edf4f8 !important;
}

.hspr-principles {
  border-bottom: 1px solid var(--hspr-line);
}

.hspr-principles__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
}

.hspr-principle {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 25px;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid var(--hspr-line);
}

.hspr-principle img {
  width: 180px;
  height: 120px;
  object-fit: contain;
}

.hspr-principle h3 {
  margin: 0 0 9px;
  color: var(--hspr-navy);
  font-size: 21px;
}

.hspr-principle p {
  margin: 0;
  color: var(--hspr-muted);
  line-height: 1.65;
}

.hspr-catalogue {
  background: var(--hspr-soft);
}

.hspr-catalogue__head {
  display: flex;
  max-width: none !important;
  justify-content: space-between;
  gap: 36px;
}

.hspr-catalogue__head > div {
  max-width: 820px;
}

.hspr-catalogue__head > span {
  padding-top: 8px;
  color: var(--hspr-navy);
  font-weight: 750;
  white-space: nowrap;
}

.hspr-file-note {
  margin-top: 8px !important;
  font-size: 14px !important;
}

.hspr-toolbar {
  display: grid;
  grid-template-columns: minmax(250px, 1.5fr) minmax(180px, 1fr) minmax(210px, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  margin: 0 0 30px;
  padding: 20px;
  border-block: 1px solid var(--hspr-line);
  background: #fff;
}

.hspr-toolbar label {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: #42596a;
  font-size: 13px;
  font-weight: 750;
}

.hspr-toolbar input,
.hspr-toolbar select,
.hspr-toolbar button,
.hspr-toolbar__clear {
  min-height: 45px;
  border: 1px solid #bac8d1;
  border-radius: 0;
  background: #fff;
  color: var(--hspr-ink);
  font: inherit;
}

.hspr-toolbar input,
.hspr-toolbar select {
  width: 100%;
  padding: 0 12px;
}

.hspr-toolbar__submit,
.hspr-toolbar__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  font-weight: 750;
  cursor: pointer;
  text-decoration: none;
}

.hspr-toolbar__submit {
  border-color: var(--hspr-blue) !important;
  color: #fff !important;
  background: var(--hspr-blue) !important;
}

.hspr-toolbar__clear {
  color: var(--hspr-blue-dark);
}

.hspr-toolbar__clear:hover,
.hspr-toolbar__clear:focus-visible {
  border-color: var(--hspr-blue);
  color: var(--hspr-navy);
  background: #edf4f8;
}

.hspr-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.hspr-product {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border: 1px solid var(--hspr-line);
  background: #fff;
}

.hspr-product__media {
  display: block;
  height: 250px;
  overflow: hidden;
  border-bottom: 1px solid #e6ecef;
  background: #fff;
}

.hspr-product__image,
.hspr-product__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 16px;
  transition: transform .2s ease;
}

.hspr-product__media:hover img {
  transform: scale(1.02);
}

.hspr-product__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #edf2f5, #fafbfc);
}

.hspr-product__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.hspr-product__model {
  margin: 0 0 8px;
  color: var(--hspr-blue-dark);
  font-size: 14px;
  font-weight: 850;
  letter-spacing: .035em;
}

.hspr-product h3 {
  min-height: 54px;
  margin: 0 0 18px;
  color: var(--hspr-navy);
  font-size: 19px;
  line-height: 1.4;
}

.hspr-product h3 a {
  color: var(--hspr-navy);
  text-decoration: none;
}

.hspr-product h3 a:hover,
.hspr-product h3 a:focus-visible,
.hspr-product__resources a:hover,
.hspr-product__resources a:focus-visible,
.hspr-related nav a:hover,
.hspr-related nav a:focus-visible,
.hspr-applications nav a:hover,
.hspr-applications nav a:focus-visible,
.hspr-resources nav a:hover,
.hspr-resources nav a:focus-visible {
  color: var(--hspr-blue);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hspr-product__specs {
  margin: 0 0 16px;
}

.hspr-product__specs > div {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid #edf1f3;
  font-size: 13px;
}

.hspr-product__specs dt {
  color: #6a7984;
}

.hspr-product__specs dd {
  min-width: 0;
  margin: 0;
  color: #253f52;
  font-weight: 700;
  text-align: right;
  overflow-wrap: anywhere;
}

.hspr-product__resources {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 3px 0 18px;
}

.hspr-product__resources a {
  color: var(--hspr-blue-dark);
  font-size: 14px;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hspr-product__actions {
  margin-top: auto;
}

.hspr-product__actions .hspc-btn {
  width: 100%;
}

.hspr-empty {
  grid-column: 1 / -1;
  padding: 50px;
  border: 1px solid var(--hspr-line);
  background: #fff;
  text-align: center;
}

.hspr-empty h3 {
  margin: 0 0 9px;
  color: var(--hspr-navy);
}

.hspr-empty p {
  margin: 0;
  color: var(--hspr-muted);
}

.hspr-pagination {
  margin-top: 42px;
}

.hspr-pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hspr-pagination .page-numbers {
  display: inline-flex;
  min-width: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid var(--hspr-line);
  border-radius: 3px;
  color: var(--hspr-navy);
  background: #fff;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

.hspr-pagination .current {
  border-color: var(--hspr-blue);
  color: #fff;
  background: var(--hspr-blue);
}

.hspr-pagination a.page-numbers:hover,
.hspr-pagination a.page-numbers:focus-visible {
  border-color: var(--hspr-blue);
  color: var(--hspr-navy);
  background: #edf4f8;
}

.hspr-selection-help {
  padding: 26px 0;
  border-block: 1px solid var(--hspr-line);
  background: #fff;
}

.hspr-selection-help__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.hspr-selection-help strong {
  color: var(--hspr-navy);
  font-size: 20px;
}

.hspr-selection-help p {
  margin: 5px 0 0;
  color: var(--hspr-muted);
}

.hspr-selection-help .hspc-btn {
  border-color: var(--hspr-blue) !important;
  color: var(--hspr-navy) !important;
  background: transparent !important;
}

.hspr-procurement {
  background: var(--hspr-navy);
  color: #fff;
}

.hspr-procurement__grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(520px, 1.2fr);
  gap: 72px;
  align-items: start;
}

.hspr-procurement h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(30px, 3vw, 40px);
}

.hspr-procurement p {
  color: #d9e5ed;
  line-height: 1.65;
}

.hspr-procurement__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hspr-procurement__facts > div {
  padding: 20px 22px;
  border-top: 1px solid rgba(255,255,255,.24);
}

.hspr-procurement__facts span,
.hspr-procurement__facts strong {
  display: block;
}

.hspr-procurement__facts span {
  margin-bottom: 6px;
  color: #a9c4d6;
  font-size: 13px;
}

.hspr-procurement__facts strong {
  color: #fff;
  line-height: 1.45;
}

.hspr-engineering__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
  gap: 72px;
}

.hspr-engineering dl {
  margin: 0;
}

.hspr-engineering dl > div {
  display: grid;
  grid-template-columns: 155px minmax(0, 1fr);
  gap: 24px;
  padding: 20px 0;
  border-top: 1px solid var(--hspr-line);
}

.hspr-engineering dt {
  color: var(--hspr-navy);
  font-weight: 800;
}

.hspr-engineering dd {
  margin: 0;
  color: var(--hspr-muted);
  line-height: 1.62;
}

.hspr-engineering__facts {
  padding-left: 30px;
  border-left: 3px solid var(--hspr-blue);
}

.hspr-engineering__facts p {
  margin: 0;
  color: #344e61;
  line-height: 1.68;
}

.hspr-engineering__facts p + p {
  margin-top: 20px;
}

.hspr-oem {
  background: var(--hspr-soft);
}

.hspr-oem__intro {
  display: flex;
  justify-content: space-between;
  gap: 48px;
  align-items: end;
  margin-bottom: 42px;
}

.hspr-oem__intro > div {
  max-width: 820px;
}

.hspr-oem h2 {
  margin: 0 0 14px;
  font-size: clamp(30px, 3vw, 40px);
}

.hspr-oem__intro p {
  margin: 0;
  color: var(--hspr-muted);
  line-height: 1.65;
}

.hspr-oem__columns {
  display: grid;
  grid-template-columns: 1fr 1fr .8fr;
  border-top: 1px solid var(--hspr-line);
}

.hspr-oem__columns > div {
  padding: 26px 28px 0 0;
}

.hspr-oem__columns h3 {
  margin: 0 0 15px;
  color: var(--hspr-navy);
  font-size: 18px;
}

.hspr-oem__columns ul {
  margin: 0;
  padding-left: 18px;
  color: var(--hspr-muted);
  line-height: 1.75;
}

.hspr-related,
.hspr-applications {
  padding: 28px 0;
  border-bottom: 1px solid var(--hspr-line);
}

.hspr-related .hspc-container,
.hspr-applications .hspc-container {
  display: flex;
  gap: 30px;
  align-items: baseline;
}

.hspr-related h2,
.hspr-applications h2 {
  flex: 0 0 auto;
  margin: 0;
  font-size: 18px;
}

.hspr-related nav,
.hspr-applications nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.hspr-related nav a,
.hspr-applications nav a {
  color: var(--hspr-blue-dark);
  font-weight: 700;
  text-decoration: none;
}

.hspr-resources nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 28px;
  border-top: 1px solid var(--hspr-line);
}

.hspr-resources nav a {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 22px 20px 0;
  border-bottom: 1px solid var(--hspr-line);
  color: var(--hspr-navy);
  font-weight: 750;
  text-decoration: none;
}

.hspr-resources nav a + a {
  padding-left: 22px;
  border-left: 1px solid var(--hspr-line);
}

.hspr-faq {
  padding-top: 24px !important;
}

.hspc-page--removable-procurement .hspc-rfq {
  background: var(--hspr-navy);
}

.hspc-page--removable-procurement .hspc-rfq > .hspc-container > .hspc-section-head h2 {
  color: #fff;
}

.hspc-page--removable-procurement .hspc-rfq > .hspc-container > .hspc-section-head p {
  color: #eaf2f8;
  opacity: 1;
}

.hspc-page--removable-procurement .hspc-rfq .htan-form-wrap--compact,
.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form {
  color: var(--hspr-ink);
}

.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form label {
  color: var(--hspr-navy);
}

.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form input:not([type="checkbox"]),
.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form textarea,
.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form select {
  color: var(--hspr-ink);
  background: #fff;
}

.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form input::placeholder,
.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form textarea::placeholder {
  color: var(--hspr-muted);
  opacity: 1;
}

.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form .htan-consent label,
.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form .htan-consent span {
  color: var(--hspr-body);
}

.hspc-page--removable-procurement .hspc-rfq .hspc-rfq-form .hspc-privacy-link {
  color: var(--hspr-blue-dark);
}

.hspc-page--removable-procurement .hspc-rfq .wp-element-button {
  border-color: var(--hspr-blue) !important;
  color: #fff !important;
  background: var(--hspr-blue) !important;
}

.hspc-page--removable-procurement .hspc-rfq .wp-element-button:hover,
.hspc-page--removable-procurement .hspc-rfq .wp-element-button:focus-visible {
  border-color: #fff !important;
  background: var(--hspr-navy) !important;
}

@media (min-width: 1440px) {
  .hspr-product__media {
    height: 220px;
  }

  .hspr-product__body {
    padding: 18px;
  }

  .hspr-product h3 {
    min-height: 0;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.38;
  }

  .hspr-product__specs {
    margin-bottom: 14px;
  }

  .hspr-product__specs > div {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 8px;
    padding: 7px 0;
    font-size: 12.5px;
  }

  .hspr-product__resources {
    gap: 14px;
    margin-bottom: 16px;
  }

  .hspr-product__actions .hspc-btn {
    min-height: 44px;
    padding-inline: 14px;
  }
}

@media (max-width: 1439px) {
  .hspr-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width: 1099px) {
  .hspr-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1050px) {
  .hspr-hero__copy {
    width: 50%;
  }

  .hspr-hero__image {
    transform: none;
  }

  .hspr-hero__overlay {
    background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.99) 40%, rgba(255,255,255,.92) 49%, rgba(255,255,255,.38) 62%, rgba(255,255,255,0) 74%);
  }

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

  .hspr-toolbar {
    grid-template-columns: 1.4fr 1fr 1fr;
  }

  .hspr-toolbar__submit,
  .hspr-toolbar__clear {
    grid-column: span 1;
  }

  .hspr-procurement__grid,
  .hspr-engineering__grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .hspr-oem__columns,
  .hspr-resources nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hspr-resources nav a:nth-child(3) {
    border-left: 0;
  }
}

@media (max-width: 820px) {
  .hspc-page--removable-procurement .hspc-container {
    width: min(100% - 30px, 1280px);
  }

  .hspc-page--removable-procurement .hspc-section {
    padding: 56px 0;
  }

  .hspr-hero {
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
  }

  .hspr-hero__image {
    position: relative;
    order: 2;
    width: 100%;
    height: auto;
    aspect-ratio: 20 / 9;
    object-fit: contain;
    object-position: center;
    transform: none;
    transform-origin: center;
    background: #f4f5f6;
  }

  .hspr-hero__overlay {
    display: none;
  }

  .hspr-hero__inner {
    order: 1;
    min-height: 0;
    padding-block: 28px 40px;
  }

  .hspr-hero__copy {
    width: 100%;
  }

  .hspr-hero .hspc-breadcrumbs {
    margin-bottom: 28px;
  }

  .hspr-hero h1 {
    font-size: clamp(38px, 12vw, 52px);
  }

  .hspr-hero__copy > p {
    font-size: 17px;
  }

  .hspr-principles__list,
  .hspr-oem__columns,
  .hspr-resources nav {
    grid-template-columns: 1fr;
  }

  .hspr-principles__list {
    gap: 35px;
  }

  .hspr-principle {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 18px;
  }

  .hspr-principle img {
    width: 112px;
    height: 90px;
  }

  .hspr-catalogue__head,
  .hspr-selection-help__inner,
  .hspr-oem__intro,
  .hspr-related .hspc-container,
  .hspr-applications .hspc-container {
    align-items: flex-start;
    flex-direction: column;
  }

  .hspr-toolbar {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .hspr-toolbar__submit,
  .hspr-toolbar__clear {
    grid-column: auto;
  }

  .hspr-product__media {
    height: 260px;
  }

  .hspr-product h3 {
    min-height: 0;
  }

  .hspr-pagination ul {
    gap: 6px;
  }

  .hspr-pagination .page-numbers {
    min-width: 40px;
    min-height: 40px;
    padding-inline: 10px;
  }

  .hspr-selection-help__inner,
  .hspr-oem__intro {
    display: flex;
  }

  .hspr-selection-help .hspc-btn,
  .hspr-oem__intro .hspc-btn {
    width: 100%;
  }

  .hspr-procurement__grid {
    grid-template-columns: 1fr;
  }

  .hspr-procurement__facts {
    grid-template-columns: 1fr;
  }

  .hspr-engineering dl > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .hspr-engineering__facts {
    padding-left: 20px;
  }

  .hspr-oem__columns > div {
    padding-right: 0;
  }

  .hspr-resources nav a,
  .hspr-resources nav a + a {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 767px) {
  .hspc-page--removable-procurement .hspr-hero .hspc-breadcrumbs.hspc-container {
    width: 100%;
    max-width: 100%;
  }

  .hspc-page--removable-procurement .hspr-hero .hspc-breadcrumbs ol {
    flex-wrap: wrap;
    row-gap: 6px;
    white-space: normal;
  }

  .hspc-page--removable-procurement .hspr-hero .hspc-breadcrumbs li {
    white-space: nowrap;
  }

  .hspr-product-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .hspr-principle {
    grid-template-columns: 1fr;
  }

  .hspr-principle img {
    width: 150px;
  }

  .hspr-product__media {
    height: 230px;
  }
}