.peb-badge,
.peb-scale li {
  --peb-bg: #8fbc3a;
  --peb-fg: #1b241f;
}
.peb-badge[data-peb="A++"],
.peb-scale [data-peb="A++"] {
  --peb-bg: #0e6a39;
  --peb-fg: #ffffff;
}
.peb-badge[data-peb="A+"],
.peb-scale [data-peb="A+"] {
  --peb-bg: #1c7f3d;
  --peb-fg: #ffffff;
}
.peb-badge[data-peb="A"],
.peb-scale [data-peb="A"] {
  --peb-bg: #45a344;
  --peb-fg: #1b241f;
}
.peb-badge[data-peb="B"],
.peb-scale [data-peb="B"] {
  --peb-bg: #8fbc3a;
  --peb-fg: #1b241f;
}
.peb-badge[data-peb="C"],
.peb-scale [data-peb="C"] {
  --peb-bg: #ecd030;
  --peb-fg: #1b241f;
}
.peb-badge[data-peb="D"],
.peb-scale [data-peb="D"] {
  --peb-bg: #f3b234;
  --peb-fg: #1b241f;
}
.peb-badge[data-peb="E"],
.peb-scale [data-peb="E"] {
  --peb-bg: #ea8a2e;
  --peb-fg: #1b241f;
}
.peb-badge[data-peb="F"],
.peb-scale [data-peb="F"] {
  --peb-bg: #c8461f;
  --peb-fg: #ffffff;
}
.peb-badge[data-peb="G"],
.peb-scale [data-peb="G"] {
  --peb-bg: #b3232a;
  --peb-fg: #ffffff;
}
.peb-badge {
  --peb-h: 24px;
  display: inline-flex;
  flex: none;
  align-items: stretch;
  height: var(--peb-h);
  vertical-align: middle;
  font-family: "General Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.peb-badge-mark,
.peb-badge-class {
  display: flex;
  align-items: center;
  user-select: none;
}
.peb-badge-mark {
  padding: 0 calc(var(--peb-h) * 0.26);
  background: #25382e;
  color: #f5f2eb;
  font-size: calc(var(--peb-h) * 0.38);
  letter-spacing: 0.08em;
}
.peb-badge-class {
  padding: 0 calc(var(--peb-h) * 0.62) 0 calc(var(--peb-h) * 0.32);
  background: var(--peb-bg);
  color: var(--peb-fg);
  font-size: calc(var(--peb-h) * 0.58);
  clip-path: polygon(
    0 0,
    calc(100% - var(--peb-h) * 0.4) 0,
    100% 50%,
    calc(100% - var(--peb-h) * 0.4) 100%,
    0 100%
  );
}
.card-price .peb-badge {
  --peb-h: 24px;
  margin: -2px 6px 0 0;
}
.estate-bottom .peb-badge {
  --peb-h: 34px;
  margin-right: auto;
}
.dossier-price .peb-badge {
  --peb-h: 40px;
}
.dossier-energy {
  margin-top: 44px;
}
.dossier-energy h3 {
  font-size: 27px;
  margin: 0 0 24px;
}
.dossier-energy-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 32px;
  margin-bottom: 26px;
}
.dossier-energy .peb-badge {
  --peb-h: 44px;
}
.peb-scale {
  display: grid;
  flex: 1 1 280px;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  align-items: center;
  gap: 3px;
  max-width: 440px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.peb-scale li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  background: var(--peb-bg);
  color: var(--peb-fg);
  font: 600 11px/1 "General Sans", sans-serif;
  letter-spacing: 0;
}
.peb-scale li.is-current {
  height: 34px;
  font-size: 13px;
  outline: 2px solid #25382e;
  outline-offset: 1px;
}
.dossier-energy-mentions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0 28px;
  margin: 0;
}
.dossier-energy-mentions > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  border-top: 1px solid var(--j-line, #d4d2c7);
  padding: 16px 0;
}
.dossier-energy-mentions dt {
  font: 400 14px/1.7 "General Sans", sans-serif;
  color: #687061;
  margin: 0 0 8px;
}
.dossier-energy-mentions dd {
  max-width: none;
  margin: auto 0 0;
  text-align: left;
  font: 400 16px/1.6 "General Sans", sans-serif;
  color: var(--j-muted, #596356);
}
.dossier-energy .journey-caption {
  margin-top: 6px;
}