/* Ampflow Energy — merkspecifiek bovenop de gedeelde huisstijl.
   Prijsbalk in de hero: netto deel (wat je betaalt) en het btw-deel dat via de cessie loskomt. */
.af-price { margin: 1.75rem 0 0.25rem; max-width: 30rem; }
.af-price__bar { display: flex; align-items: stretch; height: 3.25rem; }
.af-price__net {
  flex: 100 1 0; display: flex; align-items: center; padding-inline: 1.1rem;
  background: var(--b-green); color: #fff; font-weight: 700; font-size: 0.975rem;
  border-radius: 999px 0 0 999px;
}
.af-price__vat {
  flex: 21 1 0; min-width: 5.75rem; display: flex; align-items: center; justify-content: center;
  border: 2px dashed var(--b-ink); color: var(--b-ink); font-weight: 800; font-size: 0.975rem;
  background: var(--b-sun); border-radius: 0 999px 999px 0;
  transform: translateX(12px);
  animation: af-detach 900ms cubic-bezier(.2,.8,.2,1) 500ms both;
}
@keyframes af-detach { from { transform: translateX(0); } to { transform: translateX(12px); } }
.af-price__legend { display: flex; gap: 0.5rem; align-items: center; margin: 0.75rem 0 0; font-size: 0.925rem; color: var(--b-stone); }
.af-price__key { width: 0.95rem; height: 0.95rem; background: var(--b-sun); border: 2px dashed var(--b-ink); border-radius: 4px; flex: none; }

/* dark mode: donkere tekst op het gele btw-segment houden (brand.css laadt na base.css) */
@media (prefers-color-scheme: dark) {
  .af-price__vat { color: #0F2A22; border-color: #0F2A22; }
  .af-price__key { border-color: var(--b-ink); }
}