.pressure-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  gap: 18px;
  background: #24282b;
  border: 1px solid var(--edge);
  border-radius: 18px;
  padding: 20px;
  margin: 20px 0 28px;
}

.pressure-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.pressure-terrain {
  display: grid;
  grid-template-rows: 70px auto;
  gap: 7px;
  background: #1d2022;
  border: 1px solid #3e4447;
  border-radius: 12px;
  overflow: hidden;
}

.pressure-terrain > div:last-child {
  display: grid;
  gap: 7px;
  padding: 11px 13px 13px;
}

.terrain-picture {
  display: grid;
  place-items: center;
  color: #f2c38c;
  background: linear-gradient(145deg, #3b3f41, #25292b);
}

.pressure-terrain.offroad .terrain-picture { background: linear-gradient(145deg, #4b4837, #292e2a); }
.pressure-terrain.dunes .terrain-picture { background: linear-gradient(145deg, #6b492d, #34281f); }
.terrain-picture svg { width: 66px; height: 46px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.terrain-field-title { flex-direction: row; align-items: center; gap: 10px; margin-top: 8px; color: #ffd09b; }
.terrain-field-title svg { width: 56px; height: 38px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.pressure-terrain strong {
  white-space: nowrap;
}

.pressure-values span,
.pressure-card small {
  color: var(--muted);
  font-size: 11px;
}

.pressure-values strong { font-size: 14px; }

.pressure-advice {
  background: #3b3026;
  border: 1px solid #725334;
  border-radius: 13px;
  padding: 16px;
}

.pressure-advice b { color: #ffd09b; }
.pressure-advice p { color: #e6dace; line-height: 1.55; font-size: 12px; margin: 8px 0; }

.detail-properties .pressure-card.compact {
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 20px 0 0;
  padding: 18px 0 0;
  border: 0;
  border-top: 1px solid #404448;
  border-radius: 0;
  background: transparent;
}

.pressure-card.compact .pressure-values {
  grid-template-columns: 1fr;
  gap: 7px;
  margin-bottom: 9px;
}

.pressure-card.compact .pressure-terrain {
  grid-template-columns: 62px 1fr;
  grid-template-rows: auto;
  min-height: 66px;
  gap: 0;
}

.pressure-card.compact .terrain-picture { min-height: 66px; }
.pressure-card.compact .terrain-picture svg { width: 43px; height: 32px; }
.pressure-card.compact .pressure-terrain > div:last-child {
  grid-template-columns: 1fr auto;
  align-content: center;
  column-gap: 10px;
  row-gap: 2px;
  padding: 8px 11px;
}
.pressure-card.compact .pressure-terrain span { grid-row: 1 / span 2; align-self: center; }
.pressure-card.compact .pressure-terrain strong { font-size: 12px; text-align: right; }
.pressure-card.compact .pressure-advice { padding: 12px 13px; }
.pressure-card.compact .pressure-advice p { margin: 5px 0; line-height: 1.4; }
.pressure-card.compact .pressure-advice small { font-size: 10px; }

@media (max-width: 650px) {
  .pressure-card,
  .pressure-values { grid-template-columns: 1fr; }
}