.design_template.blog {
    padding:40px 0 40px 0;
}
.design_template.blog .blog-container {
    width:100%;
    overflow: hidden;
    margin: 0 auto;
}
.design_template.blog .articles-slider {
    width:100%;
    margin:0 auto;
}
/* Основен контейнер */
.articles-slider1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Всеки отделен ред (статия) */
.articles-slider1 .article-row {
    display: flex;
    flex-direction: column; /* Една колона за мобилни */
    text-decoration: none;
    color: #333;
    padding: 30px 0;
    border-bottom: 1px solid #f0f0f0;
    gap: 20px;
}

/* Премахваме долната линия на последната статия */
.articles-slider1 .article-row:last-child {
    border-bottom: none;
}

/* АДАПТИВНО ИЗОБРАЖЕНИЕ С ЕФЕКТ ПРИ ПОСОЧВАНЕ */
.articles-slider1 .blog-image {
    width: 100%;
    height: 220px; /* Фиксирана височина за мобилни устройства */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 12px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0); /* Начално състояние без сянка */
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    flex-shrink: 0;
}

/* Ефект при посочване на цялата карта -> променя само снимката */
.articles-slider1 .article-row:hover .blog-image {
    transform: translateY(-8px); /* Повдига снимката нагоре */
    box-shadow: 0 12px 24px rgba(74, 20, 140, 0.25); /* Тъмнолилава мека сянка */
}

/* Текстовата зона */
.articles-slider1 article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

/* Дата над заглавието */
.articles-slider1 .article-date {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #A36C99;
    font-size: 0.8vw;
    text-transform: uppercase;
}

/* Заглавие */
.articles-slider1 article h3 {
    margin: 0 0 15px 0;
    font-size: 0.9vw;
    color: #1A1A1A;
    font-weight: 500;
    line-height: 1.4;
}

/* Кратко описание */
.articles-slider1 .article-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 5px;
}

/* Бутонът "Прочетете повече" */
.articles-slider1 .read-more {
    color: #A36C99;
    font-size: 0.75vw;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: underline;
    margin-top: 0px;
}

/* RESPONSIVE DESIGN: Медийно запитване за по-големи екрани */
@media (min-width: 768px) {
    .articles-slider1 .article-row {
        flex-direction: row; /* Снимката и текстът застават един до друг */
        align-items: center;
        gap: 40px;
    }

    /* Респонсив размери за снимката на десктоп */
    .articles-slider1 .blog-image {
        width: 30%; /* Снимката заема точно 30% от ширината на реда */
        max-width: 350px; /* Но не може да стане по-широка от 350px на огромни екрани */
        min-width: 250px; /* И не може да се свие под 250px на средни екрани */
        height: 150px; /* Поддържа пропорционална височина */
    }
}