/* Additions catalogue (keeps existing skin) */
.hero--catalogue { padding: 56px 0; }
.grid { display: grid; gap: 16px; }
.grid--vehicles { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.grid--cats { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.grid--products { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.card { border: 1px solid rgba(0,0,0,.08); border-radius: 14px; overflow: hidden; background: #fff; text-decoration: none; color: inherit; }
.card-body { padding: 14px; }
.card-title { font-weight: 700; }
.card-meta { opacity: .8; font-size: .95rem; margin-top: 6px; }
.price { margin-top: 10px; font-weight: 700; }

.thumb { display:flex; align-items:center; justify-content:center; background: rgba(0,0,0,.04); }
.thumb--vehicle { height: 120px; }
.thumb--cat { height: 120px; }
.thumb--product { height: 160px; }
.thumb span { font-weight: 800; opacity: .9; padding: 10px; text-align:center; }
.thumb img { width:100%; height:100%; object-fit:cover; display:block; }

.toolbar { display:flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.btn { display:inline-block; padding: 10px 14px; border-radius: 10px; text-decoration:none; }
.btn--ghost { border:1px solid rgba(0,0,0,.15); color: inherit; }
.btn--primary { background: #0b5; color: #fff; }

.searchbar { margin-top: 14px; }
.searchbar input { width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(0,0,0,.15); }

.product-page { display:grid; grid-template-columns: 1fr; gap: 18px; }
.product-media img { width: 100%; border-radius: 14px; border:1px solid rgba(0,0,0,.08); }
@media(min-width: 920px){
  .product-page { grid-template-columns: 1.1fr .9fr; align-items: start; }
}