
/* Zelfstandige reveal-effecten voor het actieve BGS Luxe V12 Builder-thema */
.bgs-course-page .reveal{
 opacity:1;
 visibility:visible;
 transform:none;
 filter:none;
}
html.bgs-course-motion .bgs-course-page .reveal{
 opacity:0;
 transform:translate3d(0,34px,0);
 filter:blur(9px);
 transition:
  opacity .72s ease,
  transform .82s cubic-bezier(.2,.7,.2,1),
  filter .72s ease;
 will-change:opacity,transform,filter;
}
html.bgs-course-motion .bgs-course-page .reveal.from-left{
 transform:translate3d(-48px,0,0);
}
html.bgs-course-motion .bgs-course-page .reveal.from-right{
 transform:translate3d(48px,0,0);
}
html.bgs-course-motion .bgs-course-page .reveal.visible{
 opacity:1;
 transform:translate3d(0,0,0);
 filter:blur(0);
}
@media(max-width:720px){
 html.bgs-course-motion .bgs-course-page .reveal{
  transform:translate3d(0,23px,0);
  filter:blur(5px);
 }
 html.bgs-course-motion .bgs-course-page .reveal.from-left{
  transform:translate3d(-28px,0,0);
 }
 html.bgs-course-motion .bgs-course-page .reveal.from-right{
  transform:translate3d(28px,0,0);
 }
 html.bgs-course-motion .bgs-course-page .reveal.visible{
  transform:translate3d(0,0,0);
  filter:blur(0);
 }
}
@media(prefers-reduced-motion:reduce){
 html.bgs-course-motion .bgs-course-page .reveal{
  opacity:1;
  transform:none;
  filter:none;
  transition:none;
 }
}

.bgs-course-page{
 width:100%;
 overflow:hidden;
 background:#fffaf7;
}
.bgs-course-wide{
 width:min(1440px,calc(100% - 48px));
 margin-inline:auto;
}
.bgs-course-hero{
 position:relative;
 padding:0;
 background:
  radial-gradient(circle at 83% 12%,rgba(255,255,255,.98),transparent 22%),
  radial-gradient(circle at 8% 90%,rgba(218,194,143,.16),transparent 24%),
  linear-gradient(135deg,#fffdfa,#f8e9ed 52%,#e9d1d8);
}
.bgs-course-hero-grid{
 min-height:680px;
 display:grid;
 grid-template-columns:1.02fr .98fr;
 gap:64px;
 align-items:center;
 padding-block:74px;
}
.bgs-course-hero-copy h1{
 max-width:850px;
 margin:18px 0 24px;
 font-size:clamp(58px,7vw,104px);
 line-height:.94;
 letter-spacing:-.055em;
}
.bgs-course-hero-copy>p{
 max-width:760px;
 margin:0;
 color:var(--muted);
 font-size:19px;
}
.bgs-course-trust{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-top:26px;
}
.bgs-course-trust span{
 padding:8px 13px;
 border-radius:999px;
 background:rgba(255,255,255,.68);
 border:1px solid rgba(255,255,255,.94);
 box-shadow:inset 0 1px #fff;
 font-size:11px;
 font-weight:800;
}
.bgs-course-hero-visual{
 position:relative;
 min-height:540px;
}
.bgs-course-hero-image{
 position:absolute;
 inset:0 0 45px 20px;
 overflow:hidden;
 border-radius:54px;
 border:1px solid rgba(255,255,255,.96);
 background:#fff;
 box-shadow:var(--shadow);
}
.bgs-course-hero-image img{
 width:100%;
 height:100%;
 object-fit:cover;
}
.bgs-course-hero-image:after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(115deg,transparent 29%,rgba(255,255,255,.34) 44%,transparent 60%);
 transform:translateX(-125%);
 animation:bgs-course-glide 5.8s infinite;
}
@keyframes bgs-course-glide{
 0%,58%{transform:translateX(-125%)}
 88%,100%{transform:translateX(125%)}
}
.bgs-course-location-card{
 position:absolute;
 left:-12px;
 right:12%;
 bottom:0;
 z-index:3;
 padding:20px 22px;
 border-radius:30px;
 background:rgba(255,255,255,.9);
 border:1px solid #fff;
 box-shadow:var(--shadow);
 backdrop-filter:blur(18px);
}
.bgs-course-location-card span{
 display:block;
 color:var(--rose2);
 font-size:9px;
 font-weight:900;
 letter-spacing:.15em;
 text-transform:uppercase;
}
.bgs-course-location-card strong{
 display:block;
 margin-top:5px;
 font-family:'Playfair Display',Georgia,serif;
 font-size:24px;
}
.bgs-course-location-card p{
 margin:4px 0 0;
 color:var(--muted);
 font-size:12px;
}
.bgs-course-overview,
.bgs-course-details{
 padding:88px 0;
}
.bgs-course-overview{
 background:
  radial-gradient(circle at 12% 8%,rgba(255,255,255,.95),transparent 24%),
  linear-gradient(135deg,#f9ecef,#fffaf7);
}
.bgs-course-slider-shell{
 position:relative;
}
.bgs-course-slider{
 display:grid;
 grid-auto-flow:column;
 grid-auto-columns:minmax(310px,25%);
 gap:18px;
 overflow-x:auto;
 padding:8px 4px 24px;
 scroll-snap-type:x mandatory;
 scrollbar-width:none;
}
.bgs-course-slider::-webkit-scrollbar{display:none}
.bgs-course-summary-card{
 scroll-snap-align:start;
 overflow:hidden;
 border-radius:30px;
 background:linear-gradient(145deg,#fff,#fff6f8);
 border:1px solid #fff;
 box-shadow:var(--soft);
 transition:.3s;
}
.bgs-course-summary-card:hover{
 transform:translateY(-7px);
 box-shadow:var(--shadow);
}
.bgs-course-summary-image{
 height:220px;
 padding:22px;
 background:radial-gradient(circle at 45% 35%,#fff,#f2e2e7);
}
.bgs-course-summary-image img{
 width:100%;
 height:100%;
 object-fit:contain;
}
.bgs-course-summary-body{
 padding:21px;
}
.bgs-course-summary-body>span{
 color:var(--rose2);
 font-size:9px;
 font-weight:900;
 letter-spacing:.15em;
}
.bgs-course-summary-body h3{
 margin:7px 0 8px;
 font-family:'Playfair Display',Georgia,serif;
 font-size:25px;
 line-height:1.08;
}
.bgs-course-summary-body p{
 min-height:64px;
 margin:0 0 12px;
 color:var(--muted);
 font-size:12px;
}
.bgs-course-summary-body strong{
 color:var(--wine);
 font-size:12px;
}
.bgs-course-slider-button{
 position:absolute;
 top:50%;
 z-index:5;
 width:46px;
 height:46px;
 margin-top:-23px;
 border:0;
 border-radius:50%;
 background:linear-gradient(135deg,#171315,#4b2d38);
 color:#fff;
 box-shadow:var(--soft);
 cursor:pointer;
 font-size:28px;
}
.bgs-course-slider-button.previous{left:-23px}
.bgs-course-slider-button.next{right:-23px}
.bgs-course-experience{
 padding:82px 0;
 background:radial-gradient(circle at 85% 20%,rgba(217,174,188,.3),transparent 30%),linear-gradient(135deg,#21171b,#563442);
 color:#fff;
}
.bgs-course-experience-grid{
 display:grid;
 grid-template-columns:1.1fr .9fr;
 gap:48px;
 align-items:center;
}
.bgs-course-experience h2{
 max-width:850px;
 margin:12px 0 18px;
 color:#fff;
 font-size:clamp(40px,5vw,67px);
 line-height:1.02;
}
.bgs-course-experience-copy>p{
 max-width:720px;
 color:#e6dade;
}
.bgs-course-experience ul{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:11px;
 margin:26px 0 0;
 padding:0;
 list-style:none;
}
.bgs-course-experience li{
 padding:13px 15px;
 border-radius:18px;
 background:rgba(255,255,255,.09);
 border:1px solid rgba(255,255,255,.12);
 font-size:12px;
 font-weight:800;
}
.bgs-course-experience-card{
 padding:34px;
 border-radius:36px;
 background:rgba(255,255,255,.1);
 border:1px solid rgba(255,255,255,.16);
 backdrop-filter:blur(18px);
}
.bgs-course-experience-card>span{
 color:#e8cfa0;
 font-size:10px;
 font-weight:900;
 letter-spacing:.16em;
 text-transform:uppercase;
}
.bgs-course-experience-card h3{
 margin:8px 0;
 color:#fff;
 font-family:'Playfair Display',Georgia,serif;
 font-size:38px;
}
.bgs-course-experience-card p{
 margin:0 0 22px;
 color:#e6dade;
}
.bgs-course-detail-list{
 display:grid;
 gap:34px;
}
.bgs-course-detail{
 display:grid;
 grid-template-columns:.86fr 1.14fr;
 overflow:hidden;
 border-radius:42px;
 background:linear-gradient(145deg,#fff,#fff6f8);
 border:1px solid #fff;
 box-shadow:var(--shadow);
 scroll-margin-top:150px;
}
.bgs-course-detail.image-right{
 grid-template-columns:1.14fr .86fr;
}
.bgs-course-detail.image-right .bgs-course-detail-media{
 order:2;
}
.bgs-course-detail-media{
 position:relative;
 min-height:520px;
 padding:38px;
 background:
  radial-gradient(circle at 45% 34%,#fff,#f1e0e5);
}
.bgs-course-detail-media img{
 width:100%;
 height:100%;
 object-fit:contain;
}
.bgs-course-detail-media>span{
 position:absolute;
 top:22px;
 left:22px;
 padding:8px 12px;
 border-radius:999px;
 background:linear-gradient(135deg,var(--rose2),var(--wine));
 color:#fff;
 font-size:9px;
 font-weight:900;
 letter-spacing:.12em;
}
.bgs-course-detail-content{
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:40px;
}
.bgs-course-detail-content>header{
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:24px;
}
.bgs-course-duration{
 color:var(--rose2);
 font-size:10px;
 font-weight:900;
 letter-spacing:.14em;
 text-transform:uppercase;
}
.bgs-course-detail h3{
 margin:8px 0 0;
 font-family:'Playfair Display',Georgia,serif;
 font-size:clamp(32px,3.7vw,50px);
 line-height:1.02;
}
.bgs-course-price{
 max-width:270px;
 padding:10px 13px;
 border-radius:18px;
 background:#fff;
 border:1px solid var(--line);
 color:var(--wine);
 font-size:13px;
 text-align:right;
}
.bgs-course-intro{
 margin:20px 0;
 color:var(--muted);
 font-size:15px;
}
.bgs-course-info-columns{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:22px;
}
.bgs-course-info-columns>div{
 padding:19px;
 border-radius:22px;
 background:rgba(255,255,255,.72);
 border:1px solid rgba(155,102,120,.12);
}
.bgs-course-info-columns h4{
 margin:0 0 10px;
 color:var(--wine);
 font-family:'Playfair Display',Georgia,serif;
 font-size:20px;
}
.bgs-course-info-columns ul{
 margin:0;
 padding:0;
 list-style:none;
}
.bgs-course-info-columns li{
 position:relative;
 padding:6px 0 6px 23px;
 color:var(--muted);
 font-size:12px;
}
.bgs-course-info-columns li:before{
 content:"✦";
 position:absolute;
 left:0;
 color:var(--gold);
}
.bgs-course-package{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:20px;
 margin-top:22px;
 padding-top:22px;
 border-top:1px solid var(--line);
}
.bgs-course-package span,
.bgs-course-package strong,
.bgs-course-package small{
 display:block;
}
.bgs-course-package span{
 color:var(--rose2);
 font-size:9px;
 font-weight:900;
 letter-spacing:.14em;
 text-transform:uppercase;
}
.bgs-course-package strong{
 font-family:'Playfair Display',Georgia,serif;
 font-size:21px;
}
.bgs-course-package small{
 color:var(--muted);
}
.bgs-course-checklist{
 padding:88px 0;
 color:#fff;
 background:
  radial-gradient(circle at 80% 12%,rgba(217,174,188,.27),transparent 28%),
  linear-gradient(135deg,#21171b,#53313e);
}
.bgs-course-checklist-grid{
 display:grid;
 grid-template-columns:.8fr 1.2fr;
 gap:54px;
 align-items:start;
}
.bgs-course-checklist h2{
 margin:12px 0 18px;
 color:#fff;
 font-size:clamp(41px,5vw,66px);
 line-height:1.02;
}
.bgs-course-checklist-intro p{
 color:#e5dadd;
}
.bgs-course-checklist-lists{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:20px;
}
.bgs-course-checklist-lists>div{
 padding:27px;
 border-radius:30px;
 background:rgba(255,255,255,.1);
 border:1px solid rgba(255,255,255,.15);
 backdrop-filter:blur(16px);
}
.bgs-course-checklist-lists h3{
 margin:0 0 13px;
 color:#fff;
 font-family:'Playfair Display',Georgia,serif;
 font-size:29px;
}
.bgs-course-checklist-lists ul{
 margin:0;
 padding:0;
 list-style:none;
}
.bgs-course-checklist-lists li{
 position:relative;
 padding:8px 0 8px 24px;
 color:#e7dce0;
 font-size:12px;
}
.bgs-course-checklist-lists li:before{
 content:"✓";
 position:absolute;
 left:0;
 color:#e8cfa0;
 font-weight:900;
}
.bgs-course-final-cta{
 padding:74px 0;
 background:linear-gradient(135deg,#fffdfb,#f7e8ec);
}
.bgs-course-final-card{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:30px;
 padding:44px;
 border-radius:40px;
 color:#fff;
 background:
  radial-gradient(circle at 80% 12%,rgba(217,174,188,.28),transparent 28%),
  linear-gradient(135deg,#21171b,#53313e);
 box-shadow:var(--shadow);
}
.bgs-course-final-card h2{
 margin:10px 0 8px;
 color:#fff;
 font-size:clamp(34px,4vw,52px);
 line-height:1.04;
}
.bgs-course-final-card p{
 margin:0;
 color:#e7dce0;
}
.bgs-course-modal[hidden]{display:none!important}
.bgs-course-modal{
 position:fixed;
 inset:0;
 z-index:999999;
 display:grid;
 place-items:center;
 padding:18px;
}
.bgs-course-modal-backdrop{
 position:absolute;
 inset:0;
 background:rgba(17,13,15,.72);
 backdrop-filter:blur(12px);
}
.bgs-course-modal-dialog{
 position:relative;
 z-index:2;
 width:min(900px,100%);
 max-height:92vh;
 overflow:auto;
 padding:34px;
 border-radius:38px;
 background:linear-gradient(145deg,#fff,#fff6f8);
 border:1px solid #fff;
 box-shadow:0 30px 100px rgba(20,10,14,.36);
}
.bgs-course-modal-close{
 position:sticky;
 float:right;
 top:0;
 z-index:4;
 width:44px;
 height:44px;
 border:0;
 border-radius:50%;
 background:#171315;
 color:#fff;
 font-size:27px;
 cursor:pointer;
}
.bgs-course-modal-heading{
 max-width:720px;
 margin-bottom:22px;
}
.bgs-course-modal-heading h2{
 margin:8px 0 10px;
 font-size:clamp(32px,4vw,48px);
 line-height:1.05;
}
.bgs-course-modal-heading p{
 color:var(--muted);
}
.bgs-course-form{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:14px;
}
.bgs-course-field{
 display:grid;
 gap:7px;
 min-width:0;
 margin:0;
 padding:0;
 border:0;
}
.bgs-course-field>span,
.bgs-course-field legend{
 font-size:12px;
 font-weight:900;
}
.bgs-course-field input,
.bgs-course-field textarea{
 width:100%;
 padding:15px 16px;
 border:1px solid var(--line);
 border-radius:17px;
 background:#fff;
 outline:0;
}
.bgs-course-field input:focus,
.bgs-course-field textarea:focus{
 border-color:var(--gold);
 box-shadow:0 0 0 4px rgba(181,139,70,.14);
}
.bgs-course-field small{
 color:var(--muted);
 font-size:11px;
}
.bgs-course-options{
 display:flex;
 flex-wrap:wrap;
 gap:9px;
}
.bgs-course-options label{
 display:flex;
 align-items:center;
 gap:7px;
 padding:11px 13px;
 border:1px solid var(--line);
 border-radius:16px;
 background:#fff;
 font-size:12px;
}
.bgs-course-options input{
 width:auto;
 padding:0;
}
.bgs-course-form .full{
 grid-column:1/-1;
}
.bgs-course-consent{
 display:flex;
 align-items:flex-start;
 gap:10px;
 color:var(--muted);
 font-size:11px;
}
.bgs-course-form-actions{
 display:flex;
 justify-content:flex-end;
 gap:10px;
}
.bgs-course-form-status{
 min-height:0;
 color:#2f6f40;
 font-size:12px;
 font-weight:800;
}
body.bgs-course-modal-open{overflow:hidden}
@media(max-width:1100px){
 .bgs-course-hero-grid,
 .bgs-course-experience-grid,
 .bgs-course-checklist-grid{
  grid-template-columns:1fr;
 }
 .bgs-course-hero-visual{min-height:510px}
 .bgs-course-slider{
  grid-auto-columns:minmax(300px,42%);
 }
 .bgs-course-detail,
 .bgs-course-detail.image-right{
  grid-template-columns:1fr;
 }
 .bgs-course-detail.image-right .bgs-course-detail-media{order:0}
 .bgs-course-detail-media{min-height:430px}
}
@media(max-width:720px){
 .bgs-course-wide{width:min(100% - 28px,1440px)}
 .bgs-course-hero-grid{
  min-height:auto;
  padding-block:48px;
  gap:38px;
 }
 .bgs-course-hero-copy h1{font-size:52px}
 .bgs-course-hero-copy>p{font-size:16px}
 .bgs-course-hero-visual{min-height:420px}
 .bgs-course-hero-image{
  inset:0 0 40px 0;
  border-radius:36px;
 }
 .bgs-course-location-card{
  left:10px;
  right:10px;
  border-radius:24px;
 }
 .bgs-course-overview,
 .bgs-course-details,
 .bgs-course-checklist{
  padding:58px 0;
 }
 .bgs-course-slider{
  grid-auto-columns:86%;
 }
 .bgs-course-slider-button{display:none}
 .bgs-course-experience{padding:58px 0}
 .bgs-course-experience ul{grid-template-columns:1fr}
 .bgs-course-detail{border-radius:30px}
 .bgs-course-detail-media{
  min-height:330px;
  padding:27px;
 }
 .bgs-course-detail-content{padding:25px}
 .bgs-course-detail-content>header{display:block}
 .bgs-course-price{
  display:inline-block;
  max-width:none;
  margin-top:13px;
  text-align:left;
 }
 .bgs-course-info-columns,
 .bgs-course-checklist-lists,
 .bgs-course-form{
  grid-template-columns:1fr;
 }
 .bgs-course-form .full{grid-column:auto}
 .bgs-course-package,
 .bgs-course-final-card{
  display:block;
 }
 .bgs-course-package .btn,
 .bgs-course-final-card .btn{
  width:100%;
  margin-top:18px;
 }
 .bgs-course-final-card{
  padding:31px;
  border-radius:30px;
 }
 .bgs-course-modal{
  padding:9px;
 }
 .bgs-course-modal-dialog{
  padding:23px;
  border-radius:28px;
 }
}
@media(prefers-reduced-motion:reduce){
 .bgs-course-hero-image:after{display:none}
}
