.badge {
    position: absolute;
    top: -2px;
    left: 65px;
    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-novinka {
    left: 55px;
}
.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;
}

.badge-letni {
    background: linear-gradient(135deg, #ffb347, #ffcc33);
    color: white;
}

.badge-zimni {
    background: linear-gradient(135deg, #5dade2, #85c1e9);
    color: white;
}

@media (max-width: 768px) {
    .badge-proni,
    .badge-pronej,
    .badge-novinka,
    .badge-letni,
    .badge-zimni {
        left: 75px;
    }

    .badge.badge-doporucujeme.badge-barva {
        left: 66px;
        font-size: 8px; 
    }

    .badge-novinka {
        left: 66px;
    }

    .badge-doporucujeme {
        font-size: 10px;
        left: 45px;
    }
}