.glava { display:flex; align-items:center; height:81px; background:url(../images/menu1polnilo.gif) repeat-x; }
.glava .menu1 { display:flex; align-items:center; gap:0; padding:0; height:81px; }
.glava .menu1 a { display:flex; align-items:center; height:81px; padding:0 18px; background:url(../images/menu1crtica.gif) no-repeat left center; color:#333; }
.glava .group { margin-left:auto; align-self:flex-end; max-width:378px; }
.wrap { display:flex; width:999px; background:#fff; }
.wrap .pas { align-self:flex-start; }
.sidebar { width:179px; flex-shrink:0; }
.menu2, .menu3 { line-height:23px; }
.content { flex:1; padding:0; }
.tiles { display:grid; grid-template-columns:repeat(2, 381px); }
.tiles img { display:block; max-width:100%; height:auto; }
#noga { text-align:right; }
@media (max-width:1000px) {
  .wrap { width:auto; flex-wrap:wrap; }
  .wrap .pas, .glava .group { display:none; }
  .sidebar { width:100%; order:2; }
  .content { padding:10px; }
  .tiles { grid-template-columns:1fr; }
  .glava { flex-wrap:wrap; height:auto; }
  #noga { width:auto; }
}

/* News cards – same look as the product tiles */
.news { margin-top: 20px; max-width: 762px; }
.news .cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
#sredina a.card, .card { display: flex; min-height: 200px; padding: 6px; border-radius: 6px; background: var(--card); color: #222; text-decoration: none; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
.card-side { width: 42%; display: flex; flex-direction: column; padding: 8px 6px; }
.card-label { color: #fff; font: italic bold 22px/1.05 "Arial Narrow", Arial, sans-serif; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,.4); margin-bottom: 8px; }
.card-side img { max-width: 100%; height: auto; margin-top: auto; }
.card-body { flex: 1; display: flex; flex-direction: column; padding: 10px 12px; border-radius: 4px; background: linear-gradient(#fffbe6, #fff); }
.card-body h2 { margin: 0 0 4px; color: #111; font-size: 16px; }
.card-date { color: #888; font-size: 10px; margin-bottom: 6px; }
.card-text { font-size: 11px; line-height: 1.4; }
.card-text p { margin: 0 0 6px; }
.card-link { margin-top: auto; padding-top: 8px; text-align: center; color: var(--card); font: bold 17px "Arial Narrow", Arial, sans-serif; }
a.card:hover { filter: brightness(1.05); }
a.card:hover .card-link { text-decoration: underline; }
@media (max-width: 1000px) { .news .cards { grid-template-columns: 1fr; } }

/* News details page */
.news-detail { max-width: 700px; padding: 0 10px 20px; font-size: 12px; line-height: 1.5; }
.news-detail .card-date { margin: -8px 0 12px 7px; }
.news-detail-image { float: right; max-width: 45%; height: auto; margin: 0 0 10px 15px; border: 6px solid var(--card); border-radius: 6px; }
@media (max-width: 1000px) { .news-detail-image { float: none; max-width: 100%; margin: 0 0 10px; } }