/* The lower-left logo is selected; query parameters retain the alternatives. */
body:is([data-logo="lijevo"], [data-logo="desno"]) .home .choices .choice-photo .brand-mark,
.logo-option:is([data-logo="lijevo"], [data-logo="desno"]) .choice.choice-photo .brand-mark {
  width: 120px;
  height: 40px;
  padding: 6px 8px;
  top: auto;
  bottom: 12px;
  transform: none;
}
body[data-logo="lijevo"] .home .choices .choice-photo .brand-mark,
.logo-option[data-logo="lijevo"] .choice.choice-photo .brand-mark {
  left: 12px;
}
body:is([data-logo="lijevo"], [data-logo="desno"]) .home .choices .choice-photo .brand-mark[data-brand="bgs"] img {
  width: 94px;
  height: 94px;
}
body[data-logo="desno"] .home .choices .choice-photo .brand-mark,
.logo-option[data-logo="desno"] .choice.choice-photo .brand-mark {
  left: auto;
  right: 12px;
}
body[data-logo="desno"] .home .choices .choice-photo .arrow,
.logo-option[data-logo="desno"] .choice.choice-photo .arrow {
  bottom: 64px;
}
body[data-logo="traka"] .home .choices .choice-photo .brand-mark,
.logo-option[data-logo="traka"] .choice.choice-photo .brand-mark {
  width: calc(100% - 2px);
  max-width: none;
  height: 44px;
  padding: 8px 48px;
  top: auto;
  left: 1px;
  bottom: 1px;
  transform: none;
  background: #fff;
  border: 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 7px calc(100% - 7px), 0 calc(100% - 7px));
}
body[data-logo="traka"] .home .choices .choice-photo .brand-mark img,
.logo-option[data-logo="traka"] .choice.choice-photo .brand-mark img {
  width: 120px;
  max-width: 100%;
  height: 26px;
}
body[data-logo="traka"] .home .choices .choice-photo .arrow,
.logo-option[data-logo="traka"] .choice.choice-photo .arrow {
  color: #185899;
}