.page-hero .breadcrumb { padding: 0; }

.pro-thema { display: flex; flex-direction: column; gap: 0.75rem; padding: 1.5rem; }
.pro-thema__kop { display: flex; align-items: center; gap: 0.875rem; }
.pro-thema__kop h3 { margin: 0; font-size: 1.1875rem; }
.pro-thema__kop h3 a { color: inherit; text-decoration: none; }
.pro-thema__kop h3 a:hover { color: var(--primary); }
.pro-thema > p { color: var(--muted); font-size: 0.9375rem; margin: 0; }
.pro-thema__meer { display: inline-flex; align-items: center; gap: 0.375rem; margin-top: auto; font-weight: 600; font-size: 0.875rem; color: var(--primary); text-decoration: none; }
.pro-thema__meer [data-lucide], .pro-thema__meer .lucide { width: 1rem; height: 1rem; }

.pro-sublijst { list-style: none; display: grid; gap: 0.375rem; margin: 0.25rem 0 0.5rem; padding: 0; }
.pro-sublijst a {
  display: flex; align-items: center; gap: 0.625rem;
  min-height: 2.75rem; padding: 0.5rem 0.75rem;
  border: 1px solid var(--border); border-radius: var(--r-md);
  background: var(--bg); color: var(--ink); text-decoration: none; font-weight: 500; font-size: 0.9375rem;
}
.pro-sublijst a:hover { border-color: var(--primary); background: var(--primary-tint); }
.pro-sublijst [data-lucide], .pro-sublijst .lucide { width: 1.125rem; height: 1.125rem; color: var(--primary); flex-shrink: 0; }
.pro-sublijst span:first-of-type { flex: 1; }
.pro-aantal { font-size: 0.8125rem; color: var(--subtle); font-weight: 400; white-space: nowrap; }

.pro-delen { padding: 1.5rem; display: grid; gap: 1.25rem; border-color: var(--teal-border); background: var(--teal-tint); }
.pro-delen__kop { display: flex; align-items: flex-start; gap: 1rem; }
.pro-delen__kop h2 { font-size: 1.25rem; margin: 0 0 0.25rem; }
.pro-delen__kop p { margin: 0; color: var(--muted); }
.pro-delen__knoppen { display: flex; flex-wrap: wrap; gap: 0.625rem; }
.pro-delen__knoppen .btn { min-height: 2.75rem; }

.pro-qr { border-top: 1px solid var(--teal-border); padding-top: 1rem; }
.pro-qr summary { display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer; font-weight: 600; color: var(--teal-dark); min-height: 2.75rem; }
.pro-qr summary [data-lucide], .pro-qr summary .lucide { width: 1.125rem; height: 1.125rem; }
.pro-qr__inhoud { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-top: 0.75rem; }
.pro-qr__inhoud img { background: #fff; padding: 0.5rem; border: 1px solid var(--border); border-radius: var(--r-md); }
.pro-qr__inhoud div { flex: 1; min-width: 14rem; }
.pro-qr__inhoud p { color: var(--muted); font-size: 0.9375rem; }

.pro-kaart-deel { position: relative; z-index: 1; }

.pro-andere { margin-top: 2.5rem; }
.pro-andere h2 { font-size: 1.125rem; margin-bottom: 0.75rem; }
.pro-andere ul { list-style: none; padding: 0; margin: 0; }

.pro-tips h2 { font-size: 1.125rem; margin-bottom: 0.75rem; }
.pro-tips .service-points { margin: 0; }

@media (max-width: 640px) {
  .pro-delen__knoppen .btn { flex: 1 1 calc(50% - 0.625rem); }
}