/* By Guney · barber op locatie
   Alles staat onder #byg, zodat de opmaak van het thema en Elementor er niet doorheen loopt. */

/* ---------- basis ---------- */
#byg {
	--gold: #C69A3D;
	--gold-hover: #D3B574;
	--ink: #F7F3EC;
	--text: #F2EDE4;
	--lead: #D9D2C5;
	--muted: #B3AA9B;
	--dim: #8F877A;
	--eyebrow: #C69A3D;
	--line: #2A2621;
	--focus: #C69A3D;
	--cond: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	--sans: Barlow, Arial, sans-serif;
	display: block;
	width: 100%;
	overflow-x: clip;
	background: #0F0E0C;
	color: var(--text);
	font-family: var(--sans);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#byg *, #byg *::before, #byg *::after { box-sizing: border-box; }
#byg h1, #byg h2, #byg h3, #byg p, #byg ul, #byg ol, #byg dl, #byg dt, #byg dd,
#byg figure, #byg figcaption, #byg blockquote, #byg details, #byg summary, #byg table, #byg caption {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: none;
	color: inherit;
}
#byg ul, #byg ol { list-style: none; }
#byg li { margin: 0; padding: 0; border: 0; background: none; }
#byg a { color: inherit; text-decoration: none; background: none; box-shadow: none; transition: none; }
#byg img, #byg video { display: block; max-width: 100%; border: 0; border-radius: 0; box-shadow: none; }
#byg strong { font-weight: 600; }
#byg button {
	appearance: none;
	-webkit-appearance: none;
	display: inline-flex;
	margin: 0;
	padding: 0;
	width: auto;
	min-width: 0;
	height: auto;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: inherit;
	line-height: inherit;
	letter-spacing: normal;
	text-transform: none;
	text-align: left;
	text-decoration: none;
	white-space: normal;
	cursor: pointer;
	user-select: auto;
	transition: none;
}
#byg [hidden] { display: none !important; }
#byg .byg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
#byg a:focus-visible, #byg button:focus-visible, #byg summary:focus-visible, #byg input:focus-visible {
	outline: 2px solid var(--focus);
	outline-offset: 3px;
}
#byg .byg-ic {
	flex: none;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
#byg .byg-ic--fill { fill: currentColor; stroke: none; }
#byg .byg-ic--wa { color: #25D366; }

/* Lichte en donkere vlakken */
#byg .byg-dark { background: #0F0E0C; color: var(--text); }
#byg .byg-light {
	--ink: #17140F;
	--text: #17140F;
	--lead: #4A443B;
	--muted: #5C564C;
	--eyebrow: #8A6420;
	--line: #DCD3C4;
	--focus: #8A6420;
	background: #F5F1EA;
	color: #17140F;
}

#byg .byg-wrap {
	width: 100%;
	max-width: 1296px;
	margin: 0 auto;
	padding: 0 clamp(20px, 4vw, 48px);
}
#byg .byg-section { padding: clamp(60px, 6.5vw, 96px) 0; }
#byg .byg-section--flush { padding-top: 0; }

/* ---------- typografie ---------- */
#byg .byg-eyebrow {
	font: 600 13px/1.4 var(--sans);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--eyebrow);
}
#byg .byg-h1 { margin-top: 18px; font-family: var(--cond); font-weight: 700; color: var(--ink); }
#byg .byg-h1__main {
	display: block;
	font-size: clamp(50px, 7.6vw, 112px);
	line-height: .9;
	text-transform: uppercase;
	letter-spacing: .005em;
}
#byg .byg-h1__sub {
	display: block;
	margin-top: 14px;
	font-size: clamp(25px, 2.75vw, 40px);
	line-height: 1.15;
	font-weight: 500;
	color: var(--gold);
}
#byg .byg-h2 {
	margin-top: 12px;
	font: 700 clamp(36px, 4.2vw, 60px)/1 var(--cond);
	text-transform: uppercase;
	letter-spacing: .01em;
	color: var(--ink);
	overflow-wrap: break-word;
}
#byg .byg-h3 { font: 600 24px/1.2 var(--cond); color: var(--ink); }
#byg .byg-lead {
	margin-top: 16px;
	max-width: 64ch;
	font-size: clamp(17px, 1.45vw, 20px);
	line-height: 1.55;
	color: var(--lead);
}
#byg .byg-body { font-size: 16.5px; line-height: 1.6; color: var(--lead); }
#byg .byg-muted { color: var(--muted); }
#byg .byg-textlink { color: #E6DFD3; text-decoration: underline; text-underline-offset: 3px; }
#byg .byg-textlink:hover { color: var(--gold); }
#byg figcaption { margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--dim); }

/* ---------- knoppen ---------- */
#byg .byg-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: 4px;
	font: 600 17px/1.1 var(--sans);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s, border-color .15s, color .15s;
}
#byg .byg-btn .byg-ic { width: 20px; height: 20px; }
#byg .byg-btn--gold { background: var(--gold); border-color: var(--gold); color: #0F0E0C; }
#byg .byg-btn--gold:hover { background: var(--gold-hover); border-color: var(--gold-hover); color: #0F0E0C; }
#byg .byg-btn--ghost { background: transparent; border-color: #5A5348; color: #F2EDE4; }
#byg .byg-btn--ghost:hover { border-color: var(--gold); color: #F7F3EC; }
#byg .byg-btn[disabled] { opacity: .65; cursor: wait; }
#byg .byg-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
#byg .byg-actions--hero { margin-top: 32px; }

/* ---------- hero ---------- */
#byg .byg-hero { padding: clamp(40px, 5vw, 80px) 0 clamp(56px, 6.5vw, 96px); }
#byg .byg-hero--crumbs { padding-top: 0; }
#byg .byg-hero--crumbs .byg-hero__grid { padding-top: clamp(28px, 4vw, 64px); }
#byg .byg-hero__grid { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(36px, 4.5vw, 72px); }
#byg .byg-hero__text { flex: 1 1 560px; min-width: 0; }
#byg .byg-hero__media { flex: 1 1 340px; min-width: 0; max-width: 480px; margin-inline: auto; }
#byg .byg-hero .byg-lead { margin-top: 24px; max-width: 60ch; font-size: clamp(17.5px, 1.45vw, 20.5px); }
#byg .byg-hero__note { margin-top: 14px; font-size: 15px; line-height: 1.5; }
#byg .byg-crumbs { padding-top: 18px; font-size: 14.5px; line-height: 1.5; color: var(--muted); }
#byg .byg-crumbs a { color: #D9D2C5; text-decoration: underline; text-underline-offset: 3px; }
#byg .byg-crumbs__sep { margin: 0 8px; color: #5A5348; }

#byg .byg-start {
	margin-top: 30px;
	padding: clamp(18px, 2vw, 24px);
	border: 1px solid #3A352E;
	border-radius: 8px;
	background: #151310;
}
#byg .byg-start__q { font: 600 19px/1.3 var(--sans); color: var(--ink); }
#byg .byg-start__help { margin-top: 4px; font-size: 15px; line-height: 1.45; color: var(--muted); }
#byg .byg-tiles {
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
	gap: 10px;
}
#byg .byg-tile {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	height: 100%;
	padding: 10px 14px;
	border: 1px solid #3A352E;
	border-radius: 6px;
	background: #0F0E0C;
	color: #F2EDE4;
	font: 600 16px/1.25 var(--sans);
	transition: border-color .15s, background-color .15s;
}
#byg .byg-tile:hover { border-color: var(--gold); background: #1A1815; }
#byg .byg-tile .byg-ic { width: 22px; height: 22px; color: var(--gold); }
#byg .byg-hero__alt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin-top: 16px; }
#byg .byg-hero__alt .byg-muted { font-size: 15px; line-height: 1.5; }
#byg .byg-walink { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #F2EDE4; font: 600 16px/1.3 var(--sans); }
#byg .byg-walink:hover span { text-decoration: underline; text-underline-offset: 3px; }

#byg .byg-facts {
	margin-top: 32px;
	padding-top: 26px;
	border-top: 1px solid #2A2621;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
	gap: 20px 28px;
}
#byg .byg-fact { display: flex; gap: 14px; align-items: flex-start; }
#byg .byg-fact__ic {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid #4A4234;
	border-radius: 50%;
	color: var(--gold);
}
#byg .byg-fact strong { display: block; font: 600 17px/1.3 var(--sans); color: var(--ink); }
#byg .byg-fact__sub { display: block; margin-top: 2px; font-size: 15px; line-height: 1.45; color: var(--muted); }

/* Video en foto in een kader */
#byg .byg-frame { position: relative; overflow: hidden; border-radius: 8px; background: #1D1B17; }
#byg .byg-frame--tall { aspect-ratio: 9 / 14; }
#byg .byg-frame--45 { aspect-ratio: 4 / 5; border-radius: 6px; }
#byg .byg-frame--wide { aspect-ratio: 16 / 9; }
#byg .byg-frame video, #byg .byg-frame img { width: 100%; height: 100%; object-fit: cover; }
#byg .byg-frame__bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	background: rgba(15, 14, 12, .78);
	color: #F7F3EC;
}
#byg .byg-frame__play {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--gold);
	color: #0F0E0C;
}
#byg .byg-frame__txt { display: flex; flex-direction: column; gap: 2px; }
#byg .byg-frame__txt strong { font: 600 16px/1.3 var(--sans); }
#byg .byg-frame__txt span { font-size: 14px; line-height: 1.4; color: #D9D2C5; text-decoration: underline; text-underline-offset: 3px; }
#byg .byg-frame__bar:hover .byg-frame__txt span { color: #F7F3EC; }

/* ---------- bewijsbalk ---------- */
#byg .byg-proof { background: #16140F; border-top: 1px solid #2A2621; border-bottom: 1px solid #2A2621; color: #D9D2C5; }
#byg .byg-proof .byg-wrap {
	padding-top: 18px;
	padding-bottom: 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
}
#byg .byg-proof__brands {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 22px;
	font-size: 15.5px;
	line-height: 1.5;
}
#byg .byg-proof__brands .byg-eyebrow { font-size: 12.5px; color: var(--gold); }
#byg .byg-dot { color: #5A5348; }
#byg .byg-proof__guests { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; }
#byg .byg-proof__guests p { font-size: 14.5px; line-height: 1.5; color: var(--muted); }
#byg .byg-avatars { display: flex; }
#byg .byg-avatars img {
	width: 36px;
	height: 36px;
	border: 2px solid #16140F;
	border-radius: 50%;
	object-fit: cover;
}
#byg .byg-avatars img + img { margin-left: -10px; }

/* ---------- in het kort, kapsels ---------- */
#byg .byg-kort { display: flex; flex-wrap: wrap; gap: clamp(28px, 4.5vw, 72px); }
#byg .byg-kort--top { align-items: flex-start; }
#byg .byg-kort__intro { flex: 1 1 300px; min-width: 0; max-width: 440px; }
#byg .byg-kort__intro .byg-lead { margin-top: 18px; font-size: clamp(17px, 1.35vw, 19px); line-height: 1.6; }
#byg .byg-kort__list { flex: 2 1 520px; min-width: 0; border-top: 1px solid #DCD3C4; }
#byg .byg-kort__row { display: flex; flex-wrap: wrap; gap: 6px 24px; padding: 20px 0; border-bottom: 1px solid #DCD3C4; }
#byg .byg-kort__row dt {
	flex: 0 0 130px;
	font: 600 13px/1.7 var(--sans);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #8A6420;
}
#byg .byg-kort__row dd { flex: 1 1 300px; min-width: 0; font-size: clamp(16.5px, 1.3vw, 18px); line-height: 1.55; color: #17140F; }
#byg .byg-tiles-light {
	flex: 2 1 520px;
	min-width: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: 12px;
}
#byg .byg-tiles-light li { padding: 22px 22px 24px; border: 1px solid #E2DACB; border-radius: 6px; background: #FFFFFF; }
#byg .byg-tiles-light strong { display: block; font: 600 22px/1.2 var(--cond); color: #17140F; }
#byg .byg-tiles-light span { display: block; margin-top: 6px; font-size: 16px; line-height: 1.5; color: #5C564C; }

/* ---------- diensten ---------- */
#byg .byg-ruled { border-top: 1px solid #DCD3C4; padding-top: clamp(48px, 5.5vw, 80px); }
#byg .byg-grid { display: grid; gap: 16px; margin-top: 36px; }
#byg .byg-grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); }
#byg .byg-grid--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); margin-top: 40px; }
#byg .byg-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 28px 26px;
	border: 1px solid #E2DACB;
	border-radius: 6px;
	background: #FFFFFF;
}
#byg .byg-card--featured { border: 2px solid #8A6420; padding: 27px 25px; }
#byg .byg-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#byg .byg-card__ic {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #F5F1EA;
	color: #8A6420;
}
#byg .byg-card h3 { margin-top: 6px; font: 600 clamp(22px, 1.85vw, 26px)/1.15 var(--cond); color: #17140F; }
#byg .byg-card__txt { font-size: 16.5px; line-height: 1.55; color: #5C564C; }
#byg .byg-more {
	margin-top: auto;
	padding-top: 6px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	font: 600 16px/1.3 var(--sans);
	color: #8A6420;
}
#byg .byg-more:hover { color: #17140F; }
#byg .byg-badge {
	align-self: flex-start;
	margin-bottom: 12px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--gold);
	color: #0F0E0C;
	font: 600 12px/1.4 var(--sans);
	letter-spacing: .08em;
	text-transform: uppercase;
}
#byg .byg-badge--dark { margin: 0; background: #17140F; color: #F2EDE4; }

/* ---------- marketing, over ---------- */
#byg .byg-split { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(32px, 5vw, 80px); }
#byg .byg-split--top { align-items: flex-start; }
#byg .byg-split__media { flex: 1 1 320px; min-width: 0; max-width: 480px; margin-inline: auto; }
#byg .byg-split__text { flex: 1.3 1 440px; min-width: 0; }
#byg .byg-split__text .byg-lead { margin-top: 18px; max-width: 60ch; font-size: clamp(17px, 1.4vw, 19.5px); line-height: 1.6; }
#byg .byg-split__text .byg-body { margin-top: 20px; max-width: 62ch; font-size: clamp(17px, 1.35vw, 19px); line-height: 1.65; }
#byg .byg-split__text .byg-body + .byg-body { margin-top: 16px; }
#byg .byg-stats {
	margin-top: 28px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: 14px;
}
#byg .byg-stats li { padding: 20px 22px; border: 1px solid #2E2A25; border-radius: 6px; background: #1A1815; }
#byg .byg-stats strong { display: block; font: 600 22px/1.2 var(--cond); color: var(--ink); }
#byg .byg-stats span { display: block; margin-top: 6px; font-size: 15.5px; line-height: 1.5; color: var(--muted); }
#byg .byg-mkt__note { margin-top: 24px; font-size: 16px; line-height: 1.55; }
#byg .byg-links { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 8px 28px; }
#byg .byg-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #F2EDE4; font: 600 16px/1.3 var(--sans); }
#byg .byg-links a:hover span { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- prijzen ---------- */
#byg .byg-price {
	display: flex;
	flex-direction: column;
	padding: 28px 24px;
	border: 1px solid #2E2A25;
	border-radius: 6px;
	background: #1A1815;
}
#byg .byg-price--featured { border: 2px solid var(--gold); padding: 27px 23px; }
#byg .byg-price h3 { font: 600 27px/1.1 var(--cond); color: var(--ink); }
#byg .byg-price__sub { margin-top: 6px; font-size: 15px; line-height: 1.45; color: var(--muted); }
#byg .byg-price__amount { margin-top: 22px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
#byg .byg-price__amount span { font: 700 54px/1 var(--cond); color: var(--gold); }
#byg .byg-price__amount small { font-size: 14px; line-height: 1.4; color: var(--muted); }
#byg .byg-price .byg-checks {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid #2E2A25;
	gap: 11px;
	font-size: 16px;
	line-height: 1.4;
	color: #E6DFD3;
}
#byg .byg-price__note { margin-top: 18px; font-size: 15.5px; line-height: 1.55; color: var(--muted); }
#byg .byg-price__cta { margin-top: auto; padding-top: 28px; }
#byg .byg-price__cta .byg-btn { display: flex; width: 100%; min-height: 48px; font-size: 16px; }
#byg .byg-checks { display: flex; flex-direction: column; gap: 10px; }
#byg .byg-checks li { display: flex; gap: 10px; align-items: flex-start; }
#byg .byg-checks .byg-ic { width: 18px; height: 18px; margin-top: 1px; color: var(--gold); stroke-width: 2.2; }
#byg .byg-checks--plain { margin-top: 24px; font-size: 16.5px; line-height: 1.45; color: #E6DFD3; }

#byg .byg-strip {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px 28px;
	padding: 24px 28px;
	border: 1px solid #2E2A25;
	border-radius: 6px;
	background: #1A1815;
}
#byg .byg-strip__ic {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid #4A4234;
	border-radius: 50%;
	color: var(--gold);
}
#byg .byg-strip__txt { flex: 1 1 300px; min-width: 0; }
#byg .byg-strip__title { font: 600 24px/1.2 var(--cond); color: var(--ink); }
#byg .byg-strip__sub { margin-top: 4px; font-size: 16px; line-height: 1.5; color: var(--muted); }

#byg .byg-pak__more { margin-top: 44px; display: flex; flex-wrap: wrap; gap: 28px 56px; }
#byg .byg-pak__zones { flex: 2 1 560px; min-width: 0; }
#byg .byg-pak__extra { flex: 1 1 280px; min-width: 0; }
#byg .byg-pak__extra .byg-muted { margin-top: 12px; font-size: 16.5px; line-height: 1.55; }
#byg .byg-pak__link { margin-top: 12px; font-size: 15px; line-height: 1.5; }
#byg .byg-zones {
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid #2E2A25;
	border-radius: 6px;
	background: #2E2A25;
}
#byg .byg-zones div { display: flex; flex-direction: column; justify-content: space-between; padding: 16px 18px; background: #16140F; }
#byg .byg-zones dt { font-size: 14px; line-height: 1.4; color: var(--muted); }
#byg .byg-zones dd { margin-top: 4px; font: 600 22px/1.2 var(--cond); color: var(--ink); }

#byg .byg-duo { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 16px; }
#byg .byg-panel { flex: 1 1 420px; min-width: 0; padding: 24px 26px; border: 1px solid #2E2A25; border-radius: 6px; background: #1A1815; }
#byg .byg-panel .byg-muted { margin-top: 10px; font-size: 16px; line-height: 1.6; }
#byg .byg-panel__link { margin-top: 10px; font-size: 15px; line-height: 1.5; }

/* ---------- werkwijze en trouwochtend ---------- */
#byg .byg-ww { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 20px; }
#byg .byg-ww__main { flex: 3 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
#byg .byg-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; }
#byg .byg-steps li { padding: 24px 24px 26px; border: 1px solid #E2DACB; border-radius: 6px; background: #FFFFFF; }
#byg .byg-steps__nr { display: block; font: 700 34px/1 var(--cond); color: #8A6420; }
#byg .byg-steps h3 { margin-top: 12px; font: 600 23px/1.2 var(--cond); color: #17140F; }
#byg .byg-steps p { margin-top: 8px; font-size: 16.5px; line-height: 1.55; color: #5C564C; }
#byg .byg-notecard {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 14px 20px;
	padding: 22px 24px;
	border: 1px solid #E2DACB;
	border-radius: 6px;
	background: #FFFFFF;
}
#byg .byg-notecard__ic {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #F5F1EA;
	color: #8A6420;
}
#byg .byg-notecard > div { flex: 1 1 280px; min-width: 0; }
#byg .byg-notecard h3 { font: 600 23px/1.2 var(--cond); color: #17140F; }
#byg .byg-notecard p { margin-top: 8px; font-size: 16.5px; line-height: 1.55; color: #5C564C; }
#byg .byg-aside {
	flex: 2 1 340px;
	min-width: 0;
	padding: clamp(26px, 2.6vw, 36px);
	border-radius: 6px;
	background: #17140F;
	color: #F2EDE4;
	--focus: #C69A3D;
}
#byg .byg-aside h3 { font: 600 27px/1.15 var(--cond); color: #F7F3EC; }
#byg .byg-aside__sub { margin-top: 6px; font-size: 16.5px; line-height: 1.5; color: #B3AA9B; }
#byg .byg-needs { margin-top: 22px; display: flex; flex-direction: column; gap: 14px; font-size: 16.5px; line-height: 1.45; }
#byg .byg-needs li { display: flex; gap: 12px; align-items: flex-start; }
#byg .byg-needs .byg-ic { color: var(--gold); }
#byg .byg-aside__foot { margin-top: 24px; padding-top: 20px; border-top: 1px solid #2E2A25; font-size: 16px; line-height: 1.55; color: #D9D2C5; }

#byg .byg-photos { margin-top: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; }
#byg .byg-photos img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px; }
#byg .byg-photos figcaption { font-size: 15px; color: #4A443B; }
#byg .byg-credit { margin-top: 12px; font-size: 14px; line-height: 1.5; color: #5C564C; }

/* ---------- ervaring ---------- */
#byg .byg-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 40px; }
#byg .byg-iglink { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #E6DFD3; font: 600 16px/1.3 var(--sans); }
#byg .byg-iglink:hover span { text-decoration: underline; text-underline-offset: 3px; }
#byg .byg-reel { margin-top: 40px; }
#byg .byg-cases { margin-top: 40px; gap: 18px; }
#byg .byg-case { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #2E2A25; border-radius: 6px; background: #1A1815; }
#byg .byg-case__media { aspect-ratio: 4 / 5; overflow: hidden; background: #1D1B17; }
#byg .byg-case__media img { width: 100%; height: 100%; object-fit: cover; }
#byg .byg-case__body { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 22px 24px 26px; }
#byg .byg-case__label { font: 600 12.5px/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
#byg .byg-case h3 { font: 600 27px/1.1 var(--cond); color: var(--ink); }
#byg .byg-case__txt { font-size: 16.5px; line-height: 1.55; color: #C9C1B3; }
#byg .byg-case__foot { margin-top: auto; padding-top: 14px; border-top: 1px solid #2E2A25; font-size: 15.5px; line-height: 1.5; color: var(--dim); }
#byg .byg-guests { margin-top: 56px; padding-top: 40px; border-top: 1px solid #2A2621; }
#byg .byg-guests .byg-muted { margin-top: 10px; max-width: 62ch; font-size: 16.5px; line-height: 1.55; }
#byg .byg-gallery {
	margin-top: 26px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 96px), 1fr));
	gap: 18px 12px;
}
#byg .byg-gallery img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 4px; }
#byg .byg-gallery figcaption {
	margin-top: 8px;
	font: 600 12px/1.3 var(--sans);
	letter-spacing: .12em;
	text-transform: uppercase;
	text-align: center;
	color: #D9D2C5;
}

/* ---------- werkgebied ---------- */
#byg .byg-tablewrap {
	margin-top: 32px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #E2DACB;
	border-radius: 6px;
	background: #FFFFFF;
}
#byg .byg-table {
	width: 100%;
	min-width: 560px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	background: none;
	font-size: 16.5px;
	line-height: 1.4;
	color: #17140F;
}
#byg .byg-table caption {
	caption-side: bottom;
	padding: 12px 18px;
	border-top: 1px solid #EDE6D9;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	color: #5C564C;
}
#byg .byg-table th, #byg .byg-table td {
	padding: 13px 18px;
	border: 0;
	background: none;
	text-align: left;
	vertical-align: middle;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
#byg .byg-table thead tr { background: #F5F1EA; }
#byg .byg-table thead th {
	padding: 14px 18px;
	font: 600 13px/1.4 var(--sans);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #8A6420;
}
#byg .byg-table tbody tr { border-top: 1px solid #EDE6D9; }
#byg .byg-table tbody th { font-weight: 600; }
#byg .byg-h3--zones { margin-top: 44px; font-size: 26px; }
#byg .byg-zonegrid { margin-top: 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; }
#byg .byg-zone { padding: 20px 20px 22px; border: 1px solid #E2DACB; border-radius: 6px; background: #FFFFFF; }
#byg .byg-zone__fee { font: 700 28px/1 var(--cond); color: #8A6420; }
#byg .byg-zone__towns { margin-top: 8px; font-size: 15.5px; line-height: 1.55; color: #4A443B; }
#byg .byg-werk__note { margin-top: 20px; font-size: 16px; line-height: 1.55; }

/* ---------- veelgestelde vragen ---------- */
#byg .byg-faq__cols { margin-top: 36px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 24px; }
#byg .byg-faq__col { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
#byg .byg-faq { border: 1px solid #E2DACB; border-radius: 6px; background: #FFFFFF; }
#byg .byg-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	list-style: none;
	cursor: pointer;
	font: 600 18px/1.35 var(--sans);
	color: #17140F;
}
#byg .byg-faq summary::-webkit-details-marker { display: none; }
#byg .byg-faq summary::marker { content: ''; }
#byg .byg-faq summary .byg-ic { color: #8A6420; transition: transform .2s; }
#byg .byg-faq[open] summary .byg-ic { transform: rotate(45deg); }
#byg .byg-faq p { padding: 0 20px 20px; font-size: 16.5px; line-height: 1.6; color: #4A443B; }
#byg .byg-faq a, #byg .byg-faq__more a { color: #8A6420; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
#byg .byg-faq__more { margin-top: 28px; font-size: 16.5px; line-height: 1.55; }

/* ---------- vragenlijst ---------- */
#byg .byg-ask { display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(32px, 5vw, 80px); }
#byg .byg-ask__intro { flex: 1 1 320px; min-width: 0; max-width: 440px; }
#byg .byg-contact { margin-top: 28px; padding-top: 22px; border-top: 1px solid #2A2621; display: flex; flex-direction: column; gap: 10px; }
#byg .byg-contact a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #F2EDE4; font: 500 17px/1.4 var(--sans); }
#byg .byg-contact a:hover > span:last-child { text-decoration: underline; text-underline-offset: 3px; }
#byg .byg-contact__ic {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #3A352E;
	border-radius: 50%;
}
#byg .byg-quiz {
	flex: 1.5 1 480px;
	min-width: 0;
	padding: clamp(22px, 3vw, 40px);
	border: 1px solid #2E2A25;
	border-radius: 8px;
	background: #1A1815;
}
#byg .byg-quiz__noscript { margin-bottom: 16px; font-size: 16px; line-height: 1.5; color: #E6DFD3; }
#byg .byg-quiz__noscript a { color: var(--gold); text-decoration: underline; }
#byg .byg-quiz__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; }
#byg .byg-quiz__step { font: 600 14px/1.4 var(--sans); letter-spacing: .06em; color: var(--muted); }
#byg .byg-quiz__back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 4px;
	color: #E6DFD3;
	font: 600 15px/1 var(--sans);
}
#byg .byg-quiz__back:hover { color: #F7F3EC; }
#byg .byg-quiz__back .byg-ic { width: 18px; height: 18px; }
#byg .byg-quiz__bar { margin-top: 8px; height: 4px; overflow: hidden; border-radius: 2px; background: #2E2A25; }
#byg .byg-quiz__bar span { display: block; height: 100%; border-radius: 2px; background: var(--gold); transition: width .3s; }
#byg .byg-quiz__q { margin-top: 24px; font: 600 clamp(26px, 2.3vw, 32px)/1.15 var(--cond); color: var(--ink); outline: none; }
#byg .byg-quiz__help { margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--muted); }
#byg .byg-opts {
	margin-top: 18px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min, 200px)), 1fr));
	gap: 10px;
}
#byg .byg-opt {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	min-height: 64px;
	padding: 12px 16px;
	border: 1px solid #3A352E;
	border-radius: 6px;
	background: #12100D;
	color: #F2EDE4;
	font: 600 16.5px/1.25 var(--sans);
	text-align: left;
	transition: border-color .15s, background-color .15s;
}
#byg .byg-opt:hover { border-color: #6A6152; background: #1D1A15; }
#byg .byg-opt[aria-pressed="true"] { border-color: var(--gold); background: #26221B; }
#byg .byg-opt--tall { min-height: 72px; }
#byg .byg-opt .byg-ic { width: 22px; height: 22px; color: var(--gold); }
#byg .byg-opt__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
#byg .byg-opt__sub { font: 400 14px/1.35 var(--sans); color: var(--muted); }
#byg .byg-opt__sub--gold { font-weight: 600; color: var(--gold); }

#byg .byg-chips { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; }
#byg .byg-chips li { padding: 6px 12px; border: 1px solid #3A352E; border-radius: 999px; font-size: 14.5px; line-height: 1.3; color: #E6DFD3; }
#byg .byg-advice { margin-top: 18px; padding: 18px 20px; border: 1px solid var(--gold); border-radius: 6px; background: #0F0E0C; }
#byg .byg-advice__eyebrow { font: 600 12.5px/1.4 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
#byg .byg-advice__title { margin-top: 6px; font: 600 26px/1.15 var(--cond); color: var(--ink); }
#byg .byg-advice__line { margin-top: 6px; font-size: 16px; line-height: 1.5; color: var(--lead); }
#byg .byg-advice__total { margin-top: 10px; font: 700 34px/1 var(--cond); color: var(--gold); }
#byg .byg-advice__extra { margin-top: 10px; font-size: 15px; line-height: 1.5; color: #E6DFD3; }
#byg .byg-advice__note { margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--muted); }

#byg .byg-form { position: relative; }
#byg .byg-fields { margin-top: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 14px; }
#byg .byg-field--full { grid-column: 1 / -1; }
#byg .byg-field label {
	display: block;
	margin: 0 0 8px;
	font: 600 14.5px/1.3 var(--sans);
	color: #E6DFD3;
	vertical-align: baseline;
}
#byg .byg-field label small { font-weight: 400; font-size: 13.5px; color: var(--muted); }
#byg .byg-field input {
	display: block;
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid #4A4338;
	border-radius: 4px;
	background: #0F0E0C;
	box-shadow: none;
	color: #F2EDE4;
	font: 400 16px/1.3 var(--sans);
	color-scheme: dark;
	outline: none;
	transition: border-color .15s, box-shadow .15s;
}
#byg .byg-field input:focus { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold); }
#byg .byg-field input[aria-invalid="true"] { border-color: #E0795F; box-shadow: 0 0 0 1px #E0795F; }
#byg .byg-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#byg .byg-form__err {
	margin-top: 14px;
	padding: 12px 14px;
	border: 1px solid #7A3A2A;
	border-radius: 4px;
	background: #2A1712;
	font-size: 15px;
	line-height: 1.5;
	color: #F2D6CC;
}
#byg .byg-form__err a { color: #FFFFFF; font-weight: 600; text-decoration: underline; }
#byg .byg-btn--block { display: flex; width: 100%; min-height: 56px; margin-top: 22px; font-size: 17.5px; }
#byg .byg-form__privacy { margin-top: 12px; font-size: 14px; line-height: 1.5; color: var(--muted); }
#byg .byg-form__privacy a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#byg .byg-done { padding: 12px 0 4px; }
#byg .byg-done__ic {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--gold);
	color: #0F0E0C;
}
#byg .byg-done__ic .byg-ic { width: 26px; height: 26px; stroke-width: 2.2; }
#byg .byg-done .byg-quiz__q { margin-top: 20px; font-size: clamp(28px, 2.5vw, 36px); line-height: 1.1; }
#byg .byg-done__txt { margin-top: 10px; font-size: 17px; line-height: 1.55; color: var(--lead); }
#byg .byg-done .byg-actions { margin-top: 24px; }
#byg .byg-linkbtn {
	display: inline-flex;
	align-items: center;
	min-height: 52px;
	padding: 0 18px;
	color: var(--muted);
	font: 600 16px/1 var(--sans);
	text-decoration: underline;
	text-underline-offset: 3px;
}
#byg .byg-linkbtn:hover { color: #F2EDE4; }

/* ---------- vaste knop onderin ---------- */
#byg .byg-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #2A2621;
	background: #0F0E0C;
	transform: translateY(110%);
	visibility: hidden;
	transition: transform .25s ease, visibility 0s linear .25s;
}
#byg .byg-sticky.is-on { transform: none; visibility: visible; transition: transform .25s ease, visibility 0s; }
#byg .byg-sticky .byg-btn { flex: 1 1 auto; min-height: 50px; padding: 0 18px; }
#byg .byg-sticky__wa {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid #3A352E;
	border-radius: 4px;
}
#byg .byg-sticky__wa .byg-ic { width: 24px; height: 24px; }
@media (min-width: 900px) {
	#byg .byg-sticky {
		left: auto;
		right: 24px;
		bottom: 24px;
		padding: 10px;
		border: 1px solid #2A2621;
		border-radius: 8px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
		transform: translateY(calc(100% + 40px));
	}
	#byg .byg-sticky .byg-btn { flex: none; }
}

/* Click to Chat gaat naar een ander nummer. Op deze pagina's staat Guney's eigen WhatsApp-knop. */
body.byguney-landing .ht-ctc { display: none !important; }

@media (prefers-reduced-motion: reduce) {
	#byg *, #byg *::before, #byg *::after { transition: none !important; animation: none !important; }
}

/* ==========================================================================
   Micheli: eigen kop en voet, de homepage en de pagina's per plaats
   ========================================================================== */
body.byguney-landing { margin: 0; background: #0F0E0C; }
#byg main [id] { scroll-margin-top: 88px; }

/* ---------- kop ---------- */
#byg .m-top { position: sticky; top: 0; z-index: 9980; background: #0F0E0C; border-bottom: 1px solid #2A2621; }
body.admin-bar #byg .m-top { top: 32px; }
#byg .m-top__in { position: relative; display: flex; align-items: center; gap: 10px; height: 72px; }
#byg .m-logo { margin-right: auto; color: var(--ink); font: 700 26px/1 var(--cond); letter-spacing: .3em; text-decoration: none; }
#byg .m-nav { display: flex; align-items: center; gap: 2px; margin-right: 8px; }
#byg .m-nav a { padding: 12px; color: #D9D1C4; font: 500 16px/1 var(--sans); }
#byg .m-nav a:hover { color: var(--gold); }
#byg .m-icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid #3A352E;
	border-radius: 4px;
	color: #F2EDE4;
}
#byg .m-top__cta { min-height: 44px; padding: 0 18px; font-size: 16px; white-space: nowrap; }
#byg .m-menu { display: none; }
@media (max-width: 860px) {
	#byg .m-menu { display: inline-flex; justify-content: center; align-items: center; }
	#byg .m-hide-s, #byg .m-icon--ig { display: none; }
	#byg .m-nav {
		display: none;
		position: absolute;
		top: 72px;
		left: 0;
		right: 0;
		flex-direction: column;
		align-items: stretch;
		margin: 0;
		padding: 4px clamp(20px, 4vw, 48px) 16px;
		background: #0F0E0C;
		border-bottom: 1px solid #2A2621;
	}
	#byg .m-nav.is-open { display: flex; }
	#byg .m-nav a { padding: 14px 0; border-bottom: 1px solid #2A2621; font-size: 18px; }
}
@media (max-width: 782px) { body.admin-bar #byg .m-top { top: 0; } }
@media (max-width: 400px) {
	#byg .m-icon--wa { display: none; }
	#byg .m-logo { font-size: 22px; letter-spacing: .24em; }
	#byg .m-top__cta { padding: 0 14px; }
}

/* ---------- hero en de strook eronder ---------- */
#byg .m-h1 {
	margin-top: 14px;
	color: var(--ink);
	font: 700 clamp(44px, 6.2vw, 96px)/.94 var(--cond);
	text-transform: uppercase;
	letter-spacing: .005em;
	overflow-wrap: break-word;
}
#byg .m-portrait img, #byg .m-portrait video {
	width: 100%;
	height: auto;
	aspect-ratio: 4/5;
	object-fit: cover;
	border-radius: 4px;
	background: #1B1813;
}
#byg .m-portrait--s { max-width: 420px; }
#byg .m-igs { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 12px; }
#byg .m-ig { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #F2EDE4; font: 500 15px/1 var(--sans); }
#byg .m-ig .byg-ic { width: 18px; height: 18px; }
#byg .m-ig--dark { color: #17140F; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
#byg .m-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; font-size: 15px; color: #F2EDE4; }
#byg .m-rating > span:last-child { color: var(--muted); }
#byg .m-stars { display: inline-flex; gap: 2px; color: var(--gold); }
#byg .m-stars .byg-ic { width: 16px; height: 16px; }

#byg .m-proof { background: #15130F; border-top: 1px solid #2A2621; border-bottom: 1px solid #2A2621; }
#byg .m-proof__in { display: flex; flex-wrap: wrap; align-items: center; gap: 20px clamp(24px, 4vw, 56px); padding-top: 22px; padding-bottom: 22px; }
#byg .m-proof__score { display: flex; align-items: center; gap: 14px; }
#byg .m-big { color: var(--ink); font: 700 44px/1 var(--cond); }
#byg .m-big span { color: var(--dim); font: 600 20px/1 var(--cond); }
#byg .m-big--xl { font-size: 64px; }
#byg .m-big--xl span { font-size: 26px; }
#byg .m-proof__count { margin-top: 4px; color: var(--muted); font: 500 14px/1.3 var(--sans); }
#byg .m-proof__quote { flex: 1 1 260px; min-width: 0; color: #F2EDE4; font: italic 400 17px/1.5 var(--sans); }
#byg .m-proof__quote span { font-style: normal; color: var(--dim); }
#byg .m-proof__guests { flex: 1 1 320px; min-width: 0; display: flex; align-items: center; gap: 14px; }
#byg .m-proof__guests p { color: #CFC6B8; font-size: 15px; line-height: 1.45; }
#byg .m-avatar { flex: none; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
#byg .m-avatars { flex: none; display: flex; }
#byg .m-avatars .m-avatar { margin-left: -12px; border: 2px solid #15130F; }
#byg .m-avatars .m-avatar:first-child { margin-left: 0; }

/* ---------- vlakken, kaarten en rijen ---------- */
#byg .m-sec-alt { background: #15130F; border-top: 1px solid #2A2621; }
#byg .m-sec-tight { padding-top: clamp(44px, 5vw, 72px); }
#byg .m-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-top: 16px; }
#byg .m-card { display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid #2A2621; border-radius: 4px; background: #15130F; }
#byg .m-sec-alt .m-card { background: #0F0E0C; }
#byg .m-card__top { color: var(--gold); font: 600 14px/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
#byg .m-card__h { color: var(--ink); font: 700 30px/1.05 var(--cond); text-transform: uppercase; }
#byg .m-card__h--s { font: 600 19px/1.3 var(--sans); text-transform: none; }
#byg .m-card__line { display: flex; align-items: center; gap: 8px; color: #CFC6B8; font-size: 16px; line-height: 1.45; }
#byg .m-card__line .byg-ic { width: 18px; height: 18px; color: var(--dim); }
#byg .m-card > .m-more, #byg .m-card > .byg-btn { margin-top: auto; }
#byg .m-card > .byg-btn { margin-top: 8px; }
#byg .m-card a:not(.byg-btn):not(.m-more), #byg .m-team a { color: #F2EDE4; text-decoration: underline; text-underline-offset: 3px; }
#byg .m-mins { color: var(--ink); font: 700 44px/1 var(--cond); letter-spacing: 0; text-transform: none; }
#byg .m-mins span { color: var(--dim); font: 600 18px/1 var(--sans); }
#byg .m-more { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--gold); font: 600 16px/1.2 var(--sans); }
#byg .m-more .byg-ic { width: 16px; height: 16px; }
#byg .byg-light .m-more { color: #8A6420; }
#byg .m-links { display: flex; flex-direction: column; margin-top: 26px; border-top: 1px solid #2A2621; }
#byg .m-links .m-more { justify-content: space-between; min-height: 60px; border-bottom: 1px solid #2A2621; color: var(--ink); font-size: 18px; }
#byg .m-links .m-more .byg-ic { width: 20px; height: 20px; color: var(--gold); }

#byg .m-split { display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(32px, 5vw, 80px); }
#byg .m-split--center { align-items: center; }
#byg .m-split__main { flex: 1 1 540px; min-width: 0; }
#byg .m-split__side { flex: 1 1 380px; min-width: 0; }
#byg .m-eyebrow { display: flex; align-items: center; gap: 12px; }
#byg .m-sub { margin-top: clamp(48px, 5vw, 72px); }
#byg .m-note { margin-top: 14px; color: var(--dim); font-size: 14px; line-height: 1.5; }
#byg .byg-light .m-note { color: #5C564C; }
#byg .m-gap-top { margin-top: clamp(40px, 4.5vw, 64px); }
#byg .m-gap-s { margin-top: 18px; }
#byg .m-narrow { max-width: 640px; margin-top: 10px; }
#byg .m-narrow-wrap { max-width: 960px; }
#byg .m-h3 { margin-top: 12px; color: var(--ink); font: 700 clamp(28px, 3vw, 40px)/1.05 var(--cond); text-transform: uppercase; }
#byg .m-h2-s { margin-top: 0; font-size: clamp(32px, 3.6vw, 48px); }
#byg .m-head-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 40px; }
#byg .m-live { display: inline-flex; align-items: center; gap: 8px; }
#byg .m-live span { width: 8px; height: 8px; border-radius: 50%; background: #34C759; }
#byg .m-btn-ink { background: #17140F; border-color: #17140F; color: #F7F3EC; }
#byg .m-btn-ink:hover { background: #2A2621; border-color: #2A2621; color: #FFFFFF; }
#byg .m-inline { color: #17140F; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- stappen, stijlen, beeld ---------- */
#byg .m-steps { display: flex; flex-direction: column; gap: 12px; }
#byg .m-steps li { display: flex; gap: 16px; padding: 20px; border: 1px solid #2A2621; border-radius: 4px; background: #0F0E0C; }
#byg .byg-light .m-steps li { border-color: #DDD3C3; background: #FBF8F2; }
#byg .m-steps__n { color: var(--gold); font: 700 30px/1 var(--cond); }
#byg .byg-light .m-steps__n { color: #8A6420; }
#byg .m-steps h3, #byg .m-steps h4 { color: var(--ink); font: 600 18px/1.3 var(--sans); }
#byg .m-steps p { margin-top: 4px; color: var(--muted); font-size: 15px; line-height: 1.5; }
#byg .m-steps--row { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: 32px; }
#byg .m-styles { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-top: 16px; }
#byg .m-vid { width: 100%; height: auto; aspect-ratio: 9/16; object-fit: cover; border-radius: 4px; background: #1B1813; }
#byg .m-style figcaption { margin-top: 12px; }
#byg .m-style h4 { color: var(--ink); font: 600 19px/1.3 var(--sans); }
#byg .m-style p { margin-top: 4px; color: var(--muted); font-size: 15px; line-height: 1.5; }
#byg .m-trio, #byg .m-duo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#byg .m-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#byg .m-trio img, #byg .m-trio video { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; border-radius: 4px; }
#byg .m-wide img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; border-radius: 4px; }
#byg .m-bullets { display: flex; flex-direction: column; gap: 14px; margin-top: 24px; }
#byg .m-bullets li { position: relative; padding-left: 20px; color: #CFC6B8; font-size: 18px; line-height: 1.5; }
#byg .m-bullets li::before { content: ''; position: absolute; left: 0; top: .6em; width: 8px; height: 8px; background: var(--gold); }

/* ---------- reviews ---------- */
#byg .m-reviews { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 32px; }
#byg .m-review { display: flex; flex-direction: column; gap: 18px; padding: 28px; border: 1px solid #2A2621; border-radius: 4px; background: #15130F; }
#byg .m-review blockquote { color: #F2EDE4; font-size: 19px; line-height: 1.55; }
#byg .m-review figcaption { margin-top: auto; color: var(--dim); font: 500 15px/1.3 var(--sans); }
#byg .m-review figcaption a { color: #D9D1C4; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- tattoo ---------- */
#byg .m-tattoos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#byg .m-tattoos img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; border-radius: 4px; }
#byg .m-ideas { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-top: 20px; }
#byg .m-ideas li { padding: 20px; border: 1px solid #DDD3C3; border-radius: 4px; background: #FFFFFF; }
#byg .m-ideas h4 { color: #17140F; font: 600 18px/1.3 var(--sans); }
#byg .m-ideas p { margin-top: 6px; color: #4A443B; font-size: 15px; line-height: 1.5; }

/* ---------- plaatsen, vragen, team ---------- */
#byg .m-chips__h { margin-top: 28px; color: var(--ink); font: 600 15px/1.3 var(--sans); }
#byg .m-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
#byg .m-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid #3A352E; border-radius: 999px; color: #F2EDE4; font: 500 16px/1 var(--sans); }
#byg .m-chip span { color: var(--dim); font-size: 13px; }
#byg .m-chip:hover { border-color: var(--gold); }
#byg .byg-light .m-chip { border-color: #CFC4B1; color: #17140F; }
#byg .byg-light .m-chip span { color: #5C564C; }
#byg .m-faq { display: flex; flex-direction: column; gap: 10px; margin-top: 28px; }
#byg .m-team { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#byg .m-team img { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; border-radius: 4px; }
#byg .m-team figcaption { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; }
#byg .m-team strong { color: var(--ink); font: 600 18px/1.3 var(--sans); }
#byg .m-team span { color: var(--muted); font-size: 15px; }

/* ---------- voet ---------- */
#byg .m-foot { padding: clamp(40px, 4.5vw, 64px) 0 28px; border-top: 1px solid #2A2621; background: #0F0E0C; }
#byg .m-foot__in { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px; }
#byg .m-foot .m-logo { display: block; margin: 0; }
#byg .m-foot__addr { margin-top: 14px; color: var(--muted); font-size: 16px; line-height: 1.6; }
#byg .m-foot__addr a { color: #F2EDE4; text-decoration: underline; text-underline-offset: 3px; }
#byg .m-foot__ig { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 10px; }
#byg .m-foot__ig a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #F2EDE4; font: 500 15px/1 var(--sans); }
#byg .m-foot__ig .byg-ic { width: 18px; height: 18px; }
#byg .m-foot__nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 4px 40px; }
#byg .m-foot__nav a { padding: 8px 0; color: #D9D1C4; font: 500 16px/1.3 var(--sans); }
#byg .m-foot__nav a:hover { color: var(--gold); }
#byg .m-foot__bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 36px; padding-top: 20px; border-top: 1px solid #2A2621; color: var(--dim); font-size: 14px; }

/* ---------- hero met achtergrondvideo (homepage) ---------- */
#byg .m-hero--video { position: relative; isolation: isolate; }
#byg .m-hero--video .byg-hero__text { position: relative; padding: 44px 0 40px; }
#byg .m-herovid {
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	z-index: -1;
	overflow: hidden;
	background: #15130F;
}
#byg .m-herovid img, #byg .m-herovid video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#byg .m-herovid__video { opacity: 0; transition: opacity .8s ease; }
#byg .m-herovid.is-playing .m-herovid__video { opacity: 1; }
/* Donker verloop over de video: de kleine letters bovenaan en onderaan krijgen de meeste dekking. */
#byg .m-herovid::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(15, 14, 12, .8) 0%, rgba(15, 14, 12, .54) 26%, rgba(15, 14, 12, .56) 62%, rgba(15, 14, 12, .8) 86%, rgba(15, 14, 12, .92) 100%);
}
#byg .m-hero--video .byg-eyebrow, #byg .m-hero--video .byg-lead, #byg .m-hero--video .byg-hero__note, #byg .m-hero--video .m-igs { text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
#byg .m-hero--video .byg-btn--ghost { background: rgba(15, 14, 12, .55); }
#byg .m-herovid__toggle {
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(242, 237, 228, .35);
	border-radius: 50%;
	background: rgba(15, 14, 12, .6);
	color: #F2EDE4;
	cursor: pointer;
}
#byg .m-herovid__toggle[hidden] { display: none; }
#byg .m-herovid__toggle:hover { border-color: var(--gold); color: var(--gold); }
#byg .m-herovid__toggle svg { width: 14px; height: 14px; }
#byg .m-herovid__play, #byg .m-herovid__toggle.is-paused .m-herovid__pause { display: none; }
#byg .m-herovid__toggle.is-paused .m-herovid__play { display: block; }
@media (max-width: 899px) {
	#byg .m-hero--video { padding-top: 0; }
}
@media (min-width: 900px) {
	#byg .m-hero--video .byg-hero__text { position: static; padding: 0; }
	#byg .m-herovid { left: 0; right: 0; }
	#byg .m-herovid::after {
		background:
			linear-gradient(180deg, rgba(15, 14, 12, 0) 62%, rgba(15, 14, 12, .92) 100%),
			linear-gradient(90deg, rgba(15, 14, 12, .9) 0%, rgba(15, 14, 12, .8) 36%, rgba(15, 14, 12, .52) 60%, rgba(15, 14, 12, .42) 100%);
	}
	#byg .m-herovid__toggle { right: 20px; bottom: 20px; }
	#byg .m-hero--video .byg-hero__media img { box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
}

/* ---------- algemene voorwaarden en privacyverklaring ---------- */
#byg.byg--legal .byg-hero { padding-bottom: clamp(12px, 2vw, 24px); }
#byg .m-legal { max-width: 760px; }
#byg .m-legal h2 { margin: 36px 0 10px; color: var(--ink); font: 600 21px/1.3 var(--sans); }
#byg .m-legal h2:first-child { margin-top: 0; }
#byg .m-legal p { margin: 0 0 12px; color: var(--lead); font-size: 17px; line-height: 1.65; }
#byg .m-legal a { color: #F2EDE4; text-decoration: underline; text-underline-offset: 3px; }
#byg .m-legal a:hover { color: var(--gold); }
#byg .m-legal__form { padding: 20px 22px; border: 1px solid var(--line); border-radius: 6px; background: #15130F; }
#byg .m-legal__form p { margin-bottom: 8px; }
#byg .m-legal__scroll { overflow-x: auto; margin: 4px 0 12px; }
#byg .m-legal__table { width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; }
#byg .m-legal__table th { padding: 10px 12px; border-bottom: 1px solid #5A5348; color: var(--ink); font-weight: 600; text-align: left; vertical-align: bottom; }
#byg .m-legal__table td { padding: 12px; border-bottom: 1px solid var(--line); color: var(--lead); vertical-align: top; }
@media (max-width: 699px) {
	#byg .m-legal__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	#byg .m-legal__table tr { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); }
	#byg .m-legal__table td { display: grid; grid-template-columns: 7.5em 1fr; gap: 12px; padding: 4px 0; border: 0; }
	#byg .m-legal__table td::before { content: attr(data-label); color: var(--muted); font-size: 14px; }
}

/* ---------- gestopte behandelingen ---------- */
#byg .m-gone { display: grid; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; }
#byg .m-gone li { position: relative; padding-left: 24px; color: var(--lead); font-size: 18px; line-height: 1.5; }
#byg .m-gone li::before { content: ""; position: absolute; left: 0; top: .75em; width: 12px; height: 1px; background: var(--gold); }

/* ---------- online agenda ---------- */
#byg .m-book {
	width: min(560px, calc(100vw - 24px));
	max-width: none;
	height: calc(100vh - 24px);
	height: min(820px, calc(100dvh - 24px));
	max-height: none;
	padding: 0;
	border: 1px solid #2A2621;
	border-radius: 8px;
	background: #0F0E0C;
	color: #F2EDE4;
	overflow: hidden;
}
#byg .m-book[open] { display: flex; flex-direction: column; }
#byg .m-book::backdrop { background: rgba(0, 0, 0, .72); }
#byg .m-book__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px 12px 20px; border-bottom: 1px solid #2A2621; }
#byg .m-book__bar h2 { color: var(--ink); font: 700 24px/1 var(--cond); text-transform: uppercase; }
#byg .m-book__body { position: relative; flex: 1 1 auto; background: #FFFFFF; }
#byg .m-book iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; background: #FFFFFF; }
/* Salonized heeft een doorzichtige achtergrond, dus de melding ligt over de agenda heen tot die geladen is. */
#byg .m-book__wait { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; margin: 0; background: #FFFFFF; color: #5C564C; font: 500 16px/1.4 var(--sans); pointer-events: none; }
#byg .m-book__wait::before { content: ""; width: 28px; height: 28px; border: 3px solid #EAE3D6; border-top-color: #C69A3D; border-radius: 50%; animation: m-spin .8s linear infinite; }
#byg .m-book.is-loaded .m-book__wait { display: none; }
@keyframes m-spin { to { transform: rotate(360deg); } }