.badge {
    position: absolute;
    top: -2px;
    left: 45px;
    color: white;
    font-size: 10px;
    padding: 3px 4px;
    border-radius: 5px;
    transform: rotate(15deg);
    transform-origin: left top;
}
.badge.badge-doporucujeme.badge-barva {
    left: 50px;
    font-size: 10px; 
}
.badge-new {
  background-color: #007bff;
  color: white;
}
.badge-doporucujeme {
  background-color: #28a745;
  color: white;
}
.badge-akce {
  background-color: #bd2241;
  color: white;
}
.badge-pronej {
    background-color: #2986cc;
}
.badge-proni {
    background-color: pink;
}
.badge-doporucujeme {
    background-color: darkgreen;
}
.badge-novinka {
    background-color: darkgreen;
}

@media (max-width: 768px) {
.badge-doporucujeme {
    font-size: 10px;
    left: 45px;
}
@media (max-width: 768px) {
    .badge.badge-doporucujeme.badge-barva {
    left: 66px;
    font-size: 8px; 
    }
}
}