/* Specifični stilovi za stranicu Oprema */
.wrap{max-width:1200px;margin:40px auto;padding:0 20px}
.hero.hero--sm{height:40vh;min-height:320px}
.navbar .active{border-bottom:2px solid #7dd3fc}

/* Breadcrumbs */
.breadcrumbs ol{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 14px 0;font-size:14px;color:#475569}
.breadcrumbs a{color:#0ea5e9;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs li::after{content:"/";margin:0 4px;color:#94a3b8}
.breadcrumbs li:last-child::after{content:""}


/* Kartice / mreža */
.results{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{grid-column:span 12;background:white;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(2,12,27,.04)}
@media (min-width:680px){.card{grid-column:span 6}}
@media (min-width:1000px){.card{grid-column:span 4}}

.card .thumb{
  height:160px;background:linear-gradient(135deg,#e6f4ff,#eef7ff);
  display:block;
}
@media (min-width:920px){.card .thumb{height:180px}}

.card .content{padding:14px 16px}
.card h3{margin:0 0 6px 0;font-size:1.05rem}
.card h3 a{text-decoration:none;color:#0b1220}
.card h3 a:hover{text-decoration:underline}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.tag{font-size:12px;background:#ecfeff;border:1px solid #bae6fd;color:#0369a1;padding:4px 8px;border-radius:999px}

/* Saveti */
.advice{margin-top:28px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px}
.advice h2{margin:0 0 10px 0;font-size:1.15rem}
.tips{margin:0;padding-left:18px}
.tips li{margin:8px 0}