.img-art {
   width: 100%;
   height: 400px;
   object-fit: cover;
   object-position: center top;
}
.img-cat {
   width: 100%;
   height: 150px;
   object-fit: cover;
}
.card-2 {
   height: 315px;
}
.news-card {
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   height: 100%;
   /*border-radius: 8px;*/
   box-shadow: 0 4px 8px rgba(0,0,0,0.1);
   transition: transform 0.2s;
   /*cursor: pointer;*/
   /*border-radius: 0 !important;*/
}
.news-card h5 {
   padding: 5px 1.5px;
}
.news-card .border-top {
   border-top: 1px solid #efefef !important;
}
.news-img-container {
   position: relative;
   overflow: hidden;
}
.news-img-container img {
   width: 100%;
   height: 140px;
   
   /*border-radius: 0 !important;*/
   display: block;
}
.category-badge {
   position: absolute;
   top: 10px;
   left: 10px;
   padding: 4px 10px;
   font-size: 0.75rem;
   font-weight: 500;
   border-radius: 0;
   text-transform: uppercase;
   opacity: 0.8;
   z-index: 1;
}


.news-card .btn {
   opacity: 1;
   transition: opacity 0.3s ease;
}
.news-card:hover .btn {
   opacity: 0.8;
}
.news-full-card {
   box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.news-full-card-body {
   padding: 1rem;
}
.stretched-link {
  z-index: 0;
}











.news-block {
    margin: 0;
    
    text-shadow: 1px 1px 2px #000;
}

.news-day { font-size: 24px;font-weight: bold; }
.news-month { font-size: 16px;padding-bottom: 4px; }
.news-year { font-size: 14px; }

.news-badge-right {
    font-size: 12px;
    padding: 5px 10px;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000;
}

.news-badge-right .news-block,
.news-badge-right .news-day,
.news-badge-right .news-month,
.news-badge-right .news-year {
    color: inherit !important;
}


.news-filter-card {
   box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}
.news-filter-card .form-label {
   font-size: 0.8rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   color: var(--bs-secondary-color, #6c757d);
}
.news-filter-actions {
   display: flex;
   gap: 0.5rem;
   align-items: stretch;
}
.news-filter-actions .btn {
   flex: 1 1 0;
}
@media (max-width: 767.98px) {
   .news-filter-actions {
      display: flex;
   }
}