img{
    transform: scale(1.0);
  }
.ep_thumb_left{
    width: 325px;
    border-radius: 5px 5px 0px 0px;
    transform: scale(1.11);
}
  h2{
text-align: left;
width: 270px;
flex: 1 1 auto;
font-size: 18px;
text-decoration: none;
  }
a{
  text-decoration: none;
  color: rgb(43, 36, 43);
}
.ep_list{
  max-width: 1615px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  margin-left: auto;
  margin-right: auto;
}
.ep1, .ep {
  position: relative; /* Добавляем это */
  margin: 15px;
  max-width: 325px;
  transition: all 0.2s;
  border-radius: 5px;
  background-color: rgba(242, 242, 242, 0);
  box-shadow: 0px 2px 4px 0px rgb(43, 36, 43);
  overflow: hidden; /* Чтобы плашка не выходила за границы */
}
  .ep:hover{
  transition: 0.2s;
  transition-property: all;
  transform: scale(1.1);
}
  .ep1:hover{
  transition: 0.2s;
  transition-property: all;
  transform: scale(1.1);
}
  .ep>a:hover{  
  color: rgb(205,11,12);
  transform: scale(1.15);
}
  .ep>a>img:hover{ 
  transition: 0.2s;
  transform: scale(1.12);
}
  .ep1>a>img:hover{ 
  transition: 0.2s;
  transform: scale(1.12);
}
  .ep1>a:hover{  
  color: rgb(205,11,12);
  transform: scale(1.15);
}
.dow_1:hover{  
  color: rgb(205,11,12);
  transform: scale(1.15);
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_2:hover{  
  color: rgb(205,11,12);
  transform: scale(1.15);
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_3:hover{  
  color: rgb(205,11,12);
  transform: scale(1.15);
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_4:hover{  
  color: rgb(205,11,12);
  transform: scale(1.15);
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_5:hover{  
  color: rgb(205,11,12);
  transform: scale(1.15);
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_1 {  
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_2 {  
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_3 {  
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_4 {  
  transition: 0.2s;
  transition: all 0.2s;
}
.dow_5 {  
  transition: 0.2s;
  transition: all 0.2s;
}
.downl{
    transition: 0.2s;
    transition-property: all;
    width: 140px;
    float: left;
    height: 120px;
    margin-left: 5px;
    margin-top: -10px;
}
@media screen and (max-width: 540px){
.ep_list{
  width: 325px;
}
}
.new-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ff0000;
  color: white;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  z-index: 1;
  transform: none !important; /* Отключаем трансформацию при наведении */
}
/* Стили для маркеров озвучки */
.dub-marker {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    vertical-align: middle;
}
.dub-icon {
    height: 16px;
    width: auto;
    margin-right: 4px;
}
.custom-text {
    font-size: 0.9em;
    color: #666;
    font-style: italic;
}