/* Kleuren */
:root{
  --amber:#d97706; --amber-600:#d97706; --amber-700:#b45309;
  --brown:#7c4a00;
}

.text-brown{ color:var(--brown) }
.btn-amber{ background:var(--amber); border-color:var(--amber); color:#fff }
.btn-amber:hover{ background:var(--amber-700); border-color:var(--amber-700); color:#fff }
.btn-outline-amber{ border:1px solid var(--amber); color:var(--amber); background:transparent }
.btn-outline-amber:hover, .btn-outline-amber.active{
  background:var(--amber); color:#fff; border-color:var(--amber);
}

.object-fit-cover{ object-fit:cover }
.vp-hero{ background:linear-gradient(135deg,#ffe6b7, #fff) }
.vp-card{ border:1px solid rgba(124,74,0,.12); border-radius:1rem; box-shadow:0 6px 20px rgba(124,74,0,.08) }
.vp-badge{ background:var(--amber); color:#fff; font-size:.75rem; border-radius:999px; padding:.15rem .5rem; }
.vp-section{ margin-bottom:2.5rem }
.vp-cta{ background:#fff7ea; border:1px solid rgba(124,74,0,.12) }
.vp-heading{ display:flex; align-items:center; gap:.5rem; margin-bottom:1rem }
.vp-search-wrap{ position:relative }
.vp-search{ padding-left:2.5rem }
.vp-icon-search{ position:absolute; left:.75rem; top:50%; transform:translateY(-50%); opacity:.6 }