:root {
  --iq-system-font: var(--font-ui, "TildaSans", Arial, sans-serif);
}

.legacy-route {
  overflow-x: clip;
  color: var(--color-ink, #333333);
  font-family: var(--iq-system-font) !important;
  font-size: var(--type-body, 16px);
  letter-spacing: 0;
}

.legacy-content {
  min-height: 48vh;
}

.iq-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.legacy-route,
.legacy-route [data-iq-legacy],
.legacy-route [data-iq-legacy] button,
.legacy-route [data-iq-legacy] input,
.legacy-route [data-iq-legacy] select,
.legacy-route [data-iq-legacy] textarea {
  font-family: var(--iq-system-font) !important;
}

.legacy-route [data-iq-legacy] :where(
  .t-title,
  .t-heading,
  .t-name,
  .tn-elem[data-elem-type="text"] .tn-atom,
  .t-descr,
  .t-text,
  .t-btn,
  .t-btnflex,
  .t-submit,
  .t-input,
  .t-menu__link-item,
  .t-menusub__link-item
) {
  font-family: var(--iq-system-font) !important;
  letter-spacing: 0 !important;
}

.legacy-route [data-iq-legacy] :where(.t-descr, .t-text) {
  color: var(--color-copy, #333333) !important;
  font-weight: var(--font-copy-weight, 400) !important;
}

.legacy-route [data-iq-legacy] :where(.t-descr, .t-text) :where(p, div, span, li) {
  color: inherit !important;
  font-family: inherit !important;
}

.legacy-route [data-iq-legacy] .r,
.legacy-route [data-iq-legacy] .r_anim,
.legacy-route [data-iq-legacy] .r_hidden,
.legacy-route [data-iq-legacy] .t-animate,
.legacy-route [data-iq-legacy] [data-animate-style] {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
  transform: none;
}

.legacy-route [data-iq-legacy] .t-btn,
.legacy-route [data-iq-legacy] .t-btnflex,
.legacy-route [data-iq-legacy] .t-submit,
.legacy-route [data-iq-legacy] button:not(.t-menuburger):not(.t849__trigger-button) {
  border-radius: 30px !important;
  letter-spacing: 0 !important;
}

.legacy-route [data-iq-legacy] .t-btn,
.legacy-route [data-iq-legacy] .t-btnflex,
.legacy-route [data-iq-legacy] .t-submit {
  border-color: #333333 !important;
  background-color: #333333 !important;
  color: #ffffff !important;
}

.legacy-route [data-iq-legacy] .js-store-grid-cont:has(> [data-local-product-catalog]) {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.legacy-route [data-iq-legacy] .js-store:has([data-local-product-catalog]) .js-store-grid-cont-preloader {
  display: none !important;
}

.legacy-route [data-iq-legacy] .t-btn_wrap-effects,
.legacy-route [data-iq-legacy] .t-btn_inner-effects,
.legacy-route [data-iq-legacy] .t-btn_effects {
  display: none !important;
}

.legacy-route [data-iq-legacy] :where(.t-bgimg, .t-img, .t-slds__img, .t-image__img) {
  overflow: hidden;
  border-radius: var(--radius-md, 18px);
}

.legacy-route [data-iq-legacy] .t107 .t-img,
.legacy-route [data-iq-legacy] .t1125__img {
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.legacy-route [data-iq-legacy] [hidden] {
  display: none !important;
}

.legacy-route [data-iq-legacy] .t-slds {
  visibility: visible !important;
}

.legacy-route [data-iq-legacy] .t-slds__items-wrapper {
  height: auto !important;
  transform: none !important;
}

.legacy-route [data-iq-legacy] .t-slds__item {
  display: none !important;
  width: 100% !important;
  height: auto !important;
  float: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.legacy-route [data-iq-legacy] .t-slds__item.t-slds__item_active,
.legacy-route [data-iq-legacy] .t-slds__item[data-iq-active] {
  display: block !important;
  opacity: 1 !important;
}

.legacy-route [data-iq-legacy] .t-slds__arrow_wrapper {
  display: block !important;
  width: 48px !important;
}

.legacy-route [data-iq-legacy] button.t-slds__arrow {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}

.legacy-route [data-iq-legacy] .t-slds__arrow_wrapper[hidden] {
  display: none !important;
}

.legacy-route [data-iq-legacy] .t-slds__main {
  position: relative;
}

.legacy-route [data-iq-legacy] .iq-slider-controls {
  position: absolute;
  inset: 50% 16px auto;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  transform: translateY(-50%);
}

.legacy-route [data-iq-legacy] .iq-slider-arrow {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  place-items: center;
  background: rgb(255 255 255 / 92%) !important;
  box-shadow: 0 4px 18px rgb(0 0 0 / 14%);
  pointer-events: auto;
}

.legacy-route [data-iq-legacy] .iq-slider-arrow span {
  width: 11px;
  height: 11px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
}

.legacy-route [data-iq-legacy] .iq-slider-arrow.t-slds__arrow_wrapper-left span {
  margin-left: 4px;
  transform: rotate(-135deg);
}

.legacy-route [data-iq-legacy] .iq-slider-arrow.t-slds__arrow_wrapper-right span {
  margin-right: 4px;
  transform: rotate(45deg);
}

.legacy-route [data-iq-legacy] .t849__trigger-button[aria-expanded="true"] .t849__lines path:last-child {
  opacity: 0;
}

.legacy-route [data-iq-legacy] .t849__content:not([hidden]) {
  display: block !important;
}

.legacy-route [data-iq-legacy] iframe:not([src]) {
  visibility: hidden !important;
  background: transparent;
}

.legacy-route [data-iq-legacy] .iq-video {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  place-items: center;
  background-color: #1c1c1e;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.legacy-route [data-iq-legacy] .t1061__wrap-video .iq-video {
  min-height: 0;
}

.legacy-route [data-iq-legacy] .iq-video::after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgb(0 0 0 / 12%);
  pointer-events: none;
}

.legacy-route [data-iq-legacy] .iq-video__play {
  position: relative;
  z-index: 1;
  display: grid;
  width: 72px;
  height: 72px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  place-items: center;
  color: #181818;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 10px 30px rgb(0 0 0 / 22%);
  cursor: pointer;
}

.legacy-route [data-iq-legacy] .iq-video__play span {
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid currentColor;
}

.legacy-route [data-iq-legacy] .iq-video iframe {
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: 0;
}

.legacy-route [data-iq-legacy] .t-form__inputsbox[data-iq-submitted] {
  opacity: 0.55;
  pointer-events: none;
}

.legacy-form-message {
  width: min(100%, 620px);
  margin: 18px auto 0;
  color: #202020;
  font-size: 16px;
  line-height: 1.45;
  text-align: center;
}

.legacy-form-message--error {
  color: #a22929;
}

.legacy-route [data-iq-legacy] .legacy-form-consent {
  display: flex;
  max-width: var(--read-width);
  align-items: flex-start;
  gap: var(--space-1);
  margin: var(--space-2) auto;
  color: var(--color-copy);
  cursor: pointer;
  font-size: var(--type-label);
  line-height: var(--line-body);
  text-align: left;
}

.legacy-route [data-iq-legacy] .legacy-form-consent input {
  flex: 0 0 auto;
  margin-block-start: calc(var(--space-1) / 2);
}

.legacy-route [data-iq-legacy] .legacy-form-consent a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.legacy-route [data-iq-legacy] .t431__table-wrapper,
.legacy-route [data-iq-legacy] .t431__table {
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .legacy-route [data-iq-legacy] .t829__grid-item {
    width: 100% !important;
    max-width: 100% !important;
  }

  .legacy-route [data-iq-legacy] .t827__grid-sizer,
  .legacy-route [data-iq-legacy] .t827__grid-item,
  .legacy-route [data-iq-legacy] .t827__image {
    width: 100% !important;
    max-width: 100% !important;
  }

}

/* Legacy bridge: IDs in imported CSS must not override the shared design contract.
   !important is intentionally restricted to identified roles/layout, never new values. */
.legacy-route [data-iq-legacy] [data-ui-type] {
  max-width: 100%;
  min-width: 0;
  font-family: var(--font-ui) !important;
  font-size: var(--ui-type-size) !important;
  font-weight: var(--ui-type-weight) !important;
  line-height: var(--ui-type-line) !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  text-wrap: balance;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.legacy-route [data-iq-legacy] [data-ui-type] :where(span, div, a, strong, b, em, i) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.legacy-route [data-iq-legacy] [data-ui-text]:not([data-ui-type]) {
  font-family: var(--font-ui) !important;
  font-size: var(--type-body) !important;
  font-weight: var(--font-copy-weight) !important;
  line-height: var(--line-body) !important;
}
.legacy-route [data-iq-legacy] [data-ui-text="read"]:not([data-ui-type]) {
  font-size: var(--type-prose) !important;
  line-height: var(--line-prose) !important;
}
.legacy-route [data-iq-legacy] [data-ui-text="lead"]:not([data-ui-type]) {
  font-size: var(--type-lead) !important;
}
.legacy-route [data-iq-legacy] [data-ui-text="label"]:not([data-ui-type]) {
  font-size: var(--type-label) !important;
}
.legacy-route [data-iq-legacy] [data-ui-text] :where(p, div, span, li, a):not([data-ui-type]) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.legacy-route [data-iq-legacy] :where(.t-text, .t-descr) :where(strong, b) {
  font-weight: var(--font-heading-weight);
}
.legacy-route [data-iq-legacy] :where(.t-text, .t-descr, td, th) { overflow-wrap: break-word; }
.legacy-route [data-iq-legacy] :where(.t-text, .t-descr) a { overflow-wrap: anywhere; }

.legacy-route [data-iq-legacy] [data-ui-shell] {
  width: min(calc(100% - 2 * var(--gutter)), var(--shell)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
.legacy-route [data-iq-legacy] [data-ui-shell] [data-ui-shell],
.legacy-route [data-iq-legacy] [data-ui-shell] .legacy-product-catalog.shell {
  width: 100% !important;
}
.legacy-route [data-iq-legacy] [data-ui-grid] {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-4) var(--space-3);
  align-items: start;
}
.legacy-route [data-iq-legacy] [data-ui-grid]::before,
.legacy-route [data-iq-legacy] [data-ui-grid]::after,
.legacy-route [data-iq-legacy] [data-ui-grid-spacer] { display: none !important; }
.legacy-route [data-iq-legacy] [data-ui-grid] > [data-ui-col] {
  grid-column: var(--legacy-start, auto) / span var(--legacy-span, 12);
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  float: none !important;
}
.legacy-route [data-iq-legacy] [data-ui-col] .t-col {
  width: auto !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}
.legacy-route [data-iq-legacy] [data-ui-grid] > :not([data-ui-col]) { grid-column: 1 / -1; }
.legacy-route [data-ui-reading-page] [data-ui-shell] {
  width: min(calc(100% - 2 * var(--gutter)), var(--read-width)) !important;
}
.legacy-route [data-ui-reading-page] [data-ui-grid] > [data-ui-col] { grid-column: 1 / -1; }
.legacy-page-heading { padding-block: var(--space-6); }
.legacy-route [data-iq-legacy] [data-ui-page-title-copy] { display: none !important; }

/* Imported -20px gutters cannot sit outside the shared 16/24px shell. */
.legacy-route [data-iq-legacy] .t220__textwrapper,
.legacy-route [data-iq-legacy] .t1110__features { margin-inline: 0 !important; }
.legacy-route [data-iq-legacy] .t1110__features { width: 100%; }
.legacy-route [data-iq-legacy] svg:has(.tooltip-horizontal-scroll-icon_card) { overflow: hidden; }

.legacy-route [data-iq-legacy] [data-ui-jobs] { align-items: stretch; }
.legacy-route [data-iq-legacy] [data-ui-jobs] > [data-ui-col] { grid-column: span 6; }
.legacy-route [data-iq-legacy] [data-ui-jobs] :where(.t902__inner-col, .t902__wrap) {
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
.legacy-route [data-iq-legacy] [data-ui-jobs] :where(.t902__wrap_left, .t902__wrap_right) {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.legacy-route [data-iq-legacy] [data-ui-jobs] .t902__bgwrapper { width: 100% !important; height: 240px !important; }
.legacy-route [data-iq-legacy] [data-ui-jobs] .t902__content {
  width: 100% !important;
  padding: var(--space-3) !important;
}
.legacy-route [data-iq-legacy] [data-ui-jobs] .t-card__title { margin: 0 0 var(--space-2); }
.legacy-route [data-iq-legacy] [data-ui-jobs] .t902__btn-container { margin-top: var(--space-3); }
.legacy-route [data-iq-legacy] [data-ui-jobs] .t-card__btn { max-width: 100%; white-space: normal; }

@media (min-width: 1025px) {
  .legacy-route [data-iq-legacy] .tn-elem[data-field-container-value="grid"][data-field-axisx-value="left"] {
    left: calc(max(var(--gutter), (100% - var(--shell)) / 2) + var(--legacy-left, 0px)) !important;
  }
}

.legacy-route [data-iq-legacy] [data-ui-faq] {
  padding-block: var(--space-3);
  border-bottom: 1px solid var(--color-line);
}
.legacy-route [data-iq-legacy] [data-ui-faq] > summary {
  display: list-item;
  margin-inline-start: var(--space-3);
  padding: 0;
  border: 0;
  cursor: pointer;
  list-style: disclosure-closed outside;
}
.legacy-route [data-iq-legacy] [data-ui-faq][open] > summary { list-style-type: disclosure-open; }
.legacy-route [data-iq-legacy] [data-ui-faq] :where(.t585__trigger-button,.t849__trigger-button) {
  display: inline;
  padding: 0;
  text-transform: none;
}
.legacy-route [data-iq-legacy] [data-ui-faq] :where(.t585__title,.t849__title) { padding: 0; }
.legacy-route [data-iq-legacy] [data-ui-faq] :where(.t585__icon,.t849__icon) { display: none; }
.legacy-route [data-iq-legacy] [data-ui-faq]:not([open]) > :where(.t585__content,.t849__content) { display: none !important; }
.legacy-route [data-iq-legacy] [data-ui-faq][open] > :where(.t585__content,.t849__content) { display: block !important; }
.legacy-route [data-iq-legacy] [data-ui-faq] :where(.t585__textwrapper,.t849__textwrapper) {
  margin-top: var(--space-2);
  padding: 0;
}
.legacy-route [data-iq-legacy] [data-ui-faq] > summary:focus-visible { outline: 2px solid var(--color-ink); outline-offset: 4px; }

@media (max-width: 767px) {
  .legacy-route [data-iq-legacy] [data-ui-grid] > [data-ui-col] { grid-column: 1 / -1; }
}
@media (max-width: 1024px) {
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] {
    display: flex !important;
    flex-direction: column;
    gap: var(--space-3);
    height: auto !important;
    min-height: 0 !important;
    padding: var(--space-4) var(--gutter);
  }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] > .tn-elem {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    order: var(--legacy-mobile-order, 0);
  }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] .tn-atom { height: auto !important; }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] > [data-ui-zero-decoration] { display: none !important; }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] > [data-ui-zero-media] {
    min-height: 200px;
    aspect-ratio: 16 / 9;
  }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] > [data-ui-zero-media] .tn-atom { min-height: 200px; }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] > [data-ui-zero-compact-media] {
    width: min(100%, var(--legacy-media-width)) !important;
    height: var(--legacy-media-height) !important;
    min-height: 0;
    aspect-ratio: auto;
  }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] > [data-ui-zero-compact-media] .tn-atom {
    width: 100%;
    height: var(--legacy-media-height) !important;
    min-height: 0;
    background-size: contain !important;
    background-repeat: no-repeat;
  }
  .legacy-route [data-iq-legacy] [data-ui-zero="flow"] > :where(.t396__carrier, .t396__filter) { height: 100% !important; }
  .legacy-route [data-iq-legacy] [data-ui-zero-action] .tn-atom { width: 100%; padding: var(--space-2); }
}

@media (max-width: 1024px) {
  .legacy-route [data-iq-legacy] .t486__textwrapper,
  .legacy-route [data-iq-legacy] .t486__content { display: block; width: 100%; }
  .legacy-route [data-iq-legacy] :where(.t-btn, .t-btnflex) { max-width: 100%; white-space: normal !important; }
  .legacy-route [data-iq-legacy] .t-btnflex__text { white-space: inherit; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-route [data-iq-legacy] *,
  .legacy-route [data-iq-legacy] *::before,
  .legacy-route [data-iq-legacy] *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}