.hero-blog{background:linear-gradient(rgba(74,144,226,0.8),rgba(74,144,226,0.8)),url('../images/hero-bg.webp');background-size:cover;background-position:center}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:40px 0}
.blog-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform 0.3s,box-shadow 0.3s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.blog-card__image{display:block;overflow:hidden;height:200px}
.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.blog-card:hover .blog-card__image img{transform:scale(1.05)}
.blog-card__content{padding:20px;flex-grow:1;display:flex;flex-direction:column}
.blog-card__title{font-size:1.25rem;margin-bottom:10px;line-height:1.4}
.blog-card__title a{color:var(--text-dark);text-decoration:none;transition:color 0.3s}
.blog-card__title a:hover{color:var(--primary)}
.blog-card__excerpt{color:var(--text-muted);margin-bottom:15px;flex-grow:1}
.blog-card__readmore{color:var(--secondary);font-weight:600;text-decoration:none;align-self:flex-start}
.blog-card__readmore:hover{text-decoration:underline}
.blog-article{padding:40px 0}
.blog-article__header{margin-bottom:30px;text-align:center}
.blog-article__header h1{color:var(--primary);margin-bottom:10px}
.blog-article__meta{color:var(--text-muted);font-size:0.9rem;display:flex;gap:20px;justify-content:center}
.blog-article__featured{max-width:100%;height:auto;border-radius:var(--radius);margin-bottom:30px;box-shadow:var(--shadow)}
.blog-article__content{max-width:800px;margin:0 auto;line-height:1.8}
.blog-article__content h2{color:var(--primary);margin:1.5em 0 0.5em}
.blog-article__content p{margin-bottom:1.2em}
.blog-article__content ul,.blog-article__content ol{margin-bottom:1.2em;padding-left:1.5rem}
.blog-article__footer{margin-top:40px;text-align:center}
@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-article__header h1{font-size:1.8rem}}

/* Оранжевая плашка на изображении карточки блога */
.blog-card__image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--radius) var(--radius) 0 0;
}

.blog-card__label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(230, 92, 0, 0.85); /* фирменный оранжевый #E65C00 с прозрачностью */
    color: white;
    padding: 10px 12px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    transition: background 0.3s;
    box-sizing: border-box;
}

/* При наведении делаем плашку чуть ярче */
.blog-card:hover .blog-card__label {
    background: rgba(230, 92, 0, 1);
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    .blog-card__label {
        font-size: 0.9rem;
        padding: 8px 10px;
    }
}