/* Bosstad Tweewielers – Black Week 2026 (23 t/m 29 november), tijdelijk en sitebreed. Ronde 3 (3-11 avond): rustig en licht.
 * Zwart alleen voor de strook bovenaan, het label en de foto-hero; verder de kleuren van de site (ink, crème, turquoise #2E9E92).
 * Alles onder .bs-bw / .bs-bw-*; module: novamira-sandbox/bosstad-blackweek.php. */

.bs-bw, .bs-bw-pg, .bs-bw-badge, .bs-bw-kaartlabel, .bs-bw-prnote {
	--bw-ink: #1C2022;
	--bw-tekst: #4A5356;
	--bw-muted: #697478;
	--bw-zwart: #0F1113;
	--bw-wit: #FFFFFF;
	--bw-creme: #F6F5F2;
	--bw-zand: #EFECE5;
	--bw-tq: #2E9E92;
	--bw-tq-licht: #6FD3C7;
	--bw-tq-diep: #1F6F67;
	--bw-tq-tint: rgba(46, 158, 146, .1);
	--bw-rand: #E3E4E2;
	--bw-rand-tq: rgba(46, 158, 146, .4);
	--bw-body: var(--bs-font-body, Barlow, system-ui, sans-serif);
	--bw-display: var(--bs-font-display, Newsreader, Georgia, serif);
	--bw-ease: cubic-bezier(.2, .7, .2, 1);
	--bw-schaduw: 0 18px 44px rgba(28, 32, 34, .08);
	font-family: var(--bw-body);
	box-sizing: border-box;
}
.bs-bw *, .bs-bw *::before, .bs-bw *::after { box-sizing: border-box; }
.bs-bw svg { width: 16px; height: 16px; flex: none; }
.bs-bw__wrap { width: 100%; max-width: var(--bs-wrap, 1440px); margin: 0 auto; padding: 0 var(--bs-gutter, 48px); }
mark.bs-bw-open { background: #FFE36B; color: #2A2200; padding: 0 4px; border-radius: 3px; font-weight: 600; }

/* ------------------------------------------------------------ fases (html.bs-bw-pre / -voucher / -live / -uit, gezet in <head>) */
html:not(.bs-bw-pre) .bs-bw-pre { display: none !important; }
html:not(.bs-bw-voucher) .bs-bw-voucher { display: none !important; }
html:not(.bs-bw-live) .bs-bw-live { display: none !important; }
html.bs-bw-pre .bs-bw-nietpre { display: none !important; }
html.bs-bw-uit .bs-bw, html.bs-bw-uit .bs-bw-pg, html.bs-bw-uit .bs-bw-kaartlabel, html.bs-bw-uit .bs-bw-prnote { display: none !important; }
html.bs-bw-uit .bs-bw-kaart .bt-card__media::before { display: none !important; }

/* ------------------------------------------------------------ label "BLACK WEEK" (klein, zwart, één keer per blok) */
.bs-bw-badge {
	display: inline-flex; align-items: center; gap: 5px; flex: none; padding: 6px 9px 5px; border-radius: 3px;
	background: var(--bw-tq); color: #fff;
	font-family: var(--bw-body); font-weight: 700; font-size: 11px; line-height: 1; letter-spacing: .16em; text-transform: uppercase;
}
.bs-bw-badge b { color: #fff; font-weight: 700; }
.bs-bw-badge i { color: #fff; font-style: normal; font-weight: 700; opacity: .85; }
.bs-bw-badge--klein { padding: 5px 8px 4px; font-size: 10.5px; gap: 4px; }
.bs-bw-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 700 12.5px/1.3 var(--bw-body); letter-spacing: .14em; text-transform: uppercase; color: var(--bw-tq); }

/* ------------------------------------------------------------ knoppen (zoals de rest van de site) */
.bs-bw__knoppen { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.bs-bw .bs-bw__btn, body .bs-bw a.bs-bw__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 16px 24px; border-radius: 3px; border: 1px solid transparent;
	font: 700 14px/1 var(--bw-body); letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; cursor: pointer;
	transition: transform .2s var(--bw-ease), background .2s var(--bw-ease), color .2s var(--bw-ease), border-color .2s var(--bw-ease);
}
.bs-bw .bs-bw__btn--tq, body .bs-bw a.bs-bw__btn--tq { background: var(--bw-tq); color: #fff !important; }
.bs-bw .bs-bw__btn--tq:hover, body .bs-bw a.bs-bw__btn--tq:hover { background: var(--bw-tq-diep); color: #fff !important; transform: translateY(-1px); }
.bs-bw .bs-bw__btn--rand, body .bs-bw a.bs-bw__btn--rand { border-color: rgba(28, 32, 34, .3); color: var(--bw-ink) !important; background: transparent; }
.bs-bw .bs-bw__btn--rand:hover, body .bs-bw a.bs-bw__btn--rand:hover { border-color: var(--bw-ink); background: rgba(28, 32, 34, .04); }
.bs-bw .bs-bw__btn--wit, body .bs-bw a.bs-bw__btn--wit { border-color: rgba(255, 255, 255, .7); color: #fff !important; background: transparent; }
.bs-bw .bs-bw__btn--wit:hover, body .bs-bw a.bs-bw__btn--wit:hover { background: rgba(255, 255, 255, .12); border-color: #fff; }
.bs-bw .bs-bw__btn--klein, body .bs-bw a.bs-bw__btn--klein { padding: 12px 16px; font-size: 12.5px; }
.bs-bw a:focus-visible, .bs-bw button:focus-visible { outline: 2px solid var(--bw-tq); outline-offset: 2px; }

/* ------------------------------------------------------------ strook bovenaan (smal, zwart, één regel) */
.bs-bw-balk { position: relative; z-index: 2; background: var(--bw-zwart); color: #D9DBD7; font-size: 13.5px; line-height: 1.4; }
.bs-bw-balk__in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; padding: 9px 16px; text-align: center; }
.bs-bw-balk .bs-bw-badge { background: transparent; padding: 0; color: var(--bw-tq-licht); }
.bs-bw-balk .bs-bw-badge b, .bs-bw-balk .bs-bw-badge i { color: var(--bw-tq-licht); opacity: 1; }
.bs-bw-balk b { color: #fff; font-weight: 700; }
.bs-bw-balk a { display: inline-flex; align-items: center; gap: 6px; color: #fff !important; font-weight: 700; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: var(--bw-tq-licht) !important; white-space: nowrap; }
.bs-bw-balk a:hover { color: var(--bw-tq-licht) !important; }
.bs-bw-balk a .bs-bw-voucher, .bs-bw-balk a .bs-bw-live { display: inline; }
html:not(.bs-bw-voucher) .bs-bw-balk a .bs-bw-voucher, html:not(.bs-bw-live) .bs-bw-balk a .bs-bw-live { display: none !important; }

/* ------------------------------------------------------------ pop-up (witte kaart, foto links) */
.bs-bw-pop { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.bs-bw-pop[hidden] { display: none; }
.bs-bw-pop__backdrop { position: absolute; inset: 0; background: rgba(15, 17, 19, .55); opacity: 0; transition: opacity .3s var(--bw-ease); }
.bs-bw-pop.is-open .bs-bw-pop__backdrop { opacity: 1; }
.bs-bw-pop__card { position: relative; display: grid; grid-template-columns: 280px minmax(0, 1fr); width: 100%; max-width: 840px; overflow: hidden; border-radius: 10px; background: var(--bw-wit); color: var(--bw-ink); box-shadow: 0 30px 80px rgba(0, 0, 0, .35); opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .35s var(--bw-ease), transform .35s var(--bw-ease); }
.bs-bw-pop.is-open .bs-bw-pop__card { opacity: 1; transform: none; }
.bs-bw-pop__close, body.solacewp .bs-bw-pop__close, .bs-bw-pop__close:focus { position: absolute; top: 12px; right: 12px; z-index: 4; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-height: 0; padding: 0; margin: 0; border: 1px solid var(--bw-rand); border-radius: 50%; background: #fff; box-shadow: none; color: var(--bw-ink); cursor: pointer; line-height: 1; }
.bs-bw-pop__close:hover, body.solacewp .bs-bw-pop__close:hover { background: var(--bw-ink); border-color: var(--bw-ink); color: #fff; }
.bs-bw-pop__close svg { width: 16px; height: 16px; }
.bs-bw-pop__band { position: relative; display: flex; align-items: flex-end; min-height: 100%; overflow: hidden; background: var(--bw-zwart); }
.bs-bw-pop__band img.bs-bw-pop__foto { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: 60% 50%; }
.bs-bw-pop__band::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 17, 19, 0) 40%, rgba(15, 17, 19, .85) 100%); }
.bs-bw-pop__band-in { position: relative; z-index: 1; width: 100%; padding: 22px 22px 20px; }
.bs-bw .bs-bw-pop__datum { display: grid; gap: 4px; margin: 0; }
.bs-bw-pop__datum b { font: 400 30px/1 var(--bw-display); color: #fff; letter-spacing: -.01em; }
.bs-bw-pop__datum i { font: 700 11px/1.3 var(--bw-body); font-style: normal; letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.bs-bw .bs-bw-pop__cadeaus { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.bs-bw .bs-bw-pop__cadeaus li { display: flex; align-items: center; gap: 10px; margin: 0; padding: 9px 10px; border-radius: 6px; background: var(--bw-creme); border: 1px solid var(--bw-rand); font-size: 12.5px; line-height: 1.3; color: var(--bw-tekst); }
.bs-bw .bs-bw-pop__cadeaus li span { display: grid; gap: 1px; min-width: 0; }
.bs-bw .bs-bw-pop__cadeaus li b { font-size: 13px; color: var(--bw-ink); }
.bs-bw .bs-bw-pop__cadeaus li.bs-bw-pop__onderhoud { grid-column: 1 / -1; background: var(--bw-tq-tint); border-color: var(--bw-rand-tq); }
.bs-bw-pop__cadeaus .bs-bw-cadeau-icoon { width: 32px; height: 32px; }
.bs-bw-pop__cadeaus .bs-bw-cadeau-icoon svg { width: 22px; height: 22px; }
.bs-bw-pop__cadeaus img { width: 32px; height: 32px; object-fit: cover; border-radius: 4px; }
.bs-bw-pop__body { padding: 32px 34px 26px; }
.bs-bw-pop__body .bs-bw-eyebrow { margin-bottom: 12px; }
body .bs-bw .bs-bw-pop__kop { margin: 0 0 14px !important; font-family: var(--bw-display) !important; font-weight: 400 !important; font-size: clamp(28px, 3vw, 38px) !important; line-height: 1.08 !important; letter-spacing: -.015em !important; color: var(--bw-ink) !important; }
body .bs-bw .bs-bw-pop__kop em { font-style: italic; color: var(--bw-tq); }
.bs-bw .bs-bw-pop__p { margin: 0; font-size: 15.5px; line-height: 1.58; color: var(--bw-tekst); }
.bs-bw-pop__body .bs-bw__knoppen { margin-top: 20px; }
.bs-bw-pop__body .bs-bw__btn { padding: 14px 18px; font-size: 13px; }
.bs-bw .bs-bw-pop__klein { margin: 14px 0 0; font-size: 11.5px; line-height: 1.5; color: var(--bw-muted); }
@media (max-width: 760px) {
	.bs-bw-pop { align-items: flex-end; padding: 0; }
	.bs-bw-pop__card { grid-template-columns: 1fr; max-width: none; max-height: 92vh; overflow-y: auto; border-radius: 12px 12px 0 0; transform: translateY(40px); }
	.bs-bw-pop__band { min-height: 170px; }
	.bs-bw-pop__band-in { padding: 16px 18px 14px; }
	.bs-bw-pop__datum b { font-size: 26px; }
	.bs-bw .bs-bw-pop__cadeaus { gap: 6px; margin-top: 14px; }
	.bs-bw .bs-bw-pop__cadeaus li { padding: 7px 8px; font-size: 11.5px; }
	.bs-bw .bs-bw-pop__cadeaus li b { font-size: 12px; }
	.bs-bw-pop__body { padding: 20px 18px 22px; }
	.bs-bw-pop__body .bs-bw__knoppen { gap: 10px; }
	.bs-bw-pop__body .bs-bw__btn { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) { .bs-bw-pop__backdrop, .bs-bw-pop__card { transition: none; } }

/* ------------------------------------------------------------ cadeau-icoon */
.bs-bw-cadeau-icoon { display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--bw-tq-tint); color: var(--bw-tq-diep); }
.bs-bw-cadeau-icoon svg { width: 28px; height: 28px; }
.bs-bw-cadeau-icoon--groot { width: 72px; height: 72px; }
.bs-bw-cadeau-icoon--groot svg { width: 46px; height: 46px; }

/* ------------------------------------------------------------ productkaarten: klein label op de foto + regel onder de titel */
/* ::before, want ::after is al de schaduw-ellips van bosstad-compact.css */
body .bt-card.bs-bw-kaart .bt-card__media::before { content: "Black Week"; position: absolute; inset: 10px auto auto 10px; width: auto; height: auto; z-index: 2; padding: 6px 9px 5px; border-radius: 3px; background: var(--bw-tq, #2E9E92); color: #fff; font: 700 10.5px/1 var(--bw-body, Barlow, sans-serif); letter-spacing: .14em; text-transform: uppercase; }
body .bt-card.bs-bw-kaart .bt-card__tags { left: auto; right: 10px; }
.bs-bw-kaartlabel { display: flex; align-items: center; gap: 9px; margin: 8px 0 6px; padding: 7px 10px 7px 7px; border-radius: 6px; background: var(--bw-creme); color: var(--bw-tekst); border-left: 3px solid var(--bw-tq); font-size: 13px; line-height: 1.3; }
.bs-bw-kaartlabel__beeld { display: inline-flex; flex: none; }
.bs-bw-kaartlabel .bs-bw-cadeau-icoon { width: 30px; height: 30px; }
.bs-bw-kaartlabel .bs-bw-cadeau-icoon svg { width: 22px; height: 22px; }
.bs-bw-kaartlabel__beeld img { width: 30px; height: 30px; object-fit: cover; border-radius: 4px; }
.bs-bw-kaartlabel__t b { color: var(--bw-tq-diep); font-weight: 700; }
.bs-bw-kaartlabel mark.bs-bw-open { font-size: 12px; }
@media (max-width: 600px) {
	.bs-bw-kaartlabel { gap: 7px; padding: 6px 8px 6px 6px; font-size: 12px; }
	.bs-bw-kaartlabel .bs-bw-cadeau-icoon { width: 26px; height: 26px; }
	.bs-bw-kaartlabel .bs-bw-cadeau-icoon svg { width: 19px; height: 19px; }
	body .bt-card.bs-bw-kaart .bt-card__media::before { font-size: 10px; padding: 5px 7px 4px; inset: 8px auto auto 8px; }
	body .bt-card.bs-bw-kaart .bt-card__tags { right: 7px; }
}

/* ------------------------------------------------------------ productpagina: dealblok onder de prijs (licht) + tag in de rij */
body.bs-bw-deal-pagina .bt-summary__tags::before { content: "Black Week"; display: inline-block; padding: 5px 10px; border-radius: 999px; background: var(--bw-zwart, #0F1113); color: #fff; font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; line-height: 1.3; }
.bs-bw-deal { display: flex; gap: 18px; align-items: flex-start; margin: 18px 0 22px; padding: 18px 20px; border-radius: 8px; background: var(--bw-creme); color: var(--bw-tekst); border: 1px solid var(--bw-rand); border-left: 4px solid var(--bw-tq); }
.bs-bw-deal__beeld { flex: none; }
.bs-bw-deal__beeld .bs-bw-cadeau-icoon--groot { width: 64px; height: 64px; background: #fff; }
.bs-bw-deal__beeld .bs-bw-cadeau-icoon--groot svg { width: 40px; height: 40px; }
.bs-bw-deal__beeld img { width: 88px; height: 88px; object-fit: cover; border-radius: 6px; }
.bs-bw-deal__tekst { min-width: 0; }
.bs-bw .bs-bw-deal__kop { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 8px; font: 700 12px/1.3 var(--bw-body); letter-spacing: .12em; text-transform: uppercase; color: var(--bw-tq-diep); }
.bs-bw .bs-bw-deal__regel { margin: 0 0 6px; font: 400 clamp(21px, 2vw, 26px)/1.1 var(--bw-display); letter-spacing: -.01em; color: var(--bw-ink); }
.bs-bw .bs-bw-deal__regel small { display: inline-block; margin-left: 6px; font: 700 12px/1.3 var(--bw-body); letter-spacing: .08em; color: var(--bw-muted); vertical-align: middle; }
.bs-bw .bs-bw-deal__p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--bw-tekst); }
.bs-bw-deal__acties { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; }
.bs-bw .bs-bw-deal__link { display: inline-flex; align-items: center; gap: 8px; color: var(--bw-tq-diep) !important; font-weight: 700; font-size: 14.5px; text-decoration: none !important; }
.bs-bw .bs-bw-deal__link:hover { color: var(--bw-ink) !important; }
.bs-bw .bs-bw-deal__link--zacht { color: var(--bw-muted) !important; font-weight: 600; }
@media (max-width: 600px) {
	.bs-bw-deal { gap: 14px; padding: 16px; }
	.bs-bw-deal__beeld .bs-bw-cadeau-icoon--groot { width: 52px; height: 52px; }
	.bs-bw-deal__beeld .bs-bw-cadeau-icoon--groot svg { width: 34px; height: 34px; }
	.bs-bw-deal__beeld img { width: 68px; height: 68px; }
}

/* Black Week-prijs: kaart (de plugin toont zelf <s>adviesprijs</s> + nieuwe prijs) en productpagina */
body .bt-card.bs-bw-kaart--prijs .bt-card__price--sale { color: var(--bw-tq-diep, #1F6F67); }
body .bt-card.bs-bw-kaart--prijs .bt-card__price--sale .bt-price__old { color: var(--bw-muted, #697478); font-weight: 500; }
.bs-bw .bs-bw-deal__prijs { display: grid; gap: 2px; margin: 10px 0 0; padding: 10px 12px; border-radius: 6px; background: var(--bw-wit); border: 1px solid var(--bw-rand); }
.bs-bw .bs-bw-deal__prijs b { font-size: 18px; line-height: 1.2; color: var(--bw-tq-diep); }
.bs-bw .bs-bw-deal__prijs span { font-size: 13px; line-height: 1.45; color: var(--bw-tekst); }
body main.bt-single .bs-bw-pricing .bt-summary__price--bw { color: var(--bw-tq-diep, #1F6F67); }
body main.bt-single .bs-bw-pricing .bt-summary__price--bw .bt-price__old { margin-right: 8px; font-size: .62em; font-weight: 500; color: var(--bw-muted, #697478); }
body main.bt-single .bs-bw-pricing .bs-bw-pricing__noot .bt-summary__save { color: var(--bw-tq-diep, #1F6F67); }

/* ------------------------------------------------------------ proefrit: cadeauregel in het formulier */
.bs-bw-prnote { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 20px; padding: 14px 16px; border-radius: 8px; background: var(--bw-creme); color: var(--bw-tekst); border: 1px solid var(--bw-rand); border-left: 4px solid var(--bw-tq); }
.bs-bw-prnote .bs-bw-badge { margin-top: 1px; }
.bs-bw-prnote p { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--bw-tekst); }
.bs-bw-prnote b { color: var(--bw-ink); }
.bs-bw-prnote a { color: var(--bw-tq-diep) !important; font-weight: 700; text-decoration: underline !important; }
.bs-bw-prnote mark.bs-bw-open { font-size: 13px; }

/* ------------------------------------------------------------ homepage: licht blok onder de hero */
.bs-bw-home { position: relative; padding: clamp(40px, 4.5vw, 64px) 0; background: var(--bw-creme); color: var(--bw-tekst); border-bottom: 1px solid var(--bw-rand); scroll-margin-top: 90px; }
.bs-bw-home__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
body .bs-bw .bs-bw-home__kop { margin: 0 !important; font-family: var(--bw-display) !important; font-weight: 400 !important; font-size: clamp(30px, 3.2vw, 44px) !important; line-height: 1.08 !important; letter-spacing: -.015em !important; color: var(--bw-ink) !important; text-wrap: balance; }
body .bs-bw .bs-bw-home__kop em { font-style: italic; color: var(--bw-tq); }
.bs-bw .bs-bw-home__p { max-width: 50ch; margin: 16px 0 0; font-size: 16.5px; line-height: 1.6; color: var(--bw-tekst); }
.bs-bw-home .bs-bw__knoppen { margin-top: 22px; }
.bs-bw .bs-bw-home__deals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.bs-bw .bs-bw-home__deals li { display: block; margin: 0; padding: 0; list-style: none !important; }
.bs-bw .bs-bw-home__deals li::before, .bs-bw .bs-bw-home__deals li::marker { content: none; display: none; }
/* reviewstrook direct onder de hero; de kopie in de keuzehulp-band blijft zolang verborgen */
.bs-bw-home-reviews { background: var(--bw-wit, #fff); border-bottom: 1px solid var(--bw-rand, #E3E4E2); }
body.bs-bw-op-home .elementor-element-khblok .bs-hr-rv { display: none !important; }
.bs-bw .bs-bw-home__deals a { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 8px; background: var(--bw-wit); border: 1px solid var(--bw-rand); box-shadow: var(--bw-schaduw); color: var(--bw-ink) !important; text-decoration: none !important; transition: border-color .25s var(--bw-ease), transform .25s var(--bw-ease), box-shadow .25s var(--bw-ease); }
.bs-bw .bs-bw-home__deals a:hover { border-color: var(--bw-rand-tq); transform: translateY(-2px); box-shadow: 0 22px 48px rgba(28, 32, 34, .12); }
.bs-bw-home__dealfoto { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #fff; border-bottom: 1px solid var(--bw-rand); }
.bs-bw-home__dealfoto img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain; padding: 10px 14px; }
.bs-bw-home__dealfoto .bs-bw-fotoleeg { display: grid; place-items: center; height: 100%; color: #B9B6AC; }
.bs-bw-home__dealtekst { display: grid; gap: 3px; min-width: 0; padding: 12px 14px 14px; }
.bs-bw-home__dealtekst b { font-size: 15px; line-height: 1.25; color: var(--bw-ink); }
.bs-bw-home__dealtekst span { font-size: 13px; line-height: 1.4; color: var(--bw-tq-diep); font-weight: 600; }
.bs-bw .bs-bw-home__onderhoud { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 22px 0 0; padding: 14px 18px; border-radius: 8px; background: var(--bw-wit); border: 1px solid var(--bw-rand); color: var(--bw-tekst) !important; font-size: 15px; line-height: 1.45; text-decoration: none !important; }
.bs-bw .bs-bw-home__onderhoud:hover { border-color: var(--bw-rand-tq); }
.bs-bw .bs-bw-home__onderhoud b { color: var(--bw-ink); }
.bs-bw .bs-bw-home__onderhoud > span:nth-child(2) { flex: 1 1 320px; min-width: 0; }
.bs-bw-home__onderhoud-icoon { display: inline-grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--bw-tq-tint); color: var(--bw-tq-diep); }
.bs-bw-home__onderhoud-icoon svg { width: 20px; height: 20px; }
.bs-bw .bs-bw-home__onderhoud-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--bw-tq-diep); white-space: nowrap; }
@media (max-width: 1024px) {
	.bs-bw-home__grid { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 760px) {
	.bs-bw__wrap { padding: 0 var(--bs-gutter-mobile, 16px); }
	.bs-bw-home { padding: 32px 0 34px; }
	.bs-bw-eyebrow { font-size: 11.5px; gap: 10px; margin-bottom: 14px; }
	.bs-bw .bs-bw-home__p { margin-top: 14px; font-size: 15px; }
	.bs-bw-home .bs-bw__knoppen { margin-top: 18px; gap: 10px; }
	.bs-bw-home .bs-bw__btn { flex: 1 1 100%; }
	.bs-bw .bs-bw-home__deals { gap: 8px; }
	.bs-bw-home__dealfoto { aspect-ratio: 4 / 3; }
	.bs-bw-home__dealfoto img { padding: 6px 8px; }
	.bs-bw-home__dealtekst { padding: 9px 10px 11px; }
	.bs-bw-home__dealtekst b { font-size: 13px; }
	.bs-bw-home__dealtekst span { font-size: 11.5px; }
	.bs-bw .bs-bw-home__onderhoud { margin-top: 14px; padding: 12px 14px; font-size: 14px; }
	.bs-bw .bs-bw-home__onderhoud-link { white-space: normal; }
}

/* ------------------------------------------------------------ actiepagina: foto-hero (zoals een gewone pagina-hero van de site) */
.bs-bw-pagina .bs-prs { display: none; }
.bs-bw-hero { position: relative; overflow: hidden; isolation: isolate; display: flex; align-items: center; min-height: clamp(520px, 68vh, 720px); padding: clamp(56px, 7vw, 110px) 0; background: var(--bw-zwart); color: #fff; }
.bs-bw-hero__foto { position: absolute; inset: 0; z-index: -2; }
/* home: de gewone hero (container top) is verborgen zolang de campagne loopt; de Black Week-hero staat ervoor */
html:not(.bs-bw-uit) body.bs-bw-op-home .elementor-element.elementor-element-top { display: none !important; }
.bs-bw-hero--home { min-height: clamp(480px, 62vh, 660px); }
.bs-bw-hero__foto img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: 62% 50%; }
.bs-bw-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(15, 17, 19, .82) 0%, rgba(15, 17, 19, .6) 45%, rgba(15, 17, 19, .25) 100%), linear-gradient(180deg, rgba(15, 17, 19, .25) 0%, rgba(15, 17, 19, 0) 40%, rgba(15, 17, 19, .45) 100%); }
.bs-bw-hero__in { max-width: 760px; margin-left: 0; }
.bs-bw-hero .bs-bw-eyebrow { color: var(--bw-tq-licht); }
.bs-bw-hero .bs-bw-badge { background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); }
body .bs-bw .bs-bw-hero__kop { margin: 0 !important; font-family: var(--bw-display) !important; font-weight: 400 !important; font-size: clamp(34px, 4.4vw, 62px) !important; line-height: 1.04 !important; letter-spacing: -.015em !important; color: #fff !important; text-wrap: balance; max-width: 20ch; }
body .bs-bw .bs-bw-hero__kop em { font-style: italic; color: var(--bw-tq-licht); }
.bs-bw .bs-bw-hero__p { max-width: 56ch; margin: 22px 0 0; font-size: 17px; line-height: 1.62; color: rgba(255, 255, 255, .86); }
.bs-bw-hero .bs-bw__knoppen { margin-top: 28px; }
.bs-bw-hero__score { margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .18); }
.bs-bw-hero__score .bs-cx-score { color: #fff !important; }
.bs-bw-hero__score .bs-cx-score__sterren { color: #FFC107 !important; }

/* strook "in het kort" onder de hero: zand, klok + 3 punten (zoals de Black Week-strook bij Bij Kell) */
.bs-bw-kort-strook { background: var(--bw-zand); border-bottom: 1px solid var(--bw-rand); color: var(--bw-tekst); }
.bs-bw .bs-bw-kort { display: grid; grid-template-columns: 1.15fr repeat(3, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; }
.bs-bw .bs-bw-kort li { display: flex; align-items: center; gap: 14px; margin: 0; padding: 20px 22px; border-left: 1px solid rgba(28, 32, 34, .1); }
.bs-bw .bs-bw-kort li:first-child { border-left: 0; padding-left: 0; }
.bs-bw .bs-bw-kort li > svg { width: 30px; height: 30px; flex: none; color: var(--bw-tq-diep); }
.bs-bw .bs-bw-kort li span { display: grid; gap: 2px; font-size: 13.5px; line-height: 1.4; color: var(--bw-tekst); }
.bs-bw .bs-bw-kort li b { font-size: 15px; color: var(--bw-ink); }
.bs-bw-klok[hidden] { display: none; }
.bs-bw-klok { display: flex; align-items: center; gap: 14px; width: 100%; }
.bs-bw .bs-bw-klok__kop { margin: 0; font: 700 11.5px/1.3 var(--bw-body); letter-spacing: .14em; text-transform: uppercase; color: var(--bw-muted); }
.bs-bw-klok__rij { display: grid; grid-template-columns: repeat(3, auto); gap: 6px; }
.bs-bw-klok__rij span { display: grid; gap: 2px; min-width: 50px; padding: 7px 8px; border-radius: 4px; background: #fff; border: 1px solid var(--bw-rand); text-align: center; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--bw-muted); }
.bs-bw-klok__rij b { font: 700 20px/1 var(--bw-body); color: var(--bw-ink); font-variant-numeric: tabular-nums; }
.bs-bw .bs-bw-hero__klein { margin: 0; padding: 0 0 14px; font-size: 12px; line-height: 1.5; color: var(--bw-muted); }

/* ------------------------------------------------------------ actiepagina: secties */
.bs-bw-sec__kop { max-width: 760px; margin: 0 auto 40px; text-align: center; }
.bs-bw-sec__kop .bs-bw-eyebrow { justify-content: center; }
.bs-bw-sec__kop--links { margin: 0 0 32px; text-align: left; }
.bs-bw-sec__kop--links .bs-bw-eyebrow { justify-content: flex-start; }
body .bs-bw .bs-bw-sec__kop h2 { margin: 0 !important; font-family: var(--bw-display) !important; font-weight: 400 !important; font-size: clamp(30px, 3.6vw, 48px) !important; line-height: 1.06 !important; letter-spacing: -.015em !important; color: var(--bw-ink) !important; text-wrap: balance; }
body .bs-bw .bs-bw-sec__kop h2 em { font-style: italic; color: var(--bw-tq); }
.bs-bw .bs-bw-sec__kop p:not(.bs-bw-eyebrow) { margin: 16px auto 0; max-width: 62ch; font-size: 16.5px; line-height: 1.6; color: var(--bw-tekst); }
.bs-bw .bs-bw-sec__klein { margin: 22px 0 0; text-align: center; font-size: 12.5px; line-height: 1.5; color: var(--bw-muted); }

/* deals (wit, vier lichte kaarten) */
.bs-bw-deals { position: relative; padding: clamp(56px, 6vw, 96px) 0; background: var(--bw-wit); color: var(--bw-tekst); scroll-margin-top: 100px; }
.bs-bw-dealkaarten { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.bs-bw-dealkaart { display: grid; grid-template-rows: auto 1fr; overflow: hidden; border-radius: 8px; background: var(--bw-wit); border: 1px solid var(--bw-rand); scroll-margin-top: 100px; transition: border-color .25s var(--bw-ease), transform .25s var(--bw-ease), box-shadow .25s var(--bw-ease); }
.bs-bw-dealkaart:hover { border-color: var(--bw-rand-tq); transform: translateY(-2px); box-shadow: var(--bw-schaduw); }
.bs-bw-dealkaart__foto { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #fff; border-bottom: 1px solid var(--bw-rand); }
.bs-bw-dealkaart__foto img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain; padding: 14px 14px 28px; }
.bs-bw-dealkaart__foto .bs-bw-fotoleeg { display: grid; place-items: center; height: 100%; color: #B9B6AC; }
.bs-bw-dealkaart__foto .bs-bw-fotoleeg svg { width: 56px; height: 56px; }
.bs-bw-dealkaart__pil { position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px 6px 7px; border-radius: 999px; background: var(--bw-tq); color: #fff; font: 700 11.5px/1 var(--bw-body); letter-spacing: .08em; text-transform: uppercase; }
.bs-bw-dealkaart__pil svg { width: 18px; height: 18px; }
.bs-bw-dealkaart__body { display: flex; flex-direction: column; padding: 18px 20px 20px; }
.bs-bw .bs-bw-dealkaart__modellen { margin: 0 0 4px; font: 700 11.5px/1.3 var(--bw-body); letter-spacing: .12em; text-transform: uppercase; color: var(--bw-muted); }
body .bs-bw .bs-bw-dealkaart h3 { margin: 0 !important; font: 400 clamp(22px, 1.8vw, 26px)/1.12 var(--bw-display) !important; letter-spacing: -.01em; color: var(--bw-ink) !important; }
.bs-bw .bs-bw-dealkaart__regel { margin: 10px 0 0; font-size: 15.5px; line-height: 1.4; font-weight: 700; color: var(--bw-tq-diep); }
.bs-bw .bs-bw-dealkaart__waarde { display: inline-block; align-self: flex-start; margin: 8px 0 0; padding: 4px 9px; border-radius: 999px; background: var(--bw-creme); border: 1px solid var(--bw-rand); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bw-tekst); }
.bs-bw .bs-bw-dealkaart__toelichting { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: var(--bw-tekst); }
.bs-bw-dealkaart__acties { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 16px; }
.bs-bw-dealkaart__acties .bs-bw__btn { flex: 1 1 auto; }

/* vijfde deal: onderhoudsbeurt (crème, breed) */
.bs-bw-onderhoud { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 0; margin-top: 18px; overflow: hidden; border-radius: 8px; background: var(--bw-creme); border: 1px solid var(--bw-rand); }
.bs-bw-onderhoud__foto { position: relative; min-height: 220px; background: var(--bw-zand); }
.bs-bw-onderhoud__foto img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.bs-bw-onderhoud__tekst { padding: clamp(24px, 3vw, 40px); }
.bs-bw-onderhoud .bs-bw-eyebrow { margin-bottom: 10px; }
body .bs-bw .bs-bw-onderhoud h3 { margin: 0 !important; font: 400 clamp(26px, 2.6vw, 36px)/1.08 var(--bw-display) !important; letter-spacing: -.012em; color: var(--bw-ink) !important; }
.bs-bw .bs-bw-onderhoud__tekst > p:not(.bs-bw-eyebrow) { margin: 12px 0 0; max-width: 60ch; font-size: 15.5px; line-height: 1.55; color: var(--bw-tekst); }
.bs-bw-onderhoud .bs-bw-dealkaart__acties { margin-top: 18px; padding-top: 0; }
.bs-bw-onderhoud .bs-bw-dealkaart__acties .bs-bw__btn { flex: 0 1 auto; }
.bs-bw .bs-bw-inruil-regel { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 22px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--bw-tekst); }
.bs-bw .bs-bw-inruil-regel svg { width: 22px; height: 22px; color: var(--bw-tq-diep); }
.bs-bw .bs-bw-inruil-regel b { color: var(--bw-ink); }

/* zo werkt het (crème, uitleg in witte kaart) */
.bs-bw-hoe { padding: clamp(56px, 6vw, 96px) 0; background: var(--bw-creme); color: var(--bw-ink); border-top: 1px solid var(--bw-rand); }
.bs-bw-hoe__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.bs-bw .bs-bw-stappen { display: grid; gap: 22px; margin: 0; padding: 0; list-style: none; }
.bs-bw .bs-bw-stappen li { display: flex; gap: 18px; margin: 0; padding: 0; }
.bs-bw-stappen__nr { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 50%; background: var(--bw-ink); color: #fff; font: 700 17px/1 var(--bw-body); }
body .bs-bw .bs-bw-stappen h3 { margin: 8px 0 6px !important; font: 700 18px/1.25 var(--bw-body) !important; color: var(--bw-ink) !important; }
.bs-bw .bs-bw-stappen p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--bw-tekst); }
.bs-bw .bs-bw-uitleg { display: grid; gap: 0; margin: 0; padding: 4px 26px; border-radius: 8px; background: var(--bw-wit); color: var(--bw-tekst); border: 1px solid var(--bw-rand); }
.bs-bw .bs-bw-uitleg > div { padding: 18px 0; border-bottom: 1px solid var(--bw-rand); }
.bs-bw .bs-bw-uitleg > div:last-child { border-bottom: 0; }
.bs-bw .bs-bw-uitleg dt { margin: 0 0 4px; font: 700 12.5px/1.3 var(--bw-body); letter-spacing: .12em; text-transform: uppercase; color: var(--bw-tq-diep); }
.bs-bw .bs-bw-uitleg dd { margin: 0; font-size: 15px; line-height: 1.55; color: var(--bw-tekst); }

/* keuzehulp-band (lichte turquoise tint) */
.bs-bw-kh { padding: clamp(36px, 4vw, 56px) 0; background: var(--bw-tq-tint); color: var(--bw-ink); border-top: 1px solid var(--bw-rand-tq); border-bottom: 1px solid var(--bw-rand-tq); }
.bs-bw-kh__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; }
.bs-bw-kh__in > div { flex: 1 1 520px; min-width: 0; }
.bs-bw-kh .bs-bw-eyebrow { margin-bottom: 10px; }
body .bs-bw .bs-bw-kh h2 { margin: 0 !important; font-family: var(--bw-display) !important; font-weight: 400 !important; font-size: clamp(26px, 2.8vw, 36px) !important; line-height: 1.1 !important; color: var(--bw-ink) !important; }
body .bs-bw .bs-bw-kh h2 em { font-style: italic; color: var(--bw-tq); }
.bs-bw .bs-bw-kh p:not(.bs-bw-eyebrow) { margin: 12px 0 0; max-width: 64ch; font-size: 15.5px; line-height: 1.55; color: var(--bw-tekst); }

/* voucher-sectie (crème, wit formulier) */
.bs-bw-voucher-sec { position: relative; padding: clamp(56px, 6vw, 96px) 0; background: var(--bw-creme); color: var(--bw-ink); border-top: 1px solid var(--bw-rand); scroll-margin-top: 90px; }
.bs-bw-voucher-sec__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
body .bs-bw .bs-bw-voucher-sec__tekst h2 { margin: 0 !important; font-family: var(--bw-display) !important; font-weight: 400 !important; font-size: clamp(30px, 3.6vw, 48px) !important; line-height: 1.06 !important; letter-spacing: -.015em !important; color: var(--bw-ink) !important; text-wrap: balance; }
body .bs-bw .bs-bw-voucher-sec__tekst h2 em { font-style: italic; color: var(--bw-tq); }
.bs-bw .bs-bw-voucher-sec__p { margin: 18px 0 0; max-width: 50ch; font-size: 16.5px; line-height: 1.6; color: var(--bw-tekst); }
.bs-bw .bs-bw-zeker { display: grid; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
.bs-bw .bs-bw-zeker li { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 15px; line-height: 1.45; color: var(--bw-ink); }
.bs-bw .bs-bw-zeker svg { width: 18px; height: 18px; margin-top: 2px; color: var(--bw-tq); }
.bs-bw-formkaart { position: relative; }

/* formulier (witte kaart) */
.bs-bw-form { position: relative; padding: 30px 32px 28px; border-radius: 8px; background: #fff; color: var(--bw-ink); border: 1px solid var(--bw-rand); box-shadow: var(--bw-schaduw); }
.bs-bw .bs-bw-form__kop { margin: 0; font: 400 clamp(26px, 2.6vw, 32px)/1.08 var(--bw-display); letter-spacing: -.01em; color: var(--bw-ink); }
.bs-bw .bs-bw-form__sub { margin: 8px 0 20px; font-size: 14.5px; line-height: 1.5; color: var(--bw-tekst); }
.bs-bw-form__form { display: grid; gap: 14px; }
.bs-bw-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.bs-bw-form__row { display: grid; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; }
.bs-bw-form__row label, .bs-bw-form__row legend { font-size: 13.5px; font-weight: 700; color: var(--bw-ink); }
.bs-bw-form__row legend { padding: 0; margin-bottom: 6px; }
.bs-bw-form__opt { font-weight: 500; color: var(--bw-muted); }
.bs-bw-form input[type="text"], .bs-bw-form input[type="email"], .bs-bw-form input[type="tel"], .bs-bw-form select {
	width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #D5D8D6; border-radius: 4px; background: #fff; color: var(--bw-ink); font: 500 15.5px/1.3 var(--bw-body); box-shadow: none; -webkit-appearance: none; appearance: none;
}
.bs-bw-form select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C2022' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; padding-right: 40px; }
.bs-bw-form input:focus, .bs-bw-form select:focus { outline: 2px solid var(--bw-tq); outline-offset: 1px; border-color: var(--bw-tq); }
.bs-bw-form__radios { display: flex; flex-wrap: wrap; gap: 10px; }
.bs-bw-form__radios label { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid #D5D8D6; border-radius: 4px; cursor: pointer; font-weight: 600; font-size: 14.5px; }
.bs-bw-form__radios label:has(input:checked) { border-color: var(--bw-tq); background: var(--bw-tq-tint); }
.bs-bw-form__radios input { width: 18px; height: 18px; margin: 0; accent-color: var(--bw-tq); }
.bs-bw-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bs-bw-form__errors { padding: 12px 14px; border-radius: 6px; background: #FFF1F0; border: 1px solid #F3B9B5; color: #7A1E17; font-size: 14px; }
.bs-bw-form__errors ul { margin: 6px 0 0 18px; padding: 0; }
.bs-bw .bs-bw-form__btn, body .bs-bw button.bs-bw-form__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 56px; margin-top: 6px; padding: 16px 24px; border: 0; border-radius: 4px; background: var(--bw-tq); color: #fff; font: 700 15px/1 var(--bw-body); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; box-shadow: none; transition: background .2s var(--bw-ease), transform .2s var(--bw-ease); }
.bs-bw .bs-bw-form__btn:hover, body .bs-bw button.bs-bw-form__btn:hover { background: var(--bw-tq-diep); transform: translateY(-1px); }
.bs-bw .bs-bw-form__btn:disabled { opacity: .7; cursor: wait; }
.bs-bw .bs-bw-form__btn svg { width: 16px; height: 16px; }
.bs-bw .bs-bw-form__privacy { margin: 4px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--bw-muted); }
.bs-bw-form--ok, .bs-bw-form--wacht { display: grid; justify-items: start; gap: 10px; }
.bs-bw-form__okicoon { display: inline-grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--bw-tq-tint); color: var(--bw-tq); }
.bs-bw-form__okicoon svg { width: 40px; height: 40px; }
.bs-bw .bs-bw-form__okbadge { margin: 0; font: 700 12px/1.3 var(--bw-body); letter-spacing: .14em; text-transform: uppercase; color: var(--bw-tq); }
body .bs-bw .bs-bw-form--ok h3, body .bs-bw .bs-bw-form--wacht h3 { margin: 0 !important; font: 400 clamp(24px, 2.4px, 30px)/1.1 var(--bw-display) !important; font-size: clamp(24px, 2.4vw, 30px) !important; letter-spacing: -.01em; color: var(--bw-ink) !important; }
.bs-bw .bs-bw-form--ok p:not(.bs-bw-form__okbadge), .bs-bw .bs-bw-form--wacht p:not(.bs-bw-form__okbadge) { margin: 0; font-size: 15px; line-height: 1.55; color: var(--bw-tekst); }
.bs-bw-form--ok .bs-bw__knoppen, .bs-bw-form--wacht .bs-bw__knoppen { margin-top: 12px; }

/* FAQ (bs-dp-basis, zachte achtergrond) */
.bs-bw-faq .bs-dp__eyebrow { color: var(--bw-tq); }

/* ------------------------------------------------------------ responsive */
@media (max-width: 1180px) {
	.bs-bw-dealkaarten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
	.bs-bw-hoe__grid, .bs-bw-voucher-sec__grid { grid-template-columns: 1fr; gap: 36px; }
	.bs-bw .bs-bw-kort { grid-template-columns: repeat(2, 1fr); }
	.bs-bw .bs-bw-kort li { border-left: 0; padding-left: 0; border-top: 1px solid rgba(28, 32, 34, .1); }
	.bs-bw .bs-bw-kort li:nth-child(-n+2) { border-top: 0; }
	body .bs-bw .bs-bw-hero__kop { max-width: none; }
	.bs-bw-onderhoud { grid-template-columns: 1fr; }
	.bs-bw-onderhoud__foto { min-height: 200px; }
}
@media (max-width: 760px) {
	.bs-bw-hero { min-height: 0; padding: 44px 0 48px; }
	.bs-bw-hero::after { background: linear-gradient(180deg, rgba(15, 17, 19, .35) 0%, rgba(15, 17, 19, .62) 100%); }
	.bs-bw-hero__foto img { object-position: 70% 50%; }
	body .bs-bw .bs-bw-hero__kop { font-size: 32px !important; }
	.bs-bw .bs-bw-hero__p { margin-top: 16px; font-size: 15.5px; line-height: 1.55; }
	.bs-bw-hero .bs-bw__knoppen { margin-top: 20px; gap: 10px; }
	.bs-bw-hero .bs-bw__btn, .bs-bw-hoe .bs-bw__btn, .bs-bw-kh .bs-bw__btn { flex: 1 1 100%; }
	.bs-bw-hero__score { display: none; }
	.bs-bw .bs-bw-kort { grid-template-columns: 1fr; }
	.bs-bw .bs-bw-kort li { padding: 12px 0; gap: 12px; }
	.bs-bw .bs-bw-kort li:nth-child(-n+2) { border-top: 1px solid rgba(28, 32, 34, .1); }
	.bs-bw .bs-bw-kort li:first-child { border-top: 0; }
	.bs-bw .bs-bw-kort li > svg { width: 26px; height: 26px; }
	.bs-bw .bs-bw-kort li b { font-size: 14px; }
	.bs-bw .bs-bw-kort li span { font-size: 12.5px; }
	.bs-bw-klok { flex-wrap: wrap; gap: 8px; }
	.bs-bw-klok__rij span { min-width: 46px; padding: 6px 6px; }
	.bs-bw-klok__rij b { font-size: 18px; }
	.bs-bw-sec__kop { margin-bottom: 26px; }
	.bs-bw-deals, .bs-bw-hoe, .bs-bw-voucher-sec { padding: 44px 0 48px; }
	.bs-bw-dealkaarten { grid-template-columns: 1fr; gap: 12px; }
	.bs-bw-dealkaart__foto { aspect-ratio: 16 / 10; }
	.bs-bw-dealkaart__body { padding: 16px 16px 18px; }
	.bs-bw-onderhoud__tekst { padding: 20px 16px 22px; }
	.bs-bw-onderhoud .bs-bw-dealkaart__acties .bs-bw__btn { flex: 1 1 100%; }
	.bs-bw .bs-bw-inruil-regel { align-items: flex-start; text-align: left; }
	.bs-bw .bs-bw-uitleg { padding: 2px 18px; }
	.bs-bw .bs-bw-uitleg > div { padding: 14px 0; }
	.bs-bw-form { padding: 22px 18px 20px; }
	.bs-bw-form__grid { grid-template-columns: 1fr; }
	.bs-bw-form__radios label { flex: 1 1 auto; justify-content: center; }
	.bs-bw-balk { font-size: 13px; }
	.bs-bw-balk__in { padding: 9px 12px; gap: 4px 10px; }
	.bs-bw-balk .bs-bw-badge { display: none; }
	.bs-bw-lang { display: none; }
}