.design_template.blog {
    background-image: url( /resources/images/bgr-news.png);
	background-position: center bottom;
	background-repeat: repeat-x;
    padding:60px 0;
}
.design_template.blog .blog-container {
    width:1550px;
    overflow: hidden;
    margin: 0 auto;
}
@media screen and (max-width: 1600px) {
 	.design_template.blog .blog-container {
	width: 80%;
}
}
.design_template.blog .articles-slider {
    width:100%;
    margin:0 auto;
}

.articles-slider {
    display: flex;
    flex-wrap: nowrap; /* Гарантира, че всичко остава на един ред */
    gap: 30px;         /* Това е новото, по-голямо разстояние между картите */
    overflow-x: auto;  /* Опционално: позволява скролване, ако не се събират на екрана */
}

.design_template.blog a {
    display: flex;
    background: #fff;
    margin-right: 25px;
    height:100%;
    color:#333;
    flex-direction: column;
	align-items: center;
}

.design_template.blog a > div {  }

.design_template.blog a article { padding:20px; font-size: 0.95vw; flex: 1; }
.design_template.blog a article h3 { margin:0 0 10px; font-size: 0.9vw; }
.design_template.blog a .blog-image {
    background-repeat: no-repeat;
    background-position: center center;
   /*  background-attachment: fixed; */
    background-size: cover;
	 width: 95%;             /* Заема цялата широчина на картата */
    aspect-ratio: 16 / 7;    /* Автоматична пропорция (примерно 16:9) */
 /*   height:220px; */
	border-radius: 8px;
}
/*
.design_template.blog a .blog-image {
    transition: transform 0.3s ease;   
}

.design_template.blog a:hover .blog-image {
    transform: scale(1.05); 
}
*/
.design_template.blog a .blog-image {
    transition: filter 0.3s ease;
}

/* Ново правило за hover ефект */
.design_template.blog a:hover .blog-image {
    filter: brightness(85%); /* Леко затъмнява снимката (100% е оригиналът) */
}