.btn--compare {
  width: auto;
  display: block;
  color: var(--color-secondary);
  padding: 0 12px;
  font-weight: bold;
  font-size: 20px;
}
.btn--compare i {
  line-height: 2rem;
  font-weight: bold;
}
.btn--compare span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-secondary);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -2px;
  top: -8px;
  font-size: 15px;
}
.icon:before {
  font-family: "zbw" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon-exchange:before {
  content: "T";
}
.compare-popup {
  position: fixed;
  top: 1rem;
  z-index: 999;
  inset: 2rem;
  min-height: calc(100vh - 4rem);
  max-width: 1180px;
  left: 50%;
  transform: translateX(-50%);
}
.compare-popup > a {
  position: absolute;
  right: 2rem;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
}
.compare-popup > a:before {
  content: "X";
  color: white;
  font-size: 26px;
}
.compare-popup iframe {
  width: 100%;
  height: 100%;
}
.compare {
  --compare-color-grey: #aaa;
  --compare-color-text: #666;
  border: 1px solid var(--compare-color-grey);
  line-height: 1rem;
}
.compare__column {
  border-right: 1px solid var(--compare-color-grey);
}
.compare__header {
  border-bottom: 1px solid var(--compare-color-grey);
  padding: 12px;
  line-height: 1rem;
  font-size: 12px;
}
.compare__image {
  padding: 12px;
  border-bottom: 1px solid var(--compare-color-grey);
}
.compare__image img {
  aspect-ratio: 1.3333333333;
  object-fit: cover;
  height: 163px;
  width: auto;
}
.compare__specs p.label {
  display: none;
}
.compare__specs > div {
  border-bottom: 1px solid #aaa !important;
  padding: 10px;
  line-height: 1rem;
}
.compare__specs > div:nth-child(2n+ 1) {
  background: white;
}
.compare__specs > div:last-child {
  border: 0 !important;
}
.compare__specs > div .value {
  display: block;
  line-height: 1rem;
  text-align: center;
}
.legenda {
  border-right: 1px solid var(--compare-color-grey);
  background: #efefef;
  line-height: 1rem;
  font-size: 13px;
  color: var(--color-text);
  text-transform: uppercase;
}
.legenda__title {
  height: 41px;
  border-bottom: 1px solid var(--compare-color-grey);
}
.legenda__image {
  height: 188px;
  border-bottom: 1px solid var(--compare-color-grey);
}
.legenda__specs > div {
  border-bottom: 1px solid var(--compare-color-grey);
  padding: 10px;
  line-height: 1rem;
  text-align: right;
  font-size: 12px;
}
.legenda__specs > div:nth-child(2n+ 1) {
  background: white;
}
.legenda__specs > div:last-child {
  border: 0 !important;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fcustom_codes%2F5845-scss-default.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUZ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%22%7D */