@charset "UTF-8";

/* Shared product-card typography based on the GLONASS monitoring catalog. */
:root {
  --catalog-card-font: var(--service-font-body, "Inter", "Helvetica Neue", Arial, sans-serif);
  --catalog-card-data-font: var(--service-font-data, "Manrope", "Inter", Arial, sans-serif);
}

.monitoring-product-card.monitoring-product-card,
.catalog-card.catalog-card {
  font-family: var(--catalog-card-font);
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__body,
.catalog-card.catalog-card .catalog-card__body {
  padding: 22px 24px 24px;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__variant,
.catalog-card.catalog-card .catalog-card__type {
  font-family: var(--catalog-card-font);
  font-size: 9px;
  font-weight: 820;
  letter-spacing: 0.08em;
  line-height: 1.2;
}

.monitoring-product-card.monitoring-product-card h3,
.catalog-card.catalog-card h3,
.object-product-card.object-product-card h3 {
  margin-top: 7px;
  font-family: var(--catalog-card-font);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.16;
}

.object-product-card.object-product-card h3 {
  min-height: 52px;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__specs,
.catalog-card.catalog-card .catalog-card__specs {
  margin-top: 14px;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__specs div,
.catalog-card.catalog-card .catalog-card__specs div {
  min-height: 40px;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 14px;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__specs dt,
.monitoring-product-card.monitoring-product-card .monitoring-product-card__specs dd,
.catalog-card.catalog-card .catalog-card__specs dt,
.catalog-card.catalog-card .catalog-card__specs dd {
  font-family: var(--catalog-card-font);
  font-size: 11.5px;
  line-height: 1.34;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__specs dd,
.catalog-card.catalog-card .catalog-card__specs dd {
  font-weight: 730;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__footer {
  margin-top: auto;
  padding-top: 22px;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__price {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__price span {
  font-family: var(--catalog-card-font);
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.34;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__price strong,
.catalog-card.catalog-card .catalog-card__specs dd[data-price-key],
.catalog-card.catalog-card .driver-card-catalog__price dd strong {
  font-family: var(--catalog-card-data-font);
  font-size: 18px;
  font-variant-numeric: tabular-nums;
  font-weight: 820;
  letter-spacing: -0.03em;
  line-height: normal;
}

.monitoring-product-card.monitoring-product-card .monitoring-product-card__actions button,
.monitoring-product-card.monitoring-product-card .monitoring-product-card__actions a,
.catalog-card.catalog-card .catalog-card__actions button,
.catalog-card.catalog-card .catalog-card__actions a {
  min-height: 46px;
  padding: 9px 11px;
  font-family: var(--catalog-card-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
}

@media (max-width: 620px) {
  .object-product-card.object-product-card h3 {
    min-height: 0;
  }
}

@media (max-width: 480px) {
  .monitoring-product-card.monitoring-product-card .monitoring-product-card__body,
  .catalog-card.catalog-card .catalog-card__body {
    padding: 21px 18px 19px;
  }

  .monitoring-product-card.monitoring-product-card h3,
  .catalog-card.catalog-card h3,
  .object-product-card.object-product-card h3 {
    font-size: 25px;
  }

  .monitoring-product-card.monitoring-product-card .monitoring-product-card__specs div,
  .catalog-card.catalog-card .catalog-card__specs div {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: 10px;
  }

  .monitoring-product-card.monitoring-product-card .monitoring-product-card__actions,
  .catalog-card.catalog-card .catalog-card__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}