#ebike-escooter-news { margin: 30px 0; }

.news-controls {
    text-align: center;
    margin-bottom: 20px;
}
.filter-btn {
    margin:0 5px; padding:8px 15px; cursor:pointer; border:none; border-radius:5px;
    font-weight:bold; transition:0.3s; color:#fff; background:#2980b9;
}
.filter-btn:hover { background:#3498db; box-shadow:0 4px 8px rgba(0,0,0,0.2); }

.news-card {
    border-radius: 0px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    padding: 15px;
    flex: 1 1 calc(33% - 20px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: #fff;
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 0.3s, box-shadow 0.3s, opacity 0.5s;
}
.news-card.show { opacity:1; transform:translateY(0); }
.news-card:hover { transform: translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.15); }

.news-card img { 
    width:100%; 
    border-radius:0px; 
    margin-bottom:10px; 
    object-fit:cover; 
    max-height:200px; 
    transition: transform 0.3s ease; 
}
.news-card img:hover { transform: scale(1.05); }

.news-card h3 { font-size:1.2em; margin:5px 0; color:#2980b9; }
.news-card h3 a { text-decoration:none; color:inherit; }
.news-card small { color:#555; margin-bottom:8px; }
.news-card p { margin:0; color:#333; font-size:0.95em; }

@media(max-width:1024px){ .news-card { flex:1 1 calc(50% - 20px); } }
@media(max-width:600px){ .news-card { flex:1 1 100%; } }