/* /werkplek/: schermafbeeldingen van Veenstra IT Werkplek.
   Alleen tokens uit site.css. Schermen worden niet bijgesneden. */

.scherm { margin: 0; position: relative; }
.scherm picture { display: block; border-radius: var(--r); overflow: hidden; border: 1px solid var(--rule-nacht); background: var(--kaart); }
.scherm img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 0; filter: none; }
.scherm figcaption { margin-top: .7rem; font: 400 .8rem/1.4 var(--mono); color: var(--op-nacht-2); }

/* Hero: schermafbeelding in plaats van foto, niet bijsnijden */
.page-hero .hero__beeld.scherm img { aspect-ratio: auto; object-fit: contain; }

/* Duo-rijen met schermen op nacht */
.schermrij { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.schermrij + .schermrij { margin-top: clamp(56px, 8vw, 112px); padding-top: clamp(56px, 8vw, 112px); border-top: 1px dashed var(--rule-nacht); }
.schermrij--om > .scherm { order: 2; }
.schermrij__nr { font: 500 .78rem/1.2 var(--mono); text-transform: uppercase; letter-spacing: .12em; color: var(--goud) !important; margin: 0 0 var(--sp-md); }
.schermrij__tekst h3 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); letter-spacing: -.03em; margin-bottom: var(--sp-md); }
.schermrij__tekst p:last-child { margin: 0; }
@media (max-width: 860px) {
  .schermrij { grid-template-columns: 1fr; }
  .schermrij--om > .scherm { order: 0; }
}

/* Opties als tweede groep werkbonnen */
.opties-kop { margin: clamp(48px, 6vw, 80px) 0 var(--sp-lg); }
.prijzen--opties { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.prijzen--opties .prijs-kaart .prijs { font-size: clamp(1.5rem, 1.3rem + .6vw, 1.9rem); }
.prijzen--drie { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }