/* Visual refinements belong only to /uslugi/era-glonass-asn/. */
.era-page #requirements {
  padding-block: 48px 36px;
}
.era-page #requirements .era-vehicle-slide__regulation {
  color: #bbbdc0;
  text-shadow: none;
}
.era-page #requirements .era-vehicle-slide__actions {
  flex-wrap: wrap;
  gap: 8px 20px;
}
.era-page #requirements .era-vehicle-slide__link {
  max-width: 100%;
  gap: 6px;
  text-align: left;
}
.era-page #requirements .arrow-link__arrow {
  margin-left: 0;
}
@media (min-width: 901px) {
  .era-page #requirements .era-vehicle-slider__viewport,
  .era-page #requirements .era-vehicle-slide {
    min-height: 490px;
  }
  .era-page #requirements .era-vehicle-slide__content {
    margin-left: 0;
    padding: 0 0 76px;
  }
  .era-page #requirements .era-vehicle-slide__content .era-vehicle-slide__eyebrow {
    translate: none;
  }
  .era-page #requirements .era-vehicle-slide__media--photo {
    top: 16px;
    right: 0;
    bottom: 76px;
    translate: none;
  }
  .era-page #requirements .era-vehicle-slide__image--photo {
    height: 100%;
    object-fit: contain;
  }
  .era-page #requirements .era-vehicle-slider__controls {
    bottom: 0;
    transform: translateX(-50%);
  }
}
@media (max-width: 900px) {
  .era-page #requirements {
    padding-block: 36px;
  }
  .era-page #requirements .era-vehicle-slide {
    padding-top: 0;
  }
  .era-page #requirements .era-vehicle-slide__media {
    height: clamp(200px, 34vw, 260px);
    margin-top: 16px;
  }
}
@media (max-width: 600px) {
  .era-page #requirements {
    padding-block: 32px;
  }
  .era-page #requirements .era-vehicle-slide__media {
    height: clamp(160px, 48vw, 190px);
    margin-top: 12px;
  }
}
.era-page #main .era-hero__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.era-page #main .era-hero .era-hero__heading h1 {
  width: 100%;
  margin: 0;
}
.era-page #main .era-hero__heading > .era-eyebrow {
  display: inline-flex;
  margin: 0 0 18px;
  color: var(--sv-red, #ff0000);
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: .08em;
}
@media (max-width: 600px) {
  .era-page #main .era-hero__heading {
    grid-row: 1;
    margin-top: 24px;
  }
}
.era-page #main .era-hero .messenger-switch__action--max {
  background-color: var(--sv-navy, #002f6c);
}
@media (min-width: 1081px) {
  .era-page #main .era-hero .era-hero-visual__wordmark {
    right: 0;
  }
}
.era-page {
  --era-system-font: -apple-system, BlinkMacSystemFont, system-ui, Inter, "Helvetica Neue", Arial, sans-serif;
  --era-h1-size: 52px;
  --era-h1-line: 56px;
  --era-h2-size: 40px;
  --era-h2-line: 44px;
  --era-h3-size: 24px;
  --era-h3-line: 28px;
}
.era-page #main .era-hero__lead .era-hero__lead-accent {
  color: var(--sv-red, #ff0000);
  -webkit-text-fill-color: var(--sv-red, #ff0000);
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}
.era-page #main .era-hero__proof > div:last-child dd {
  white-space: pre-line;
}
/* inner-design.css uses !important for its family; override it only inside this route. */
.era-page #main,
.era-page :is(.era-category-modal, .product-modal, .callback-modal) {
  font-family: var(--era-system-font);
}
.era-page #main :where(h1, h2, h3, h4, p, a, b, strong, em, small, span, li, dt, dd, label, summary, figcaption, button, input, select, textarea),
.era-page :is(.era-category-modal, .product-modal, .callback-modal) :where(h1, h2, h3, h4, p, a, b, strong, em, small, span, li, dt, dd, label, button, input, select, textarea) {
  font-family: var(--era-system-font) !important;
}

.era-page #era-hero-title,
.era-page #era-hero-title :is(.hero-title__line, .hero-title__clip, .hero-title__fragment, .era-hero-title__accent) {
  font-size: var(--era-h1-size);
  line-height: var(--era-h1-line);
  font-weight: 600;
  letter-spacing: -.035em;
}
.era-page #era-hero-title { color: #fff; }
.era-page #era-hero-title .era-hero-title__accent { color: var(--sv-red, #ff0000); }

/* The conditioner reference pins breadcrumbs over the hero on desktop. */
@media (min-width: 901px) {
  .era-page #main .era-hero__breadcrumbs-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 4;
    width: min(100% - 48px, 1200px);
    transform: translateX(-50%);
  }
}

@media (min-width: 1081px) {
  .era-page #main .era-hero__breadcrumbs-wrap .breadcrumbs {
    padding-top: 108px;
  }

  .era-page #main .era-hero__copy {
    margin-top: 108px;
  }
}

/* Match the reference's viewport-height hero and nearly full-height content grid. */
@media (min-width: 901px) {
  .era-page #main .era-hero {
    min-height: 100svh;
  }

  .era-page #main .era-hero__layout {
    min-height: calc(100svh - 1px);
  }
}

/* Match the reference hero's four equal proof columns and compact mobile grid. */
.era-page #main .era-hero__proof {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 42px;
  padding-top: 20px;
}

.era-page #main .era-hero__proof div {
  padding-top: 0;
}

.era-page #main .era-hero__proof dt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.era-page #main .era-hero__proof dd {
  margin: 6px 0 0;
  font-size: 11px;
  line-height: 1.35;
}

@media (min-width: 901px) {
  .era-page #main .era-hero__proof div {
    padding-right: 11px;
  }

  .era-page #main .era-hero__proof div + div {
    padding-left: 11px;
  }
}

@media (max-width: 600px) {
  .era-page #main .era-hero__proof {
    grid-template-columns: minmax(0, 1fr);
  }

  .era-page #main .era-hero__proof div {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .era-page #main .era-hero__proof dt {
    font-size: 16px;
  }
}

@media (min-width: 901px) and (max-width: 1080px) {
  .era-page #main .era-hero__proof dt {
    font-size: clamp(15px, 1.56vw, 18px);
  }
  .era-page #main .era-hero__proof div {
    padding-right: 4px;
  }
  .era-page #main .era-hero__proof div + div {
    padding-left: 4px;
  }
}


.era-page #main :is(#era-catalog-title, #price-match-title, #installation-title, #era-registration-title, #faq-title) {
  font-size: var(--era-h2-size);
  line-height: var(--era-h2-line);
  font-weight: 600;
  letter-spacing: -.035em;
}
/* FAQ has important sizing in the shared stylesheet; keep this exception route-local. */
.era-page #main #faq #faq-title {
  font-size: var(--era-h2-size) !important;
  line-height: var(--era-h2-line) !important;
}
.era-page #main :is(#era-catalog-title, #installation-title, #faq-title) { color: #1d1d1f; }
.era-page #main #price-match-title { color: #fff; }
.era-page #main #price-match-title .price-match__title-accent,
.era-page #main #installation-title .era-installation__title-accent {
  font: inherit;
  letter-spacing: inherit;
  /* Keep the original gradient, trigger, direction and sweep timing. */
  -webkit-text-fill-color: transparent;
}
.era-page #installation .era-installation__title-accent {
  --era-installation-title-accent-base: #1d1d1f;
}

.era-page #requirements .era-vehicle-slide h3,
.era-page #installation .era-installation__checklist h3,
.era-page #registration .work-item h3 {
  font-size: var(--era-h3-size);
  line-height: var(--era-h3-line);
  font-weight: 600;
  letter-spacing: -.02em;
}
.era-page #requirements .era-vehicle-slide h3,
.era-page #installation .era-installation__checklist h3 { color: #1d1d1f; }
.era-page #requirements .era-vehicle-slide__title-line { font-size: inherit; line-height: inherit; }

.era-page #main :is(.era-hero__lead, .era-vehicle-slide__summary),
.era-page #era-catalog .monitoring-catalog__head p:not(.monitoring-catalog__eyebrow),
.era-page #price-match .price-match__copy > p,
.era-page #installation .era-installation__intro > p:not(.era-eyebrow),
.era-page #installation .era-installation__checklist p,
.era-page #registration :is(.section-intro, .era-registration__lead, .work-item p),
.era-page #faq .faq-answer p {
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
}
.era-page #main .era-hero__lead,
.era-page #main .era-hero__proof dd,
.era-page #price-match .price-match__copy > p { color: #fff; }
.era-page #requirements .era-vehicle-slide__summary,
.era-page #era-catalog .monitoring-catalog__head p,
.era-page #installation .era-installation__intro > p,
.era-page #installation .era-installation__facts :is(dt, dd),
.era-page #installation .era-installation__checklist p { color: #1d1d1f; }
.era-page #installation .era-installation__intro > .era-eyebrow {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
}
.era-page #installation .era-installation__geo-copy :is(p, strong) { color: #fff; }
.era-page #installation #era-geo-title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}

/* Match the light gray tachograph installation stages section. */
.era-page #registration.era-registration {
  --sv-gray-500: #6b7789;
  --sv-navy-ink: #0f2340;
  color: #0f2340;
  background-color: #e4e9f3;
  background-image: radial-gradient(
    ellipse 52% 105% at 44% 50%,
    rgba(255, 255, 255, 0.48) 0%,
    rgba(255, 255, 255, 0.38) 35%,
    rgba(255, 255, 255, 0.2) 62%,
    rgba(255, 255, 255, 0.05) 80%,
    rgba(255, 255, 255, 0) 91%
  );
}
.era-page #registration.era-registration::before {
  background-image:
    radial-gradient(ellipse 5px 0.75px at center, rgba(0, 47, 108, 0.3) 98%, transparent 100%),
    radial-gradient(ellipse 0.75px 5px at center, rgba(0, 47, 108, 0.3) 98%, transparent 100%),
    linear-gradient(90deg, rgba(0, 47, 108, 0.05) 1px, transparent 1px),
    linear-gradient(rgba(0, 47, 108, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 47, 108, 0.12) 1px, transparent 1px),
    linear-gradient(rgba(0, 47, 108, 0.12) 1px, transparent 1px);
  -webkit-mask-image: radial-gradient(110% 95% at 100% 0, #000 0%, transparent 72%);
  mask-image: radial-gradient(110% 95% at 100% 0, #000 0%, transparent 72%);
}
.era-page #registration #era-registration-title,
.era-page #registration :is(.section-intro, .era-registration__lead, .era-registration__details, .work-item h3, .work-item p) { color: #1d1d1f; }
.era-page #registration .era-registration__source { color: #002f6c; }
.era-page #registration .work-item .glonass-history-text { color: #aab3bf; }
.era-page #registration .work-item.is-reached h3 .glonass-history-text { color: #1d1d1f; }
.era-page #registration .work-item.is-reached p .glonass-history-text { color: #1d1d1f; }
.era-page #registration .work-item .glonass-history-char { font-size: inherit; line-height: inherit; }
.era-page #registration [data-stepped-timeline].has-stepped-timeline::before { background: rgba(15, 35, 64, 0.24); }
.era-page #registration [data-stepped-timeline].has-stepped-timeline .work-item .work-item__index { color: #aab3bf; }
.era-page #registration [data-stepped-timeline].has-stepped-timeline .work-item .work-item__index::before {
  background: #c4cbd4;
  box-shadow: 0 0 0 4px rgba(196, 203, 212, 0.22);
}
.era-page #registration [data-stepped-timeline].has-stepped-timeline .work-item.is-reached .work-item__index { color: var(--sv-red, #ff0000); }
.era-page #registration [data-stepped-timeline].has-stepped-timeline .work-item.is-reached .work-item__index::before {
  background: var(--sv-red, #ff0000);
  box-shadow: 0 0 0 4px rgba(255, 0, 0, 0.1);
}
.era-page #registration .era-registration__source:is(:hover, :focus-visible) { color: var(--sv-red, #ff0000); }

.era-page #era-catalog .monitoring-product-card h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  letter-spacing: -.015em;
}
.era-page #era-catalog .monitoring-product-card:not(.monitoring-product-card--featured) :is(h3, dt, dd, .monitoring-product-card__price span, .monitoring-product-card__price strong) { color: #1d1d1f; }
.era-page #era-catalog .monitoring-product-card--featured :is(dt, .monitoring-product-card__price span) { color: #fff; }
.era-page #era-catalog .monitoring-product-card--featured .monitoring-product-card__variant { opacity: 1; }

.era-page #main .era-hero__actions > .button--primary,
.era-page #main .messenger-switch__action,
.era-page #price-match .price-match__cta,
.era-page .callback-modal .callback-submit,
.era-page .product-modal [data-product-order] {
  font-size: 14px;
  line-height: 1.29;
  font-weight: 600;
}

/* Support copy and product dialogs retain their compact information hierarchy. */
.era-page #main #faq #faq-support-title {
  color: #1d1d1f;
  font-size: 20px !important;
  line-height: 25px !important;
  font-weight: 600;
}
.era-page #faq :is([data-faq-support-copy], .faq-panel__note, .faq-panel__note a) { color: #1d1d1f; }
.era-page #faq .faq-question { font-weight: 600; }
.era-page #faq .faq-item.is-open .faq-answer p,
.era-page #faq .faq-item.is-open .faq-answer a { color: #fff; }
.era-page :is(.era-category-dialog, .product-dialog, .callback-dialog) h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #1d1d1f;
}
.era-page .era-category-dialog :is(.era-category-dialog__definition, .era-category-dialog__legal p),
.era-page .callback-dialog #callback-description {
  color: #1d1d1f;
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
}
.era-page #main p > strong,
.era-page .era-category-dialog p > strong {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: 600;
}

/* Match the tachograph installation price-match section while keeping this
   route's copy, image, and destinations intact. */
.era-page #price-match {
  background: linear-gradient(115deg, #04172f 0%, #06254c 52%, #0a3b6b 100%);
}
.era-page #price-match #price-match-title {
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0;
}
.era-page #price-match .price-match__copy > p {
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.022em;
  color: rgba(255, 255, 255, 0.7);
}
.era-page #price-match .price-match__copy > .eyebrow {
  font-weight: 600;
}
.era-page #price-match .price-match__cta,
.era-page #price-match .messenger-switch__action {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.29;
}
.era-page #price-match .price-match__cta--secondary {
  min-height: 54px;
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  color: var(--sv-navy, #002f6c);
  transition: border-color 180ms ease, color 180ms ease;
}
.era-page #price-match .price-match__cta--secondary:is(:hover, :focus-visible) {
  border-color: var(--sv-red, #ff0000);
  background-color: #fff;
  background-image: none;
  color: var(--sv-red, #ff0000);
}
.era-page #price-match .messenger-switch--price {
  width: 260px;
  min-height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 8px;
  background: transparent;
}
.era-page #price-match .messenger-switch__action--max {
  border-color: rgba(255, 255, 255, 0.78);
  background: transparent;
  color: #fff;
}
.era-page #price-match .messenger-switch--price:is(
  :has(.messenger-switch__action--telegram:hover),
  :has(.messenger-switch__action--telegram:focus-visible),
  [data-active="telegram"]
) .messenger-switch__action--max {
  box-shadow: inset 0 0 0 1px #fff;
}
.era-page #price-match .price-match__invoice-figure {
  box-shadow: 0 18px 72px 14px rgba(77, 164, 255, 0.32);
}

@media (min-width: 735px) and (max-width: 1068px) {
  .era-page #price-match #price-match-title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.004em;
  }
}
@media (max-width: 734px) {
  .era-page #price-match #price-match-title {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.007em;
  }
}
@media (max-width: 600px) {
  .era-page #price-match .messenger-switch--price {
    width: 100%;
    min-height: 50px;
  }
  .era-page #price-match .price-match__cta--secondary {
    min-height: 50px;
  }
  .era-page #price-match .messenger-switch--price .messenger-switch__action {
    min-height: 48px;
  }
}

/* Heater #related-services metrics; retain ERA grid, spacing and red labels. */
.era-page #main .service-section--related-light .section-intro {
  color: #1d1d1f;
  font-size: 18px;
  line-height: 1.58;
  font-weight: 400;
}
.era-page #main .service-section--related-light .related-card h3 {
  color: #1d1d1f;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}
.era-page #main .service-section--related-light .related-card p {
  color: #1d1d1f;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 400;
}
.era-page #main .service-section--related-light .related-card__index { font-size: 10px; }
.era-page #main .service-section--related-light .related-card__link { font-size: 12px; font-weight: 600; }
.era-page #main .service-section--related-light .related-card:is(:hover, :focus-visible) :is(h3, p, .related-card__link) { color: #fff; }
.era-page #main .service-section--related-light .related-card:is(:hover, :focus-visible) .related-card__index { color: var(--sv-red, #ff0000); }

@media (min-width: 735px) and (max-width: 1068px) {
  .era-page {
    --era-h1-size: 44px; --era-h1-line: 48px;
    --era-h2-size: 32px; --era-h2-line: 36px;
    --era-h3-size: 21px; --era-h3-line: 25px;
  }
}
@media (max-width: 900px) {
  .era-page #main .service-section--related-light .related-card h3 { font-size: 17px; line-height: 21.25px; }
  .era-page #main .service-section--related-light .related-card p { font-size: 12.5px; line-height: 18.75px; }
}
@media (max-width: 734px) {
  .era-page {
    --era-h1-size: 32px; --era-h1-line: 36px;
    --era-h2-size: 28px; --era-h2-line: 32px;
    --era-h3-size: 21px; --era-h3-line: 25px;
  }
  .era-page #main #faq #faq-support-title { font-size: 18px !important; line-height: 23px !important; }
  .era-page #main .service-section--related-light .section-intro { font-size: 15px; line-height: 1.55; }
}
@media (prefers-reduced-motion: reduce) {
  .js .era-page.is-ready #era-hero-title .hero-title__fragment { transform: none; transition: none; }
  .era-page #registration .work-item h3 .glonass-history-text { color: #1d1d1f; }
  .era-page #registration .work-item p .glonass-history-text { color: #1d1d1f; }
}

/* The first heading line measures about 580px at the desktop 50px size. */
.era-page #main .era-hero__lead {
  max-width: 580px;
}

/* Match the conditioner hero: a white-to-red fill after the text reveal. */
.js .era-page #era-hero-title .era-hero-title__accent,
.js .era-page #main .era-hero__lead .era-hero__lead-accent {
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, var(--sv-red, #ff0000) 0 50%, #fff 50% 100%);
  background-position: 100% 0;
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
}
.js .era-page.is-ready #era-hero-title .era-hero-title__accent,
.js .era-page.is-ready #main .era-hero__lead .era-hero__lead-accent {
  animation: era-hero-accent-fill 900ms cubic-bezier(0.22, 1, 0.36, 1) 640ms forwards;
}
@keyframes era-hero-accent-fill {
  to { background-position: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .js .era-page #era-hero-title .era-hero-title__accent,
  .js .era-page #main .era-hero__lead .era-hero__lead-accent {
    background-position: 0 0;
    animation: none !important;
  }
}

/* ERA catalog follows the tachograph page header, links, cards and product dialog. */
.era-page #era-catalog .monitoring-catalog__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  margin: 0 0 28px;
  text-align: left;
}
.era-page #era-catalog .monitoring-catalog__heading,
.era-page #era-catalog .monitoring-catalog__verification { display: contents; }
.era-page #era-catalog .monitoring-catalog__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--sv-navy-ink, #0f2340);
  font-family: var(--service-font-body, inherit);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.era-page #era-catalog .monitoring-catalog__eyebrow::before {
  width: 5px;
  height: 14px;
  flex: 0 0 5px;
  background: var(--sv-red, #ff0000);
  content: "";
}
.era-page #era-catalog #era-catalog-title {
  display: block;
  max-width: none;
  margin: 0;
  color: var(--sv-navy-ink, #0f2340);
  font-family: var(--service-font-body, inherit);
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: normal;
  text-transform: none;
}
@media (min-width: 735px) and (max-width: 1068px) {
  .era-page #era-catalog #era-catalog-title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.004em;
  }
}
@media (max-width: 734px) {
  .era-page #era-catalog #era-catalog-title {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.007em;
  }
}
.era-page #era-catalog .monitoring-catalog__head p:not(.monitoring-catalog__eyebrow) {
  max-width: 760px;
  margin: 0;
  color: #1d1d1f;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.022em;
  text-align: left;
}
.era-page #era-catalog .monitoring-catalog__official-link {
  display: inline-flex;
  width: fit-content;
  min-height: 44px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}
.era-page #era-catalog .monitoring-product-card h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.009em;
}
.era-page #era-catalog .monitoring-product-card__badge {
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
}
.era-page #era-catalog .monitoring-product-card__actions :is(a, button) {
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.06px;
}
.era-page #era-catalog .monitoring-product-card__actions button {
  border-color: var(--sv-navy, #002f6c);
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  color: var(--sv-navy, #002f6c);
  transition: border-color 180ms ease, color 180ms ease;
}
.era-page #era-catalog .monitoring-product-card__actions button:is(:hover, :focus-visible) {
  border-color: var(--sv-red, #ff0000);
  background-color: #fff;
  background-image: none;
  color: var(--sv-red, #ff0000);
}
.era-page #era-catalog .monitoring-product-card__actions a:is(:hover, :focus-visible) {
  border-color: var(--sv-red, #ff0000);
  background-position: 0 0;
  color: #fff;
}
.era-page #era-catalog .monitoring-product-card__actions :is(a, button):focus-visible {
  outline: 3px solid rgba(255, 0, 0, 0.18);
  outline-offset: 2px;
}
.era-page #era-catalog .monitoring-product-card__actions button:focus-visible {
  outline: 3px solid rgba(0, 47, 108, 0.24);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .era-page #era-catalog .monitoring-product-card__actions :is(a, button),
  .era-page #era-catalog .monitoring-catalog__official-link,
  .era-page #era-catalog .monitoring-catalog__official-link .arrow-link__arrow {
    transition: none;
  }
}

/* Product dialog mirrors the tachograph image, document, contact and copy columns. */
.era-page .product-dialog {
  width: min(1080px, 100%);
  border-radius: 12px;
}
.era-page .product-dialog [hidden] { display: none !important; }
.era-page .product-dialog__grid {
  grid-template-columns: minmax(0, 1fr) minmax(370px, 0.86fr);
}
.era-page .product-dialog__visual {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 20px 24px;
  border-right: 1px solid var(--sv-line, #dde3ec);
  background: #fff;
}
.era-page .product-dialog__image {
  min-height: 200px;
  margin-top: 0;
  padding: 8px 12px;
  border-radius: 0;
  background: #fff;
}
.era-page .product-dialog__image::before { display: none; }
.era-page .product-dialog__image img {
  max-height: 180px;
  object-fit: contain;
}
.era-page .product-dialog__documents {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--sv-line, #dde3ec);
}
.era-page .product-dialog__document-list { grid-template-columns: minmax(0, 1fr); }
.era-page .product-dialog__document-list .product-document[href="https://wiki.navtelecom.ru/misc/ru_info_asn_signal_s_4752_recommendation.pdf"] {
  display: none;
}
.era-page .product-dialog__contact {
  display: grid;
  grid-template-columns: minmax(0, 230px) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}
.era-page .product-dialog__contact p {
  margin: 0;
  color: var(--sv-navy-ink, #0f2340);
  font-size: 13px;
  line-height: 1.45;
}
.era-page .product-dialog__contact .messenger-switch { width: 100%; max-width: 230px; min-height: 54px; }
.era-page .product-dialog__contact :is(.messenger-switch__action, .messenger-switch__label) {
  font-size: 14px;
  font-weight: 600;
  line-height: 18.06px;
}
.era-page .product-dialog__contact .messenger-switch__action--max { background: var(--sv-navy, #002f6c); }
.era-page .product-dialog__info {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 46px 24px 20px;
  background: #f6f8fb;
}
.era-page .product-dialog__copy { margin-top: 0; }
.era-page .product-dialog__kicker { display: none; }
.era-page .product-dialog__copy h2 {
  max-width: 520px;
  margin: 0;
  color: var(--sv-navy-ink, #0f2340);
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.009em;
}
@media (max-width: 1068px) {
  .era-page .product-dialog__copy h2 {
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.011em;
  }
}
.era-page .product-dialog__description {
  max-width: 520px;
  margin: 16px 0 0;
  color: #1d1d1f;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.022em;
}
.era-page .product-dialog__price {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-top: 12px;
}
.era-page .product-dialog__price span {
  color: var(--sv-gray-500, #6b7789);
  font-size: 11px;
  font-weight: 650;
}
.era-page .product-dialog__price strong {
  color: var(--sv-navy-ink, #0f2340);
  font-family: var(--service-font-data, "Manrope", "Inter", Arial, sans-serif);
  font-size: 26px;
  font-weight: 820;
  letter-spacing: -0.035em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.era-page .product-dialog__spec-group { margin-top: 28px; }
.era-page .product-dialog__info > .product-dialog__spec-group { margin-top: 0; }
.era-page .product-dialog__spec-group h3,
.era-page .product-dialog__documents h3 {
  margin: 0;
  color: var(--sv-navy-ink, #0f2340);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
}
.era-page .product-dialog__specs :is(dt, dd) {
  font-size: 12px;
  line-height: 16.2px;
}
.era-page .product-dialog__specs { margin-top: 8px; }
.era-page .product-dialog__specs div {
  min-height: 34px;
  gap: 12px;
}
.era-page .product-dialog__specs dt { color: #6b7789; font-weight: 400; }
.era-page .product-dialog__specs dd { color: #0f2340; font-weight: 600; }
.era-page .product-dialog__note {
  margin: 12px 0 0;
  padding: 8px 10px;
  border: 0;
  background: #fff;
  color: var(--sv-gray-500, #6b7789);
  font-size: 11.5px;
  line-height: 17.25px;
}
@media (max-width: 900px) {
  .era-page .product-dialog__grid {
    display: flex;
    flex-direction: column;
    background: #f6f8fb;
  }
  .era-page .product-dialog__visual,
  .era-page .product-dialog__info,
  .era-page .product-dialog__copy { display: contents; }
  .era-page .product-dialog__image {
    order: 1;
    min-height: 230px;
    margin: 0 32px;
    padding: 56px 32px 24px;
    border-bottom: 1px solid var(--sv-line, #dde3ec);
  }
  .era-page .product-dialog__kicker { display: none; }
  .era-page .product-dialog__copy h2 {
    order: 2;
    max-width: none;
    margin: 0 32px;
  }
  .era-page .product-dialog__description {
    order: 3;
    max-width: none;
    margin: 12px 32px 0;
  }
  .era-page .product-dialog__price { order: 4; margin: 16px 32px 0; }
  .era-page .product-dialog__info > .product-dialog__spec-group { order: 5; margin: 28px 32px 0; }
  .era-page .product-dialog__note { order: 6; margin: 16px 32px 0; }
  .era-page .product-dialog__documents {
    order: 7;
    margin: 24px 32px 0;
    padding: 20px 0;
    background: #fff;
  }
  .era-page .product-dialog__contact { order: 8; margin: 14px 32px 24px; }
}
@media (max-width: 700px) {
  .era-page .product-dialog__image {
    min-height: 132px;
    margin: 0 16px;
    padding: 44px 16px 10px;
  }
  .era-page .product-dialog__image img {
    width: auto;
    max-width: 100%;
    max-height: 128px;
    object-fit: contain;
  }
  .era-page .product-dialog__kicker { display: none; }
  .era-page .product-dialog__copy h2 { margin: 0 16px; }
  .era-page .product-dialog__description { margin: 9px 16px 0; }
  .era-page .product-dialog__price { margin: 14px 16px 0; }
  .era-page .product-dialog__info > .product-dialog__spec-group { margin: 24px 16px 0; }
  .era-page .product-dialog__note { margin: 16px 16px 0; }
  .era-page .product-dialog__documents { margin: 20px 16px 0; padding: 18px 0; }
  .era-page .product-dialog__contact { margin: 12px 16px 24px; }
  .era-page .product-dialog__specs :is(dt, dd) { font-size: 11px; line-height: 14.85px; }
}
@media (max-width: 520px) {
  .era-page .product-dialog__contact { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .era-page .product-dialog__contact .messenger-switch { max-width: 100%; }
  .era-page .product-dialog__highlights { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .era-page .product-dialog__contact .messenger-switch__action,
  .era-page .product-dialog__image img {
    transition: none;
  }
}

/* Keep ERA registration aligned with the tachograph #included stages. */
.era-page #registration.era-registration {
  padding: 110px 0;
}
.era-page #registration .included-aside {
  width: 100%;
  max-width: none;
}
.era-page #registration #era-registration-title {
  display: inline-flex;
  gap: 10px;
  max-width: none;
  margin: 2px 0 0;
  color: #0f2340;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 44px;
}
.era-page #registration .section-intro {
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  color: #1d1d1f;
  letter-spacing: -.022em;
}
.era-page #registration .era-registration__lead {
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  color: #1d1d1f;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 25px;
}
.era-page #registration .work-list {
  grid-template-columns: minmax(0, 1fr);
  max-width: 1020px;
  margin: 58px auto 0;
  padding: 0;
}
.era-page #registration .work-item {
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 0;
  padding: 0 0 46px 52px;
}
.era-page #registration .work-item > div {
  grid-column: 2;
  min-width: 0;
}
.era-page #registration .work-item__index::before { left: -50px; }
.era-page #registration .work-item:last-child { padding-bottom: 0; }
.era-page #registration .work-item h3 {
  margin: 0;
  color: #0f2340;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .009em;
  line-height: 28px;
}
.era-page #registration .work-item p {
  max-width: 790px;
  margin: 7px 0 0;
  color: #1d1d1f;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 25px;
}
.era-page #registration .work-item .glonass-history-text { color: #aab3bf; }
.era-page #registration .work-item.is-reached h3 .glonass-history-text { color: #0f2340; }
.era-page #registration .work-item.is-reached p .glonass-history-text { color: #1d1d1f; }
.era-page #registration [data-stepped-timeline].has-stepped-timeline .work-item :is(h3, p) { transition: none; }

@media (min-width: 735px) and (max-width: 1068px) {
  .era-page #registration #era-registration-title {
    font-size: 32px;
    letter-spacing: .004em;
    line-height: 36px;
  }
  .era-page #registration .work-item h3 {
    font-size: 21px;
    letter-spacing: .011em;
    line-height: 25px;
  }
}
@media (max-width: 734px) {
  .era-page #registration #era-registration-title {
    font-size: 28px;
    letter-spacing: .007em;
    line-height: 32px;
  }
  .era-page #registration .work-item h3 {
    font-size: 21px;
    letter-spacing: .011em;
    line-height: 25px;
  }
}
@media (max-width: 600px) {
  .era-page #registration.era-registration { padding: 72px 0; }
  .era-page #registration .work-list { margin: 42px 0 0; }
  .era-page #registration .work-item {
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 0 0 34px 32px;
  }
  .era-page #registration .work-item > div { grid-column: 2; }
  .era-page #registration .work-item:not(:last-child)::before,
  .era-page #registration .work-item:not(:last-child)::after { left: 5px; }
  .era-page #registration .work-item__index::before { left: -31px; }
}
@media (prefers-reduced-motion: reduce) {
  .era-page #registration .work-item h3 .glonass-history-text { color: #0f2340; }
  .era-page #registration .work-item p .glonass-history-text { color: #1d1d1f; }
}

/* Registration links use the same arrow treatment as tachograph #included. */
.era-page #registration .included-layout {
  width: min(calc(100% - (var(--page-pad) * 2)), var(--page-max));
  margin-inline: max(var(--page-pad), calc((100% - var(--page-max)) / 2));
}
.era-page #registration .price-travel-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: var(--sv-navy, #002f6c) !important;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 1.45;
  text-decoration: underline;
  text-decoration-color: currentColor !important;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  white-space: normal;
  transition: color 180ms ease, text-decoration-color 180ms ease;
}
.era-page #registration .price-travel-link span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.era-page #registration .price-travel-link svg {
  display: block;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2;
  transition: transform 180ms ease !important;
}
.era-page #registration .price-travel-link:is(:hover, :focus-visible) {
  color: #015ccb !important;
}
.era-page #registration .price-travel-link:focus-visible {
  outline: 2px solid var(--sv-red, #ff0300);
  outline-offset: 4px;
}
.era-page #registration .price-travel-link:is(:hover, :focus-visible) svg {
  transform: translateX(4px) !important;
}
.era-page #registration .era-registration__source.price-travel-link {
  display: inline-flex;
  width: fit-content;
  margin-top: 20px;
  border-bottom: 0;
}
@media (max-width: 900px) {
  .era-page #registration .price-travel-link {
    font-weight: 600 !important;
    line-height: 1.44;
  }
}
@media (prefers-reduced-motion: reduce) {
  .era-page #registration .price-travel-link,
  .era-page #registration .price-travel-link svg,
  .era-page #registration .price-travel-link:is(:hover, :focus-visible) svg {
    transition: none !important;
    transform: none !important;
  }
}

/* Keep the ERA FAQ typography aligned with the autonomous-heater FAQ. */
.era-page #main #faq {
  --era-faq-ui-font: -apple-system, BlinkMacSystemFont, system-ui, Inter, "Helvetica Neue", Arial, sans-serif;
}
.era-page #main #faq :is(#faq-title, #faq-support-title) {
  font-family: var(--era-faq-ui-font) !important;
  font-optical-sizing: auto;
}
.era-page #main #faq #faq-title {
  white-space: pre-line;
  font-size: 40px !important;
  font-weight: 600;
  line-height: 44px !important;
  letter-spacing: 0;
}
.era-page #main #faq #faq-support-title {
  font-size: 24px !important;
  font-weight: 600;
  line-height: 28px !important;
  letter-spacing: 0.009em;
}
.era-page #main #faq :is(.faq-summary, .faq-question) {
  font-family: var(--era-faq-ui-font) !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: -0.022em;
}
.era-page #main #faq :is(.faq-panel__note, .faq-answer__inner p, [data-faq-support-copy]) {
  font-family: var(--era-faq-ui-font) !important;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.022em;
}
.era-page #main #faq :is(.faq-panel__note, .faq-answer__inner p, [data-faq-support-copy]) a {
  font-family: inherit !important;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.era-page #main #faq :is(.messenger-switch__action, .messenger-switch__label) {
  font-weight: 800;
  line-height: 1.2;
}

@media (min-width: 735px) and (max-width: 1068px) {
  .era-page #main #faq #faq-title {
    font-size: 32px !important;
    line-height: 36px !important;
    letter-spacing: 0.004em;
  }
  .era-page #main #faq #faq-support-title {
    font-size: 21px !important;
    line-height: 25px !important;
    letter-spacing: 0.011em;
  }
}

@media (max-width: 734px) {
  .era-page #main #faq #faq-title {
    font-size: 28px !important;
    line-height: 32px !important;
    letter-spacing: 0.007em;
  }
  .era-page #main #faq #faq-support-title {
    font-size: 21px !important;
    line-height: 25px !important;
    letter-spacing: 0.011em;
  }
}

/* FAQ sources use the registration-stage link and arrow treatment. */
.era-page #main #faq .era-faq__source.price-travel-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 0;
  color: #fff !important;
  font-family: var(--era-faq-ui-font) !important;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 1.45;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  white-space: normal;
  transition: color 180ms ease, text-decoration-color 180ms ease;
}
.era-page #main #faq .era-faq__source span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.era-page #main #faq .era-faq__source svg {
  display: block;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2;
  transition: transform 180ms ease !important;
}
.era-page #main #faq .era-faq__source:is(:hover, :focus-visible) {
  color: #a9d5ff !important;
}
.era-page #main #faq .era-faq__source:focus-visible {
  outline: 2px solid var(--sv-red, #ff0300);
  outline-offset: 4px;
}
.era-page #main #faq .era-faq__source:is(:hover, :focus-visible) svg {
  transform: translateX(4px) !important;
}
@media (max-width: 900px) {
  .era-page #main #faq .era-faq__source.price-travel-link {
    font-weight: 600 !important;
    line-height: 1.44;
  }
}
@media (prefers-reduced-motion: reduce) {
  .era-page #main #faq .era-faq__source,
  .era-page #main #faq .era-faq__source svg,
  .era-page #main #faq .era-faq__source:is(:hover, :focus-visible) svg {
    transition: none !important;
    transform: none !important;
  }
}

/* Route typography refresh: keep existing layout, brand accents and reveal effects. */
/* Outrank the later shared hero opt-in at every scale, including 901–1068px. */
body.era-page #main .era-hero #era-hero-title,
body.era-page #main .era-hero #era-hero-title :is(.hero-title__line, .hero-title__clip, .hero-title__fragment, .era-hero-title__accent) {
  font-size: var(--era-h1-size) !important;
}
.era-page #era-catalog #era-catalog-title,
.era-page #registration #era-registration-title,
.era-page #registration .work-item h3,
.era-page #registration .work-item.is-reached h3 .glonass-history-text {
  color: #1d1d1f;
}
.era-page #price-match .price-match__copy > p:not(.eyebrow) {
  color: #fff;
}
.era-page #main #faq :is(.messenger-switch__action, .messenger-switch__label) {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.29;
}
@media (prefers-reduced-motion: reduce) {
  .era-page #registration .work-item h3 .glonass-history-text { color: #1d1d1f; }
}