/* Barbershop De Schaar (kapper · voorbeeld A). Bijna zwart, bladgoud, uithangbordletters.
   Alles valt onder body.s-kapper-a. Vondsten: opzetkam-schaal, prijsbord, barbierpaal. */

body.s-kapper-a {
  --z: #0f0e0d; --z2: #171513; --z3: #221f1b; --lijn: #383128; --bot: #ece4d6; --bot2: #b9af9f;
  --goud: #c9a24e; --goud2: #e2c27a; --goudd: #765518; --ox: #8e2a22; --nacht: #22324a;
  --papier: #ebe3d4; --papier2: #f4eee3; --inkt: #171411; --inkt2: #4a4238; --rand: #cdbfa6;
  --kop: "Anton", "Barlow Condensed", Impact, sans-serif;
  --tekst: "Barlow", system-ui, sans-serif; --mono: "DM Mono", ui-monospace, monospace; --script: "Instrument Serif", Georgia, serif;
  --a: #4a3a26; --a2: #8a6a34; --bg2: #1e1b17;
  background: var(--z); color: var(--bot); font: 400 17px/1.6 var(--tekst); -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
body.s-kapper-a a { color: inherit; }
body.s-kapper-a h1, body.s-kapper-a h2, body.s-kapper-a h3 { margin: 0; font-weight: 400; }
body.s-kapper-a p { margin: 0 0 1em; }
body.s-kapper-a em { font-style: normal; }
body.s-kapper-a .sk-w { width: min(1240px, 100% - 64px); margin-inline: auto; }
body.s-kapper-a .sk-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
body.s-kapper-a .ph.sk-cover { min-height: 0; }
body.s-kapper-a .ph-icoon { opacity: .35; }
body.s-kapper-a .sk-lead { font-size: 19px; line-height: 1.6; color: var(--bot2); max-width: 36em; }
body.s-kapper-a .sk-eyebrow { font: 500 12px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--goud); margin: 0 0 22px; display: flex; align-items: center; gap: 12px; }
body.s-kapper-a .sk-eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; }
body.s-kapper-a h2 em, body.s-kapper-a h1 em { font-family: var(--script); font-style: italic; font-weight: 400; text-transform: none; color: var(--goud); letter-spacing: 0; }
body.s-kapper-a :focus-visible { outline: 2px solid var(--goud); outline-offset: 3px; }

/* knoppen */
body.s-kapper-a .sk-acts { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
body.s-kapper-a .sk-knop { display: inline-flex; align-items: center; gap: 14px; padding: 17px 24px 16px; font: 600 14px/1 var(--tekst); letter-spacing: .12em; text-transform: uppercase;
  text-decoration: none; border: 1px solid var(--goud); transition: background .2s, color .2s; cursor: pointer; }
body.s-kapper-a .sk-knop .pijl { width: 18px; height: 18px; transition: transform .2s; }
body.s-kapper-a .sk-knop:hover .pijl { transform: translateX(4px); }
body.s-kapper-a .sk-knop-goud { background: var(--goud); color: var(--inkt); }
body.s-kapper-a .sk-knop-goud:hover { background: var(--goud2); }
body.s-kapper-a .sk-knop-lijn { background: transparent; color: var(--bot); border-color: rgba(236, 228, 214, .45); }
body.s-kapper-a .sk-knop-lijn:hover { border-color: var(--goud); color: var(--goud2); }
body.s-kapper-a .sk-onderlijn { display: inline-flex; align-items: center; gap: 10px; color: var(--goud); text-decoration: none; font-weight: 600; border-bottom: 1px solid currentColor; padding-bottom: 3px; }
body.s-kapper-a .sk-onderlijn .pijl { width: 16px; height: 16px; }
body.s-kapper-a .ic { width: 20px; height: 20px; flex: none; }

/* ── Kop ─────────────────────────────────────────────── */
body.s-kapper-a .sk-kop-in { height: 84px; display: flex; align-items: center; gap: 40px; }
body.s-kapper-a .sk-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; flex: none; }
body.s-kapper-a .sk-logo .schaar { width: 30px; height: 30px; color: var(--goud); }
body.s-kapper-a .sk-logo b { display: block; font: 400 29px/.9 var(--kop); text-transform: uppercase; letter-spacing: .04em; color: var(--bot); }
body.s-kapper-a .sk-logo small { display: block; font: 400 10.5px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bot2); margin-top: 5px; }
body.s-kapper-a .sk-nav { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
body.s-kapper-a .sk-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 26px; }
body.s-kapper-a .sk-nav ul a { text-decoration: none; font: 500 15px/1 var(--tekst); color: var(--bot); padding: 8px 0; border-bottom: 2px solid transparent; }
body.s-kapper-a .sk-nav ul a:hover { color: var(--goud2); }
body.s-kapper-a .sk-nav ul a.actief { border-bottom-color: var(--goud); color: var(--goud2); }
body.s-kapper-a .sk-nav-rechts { display: flex; align-items: center; gap: 22px; }
body.s-kapper-a .sk-site { font: 400 12.5px/1 var(--mono); letter-spacing: .06em; color: var(--bot2); text-decoration: none; border-bottom: 1px dashed var(--bot2); padding-bottom: 3px; }
body.s-kapper-a .sk-site:hover, body.s-kapper-a .sk-site.actief { color: var(--goud2); border-color: var(--goud2); }
body.s-kapper-a .sk-kop-cta { background: var(--goud); color: var(--inkt); text-decoration: none; font: 600 13px/1 var(--tekst); letter-spacing: .12em; text-transform: uppercase; padding: 14px 18px; }
body.s-kapper-a .sk-kop-cta:hover { background: var(--goud2); }
body.s-kapper-a .sk-menu-check { position: absolute; opacity: 0; pointer-events: none; }
body.s-kapper-a .sk-menu-knop { display: none; }
body.s-kapper-a .sk-mobielbalk { display: none; }

/* ── Hero ────────────────────────────────────────────── */
body.s-kapper-a .sk-hero { position: relative; margin-top: -85px; min-height: max(680px, calc(100svh - 34px)); display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; background: var(--z); }
body.s-kapper-a .sk-hero-media { position: absolute; inset: 0; }
body.s-kapper-a .sk-hero-media .ph-cap { top: 104px; bottom: auto; left: auto; right: 24px; }
body.s-kapper-a .sk-hero-waas { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(15, 14, 13, .9) 0%, rgba(15, 14, 13, .62) 42%, rgba(15, 14, 13, .12) 78%),
              linear-gradient(0deg, rgba(15, 14, 13, .95) 0%, rgba(15, 14, 13, 0) 40%), linear-gradient(180deg, rgba(15, 14, 13, .7) 0, rgba(15, 14, 13, 0) 160px); }
body.s-kapper-a .sk-hero-in { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 48px; padding: 190px 0 56px; }
body.s-kapper-a .sk-hero-boven { font: 500 13px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--goud); display: flex; align-items: center; gap: 14px; }
body.s-kapper-a .sk-hero-boven::before { content: ""; width: 40px; height: 1px; background: currentColor; }
body.s-kapper-a .sk-hero h1 { font: 400 clamp(64px, 10.4vw, 164px)/.84 var(--kop); text-transform: uppercase; letter-spacing: -.004em; margin: 8px 0 30px; color: var(--bot); }
body.s-kapper-a .sk-hero h1 span { display: block; }
body.s-kapper-a .sk-hero h1 em { font-size: .86em; line-height: .9; }
body.s-kapper-a .sk-hero-lead { max-width: 34em; font-size: 19px; color: #d8cfc0; }
body.s-kapper-a .sk-hero-week { width: 290px; border: 1px solid rgba(201, 162, 78, .55); background: rgba(15, 14, 13, .72); padding: 24px 26px; backdrop-filter: blur(4px); }
body.s-kapper-a .sk-hero-week p { display: flex; gap: 10px; align-items: center; font: 500 12px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--goud); margin-bottom: 16px; }
body.s-kapper-a .sk-hero-week ul { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-hero-week li { display: flex; justify-content: space-between; gap: 18px; padding: 7px 0; border-top: 1px solid rgba(236, 228, 214, .12); font-size: 15px; }
body.s-kapper-a .sk-hero-week li b { font: 400 14px/1.5 var(--mono); color: var(--bot); }
body.s-kapper-a .sk-hero-week li:last-child b { color: var(--bot2); }
body.s-kapper-a .sk-hero-usps { position: relative; list-style: none; margin-block: 0; padding: 22px 0 26px; display: flex; flex-wrap: wrap; gap: 14px 56px; border-top: 1px solid rgba(236, 228, 214, .16); }
body.s-kapper-a .sk-hero-usps li { display: flex; align-items: center; gap: 12px; font: 500 15px/1.3 var(--tekst); letter-spacing: .03em; }
body.s-kapper-a .sk-hero-usps svg { width: 22px; height: 22px; color: var(--goud); }

/* ── Fade: de opzetkam-schaal ────────────────────────── */
body.s-kapper-a .sk-fade { background: var(--papier); color: var(--inkt); padding: 150px 0; }
body.s-kapper-a .sk-fade .sk-eyebrow, body.s-kapper-a .sk-papier .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-fade-in { display: grid; grid-template-columns: 1.05fr .95fr; gap: 96px; align-items: center; }
body.s-kapper-a .sk-fade h2 { font: 400 clamp(48px, 6vw, 92px)/.9 var(--kop); text-transform: uppercase; margin-bottom: 30px; }
body.s-kapper-a .sk-fade .sk-lead { color: var(--inkt2); }
body.s-kapper-a .sk-fade-link a { display: inline-flex; gap: 10px; align-items: center; color: var(--inkt); font-weight: 600; text-decoration: none; border-bottom: 2px solid var(--goud); padding-bottom: 4px; }
body.s-kapper-a .sk-fade-link .pijl { width: 18px; height: 18px; }
body.s-kapper-a .sk-schaal { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
body.s-kapper-a .sk-schaal li { display: grid; grid-template-columns: 58px 1fr 64px; align-items: center; gap: 18px; position: relative; }
body.s-kapper-a .sk-schaal b { font: 400 30px/1 var(--kop); }
body.s-kapper-a .sk-schaal em { font: 400 13px/1 var(--mono); color: var(--inkt2); text-align: right; }
body.s-kapper-a .sk-schaal small { display: block; margin-top: 4px; font: italic 400 18px/1 var(--script); color: var(--goudd); }
body.s-kapper-a .sk-balk { height: 34px; display: block; position: relative; }
body.s-kapper-a .sk-balk i { position: absolute; left: 0; top: 0; bottom: 0; width: calc(10% + var(--n) * 18%);
  background: repeating-linear-gradient(90deg, var(--inkt) 0 2px, transparent 2px 5px);
  -webkit-mask: linear-gradient(0deg, #000 calc(18% + var(--n) * 16%), transparent calc(18% + var(--n) * 16%));
          mask: linear-gradient(0deg, #000 calc(18% + var(--n) * 16%), transparent calc(18% + var(--n) * 16%)); }
body.s-kapper-a .sk-balk::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--rand); }
body.s-kapper-a .sk-schaal li.aan b { color: var(--goudd); }
body.s-kapper-a .sk-schaal li.aan .sk-balk::before { content: ""; position: absolute; left: -8px; right: -8px; top: -6px; bottom: -6px; border: 1px solid var(--goud); }

/* ── Diensten op de homepage ─────────────────────────── */
body.s-kapper-a .sk-dienstblok { padding: 150px 0; }
body.s-kapper-a .sk-db-in { display: grid; grid-template-columns: .85fr 1.15fr; gap: 88px; align-items: start; }
body.s-kapper-a .sk-db-foto { position: sticky; top: 64px; aspect-ratio: 4 / 5; }
body.s-kapper-a .sk-fotobijschrift { position: absolute; left: 0; bottom: -34px; font: 400 12px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--bot2); margin: 0; }
body.s-kapper-a .sk-db-lijst h2, body.s-kapper-a .sk-sectiekop h2, body.s-kapper-a .sk-bs-tekst h2, body.s-kapper-a .sk-rit-tekst h2 {
  font: 400 clamp(44px, 5.4vw, 82px)/.9 var(--kop); text-transform: uppercase; margin-bottom: 26px; }
body.s-kapper-a .sk-dienstrijen { list-style: none; margin: 48px 0 0; padding: 0; border-bottom: 1px solid var(--lijn); }
body.s-kapper-a .sk-dienstrijen a { display: grid; grid-template-columns: 70px 1fr auto 28px; grid-template-areas: "kam titel meta pijl" "kam kort meta pijl";
  column-gap: 20px; align-items: center; padding: 26px 0; border-top: 1px solid var(--lijn); text-decoration: none; }
body.s-kapper-a .sk-dr-kam { grid-area: kam; font: 400 15px/1 var(--mono); color: var(--goud); align-self: start; padding-top: 10px; }
body.s-kapper-a .sk-dr-titel { grid-area: titel; font: 400 clamp(34px, 3.6vw, 54px)/.95 var(--kop); text-transform: uppercase; transition: color .2s; }
body.s-kapper-a .sk-dr-kort { grid-area: kort; color: var(--bot2); font-size: 16px; margin-top: 6px; }
body.s-kapper-a .sk-dr-meta { grid-area: meta; text-align: right; font-family: var(--mono); }
body.s-kapper-a .sk-dr-meta i { display: block; font-style: normal; font-size: 13px; color: var(--bot2); }
body.s-kapper-a .sk-dr-meta b { font: 400 22px/1.4 var(--mono); color: var(--goud); }
body.s-kapper-a .sk-dienstrijen .pijl { grid-area: pijl; width: 24px; height: 24px; color: var(--goud); transition: transform .2s; }
body.s-kapper-a .sk-dienstrijen a:hover .sk-dr-titel { color: var(--goud2); }
body.s-kapper-a .sk-dienstrijen a:hover .pijl { transform: translateX(5px); }
body.s-kapper-a .sk-db-voet { margin-top: 30px; }
body.s-kapper-a .sk-db-voet a, body.s-kapper-a .sk-team-voet a { display: inline-flex; gap: 10px; align-items: center; color: var(--goud); text-decoration: none; font-weight: 600; }
body.s-kapper-a .sk-db-voet .pijl, body.s-kapper-a .sk-team-voet .pijl { width: 18px; height: 18px; }

/* ── Prijsbord ──────────────────────────────────────── */
body.s-kapper-a .sk-bordsectie { background: var(--z2); padding: 140px 0; border-block: 1px solid var(--lijn); }
body.s-kapper-a .sk-bs-in { display: grid; grid-template-columns: .9fr 1.1fr; gap: 88px; align-items: center; }
body.s-kapper-a .sk-bord { position: relative; padding: 0; border: 14px solid #2a2520; border-image: linear-gradient(160deg, #4a4036, #1f1b17 40%, #3b332b 70%, #17140f) 1;
  box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .9), inset 0 0 0 1px rgba(0, 0, 0, .6); }
body.s-kapper-a .sk-bord-in { padding: 40px 44px 30px; background-color: #1b1a19;
  background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, .55) 0 2px, rgba(255, 255, 255, .035) 2px 3px, transparent 3px 11px);
  box-shadow: inset 0 10px 30px rgba(0, 0, 0, .55); }
body.s-kapper-a .sk-bord-titel { font: 600 15px/1 var(--tekst); letter-spacing: .5em; text-transform: uppercase; color: #f3eee4; text-align: center; margin-bottom: 26px; padding-left: .5em; }
body.s-kapper-a .sk-bord-noot { text-align: center; font: 500 12px/1.6 var(--tekst); letter-spacing: .14em; text-transform: uppercase; color: #cfc6b6; margin: 24px 0 0; }
body.s-kapper-a .sk-bord .sk-pr-naam { font: 500 15px/1.35 var(--tekst); letter-spacing: .12em; text-transform: uppercase; color: #f3eee4; }
body.s-kapper-a .sk-bord .sk-pr-stip { border-bottom: 0; }
body.s-kapper-a .sk-bord .sk-pr-prijs { color: #f3eee4; font-weight: 500; }
body.s-kapper-a .sk-prijzen { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-prijzen li { display: flex; align-items: baseline; gap: 12px; padding: 11px 0; }
body.s-kapper-a .sk-pr-naam { font: 600 17px/1.3 var(--tekst); letter-spacing: .02em; }
body.s-kapper-a .sk-pr-stip { flex: 1; min-width: 20px; border-bottom: 1px dotted rgba(201, 162, 78, .6); transform: translateY(-4px); }
body.s-kapper-a .sk-pr-min { font: 400 13px/1 var(--mono); color: var(--bot2); white-space: nowrap; }
body.s-kapper-a .sk-pr-prijs { font: 500 18px/1 var(--mono); color: var(--goud2); white-space: nowrap; min-width: 52px; text-align: right; }
body.s-kapper-a .sk-prijzen.licht li { border-bottom: 1px solid var(--rand); padding: 15px 0; }
body.s-kapper-a .sk-prijzen.licht .sk-pr-stip { border: 0; }
body.s-kapper-a .sk-prijzen.licht .sk-pr-min { color: var(--inkt2); }
body.s-kapper-a .sk-prijzen.licht .sk-pr-prijs { color: var(--inkt); font-weight: 500; }

/* ── Team ───────────────────────────────────────────── */
body.s-kapper-a .sk-team { padding: 150px 0 130px; }
body.s-kapper-a .sk-sectiekop { max-width: 760px; margin-bottom: 64px; }
body.s-kapper-a .sk-stoel-1 img, body.s-kapper-a .sk-stoel-1 video, body.s-kapper-a img.sk-crop-1 { object-position: 14% 30%; }
body.s-kapper-a .sk-stoel-2 img, body.s-kapper-a img.sk-crop-2 { object-position: 50% 30%; }
body.s-kapper-a .sk-stoel-3 img, body.s-kapper-a img.sk-crop-3 { object-position: 86% 30%; }
body.s-kapper-a .sk-team-voet { margin-top: 48px; }

/* ── Ritueel ────────────────────────────────────────── */
body.s-kapper-a .sk-ritueel { background: var(--papier); color: var(--inkt); padding: 150px 0; }
body.s-kapper-a .sk-ritueel .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-rit-in { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
body.s-kapper-a .sk-rit-foto { aspect-ratio: 4 / 5; }
body.s-kapper-a .sk-ritueel h2 em, body.s-kapper-a .sk-papier h2 em { color: var(--goudd); }
body.s-kapper-a .sk-rit-lijst { list-style: none; margin: 36px 0 0; padding: 0; }
body.s-kapper-a .sk-rit-lijst li { display: grid; grid-template-columns: 84px 1fr; gap: 18px; padding: 18px 0; border-top: 1px solid var(--rand); align-items: baseline; }
body.s-kapper-a .sk-rit-lijst li > span { font: 400 48px/.9 var(--kop); color: var(--goudd); }
body.s-kapper-a .sk-rit-lijst h3 { font: 600 20px/1.2 var(--tekst); margin-bottom: 4px; }
body.s-kapper-a .sk-rit-lijst p { margin: 0; color: var(--inkt2); }
body.s-kapper-a .sk-ritueel .sk-knop-lijn, body.s-kapper-a .sk-papier .sk-knop-lijn { color: var(--inkt); border-color: var(--inkt); }
body.s-kapper-a .sk-ritueel .sk-knop-lijn:hover, body.s-kapper-a .sk-papier .sk-knop-lijn:hover { background: var(--inkt); color: var(--papier); }

/* ── Binnenlopen of plannen ─────────────────────────── */
body.s-kapper-a .sk-binnen { padding: 130px 0; }
body.s-kapper-a .sk-binnen-label { font: 500 12px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--goud); margin-bottom: 20px; }

/* ── Afsluiter met barbierpaal ──────────────────────── */
body.s-kapper-a .sk-afsluiter { background: var(--z2); border-top: 1px solid var(--lijn); padding: 110px 0; }
body.s-kapper-a .sk-afsl-in { display: grid; grid-template-columns: auto 1fr auto; gap: 64px; align-items: center; }
body.s-kapper-a .sk-afsl-tekst h2 { font: 400 clamp(44px, 5.4vw, 84px)/.9 var(--kop); text-transform: uppercase; margin-bottom: 16px; }
body.s-kapper-a .sk-afsl-tekst p { color: var(--bot2); max-width: 30em; margin: 0; }
body.s-kapper-a .sk-afsl-acts { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
body.s-kapper-a .sk-tel-groot { display: inline-flex; align-items: center; gap: 12px; font: 500 22px/1 var(--mono); text-decoration: none; color: var(--bot); }
body.s-kapper-a .sk-tel-groot svg { color: var(--goud); width: 22px; height: 22px; }
body.s-kapper-a .sk-paal { display: flex; flex-direction: column; align-items: center; width: 56px; }
body.s-kapper-a .sk-paal-kap { width: 46px; height: 20px; border-radius: 23px 23px 4px 4px; background: linear-gradient(90deg, #5d564c, #e6dfd2 40%, #8b8478 70%, #4a443c); }
body.s-kapper-a .sk-paal-kap.onder { border-radius: 4px 4px 23px 23px; height: 16px; }
body.s-kapper-a .sk-paal-buis { position: relative; width: 34px; height: 190px; overflow: hidden; border-left: 2px solid #8b8478; border-right: 2px solid #8b8478; }
body.s-kapper-a .sk-paal-buis i { position: absolute; inset: 0;
  background: repeating-linear-gradient(45deg, var(--ox) 0 12px, var(--bot) 12px 24px, var(--nacht) 24px 36px, var(--bot) 36px 48px);
  animation: sk-draai 2.6s linear infinite; }
body.s-kapper-a .sk-paal-buis::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .45), rgba(255, 255, 255, .35) 35%, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, .5)); }
@keyframes sk-draai { to { background-position: 0 67.882px; } }
@media (prefers-reduced-motion: reduce) { body.s-kapper-a .sk-paal-buis i { animation: none; } }

/* ── Voet ───────────────────────────────────────────── */
body.s-kapper-a .sk-voet { background: #0a0908; border-top: 1px solid var(--lijn); padding: 90px 0 40px; font-size: 15px; color: var(--bot2); }
body.s-kapper-a .sk-voet-top { display: flex; justify-content: space-between; align-items: end; gap: 40px; padding-bottom: 50px; border-bottom: 1px solid var(--lijn); }
body.s-kapper-a .sk-voet-merk { display: flex; align-items: center; gap: 18px; margin: 0; font: 400 clamp(56px, 8vw, 120px)/.8 var(--kop); text-transform: uppercase; color: var(--bot); }
body.s-kapper-a .sk-voet-merk svg { width: .6em; height: .6em; color: var(--goud); }
body.s-kapper-a .sk-voet-zin { max-width: 22em; margin: 0; text-align: right; font-size: 17px; color: var(--bot2); }
body.s-kapper-a .sk-voet-zin em { font: italic 400 22px/1.2 var(--script); color: var(--goud); display: block; }
body.s-kapper-a .sk-voet-grid { display: grid; grid-template-columns: 1fr 1.1fr 1fr 1fr; gap: 40px; padding: 50px 0; }
body.s-kapper-a .sk-voet h2 { font: 500 12px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--goud); margin-bottom: 20px; }
body.s-kapper-a .sk-voet ul { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-voet li { margin-bottom: 8px; }
body.s-kapper-a .sk-voet a { text-decoration: none; color: var(--bot); }
body.s-kapper-a .sk-voet a:hover { color: var(--goud2); }
body.s-kapper-a .sk-voet-klein { font-size: 14px; }
body.s-kapper-a .sk-voet-onder { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--lijn); padding-top: 26px; font: 400 13px/1.5 var(--mono); }
body.s-kapper-a .sk-voet-onder p { margin: 0; }
body.s-kapper-a .sk-voet-onder a { color: var(--goud); }
body.s-kapper-a .sk-tijden { border-collapse: collapse; width: 100%; }
body.s-kapper-a .sk-tijden th { text-align: left; font-weight: 400; padding: 7px 12px 7px 0; border-bottom: 1px solid var(--lijn); }
body.s-kapper-a .sk-tijden td { text-align: right; font: 400 14px/1 var(--mono); color: var(--bot); padding: 7px 0; border-bottom: 1px solid var(--lijn); white-space: nowrap; }
body.s-kapper-a .sk-tijden.klein th { font-size: 14px; }

/* ── Paginakop (subpagina's) ────────────────────────── */
body.s-kapper-a .sk-pk::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 4px;
  background: repeating-linear-gradient(45deg, var(--ox) 0 8px, var(--bot) 8px 16px, var(--nacht) 16px 24px, var(--bot) 24px 32px); opacity: .9; }
body.s-kapper-a .sk-kruimel { font: 400 12.5px/1.4 var(--mono); letter-spacing: .06em; color: var(--bot2); margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 8px; }
body.s-kapper-a .sk-kruimel a { color: var(--bot2); }
body.s-kapper-a .sk-kruimel a:hover { color: var(--goud2); }
body.s-kapper-a .sk-pk-kam { font: 500 13px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--goud); margin-bottom: 18px; }
body.s-kapper-a .sk-pk h1 { font: 400 clamp(58px, 8.4vw, 132px)/.84 var(--kop); text-transform: uppercase; margin-bottom: 28px; overflow-wrap: anywhere; }
body.s-kapper-a .sk-pk .sk-lead { margin: 0; }
body.s-kapper-a .sk-feiten { display: flex; flex-wrap: wrap; gap: 18px 44px; margin: 28px 0 0; }
body.s-kapper-a .sk-feiten dt { font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--bot2); margin-bottom: 8px; }
body.s-kapper-a .sk-feiten dd { margin: 0; font: 400 28px/1.05 var(--kop); color: var(--bot); }
body.s-kapper-a .sk-feiten.op-kop { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--lijn); }
body.s-kapper-a .sk-feiten.op-kop dd { color: var(--goud2); font-size: 32px; }

/* ── Dienstenpagina ─────────────────────────────────── */
body.s-kapper-a .sk-streep { list-style: none; margin: 26px 0 0; padding: 0; }
body.s-kapper-a .sk-streep li { position: relative; padding: 8px 0 8px 34px; }
body.s-kapper-a .sk-streep li::before { content: ""; position: absolute; left: 0; top: 21px; width: 20px; height: 1px; background: var(--goud); }
body.s-kapper-a .sk-streep.groot li { font-size: 19px; padding-block: 12px; border-bottom: 1px solid var(--rand); }
body.s-kapper-a .sk-streep.groot li::before { top: 26px; background: var(--goudd); }
body.s-kapper-a .sk-combi { background: var(--papier); color: var(--inkt); padding: 130px 0; }
body.s-kapper-a .sk-combi .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-combi-in { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; }
body.s-kapper-a .sk-combi h2 { font: 400 60px/.9 var(--kop); text-transform: uppercase; margin-bottom: 16px; }
body.s-kapper-a .sk-combi .sk-lead { color: var(--inkt2); margin-bottom: 26px; }

/* ── Dienst detail ──────────────────────────────────── */
body.s-kapper-a .sk-detail { background: var(--papier); color: var(--inkt); padding: 120px 0; }
body.s-kapper-a .sk-detail .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-detail-in { display: grid; grid-template-columns: 1fr 370px; gap: 96px; align-items: start; }
body.s-kapper-a .sk-detail-blok + .sk-detail-blok { margin-top: 96px; }
body.s-kapper-a .sk-detail h2 { font: 400 clamp(40px, 4.4vw, 62px)/.92 var(--kop); text-transform: uppercase; margin-bottom: 30px; }
body.s-kapper-a .sk-tijdlijn { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-tijdlijn li { display: grid; grid-template-columns: 120px 1fr; gap: 24px; padding: 24px 0; border-top: 1px solid var(--rand); }
body.s-kapper-a .sk-tijdlijn li:last-child { border-bottom: 1px solid var(--rand); }
body.s-kapper-a .sk-st-min { font: 500 15px/1.6 var(--mono); color: var(--goudd); }
body.s-kapper-a .sk-tijdlijn h3, body.s-kapper-a .sk-ww-lijst h3 { font: 400 30px/1 var(--kop); text-transform: uppercase; margin-bottom: 8px; }
body.s-kapper-a .sk-tijdlijn p, body.s-kapper-a .sk-thuis p { margin: 0; color: var(--inkt2); }
body.s-kapper-a .sk-thuis { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
body.s-kapper-a .sk-thuis li { border-top: 3px solid var(--inkt); padding-top: 18px; }
body.s-kapper-a .sk-thuis span { display: block; font: 400 44px/1 var(--kop); color: var(--goudd); margin-bottom: 12px; }
body.s-kapper-a .sk-noot { font: 400 13.5px/1.6 var(--mono); color: var(--inkt2); margin-top: 18px; }
body.s-kapper-a .sk-vraag { border-top: 1px solid var(--rand); }
body.s-kapper-a .sk-vraag:last-of-type { border-bottom: 1px solid var(--rand); }
body.s-kapper-a .sk-vraag summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; font: 600 19px/1.35 var(--tekst); }
body.s-kapper-a .sk-vraag summary::-webkit-details-marker { display: none; }
body.s-kapper-a .sk-vraag summary::after { content: "+"; font: 400 26px/1 var(--mono); color: var(--goudd); transition: transform .2s; }
body.s-kapper-a .sk-vraag[open] summary::after { transform: rotate(45deg); }
body.s-kapper-a .sk-vraag p { margin: 0 0 24px; max-width: 40em; color: var(--inkt2); }
body.s-kapper-a .sk-detail-zij { position: sticky; top: 40px; display: grid; gap: 20px; }
body.s-kapper-a .sk-anderen { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-anderen a { display: flex; gap: 16px; align-items: baseline; padding: 12px 0; border-top: 1px solid var(--lijn); text-decoration: none; font: 400 26px/1 var(--kop); text-transform: uppercase; }
body.s-kapper-a .sk-anderen a span { font: 400 13px/1 var(--mono); color: var(--goud); width: 36px; }
body.s-kapper-a .sk-anderen a:hover { color: var(--goud2); }
body.s-kapper-a .sk-volgende { display: block; background: var(--z); text-decoration: none; border-top: 1px solid var(--lijn); }
body.s-kapper-a .sk-volgende > span { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 56px 0; }
body.s-kapper-a .sk-volgende small { grid-column: 1 / -1; font: 500 12px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--goud); margin-bottom: 12px; }
body.s-kapper-a .sk-volgende b { font: 400 clamp(48px, 7vw, 104px)/.88 var(--kop); text-transform: uppercase; transition: color .2s; }
body.s-kapper-a .sk-volgende .pijl { width: 56px; height: 56px; color: var(--goud); transition: transform .2s; }
body.s-kapper-a .sk-volgende:hover b { color: var(--goud2); }
body.s-kapper-a .sk-volgende:hover .pijl { transform: translateX(8px); }

/* ── Prijspagina ────────────────────────────────────── */
body.s-kapper-a .sk-prijspagina { padding: 110px 0 120px; background: var(--z2); }
body.s-kapper-a .sk-bord.groot .sk-bord-in { padding: 56px 60px 40px; }
body.s-kapper-a .sk-bord-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px 72px; }
body.s-kapper-a .sk-bord-groep h2 { font: 600 14px/1 var(--tekst); letter-spacing: .4em; text-transform: uppercase; color: var(--goud2); margin-bottom: 10px; padding-bottom: 12px; border-bottom: 1px solid rgba(243, 238, 228, .22); }
body.s-kapper-a .sk-regels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; }
body.s-kapper-a .sk-regels > div { border-top: 1px solid var(--goud); padding-top: 22px; }
body.s-kapper-a .sk-regels h3 { display: flex; gap: 12px; align-items: center; font: 400 28px/1 var(--kop); text-transform: uppercase; margin-bottom: 12px; }
body.s-kapper-a .sk-regels h3 svg { width: 22px; height: 22px; color: var(--goud); }
body.s-kapper-a .sk-regels p { color: var(--bot2); margin: 0; }
body.s-kapper-a .sk-prijs-uitleg, body.s-kapper-a .sk-papier { background: var(--papier); color: var(--inkt); padding: 130px 0; }
body.s-kapper-a .sk-prijs-uitleg .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-prijs-uitleg h2 em { color: var(--goudd); }
body.s-kapper-a .sk-pu-in { display: grid; grid-template-columns: .9fr 1.1fr; gap: 96px; align-items: center; }
body.s-kapper-a .sk-pu-foto { aspect-ratio: 4 / 5; }
body.s-kapper-a .sk-prijs-uitleg h2, body.s-kapper-a .sk-verhaal h2, body.s-kapper-a .sk-zaak h2, body.s-kapper-a .sk-ww-kop h2, body.s-kapper-a .sk-drukte h2, body.s-kapper-a .sk-ww-foto h2, body.s-kapper-a .sk-route h2 {
  font: 400 clamp(44px, 5.2vw, 78px)/.9 var(--kop); text-transform: uppercase; margin-bottom: 26px; }
body.s-kapper-a .sk-prijs-uitleg .sk-knop-lijn { color: var(--inkt); border-color: var(--inkt); }
body.s-kapper-a .sk-prijs-uitleg .sk-knop-lijn:hover { background: var(--inkt); color: var(--papier); }

/* ── Werkwijze ──────────────────────────────────────── */
body.s-kapper-a .sk-ww { background: var(--papier); color: var(--inkt); padding: 130px 0; }
body.s-kapper-a .sk-ww .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-ww h2 em { color: var(--goudd); }
body.s-kapper-a .sk-ww .sk-lead { color: var(--inkt2); margin-bottom: 56px; }
body.s-kapper-a .sk-ww-in { display: grid; grid-template-columns: .85fr 1.15fr; gap: 96px; align-items: start; }
body.s-kapper-a .sk-ww-kop { position: sticky; top: 40px; }
body.s-kapper-a .sk-ww-lijst { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-ww-lijst li { display: grid; grid-template-columns: 96px 1fr; gap: 20px; padding: 32px 0; border-top: 1px solid var(--rand); }
body.s-kapper-a .sk-ww-lijst li:last-child { border-bottom: 1px solid var(--rand); }
body.s-kapper-a .sk-ww-nr { font: 400 64px/.85 var(--kop); color: var(--goudd); }
body.s-kapper-a .sk-ww-lijst p { margin: 0; color: var(--inkt2); }
body.s-kapper-a .sk-drukte { padding: 130px 0; }
body.s-kapper-a .sk-drukte-in { display: grid; grid-template-columns: .9fr 1.1fr; gap: 96px; align-items: center; }
body.s-kapper-a .sk-legenda { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font: 400 13px/1 var(--mono); color: var(--bot2); }
body.s-kapper-a .sk-legenda span { width: 18px; height: 18px; display: inline-block; margin-left: 8px; }
body.s-kapper-a .sk-legenda span:first-child { margin-left: 0; }
body.s-kapper-a .sk-drukte-grid { display: grid; gap: 8px; }
body.s-kapper-a .sk-dr-dag { display: grid; grid-template-columns: 52px repeat(3, 1fr); gap: 8px; align-items: center; }
body.s-kapper-a .sk-dr-dag b { font: 400 26px/1 var(--kop); text-transform: uppercase; }
body.s-kapper-a .sk-dr-dag span { height: 46px; position: relative; }
body.s-kapper-a .sk-dr-dag.kop span { height: auto; font: 400 12px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--bot2); }
body.s-kapper-a .sk-dr-dag i { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.s-kapper-a .n0 { border: 1px dashed var(--lijn); }
body.s-kapper-a .n1 { background: rgba(201, 162, 78, .22); }
body.s-kapper-a .n2 { background: rgba(201, 162, 78, .55); }
body.s-kapper-a .n3 { background: var(--goud); }
body.s-kapper-a .sk-ww-foto { background: var(--z2); padding: 130px 0; border-top: 1px solid var(--lijn); }
body.s-kapper-a .sk-wf-in { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
body.s-kapper-a .sk-wf-in > div:first-child { aspect-ratio: 1 / 1; }

/* ── Vragen ─────────────────────────────────────────── */
body.s-kapper-a .sk-vragen { background: var(--papier); color: var(--inkt); padding: 120px 0; }
body.s-kapper-a .sk-vr-in { display: grid; grid-template-columns: 300px 1fr; gap: 96px; align-items: start; }
body.s-kapper-a .sk-vr-zij { position: sticky; top: 40px; }
body.s-kapper-a .sk-vr-zij .sk-binnen-label { color: var(--goudd); }
body.s-kapper-a .sk-vr-zij ul { list-style: none; margin: 0 0 36px; padding: 0; }
body.s-kapper-a .sk-vr-zij li a { display: block; padding: 12px 0; border-top: 1px solid var(--rand); text-decoration: none; font: 400 24px/1 var(--kop); text-transform: uppercase; }
body.s-kapper-a .sk-vr-zij li a:hover { color: var(--goudd); }
body.s-kapper-a .sk-vr-zij .sk-zijkaart h3 { font-size: 34px; }
body.s-kapper-a .sk-vr-groep { scroll-margin-top: 40px; }
body.s-kapper-a .sk-vr-groep + .sk-vr-groep { margin-top: 80px; }
body.s-kapper-a .sk-vr-groep h2 { font: 400 clamp(40px, 4.4vw, 60px)/.92 var(--kop); text-transform: uppercase; margin-bottom: 20px; }

/* ── Over ons ───────────────────────────────────────── */
body.s-kapper-a .sk-verhaal { background: var(--papier); color: var(--inkt); padding: 130px 0 0; }
body.s-kapper-a .sk-verhaal .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-verhaal h2 em, body.s-kapper-a .sk-zaak h2 em { color: var(--goudd); }
body.s-kapper-a .sk-verhaal-in { display: grid; grid-template-columns: .8fr 1.2fr; gap: 96px; }
body.s-kapper-a .sk-verhaal-tekst p { color: var(--inkt2); max-width: 38em; }
body.s-kapper-a .sk-verhaal-tekst .sk-lead { color: var(--inkt); font-size: 23px; line-height: 1.45; }
body.s-kapper-a .sk-cijfers { list-style: none; margin-block: 90px 0; padding: 0 0 100px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
body.s-kapper-a .sk-cijfers li { border-top: 3px solid var(--inkt); padding-top: 20px; }
body.s-kapper-a .sk-cijfers b { display: block; font: 400 clamp(64px, 8vw, 120px)/.85 var(--kop); }
body.s-kapper-a .sk-cijfers span { font: 400 14px/1.4 var(--mono); letter-spacing: .06em; color: var(--inkt2); }
body.s-kapper-a .sk-barbiers { padding: 140px 0 110px; }
body.s-kapper-a .sk-barbier { display: grid; grid-template-columns: 420px 1fr; gap: 80px; align-items: center; padding: 56px 0; border-top: 1px solid var(--lijn); }
body.s-kapper-a .sk-barbier:nth-of-type(even) .sk-barbier-foto { order: 2; }
body.s-kapper-a .sk-barbier:nth-of-type(even) { grid-template-columns: 1fr 420px; }
body.s-kapper-a .sk-barbier-foto { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--z3); }
body.s-kapper-a .sk-barbier h3 { font: 400 clamp(64px, 7vw, 108px)/.85 var(--kop); text-transform: uppercase; margin-bottom: 22px; }
body.s-kapper-a .sk-barbier p { color: var(--bot2); max-width: 36em; }
body.s-kapper-a .sk-barbier .sk-stoel-rol { color: var(--goud); }
body.s-kapper-a .sk-barbier .sk-feiten { margin: 28px 0; }
body.s-kapper-a .sk-barbier .sk-feiten dd { font-size: 24px; max-width: 16em; }
body.s-kapper-a .sk-favoriet { border-left: 2px solid var(--goud); padding-left: 18px; }
body.s-kapper-a .sk-favoriet em { font: italic 400 21px/1 var(--script); color: var(--goud); }
body.s-kapper-a .sk-zaak { background: var(--papier); color: var(--inkt); padding: 130px 0; }
body.s-kapper-a .sk-zaak .sk-eyebrow { color: var(--goudd); }
body.s-kapper-a .sk-zaak-in { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
body.s-kapper-a .sk-zaak-foto { aspect-ratio: 4 / 5; }
body.s-kapper-a .sk-zaaklijst { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-zaaklijst li { padding: 18px 0; border-top: 1px solid var(--rand); }
body.s-kapper-a .sk-zaaklijst b { display: block; font: 400 26px/1.05 var(--kop); text-transform: uppercase; }
body.s-kapper-a .sk-zaaklijst span { color: var(--inkt2); }

/* ── Contact ────────────────────────────────────────── */
body.s-kapper-a .sk-contact { background: var(--papier); color: var(--inkt); padding: 110px 0 130px; scroll-margin-top: 0; }
body.s-kapper-a .sk-contact-in { display: grid; grid-template-columns: 1fr 380px; gap: 80px; align-items: start; }
body.s-kapper-a .sk-form fieldset { border: 0; margin: 0 0 52px; padding: 0; min-width: 0; }
body.s-kapper-a .sk-form legend { display: flex; align-items: center; gap: 16px; font: 400 34px/1 var(--kop); text-transform: uppercase; margin-bottom: 22px; padding: 0; }
body.s-kapper-a .sk-form legend span { width: 40px; height: 40px; display: grid; place-items: center; background: var(--inkt); color: var(--goud); font: 500 15px/1 var(--mono); flex: none; }
body.s-kapper-a .sk-tegels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
body.s-kapper-a .sk-tegels.vier { grid-template-columns: repeat(4, 1fr); }
body.s-kapper-a .sk-tegel { position: relative; cursor: pointer; }
body.s-kapper-a .sk-tegel input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
body.s-kapper-a .sk-tegel span { display: block; height: 100%; border: 1px solid #b9ab92; background: var(--papier2); padding: 18px 18px 16px; transition: background .15s, color .15s; }
body.s-kapper-a .sk-tegel b { display: block; font: 400 23px/1 var(--kop); text-transform: uppercase; margin-bottom: 8px; }
body.s-kapper-a .sk-tegel i { font: 400 12.5px/1 var(--mono); font-style: normal; color: var(--inkt2); }
body.s-kapper-a .sk-tegel input:checked + span { background: var(--inkt); border-color: var(--inkt); color: var(--bot); }
body.s-kapper-a .sk-tegel input:checked + span i { color: var(--goud2); }
body.s-kapper-a .sk-tegel input:focus-visible + span { outline: 2px solid var(--goudd); outline-offset: 2px; }
body.s-kapper-a .sk-velden { display: grid; gap: 16px; }
body.s-kapper-a .sk-velden.twee { grid-template-columns: 1fr 1fr; }
body.s-kapper-a .sk-form label:not(.sk-tegel) { display: block; font: 500 13px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--inkt2); }
body.s-kapper-a .sk-veld-breed { margin-top: 16px; }
body.s-kapper-a .sk-form input:not([type=radio]), body.s-kapper-a .sk-form select, body.s-kapper-a .sk-form textarea {
  display: block; width: 100%; margin-top: 10px; font: 400 17px/1.4 var(--tekst); color: var(--inkt); background: #fffaf1; border: 1px solid #b9ab92; border-radius: 0; padding: 14px 16px; }
body.s-kapper-a .sk-form input:focus, body.s-kapper-a .sk-form select:focus, body.s-kapper-a .sk-form textarea:focus { outline: 2px solid var(--goudd); outline-offset: 0; border-color: var(--goudd); }
body.s-kapper-a .sk-form-voet { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; border-top: 1px solid var(--rand); padding-top: 30px; }
body.s-kapper-a .sk-form-voet .sk-noot { margin: 0; }
body.s-kapper-a .sk-contact-zij { display: grid; gap: 20px; position: sticky; top: 40px; }
body.s-kapper-a .sk-contact-zij .sk-tel-groot { margin: 4px 0 18px; font-size: 26px; color: var(--bot); }
body.s-kapper-a .sk-zijkaart .sk-tijden th { border-color: var(--rand); color: var(--inkt); font-size: 15px; }
body.s-kapper-a .sk-zijkaart .sk-tijden td { border-color: var(--rand); color: var(--inkt); }
body.s-kapper-a .sk-route { padding: 120px 0; }
body.s-kapper-a .sk-route-in { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
body.s-kapper-a .sk-route-info { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin: 0; }
body.s-kapper-a .sk-route-info div { border-top: 1px solid var(--lijn); padding: 20px 0; }
body.s-kapper-a .sk-route-info dt { font: 500 12px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--goud); margin-bottom: 10px; }
body.s-kapper-a .sk-route-info dd { margin: 0; color: var(--bot2); }

/* ── Tablet ─────────────────────────────────────────── */
@media (max-width: 1140px) {
  body.s-kapper-a .sk-menu-knop { display: flex; flex-direction: column; justify-content: center; gap: 5px; margin-left: auto; width: 48px; height: 48px; cursor: pointer; position: relative; }
  body.s-kapper-a .sk-menu-knop span { display: block; width: 26px; height: 2px; background: var(--bot); margin-left: 11px; transition: transform .2s, opacity .2s; }
  body.s-kapper-a .sk-menu-knop em { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  body.s-kapper-a .sk-menu-check:focus-visible + .sk-menu-knop { outline: 2px solid var(--goud); }
  body.s-kapper-a .sk-menu-check:checked + .sk-menu-knop span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  body.s-kapper-a .sk-menu-check:checked + .sk-menu-knop span:nth-child(2) { opacity: 0; }
  body.s-kapper-a .sk-menu-check:checked + .sk-menu-knop span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  body.s-kapper-a .sk-nav { display: none; position: absolute; left: 0; right: 0; top: 84px; background: var(--z); border-bottom: 1px solid var(--lijn);
    flex-direction: column; align-items: stretch; padding: 12px 32px 32px; }
  body.s-kapper-a .sk-menu-check:checked ~ .sk-nav { display: flex; }
  body.s-kapper-a .sk-nav ul { flex-direction: column; gap: 0; }
  body.s-kapper-a .sk-nav ul a { display: block; padding: 16px 0; border-bottom: 1px solid var(--lijn); font: 400 30px/1 var(--kop); text-transform: uppercase; }
  body.s-kapper-a .sk-nav ul a.actief { border-bottom-color: var(--lijn); }
  body.s-kapper-a .sk-nav-rechts { flex-direction: column; align-items: stretch; gap: 18px; margin-top: 22px; }
  body.s-kapper-a .sk-site { align-self: flex-start; font-size: 14px; }
  body.s-kapper-a .sk-kop-cta { text-align: center; padding: 18px; }
  body.s-kapper-a .sk-voet-grid { grid-template-columns: 1fr 1fr; }
  body.s-kapper-a .sk-detail-in { grid-template-columns: 1fr 320px; gap: 56px; }
  body.s-kapper-a .sk-barbier, body.s-kapper-a .sk-barbier:nth-of-type(even) { grid-template-columns: 340px 1fr; gap: 56px; }
  body.s-kapper-a .sk-barbier:nth-of-type(even) .sk-barbier-foto { order: 0; }
}

/* ── Mobiel ─────────────────────────────────────────── */
@media (max-width: 860px) {
  body.s-kapper-a { font-size: 16.5px; padding-bottom: 64px; }
  body.s-kapper-a .sk-w { width: calc(100% - 40px); }
  body.s-kapper-a .sk-kop-in { height: 72px; }
  body.s-kapper-a .sk-nav { top: 72px; padding-inline: 20px; }
  body.s-kapper-a .sk-logo b { font-size: 25px; }
  body.s-kapper-a .sk-hero { margin-top: -73px; min-height: 0; }
  body.s-kapper-a .sk-hero-in { grid-template-columns: 1fr; padding: 150px 0 36px; gap: 32px; }
  body.s-kapper-a .sk-hero h1 { font-size: clamp(54px, 16vw, 96px); }
  body.s-kapper-a .sk-hero-lead { font-size: 17px; }
  body.s-kapper-a .sk-hero-week { width: 100%; }
  body.s-kapper-a .sk-hero-usps { flex-direction: column; gap: 12px; }
  body.s-kapper-a .sk-hero-media .ph-cap { top: 84px; left: 12px; right: 12px; }
  body.s-kapper-a .sk-fade, body.s-kapper-a .sk-dienstblok, body.s-kapper-a .sk-bordsectie, body.s-kapper-a .sk-team, body.s-kapper-a .sk-ritueel, body.s-kapper-a .sk-binnen,
  body.s-kapper-a .sk-combi, body.s-kapper-a .sk-detail, body.s-kapper-a .sk-prijs-uitleg, body.s-kapper-a .sk-ww, body.s-kapper-a .sk-drukte, body.s-kapper-a .sk-ww-foto,
  body.s-kapper-a .sk-vragen, body.s-kapper-a .sk-barbiers, body.s-kapper-a .sk-zaak, body.s-kapper-a .sk-contact, body.s-kapper-a .sk-route, body.s-kapper-a .sk-prijspagina { padding: 80px 0; }
  body.s-kapper-a .sk-verhaal { padding-top: 80px; }
  body.s-kapper-a .sk-afsluiter { padding: 72px 0; }
  body.s-kapper-a .sk-fade-in, body.s-kapper-a .sk-db-in, body.s-kapper-a .sk-bs-in, body.s-kapper-a .sk-rit-in, body.s-kapper-a .sk-binnen-in, body.s-kapper-a .sk-pk.met-foto .sk-pk-in,
  body.s-kapper-a .sk-dblok, body.s-kapper-a .sk-combi-in, body.s-kapper-a .sk-detail-in, body.s-kapper-a .sk-pu-in, body.s-kapper-a .sk-ww-in, body.s-kapper-a .sk-drukte-in,
  body.s-kapper-a .sk-wf-in, body.s-kapper-a .sk-vr-in, body.s-kapper-a .sk-verhaal-in, body.s-kapper-a .sk-barbier, body.s-kapper-a .sk-barbier:nth-of-type(even),
  body.s-kapper-a .sk-zaak-in, body.s-kapper-a .sk-contact-in, body.s-kapper-a .sk-route-in { grid-template-columns: 1fr; gap: 44px; }
  body.s-kapper-a .sk-db-foto, body.s-kapper-a .sk-ww-kop, body.s-kapper-a .sk-detail-zij, body.s-kapper-a .sk-vr-zij, body.s-kapper-a .sk-contact-zij { position: static; }
  body.s-kapper-a .sk-db-foto { aspect-ratio: 4 / 3; }
  body.s-kapper-a .sk-fotobijschrift { bottom: -26px; }
  body.s-kapper-a .sk-dienstrijen a { grid-template-columns: 44px 1fr 24px; grid-template-areas: "kam titel pijl" "kam kort pijl" "kam meta pijl"; }
  body.s-kapper-a .sk-dr-meta { text-align: left; display: flex; gap: 14px; align-items: baseline; margin-top: 8px; }
  body.s-kapper-a .sk-bord-in, body.s-kapper-a .sk-bord.groot .sk-bord-in { padding: 34px 20px 26px; }
  body.s-kapper-a .sk-bord-titel { font-size: 44px; gap: 12px; }
  body.s-kapper-a .sk-bord-grid { grid-template-columns: 1fr; gap: 36px; }
  body.s-kapper-a .sk-prijzen li { flex-wrap: wrap; gap: 4px 10px; }
  body.s-kapper-a .sk-pr-naam { flex: 1 1 100%; }
  body.s-kapper-a .sk-pr-stip { flex: 1; }
  body.s-kapper-a .sk-pr-min { order: -1; display: none; }
  body.s-kapper-a .sk-prijzen li .sk-pr-min { display: inline; order: 0; }
  body.s-kapper-a .sk-afsl-in { grid-template-columns: auto 1fr; gap: 28px 32px; }
  body.s-kapper-a .sk-afsl-acts { grid-column: 1 / -1; }
  body.s-kapper-a .sk-paal-buis { height: 130px; }
  body.s-kapper-a .sk-voet-top { flex-direction: column; align-items: flex-start; }
  body.s-kapper-a .sk-voet-zin { text-align: left; }
  body.s-kapper-a .sk-voet-grid { grid-template-columns: 1fr; gap: 34px; }
  body.s-kapper-a .sk-pk h1 { font-size: clamp(50px, 14vw, 84px); }
  body.s-kapper-a .sk-kruimel { margin-bottom: 26px; }
  body.s-kapper-a .sk-tijdlijn li { grid-template-columns: 1fr; gap: 6px; }
  body.s-kapper-a .sk-thuis { grid-template-columns: 1fr; }
  body.s-kapper-a .sk-volgende .pijl { width: 36px; height: 36px; }
  body.s-kapper-a .sk-regels { grid-template-columns: 1fr; }
  body.s-kapper-a .sk-ww-lijst li { grid-template-columns: 64px 1fr; }
  body.s-kapper-a .sk-ww-nr { font-size: 48px; }
  body.s-kapper-a .sk-cijfers { grid-template-columns: 1fr; margin-top: 56px; padding-bottom: 70px; }
  body.s-kapper-a .sk-barbier-foto { aspect-ratio: 4 / 3; }
  body.s-kapper-a .sk-barbier:nth-of-type(even) .sk-barbier-foto { order: 0; }
  body.s-kapper-a .sk-tegels, body.s-kapper-a .sk-tegels.vier { grid-template-columns: 1fr 1fr; }
  body.s-kapper-a .sk-velden.twee { grid-template-columns: 1fr; }
  body.s-kapper-a .sk-route-info { grid-template-columns: 1fr; }
  body.s-kapper-a .sk-schaal li { grid-template-columns: 50px 1fr 56px; gap: 12px; }
  body.s-kapper-a .sk-mobielbalk { display: grid; grid-template-columns: 1fr 1.4fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: var(--z); border-top: 1px solid var(--lijn); }
  body.s-kapper-a .sk-mobielbalk a { display: flex; align-items: center; justify-content: center; gap: 10px; height: 64px; text-decoration: none; font: 600 14px/1 var(--tekst); letter-spacing: .1em; text-transform: uppercase; color: var(--bot); }
  body.s-kapper-a .sk-mobielbalk a.goud { background: var(--goud); color: var(--inkt); }
  body.s-kapper-a .sk-mobielbalk svg { width: 20px; height: 20px; color: var(--goud); }
  body.s-kapper-a .sk-mobielbalk a.goud svg { color: var(--inkt); }
}
body.s-kapper-a [class$="-in"] > *, body.s-kapper-a .sk-bord-grid > * { min-width: 0; }
@media (max-width: 860px) { body.s-kapper-a .sk-bord { border-width: 8px; } body.s-kapper-a .sk-pr-naam { letter-spacing: .06em; } }
@media (max-width: 860px) {
  body.s-kapper-a .sk-bord-titel { letter-spacing: .22em; font-size: 13px; line-height: 1.5; }
  body.s-kapper-a .sk-schaal b { font-size: 24px; }
  body.s-kapper-a .sk-schaal li.aan .sk-balk::before { left: -4px; right: 0; }
}
@media (max-width: 860px) {
  body.s-kapper-a .sk-db-foto { position: relative; }
  body.s-kapper-a .sk-hero-week { padding: 18px 20px; }
  body.s-kapper-a .sk-hero-week ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
  body.s-kapper-a .sk-hero-week li { flex-direction: column; gap: 2px; font-size: 13px; }
}
body.s-kapper-a .sk-pk-rechts { border-left: 1px solid var(--lijn); padding: 6px 0 6px 48px; align-self: end; }
body.s-kapper-a .sk-pk-lijst, body.s-kapper-a .sk-pk-top { list-style: none; margin: 0; padding: 0; }
body.s-kapper-a .sk-pk-lijst a { display: grid; grid-template-columns: 52px 1fr auto; align-items: baseline; gap: 12px; padding: 13px 0; border-top: 1px solid var(--lijn); text-decoration: none; }
body.s-kapper-a .sk-pk-lijst span { font: 400 13px/1 var(--mono); color: var(--goud); }
body.s-kapper-a .sk-pk-lijst b { font: 400 26px/1 var(--kop); text-transform: uppercase; }
body.s-kapper-a .sk-pk-lijst i { font: 400 15px/1 var(--mono); font-style: normal; color: var(--bot2); }
body.s-kapper-a .sk-pk-lijst a:hover b { color: var(--goud2); }
body.s-kapper-a .sk-pk-top li { display: grid; grid-template-columns: 110px 1fr auto; align-items: baseline; gap: 12px; padding: 14px 0; border-top: 1px solid var(--lijn); }
body.s-kapper-a .sk-pk-top b { font: 400 40px/1 var(--kop); color: var(--goud2); }
body.s-kapper-a .sk-pk-top span { font-weight: 600; }
body.s-kapper-a .sk-pk-top i { font: 400 13px/1 var(--mono); font-style: normal; color: var(--bot2); }
body.s-kapper-a .sk-pk-adres { font: 400 40px/1 var(--kop); text-transform: uppercase; margin: 0 0 14px; }
body.s-kapper-a .sk-pk-klein { color: var(--bot2); font-size: 15px; margin: 14px 0 0; }
body.s-kapper-a .sk-barbier .sk-feiten dd { font: 600 18px/1.3 var(--tekst); }
body.s-kapper-a .sk-barbier .sk-feiten div:first-child dd { font: 400 30px/1 var(--kop); }
@media (max-width: 860px) { body.s-kapper-a .sk-pk-rechts { border-left: 0; border-top: 1px solid var(--lijn); padding: 24px 0 0; } }
@media (max-width: 860px) { body.s-kapper-a .sk-vr-zij { order: 2; } body.s-kapper-a .sk-vr-zij ul { display: none; } body.s-kapper-a .sk-vr-zij .sk-binnen-label { display: none; } }

/* ── Ronde 2: N5 (kop transparant over beeld op elke pagina), H1, R7 (indexlijsten) ── */
body.s-kapper-a .sk-kop { position: relative; z-index: 20; background: transparent; border-bottom: 1px solid rgba(236, 228, 214, .14); }
body.s-kapper-a .sk-kop::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 9, 8, .75), rgba(10, 9, 8, 0)); }

/* subpagina-opening: foto over de volle breedte, tekst links onder */
body.s-kapper-a .sk-pk { position: relative; margin-top: -85px; min-height: 600px; display: flex; align-items: flex-end; overflow: hidden; padding: 200px 0 76px; background: var(--z); }
body.s-kapper-a .sk-pk-media { position: absolute; inset: 0; }
body.s-kapper-a .sk-pk-media .ph-cap { top: 104px; bottom: auto; left: auto; right: 24px; }
body.s-kapper-a .sk-pk-waas { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(15, 14, 13, .9) 0%, rgba(15, 14, 13, .6) 50%, rgba(15, 14, 13, .25) 100%), linear-gradient(0deg, rgba(15, 14, 13, .92) 0%, rgba(15, 14, 13, 0) 55%); }
body.s-kapper-a .sk-pk::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; z-index: 2;
  background: repeating-linear-gradient(45deg, var(--ox) 0 8px, var(--bot) 8px 16px, var(--nacht) 16px 24px, var(--bot) 24px 32px); }
body.s-kapper-a .sk-pk-in { position: relative; display: grid; grid-template-columns: 1fr; gap: 72px; align-items: end; }
body.s-kapper-a .sk-pk-in.met-rechts { grid-template-columns: 1.2fr .8fr; }
body.s-kapper-a .sk-pk-tekst { max-width: 820px; }
body.s-kapper-a .sk-pk-rechts { background: rgba(15, 14, 13, .62); backdrop-filter: blur(4px); border: 0; border-left: 1px solid rgba(201, 162, 78, .55); padding: 22px 0 22px 32px; }

/* home: de stoelen als index */
body.s-kapper-a .sk-stoelen { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn); }
body.s-kapper-a .sk-stoel { display: grid; grid-template-columns: 90px 112px minmax(140px, .9fr) 1.4fr 150px auto; gap: 32px; align-items: center; padding: 26px 0; border-top: 1px solid var(--lijn); }
body.s-kapper-a .sk-stoel-nr { font: 500 12px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--goud); }
body.s-kapper-a .sk-stoel-foto { width: 112px; aspect-ratio: 1 / 1; overflow: hidden; background: var(--z3); filter: grayscale(.35); }
body.s-kapper-a .sk-stoel-foto .ph-cap { display: none; }
body.s-kapper-a .sk-stoel-foto .ph-icoon { min-width: 30px; }
body.s-kapper-a .sk-stoel h3 { font: 400 clamp(54px, 5.4vw, 80px)/.85 var(--kop); text-transform: uppercase; transition: color .2s; }
body.s-kapper-a .sk-stoel:hover h3 { color: var(--goud2); }
body.s-kapper-a .sk-stoel-wat p { margin: 0; color: var(--bot2); }
body.s-kapper-a .sk-stoel-rol { font: 500 12px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--goud) !important; margin: 0 0 6px !important; }
body.s-kapper-a .sk-stoel-jaren { margin: 0; color: var(--bot2); font-size: 14px; line-height: 1.2; }
body.s-kapper-a .sk-stoel-jaren b { display: block; font: 400 40px/1 var(--kop); color: var(--bot); }
body.s-kapper-a .sk-stoel-plan { display: inline-flex; gap: 10px; align-items: center; color: var(--goud); text-decoration: none; font-weight: 600; white-space: nowrap; }
body.s-kapper-a .sk-stoel-plan .pijl { width: 18px; height: 18px; transition: transform .2s; }
body.s-kapper-a .sk-stoel-plan:hover .pijl { transform: translateX(4px); }

/* home: langskomen als index */
body.s-kapper-a .sk-binnen-rijen { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn); }
body.s-kapper-a .sk-binnen-rijen li { display: grid; grid-template-columns: 180px 1fr 1.1fr 230px; gap: 32px; align-items: baseline; padding: 34px 0; border-top: 1px solid var(--lijn); }
body.s-kapper-a .sk-binnen-rijen h2 { font: 400 clamp(36px, 3.6vw, 54px)/.95 var(--kop); text-transform: uppercase; }
body.s-kapper-a .sk-binnen-rijen p { margin: 0; color: var(--bot2); }
body.s-kapper-a .sk-binnen-rijen .sk-binnen-label { margin: 0; }
body.s-kapper-a .sk-binnen-rijen .sk-onderlijn { justify-self: end; }

/* diensten: genummerde index */
body.s-kapper-a .sk-dblokken { padding: 110px 0 90px; }
body.s-kapper-a .sk-dlijst { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--lijn); }
body.s-kapper-a .sk-dblok { display: grid; grid-template-columns: 110px 1.05fr 1.2fr 220px; gap: 40px; align-items: start; padding: 56px 0; border-top: 1px solid var(--lijn); scroll-margin-top: 20px; }
body.s-kapper-a .sk-dblok-kam { font: 400 64px/.85 var(--kop); color: var(--goud); }
body.s-kapper-a .sk-dblok-kam small { display: block; font: 400 12px/1 var(--mono); letter-spacing: .12em; color: var(--bot2); margin-top: 10px; }
body.s-kapper-a .sk-dblok h2 { font: 400 clamp(48px, 5vw, 80px)/.88 var(--kop); text-transform: uppercase; }
body.s-kapper-a .sk-dblok h2 a { text-decoration: none; transition: color .2s; }
body.s-kapper-a .sk-dblok h2 a:hover { color: var(--goud2); }
body.s-kapper-a .sk-dblok .sk-feiten { margin-top: 24px; gap: 14px 30px; }
body.s-kapper-a .sk-dblok .sk-feiten dd { font-size: 24px; }
body.s-kapper-a .sk-dblok-tekst p { color: var(--bot2); margin: 0; }
body.s-kapper-a .sk-dblok-tekst .sk-streep { margin: 14px 0 22px; }
body.s-kapper-a .sk-dblok-foto { aspect-ratio: 4 / 5; overflow: hidden; }
body.s-kapper-a .sk-dblok-foto .ph-cap { display: none; }

/* zijkolommen: lijnen in plaats van kaarten */
body.s-kapper-a .sk-zijkaart { background: none; border: 0; border-top: 3px solid var(--inkt); padding: 22px 0 6px; color: var(--inkt); }
body.s-kapper-a .sk-zijkaart .sk-binnen-label { color: var(--goudd); }
body.s-kapper-a .sk-zij-foto { aspect-ratio: 16 / 10; margin: 0 0 22px; overflow: hidden; }
body.s-kapper-a .sk-zijkaart h3 { font: 400 46px/.9 var(--kop); text-transform: uppercase; margin-bottom: 12px; }
body.s-kapper-a .sk-zijkaart h3 small { font: 400 13px/1 var(--mono); letter-spacing: .1em; color: var(--inkt2); text-transform: none; margin-left: 8px; }
body.s-kapper-a .sk-zijkaart p { color: var(--inkt2); }
body.s-kapper-a .sk-zijkaart .sk-knop { width: 100%; justify-content: space-between; margin-top: 6px; }
body.s-kapper-a .sk-zijkaart.donker { background: none; color: var(--inkt); }
body.s-kapper-a .sk-zijkaart.donker .sk-binnen-label { color: var(--goudd); }
body.s-kapper-a .sk-zijkaart.donker p { color: var(--inkt2); }
body.s-kapper-a .sk-zijkaart .sk-tel-groot { color: var(--inkt); }
body.s-kapper-a .sk-zijkaart .sk-tel-groot svg { color: var(--goudd); }
body.s-kapper-a .sk-zijkaart .sk-onderlijn { color: var(--goudd); }
body.s-kapper-a .sk-anderen a { border-top-color: var(--rand); }
body.s-kapper-a .sk-anderen a span { color: var(--goudd); }
body.s-kapper-a .sk-anderen a:hover { color: var(--goudd); }

/* voet: de ruitbelettering */
body.s-kapper-a .sk-ruit { width: min(460px, 100%); height: auto; display: block; overflow: visible; }
body.s-kapper-a .sk-ruit text { font-family: var(--kop); fill: url(#sk-bladgoud); stroke: #3a2a0e; stroke-width: 1px; paint-order: stroke; }
body.s-kapper-a .sk-ruit .boog { font-size: 26px; letter-spacing: 7px; }
body.s-kapper-a .sk-ruit .naam { font-size: 104px; letter-spacing: 2px; }
body.s-kapper-a .sk-ruit .sinds { font: italic 400 24px var(--script); stroke: none; }

@media (max-width: 1140px) {
  body.s-kapper-a .sk-stoel { grid-template-columns: 112px 1fr 1.3fr auto; }
  body.s-kapper-a .sk-stoel-nr { grid-column: 1 / -1; }
  body.s-kapper-a .sk-stoel-jaren { display: none; }
  body.s-kapper-a .sk-binnen-rijen li { grid-template-columns: 1fr 1.2fr; }
  body.s-kapper-a .sk-binnen-rijen .sk-binnen-label { grid-column: 1 / -1; }
  body.s-kapper-a .sk-binnen-rijen .sk-onderlijn { justify-self: start; }
  body.s-kapper-a .sk-dblok { grid-template-columns: 90px 1fr 1.2fr; }
  body.s-kapper-a .sk-dblok-foto { display: none; }
}
@media (max-width: 860px) {
  body.s-kapper-a .sk-pk { margin-top: -73px; min-height: 0; padding: 150px 0 48px; }
  body.s-kapper-a .sk-pk h1 { font-size: clamp(50px, 14vw, 84px); }
  body.s-kapper-a .sk-pk-in, body.s-kapper-a .sk-pk-in.met-rechts { grid-template-columns: 1fr; gap: 32px; }
  body.s-kapper-a .sk-pk-media .ph-cap { top: 84px; left: 12px; right: 12px; }
  body.s-kapper-a .sk-pk-rechts { border-left: 0; border-top: 1px solid rgba(201, 162, 78, .55); padding: 20px 16px; }
  body.s-kapper-a .sk-stoel { grid-template-columns: 84px 1fr; gap: 6px 18px; padding: 24px 0; }
  body.s-kapper-a .sk-stoel-nr { grid-column: 2; grid-row: 1; }
  body.s-kapper-a .sk-stoel-foto { width: 84px; grid-column: 1; grid-row: 1 / span 4; align-self: start; }
  body.s-kapper-a .sk-stoel h3, body.s-kapper-a .sk-stoel-wat, body.s-kapper-a .sk-stoel-plan { grid-column: 2; }
  body.s-kapper-a .sk-stoel h3 { font-size: 48px; }
  body.s-kapper-a .sk-stoel-plan { margin-top: 8px; }
  body.s-kapper-a .sk-binnen-rijen li { grid-template-columns: 1fr; gap: 12px; padding: 28px 0; }
  body.s-kapper-a .sk-dblokken { padding: 64px 0; }
  body.s-kapper-a .sk-dblok { grid-template-columns: 1fr; gap: 16px; padding: 40px 0; }
  body.s-kapper-a .sk-dblok-kam { font-size: 44px; display: flex; align-items: baseline; gap: 12px; }
  body.s-kapper-a .sk-dblok-kam small { margin: 0; }
  body.s-kapper-a .sk-ruit .naam { font-size: 96px; }
}
body.s-kapper-a .sk-barbier-foto .sk-stoel-nr { position: absolute; left: 16px; top: 16px; z-index: 1; background: var(--z); padding: 8px 10px; }
@media (max-width: 860px) { body.s-kapper-a .sk-fotobijschrift { display: none; } }