/* BodySculptor Benelux – Black Friday 2026 (pagina /black-friday) */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bodoni-moda-latin-400-normal.woff2) format('woff2')}
.bf{--bfg:linear-gradient(100deg,#e9d2a2 0%,#c79e60 30%,#f2e1b9 52%,#b98b4c 78%,#dcc08b 100%);--ivory:#f4eee4;--bfgold:#d3b47c;--navy:#070c22}
.bf .bf-eye{font:500 14px/1.4 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--bfgold);margin:0}
.bf .bf-serif{font-family:'Bodoni Moda',var(--head)}
.bf .bf-gold{background:var(--bfg);-webkit-background-clip:text;background-clip:text;color:transparent}

/* kop */
.bf-hero{position:relative;background:#000;color:var(--ivory);overflow:hidden}
.bf-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 60% at 74% 44%,#3a3129 0%,rgba(13,12,11,0) 76%)}
.bf-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end;gap:10px}
.bf-hero .tx{padding:clamp(40px,7vw,96px) 0 clamp(40px,6vw,80px);position:relative;z-index:2}
.bf-mast{font:400 clamp(34px,5.3vw,74px)/1 'Bodoni Moda',var(--head);letter-spacing:.05em;margin:12px 0 0;white-space:nowrap;color:var(--ivory)}
.bf-num{font:400 clamp(120px,17vw,216px)/.86 'Bodoni Moda',var(--head);letter-spacing:-.02em;margin:22px 0 0 -.05em;white-space:nowrap}
.bf-num small{font-size:.5em;letter-spacing:0;vertical-align:.66em;margin-left:.05em}
.bf-cap{font:500 clamp(15px,1.9vw,21px)/1.35 var(--body);letter-spacing:.22em;text-transform:uppercase;margin:14px 0 0;color:#fff}
.bf-ex{font:400 clamp(16px,1.7vw,19px)/1.5 var(--body);color:#e4ddd0;margin:8px 0 0}
.bf-ex b{font-weight:500;color:#fff}.bf-ex s{color:#9a9386}
.bf-hero .lead{color:#d9d2c6;max-width:470px;margin:18px 0 0;font-size:18px}
.bf-cta{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:26px}
.bf-cta .btn{background:var(--ivory);color:#000;border-color:var(--ivory)}
.bf-cta .btn:hover{background:#fff;border-color:#fff}
.bf-cta .more{color:var(--bfgold);font:500 15px var(--body);letter-spacing:.06em;text-underline-offset:4px}
.bf-hero .ph{align-self:end;position:relative;margin:0 -4vw 0 -40px}
.bf-hero .ph img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
@media(max-width:860px){
  .bf-hero .wrap{grid-template-columns:1fr;gap:0}
  .bf-hero .ph{order:-1;margin:0 -22px;max-height:46vh;overflow:hidden}
  .bf-mast{font-size:clamp(34px,10.4vw,74px)}
  .bf-hero .ph img{width:112%;max-width:none;margin-left:-2%}
  .bf-hero .tx{padding-top:8px}
  .bf-hero::before{background:radial-gradient(ellipse 80% 40% at 50% 22%,#3a3129 0%,rgba(13,12,11,0) 76%)}
}

/* zo werkt het */
.bf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,40px);counter-reset:s}
.bf-steps li{counter-increment:s;border-top:1px solid #cdbb9b;padding-top:16px}
.bf-steps li::before{content:counter(s);display:block;font:400 54px/1 'Bodoni Moda',var(--head);color:var(--gold-ink);margin-bottom:10px}
.bf-steps h3{font-size:24px;margin:0 0 4px}.bf-steps p{margin:0;color:var(--mute)}
@media(max-width:900px){.bf-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.bf-steps{grid-template-columns:1fr}}

/* toestellen */
.bf-dev{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,36px)}
.bf-dev article{background:#0c0b0a;border:1px solid #2a2622;border-radius:var(--r);overflow:hidden}
.bf-dev .im{aspect-ratio:5/4;overflow:hidden;background:#000}
.bf-dev .im img{width:100%;height:100%;object-fit:cover;display:block}
.bf-dev .t{padding:22px 24px 26px}
.bf-dev h3{font:400 32px/1.1 'Bodoni Moda',var(--head);margin:6px 0 8px;color:var(--ivory)}
.bf-dev p{color:#cfc6be;margin:0}
.bf-devs{display:flex;gap:10px;align-items:flex-end;justify-content:center;margin-top:clamp(26px,4vw,44px)}
@media(max-width:760px){.bf-dev{grid-template-columns:1fr}}

/* clubleden */
.bf-club{background:linear-gradient(#060a1d 0%,#0d1638 46%,var(--navy) 100%);color:var(--ivory);position:relative;overflow:hidden}
.bf-club::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 26% 46%,rgba(58,84,190,.42),transparent 74%)}
.bf-club .wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,4vw,60px);align-items:center}
.bf-club .card img{width:100%;height:auto;display:block}
.bf-club h2{font:italic 400 clamp(38px,5.4vw,68px)/1.06 'Bodoni Moda',var(--head);margin:10px 0 18px;color:var(--ivory)}
.bf-tiers{display:grid;grid-template-columns:repeat(3,1fr);margin:6px 0 16px;max-width:560px}
.bf-tiers div{text-align:center;padding:4px 6px;border-left:1px solid #39437a}
.bf-tiers div:first-child{border-left:0}
.bf-tiers span{display:block;font:500 12.5px/1.4 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#c9d0ee}
.bf-tiers b{display:block;font:400 clamp(60px,8vw,96px)/1 'Bodoni Moda',var(--head)}
.bf-club p{color:#d7dcf3;margin:0 0 20px}
.bf-club .btn{background:transparent;color:var(--ivory);border-color:var(--bfgold)}
.bf-club .btn:hover{background:var(--ivory);color:#000;border-color:var(--ivory)}
@media(max-width:760px){.bf-club .wrap{grid-template-columns:1fr}.bf-club .card{max-width:420px;margin:0 auto}}

/* formulier */
.bf .f .opts{display:flex;flex-wrap:wrap;gap:8px}
.bf .f input[type=date]{appearance:none;-webkit-appearance:none}
.bf-hint{grid-column:1/-1;margin:-6px 0 0;font-size:14px;color:var(--wine)}
.bf-vw{font-size:13.5px;line-height:1.6;color:var(--mute);margin-top:22px}
.bf-vw p{margin:0 0 6px}

.bf-q{border-top:1px solid rgba(0,0,0,.12)}.bf-q:last-of-type{border-bottom:1px solid rgba(0,0,0,.12)}.bf-q summary{cursor:pointer;padding:18px 0;font:500 20px/1.3 var(--head);list-style:none}.bf-q summary::-webkit-details-marker{display:none}.bf-q summary:after{content:'+';float:right;color:#b08d57}.bf-q[open] summary:after{content:'–'}.bf-q p{margin:0 0 18px}

.bf-clubx{font:400 clamp(19px,2vw,24px)/1.4 var(--body);color:#fff!important;margin:-6px 0 18px!important}.bf-clubx b{color:#f0d69c;font-weight:600}
.bf-club .bf-tiers b{color:#f0d69c}
/* formulier: clublid = blauw met clubkaart */
.formbox{transition:background .35s,color .35s}
.formbox.is-club{background:linear-gradient(140deg,#0b1335 0%,#1d2c6e 55%,#0e1740 100%);color:#e6eaf8;border-color:#1d2c6e}
.formbox.is-club label,.formbox.is-club legend,.formbox.is-club .note,.formbox.is-club .form-privacy{color:#e6eaf8}
.formbox.is-club .link,.formbox.is-club a{color:#f0d69c}
.formbox.is-club .btn{background:#f0d69c;border-color:#f0d69c;color:#0b1335}
.bf-fclub{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid rgba(240,214,156,.35)}
.bf-fclub[hidden]{display:none}
.bf-fclub img{width:100%;height:auto;border-radius:12px}
.bf-fclub .t{font:400 clamp(24px,2.6vw,32px)/1.15 var(--head);color:#f0d69c;margin:4px 0 6px}
.bf-fclub p{margin:0;color:#e6eaf8}
@media(max-width:600px){.bf-fclub{grid-template-columns:1fr}.bf-fclub img{max-width:240px}}
.formbox.is-club .chip span,.formbox.is-club .opt span{color:#2a2420}
.formbox.is-club .chip input:checked+span,.formbox.is-club .opt input:checked+span{color:#fff}