/* productfoto.ai, rustige laag over de hele site (v1.9.12, keuze van Mart na de proef op /prijzen).
   Zelfde gevoel als het beheer en de klantomgeving: lichtgrijze pagina, witte kaarten met dunne lijnen,
   donkere blokken als afgeronde kaarten, kleinere koppen en minder effecten. De hero's blijven zoals ze zijn.
   Alles hangt aan body.pfa-rust (gezet in pfa_pagina_start). Klassen pfa-rust-. */

.pfa-rust { --pfa-sectie: clamp(52px, 6.4vw, 92px); --pfa-rust-bg: #F5F5F6; --pfa-rust-lijn: #E7E7EA; --pfa-rust-schaduw: 0 1px 2px rgba(17, 17, 18, .04), 0 10px 30px -18px rgba(17, 17, 18, .22); }
body.pfa-rust:not(.pfa-wiz-body) { background: var(--pfa-rust-bg); }

/* Lichte secties: geen wisselende vlakken meer, alles op dezelfde grijze pagina. */
.pfa-rust .pfa-sectie:not(.pfa-donker), .pfa-rust .pfa-sectie-licht:not(.pfa-donker), .pfa-rust .pfa-kruimelbalk-licht { background: transparent; }
.pfa-rust .pfa-tekstpagina { background: transparent; }

/* Donkere secties binnen de pagina (niet de hero): een afgeronde donkere kaart, zoals de actiekaart in het beheer. */
.pfa-rust .pfa-sectie.pfa-donker, .pfa-rust .pfa-slot {
  margin: 0 max(16px, calc((100% - 1240px) / 2));
  border-radius: 24px;
  background: radial-gradient(120% 140% at 85% 0%, #26262A 0%, #0B0B0C 58%);
}
.pfa-rust .pfa-sectie.pfa-donker + .pfa-sectie.pfa-donker, .pfa-rust .pfa-sectie.pfa-donker + .pfa-slot { margin-top: 16px; }
.pfa-rust .pfa-sectie.pfa-donker > .pfa-wrap, .pfa-rust .pfa-slot > .pfa-wrap { padding-inline: clamp(20px, 4vw, 56px); }
.pfa-rust .pfa-slot { padding: clamp(56px, 7vw, 96px) 0; margin-bottom: clamp(48px, 6vw, 80px); }
.pfa-rust .pfa-sectie.pfa-donker .pfa-bundel, .pfa-rust .pfa-slot .pfa-bundel { display: none; }
.pfa-rust .pfa-sectie.pfa-donker::after, .pfa-rust .pfa-slot::after { display: none; }

/* Koppen: kleiner en rustiger, zoals de titels in het paneel. De hero houdt zijn grote kop. */
.pfa-rust .pfa-sectie .pfa-h2, .pfa-rust .pfa-slot .pfa-h2, .pfa-rust .pfa-tekstpagina .pfa-h2 { font-size: clamp(28px, 3.3vw, 42px); line-height: 1.08; letter-spacing: -.035em; }
.pfa-rust .pfa-sectie .pfa-h1, .pfa-rust .pfa-tekstpagina .pfa-h1 { font-size: clamp(34px, 4.4vw, 54px); line-height: 1.04; }
.pfa-rust .pfa-sectie .pfa-lead, .pfa-rust .pfa-slot .pfa-lead { font-size: clamp(16px, 1.25vw, 18px); }
.pfa-rust .pfa-sectie-kop { margin-bottom: clamp(28px, 3.6vw, 44px); }
.pfa-rust .pfa-oog { letter-spacing: .14em; }

/* Koppen per woord alleen nog in de hero; elders gewoon in beeld. */
.pfa-rust .pfa-sectie .pfa-woorden .pfa-woord-binnen, .pfa-rust .pfa-tekstpagina .pfa-woorden .pfa-woord-binnen { transform: none; transition: none; }

/* Kaarten: wit met een dunne lijn en een zachte schaduw. */
.pfa-rust .pfa-sectie:not(.pfa-donker) .pfa-kaart,
.pfa-rust .pfa-vragen-kaart { background: #fff; box-shadow: 0 0 0 1px var(--pfa-rust-lijn), var(--pfa-rust-schaduw); border-radius: 18px; }

/* Geen glans of kanteling op kaarten. */
.pfa-rust .pfa-glans { display: none; }

/* Een donkere sectie die overgaat in de beeldwand (bovenaan /voorbeelden) blijft over de volle breedte, zoals een hero. */
.pfa-rust .pfa-sectie.pfa-donker:has(+ .pfa-wand) { margin: 0; border-radius: 0; background: var(--pfa-dark); }
.pfa-rust .pfa-sectie.pfa-donker:has(+ .pfa-wand) > .pfa-wrap { padding-inline: var(--pfa-gutter); }