.cbb-form{
  width:100%;
  max-width:780px;
  margin:0 auto;
  padding:18px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.10);
  font-family:inherit;
  color:#111;
}
.cbb-form *{box-sizing:border-box}
.cbb-form input,.cbb-form select,.cbb-form textarea{
  width:100%;
  min-height:52px;
  padding:14px 15px;
  margin-top:8px;
  border:1px solid #e1e1e1;
  border-radius:16px;
  background:#fff;
  color:#111;
  font-size:16px;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.cbb-form input:focus,.cbb-form select:focus,.cbb-form textarea:focus{
  border-color:var(--cbb-primary,#111);
  box-shadow:0 0 0 4px rgba(17,17,17,.08);
}
.cbb-form textarea{min-height:110px;resize:vertical}
.cbb-form label{display:block;margin:0 0 14px;font-weight:800;color:#1d1d1f}
.cbb-form button{
  min-height:48px;
  border:0;
  border-radius:999px;
  padding:13px 22px;
  background:var(--cbb-primary,#111);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease;
}
.cbb-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.cbb-form button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none}
.cbb-success,.cbb-error{
  margin:0 0 14px;
  padding:14px 16px;
  border-radius:18px;
  font-weight:900;
}
.cbb-success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}
.cbb-error{background:#fff1f3;color:#c01048;border:1px solid #fecdd6}
.cbb-size-small{max-width:500px}.cbb-size-large{max-width:1040px}
.cbb-list{border:1px solid #e7e7e7;padding:16px;border-radius:18px;background:#fff}
.cbb-location-banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:18px;
  margin-bottom:16px;
  border:1px solid #ededed;
  border-radius:24px;
  background:linear-gradient(180deg,#fafafa,#f4f4f4);
}
.cbb-location-banner strong{font-size:22px;letter-spacing:-.03em}
.cbb-location-banner span{font-size:14px;color:#5f6368;font-weight:700}
.cbb-progress{display:none!important}
.cbb-wizard form{display:block}
.cbb-wizard-step{
  display:none;
  border:1px solid #eeeeee;
  border-radius:26px;
  padding:20px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.04);
}
.cbb-wizard-step.is-active{display:block;animation:cbbFade .22s ease}
@keyframes cbbFade{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.cbb-step-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.cbb-step-title>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--cbb-primary,#111);
  color:#fff;
  font-weight:950;
  flex:0 0 auto;
}
.cbb-step-title strong{display:block;font-size:24px;line-height:1.08;letter-spacing:-.04em;color:#1b1b1b}
.cbb-step-title small{display:block;margin-top:5px;color:#6b6b6b;font-weight:700}
.cbb-calendar{border:0;padding:0;margin:0}
.cbb-cal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  margin-bottom:14px;
  border:1px solid #ebebeb;
  border-radius:24px;
  background:#f7f7f7;
}
.cbb-cal-head strong{
  flex:1;
  text-align:center;
  text-transform:capitalize;
  font-size:22px;
  letter-spacing:-.04em;
  color:#222;
}
.cbb-cal-head button{
  width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  border:1px solid #e2e2e2;
  border-radius:18px;
  background:#fff;
  color:#111;
  font-size:32px;
  line-height:1;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.cbb-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.cbb-cal-weekday{text-align:center;font-size:12px;font-weight:950;color:#555;padding:6px 0;text-transform:uppercase;letter-spacing:.04em}
.cbb-cal-empty{min-height:76px}
.cbb-day{
  position:relative;
  min-width:0;
  min-height:78px!important;
  padding:10px 4px!important;
  border:1px solid #e3e3e3!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#111!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  box-shadow:0 8px 20px rgba(0,0,0,.035);
}
.cbb-day strong{font-size:24px;line-height:1;letter-spacing:-.04em}
.cbb-day small{font-size:11px;color:#087a2f;font-weight:950;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.cbb-day:hover:not(:disabled){border-color:var(--cbb-primary,#111)!important;box-shadow:0 14px 28px rgba(0,0,0,.10)}
.cbb-day.is-selected{background:var(--cbb-primary,#111)!important;color:#fff!important;border-color:var(--cbb-primary,#111)!important;box-shadow:none!important}
.cbb-day.is-selected small{color:#fff}
.cbb-day.is-disabled{opacity:.38;cursor:not-allowed;background:#f7f7f7!important;box-shadow:none}
.cbb-day.is-disabled small{color:#777}.cbb-day.is-holiday{border-style:dashed!important}.cbb-time-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}
.cbb-slot{
  min-height:56px;
  background:#fff!important;
  color:#111!important;
  border:1px solid #e0e0e0!important;
  border-radius:18px!important;
  padding:14px 12px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.04);
}
.cbb-slot strong{font-size:16px}.cbb-slot:hover{border-color:var(--cbb-primary,#111)!important}.cbb-slot.is-selected{background:var(--cbb-primary,#111)!important;color:#fff!important;border-color:var(--cbb-primary,#111)!important}
.cbb-slot-note{margin:10px 0;color:#666;font-size:15px;font-weight:800}
.cbb-services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cbb-service-option{
  display:flex!important;
  align-items:flex-start;
  gap:13px;
  margin:0!important;
  padding:16px;
  border:1px solid #e5e5e5;
  border-radius:22px;
  background:#fbfbfb;
  cursor:pointer;
}
.cbb-service-option input{width:22px!important;min-height:22px!important;margin:3px 0 0!important;accent-color:var(--cbb-primary,#111)}
.cbb-service-option span{display:grid;gap:5px}.cbb-service-option strong{font-size:17px;letter-spacing:-.02em}.cbb-service-option small{font-weight:800;color:#666}.cbb-service-option:has(input:checked){border-color:var(--cbb-primary,#111);background:var(--cbb-primary,#111);color:#fff;box-shadow:none}.cbb-service-option:has(input:checked) strong,.cbb-service-option:has(input:checked) small{color:#fff!important}
.cbb-selected-summary{margin-top:14px;padding:14px 16px;border:1px solid #e8e8e8;border-radius:18px;background:#fafafa;color:#343434;font-weight:900}
.cbb-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.cbb-back{background:#f1f1f1!important;color:#111!important}.cbb-next,.cbb-submit{margin-left:auto}.cbb-submit{width:100%}
.cbb-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cbb-field{margin:0!important}.cbb-field-full{grid-column:1/-1}
.cbb-final-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.cbb-final-summary div{padding:14px;border:1px solid #e8e8e8;border-radius:18px;background:#fafafa}.cbb-final-summary strong{display:block;margin-bottom:5px;font-size:12px;text-transform:uppercase;color:#6b6b6b}.cbb-final-summary span{font-weight:900;color:#111}.cbb-form input[type="hidden"]{display:none!important}
@media(max-width:760px){
  .cbb-form{padding:14px;border-radius:24px;box-shadow:0 16px 44px rgba(0,0,0,.11)}
  .cbb-location-banner{display:block;padding:16px;border-radius:22px}.cbb-location-banner strong{display:block;font-size:21px}.cbb-location-banner span{display:block;margin-top:4px}
  .cbb-wizard-step{padding:16px;border-radius:24px}.cbb-step-title{align-items:flex-start}.cbb-step-title>span{width:38px;height:38px}.cbb-step-title strong{font-size:22px}
  .cbb-cal-head{border-radius:22px}.cbb-cal-head strong{font-size:20px}.cbb-cal-head button{width:46px;height:46px;border-radius:17px}
  .cbb-cal-grid{gap:7px}.cbb-cal-weekday{font-size:11px}.cbb-cal-empty{min-height:58px}.cbb-day{min-height:62px!important;border-radius:17px!important;padding:8px 2px!important}.cbb-day strong{font-size:20px}.cbb-day small{font-size:9px}
  .cbb-time-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cbb-slot{min-height:52px;border-radius:16px!important}
  .cbb-services-list,.cbb-fields-grid,.cbb-final-summary{grid-template-columns:1fr}.cbb-step-actions{position:sticky;bottom:10px;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:8px;border:1px solid rgba(0,0,0,.06);border-radius:999px}.cbb-step-actions button{flex:1}
}
@media(max-width:430px){
  .cbb-form{padding:12px;border-radius:22px}.cbb-wizard-step{padding:14px;border-radius:22px}.cbb-cal-grid{gap:6px}.cbb-day{min-height:58px!important;border-radius:15px!important}.cbb-day strong{font-size:19px}.cbb-day small{display:none}.cbb-time-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.cbb-form input,.cbb-form select,.cbb-form textarea{font-size:16px}
}


/* Afspraak Systeem v1.8 premium refinements */
.cbb-form{background:linear-gradient(180deg,#fff 0%,#fbf7f0 100%);border:1px solid rgba(20,20,20,.08);box-shadow:0 24px 80px rgba(0,0,0,.10)}
.cbb-wizard-step{background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(18,18,18,.07)}
.cbb-step-title span{background:#111;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.cbb-cal-head{background:#111;color:#fff;border-radius:24px;padding:10px 12px;margin-bottom:14px}
.cbb-cal-head button{background:#fff!important;color:#111!important;border:0!important;border-radius:999px!important;width:42px;height:42px;font-size:26px;line-height:1}
.cbb-cal-grid{background:#fff;border:1px solid #eee6d9;border-radius:24px;padding:12px}
.cbb-cal-weekday{color:#8a7c68;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.cbb-day{background:#faf8f4!important;border:1px solid #eee2d3!important;box-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.cbb-day:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.08)!important;background:#fff!important}
.cbb-day.is-selected{background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:none!important}
.cbb-day.is-selected small{color:#d9c39c!important}
.cbb-day.is-disabled{background:#f1f1f1!important;color:#aaa!important;border-color:#ececec!important}
.cbb-time-slots{margin-top:14px}
.cbb-slot{background:#fff!important;border:1px solid #eadfcc!important;border-radius:18px!important;min-height:64px!important;box-shadow:0 8px 20px rgba(0,0,0,.045)!important;transition:all .18s ease!important}
.cbb-slot:hover{transform:translateY(-2px);border-color:#111!important;box-shadow:0 14px 30px rgba(0,0,0,.11)!important}
.cbb-slot.is-selected{background:#111!important;color:#fff!important;border-color:#111!important}
.cbb-slot small{display:block;font-size:11px;color:#8a7c68;font-weight:800;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}
.cbb-slot.is-selected small{color:#d9c39c}
.cbb-service-option{border-radius:22px!important;background:#fff!important;border:1px solid #eee2d3!important;box-shadow:0 8px 24px rgba(0,0,0,.045)}
.cbb-service-option:has(input:checked){border-color:#111!important;background:#111!important;color:#fff!important;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.cbb-service-option:has(input:checked) small{color:#d9c39c!important}
.cbb-selected-summary{background:#111;color:#fff;border-radius:18px;padding:14px 16px;font-weight:800;margin-top:14px}
.cbb-submit,.cbb-next{background:#111!important;color:#fff!important;border-color:#111!important;border-radius:999px!important;padding:14px 22px!important;font-weight:900!important}
.cbb-back{border-radius:999px!important;padding:14px 22px!important;font-weight:900!important}
.cbb-success{background:#e9f8ef;border:1px solid #b7ebc8;color:#116b2d;border-radius:18px;padding:14px 16px;font-weight:800}
.cbb-error{background:#fff1f1;border:1px solid #ffc7c7;color:#9f1919;border-radius:18px;padding:14px 16px;font-weight:800}
@media(max-width:640px){
  .cbb-form{padding:10px!important;border-radius:26px!important;margin:0!important}
  .cbb-wizard-step{padding:16px!important;border-radius:24px!important}
  .cbb-step-title strong{font-size:21px!important}
  .cbb-cal-grid{gap:7px!important;padding:9px!important;border-radius:20px!important}
  .cbb-cal-weekday{font-size:10px!important}
  .cbb-day{min-height:54px!important;border-radius:16px!important;padding:8px 2px!important}
  .cbb-day strong{font-size:18px!important}
  .cbb-time-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .cbb-slot{min-height:58px!important}
  .cbb-step-actions{border-radius:24px!important;bottom:8px!important;box-shadow:0 12px 35px rgba(0,0,0,.13)}
}

/* v1.9 success screen and booking view */
.cbb-success-screen,.cbb-booking-view{display:flex;justify-content:center;padding:34px 14px}.cbb-success-card{width:min(100%,520px);background:linear-gradient(180deg,#fff,#faf8f4);border:1px solid rgba(17,17,17,.08);border-radius:30px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.12);text-align:center}.cbb-success-badge{width:68px;height:68px;border-radius:50%;display:inline-grid;place-items:center;background:#111;color:#fff;font-size:34px;font-weight:800;margin-bottom:14px;box-shadow:0 12px 32px rgba(0,0,0,.2)}.cbb-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#9b8057;font-weight:800}.cbb-success-card h2{margin:0 0 10px;font-size:clamp(26px,6vw,38px);line-height:1.05;color:#111}.cbb-success-copy{margin:0 auto 22px;color:#6d6256;max-width:380px}.cbb-success-details{display:grid;gap:10px;text-align:left;margin:22px 0}.cbb-success-details div{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff;border:1px solid #eee7dd;border-radius:18px;padding:14px 16px}.cbb-success-details span{font-size:12px;color:#8b8178;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.cbb-success-details strong{font-size:15px;color:#111;text-align:right}.cbb-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.cbb-success-primary,.cbb-success-secondary,.cbb-success-new,.cbb-cancel-btn{border:0;border-radius:999px;padding:14px 18px;text-decoration:none;font-weight:800;cursor:pointer;display:inline-block}.cbb-success-primary{background:#111;color:#fff}.cbb-success-secondary{background:#c9b89b;color:#111}.cbb-success-new{margin-top:12px;color:#111;background:transparent;text-decoration:underline}.cbb-cancel-btn{background:#fff1f1;color:#991b1b;width:100%;border:1px solid #fecaca}@media(max-width:560px){.cbb-success-card{border-radius:24px;padding:24px 18px}.cbb-success-actions{grid-template-columns:1fr}.cbb-success-details div{display:block}.cbb-success-details strong{display:block;text-align:left;margin-top:4px}.cbb-success-screen,.cbb-booking-view{padding:18px 8px}}

.cbb-live-message {
  display: none;
  margin: 14px 0 18px;
  padding: 13px 15px;
  border-radius: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.cbb-live-message.is-success {
  display: block;
  color: #14532d;
  background: #dcfce7;
  border: 1px solid rgba(22, 163, 74, .25);
}
.cbb-live-message.is-error {
  display: block;
  color: #7f1d1d;
  background: #fee2e2;
  border: 1px solid rgba(220, 38, 38, .25);
}
.cbb-slot:disabled {
  opacity: .55;
  cursor: progress;
}
.cbb-success-screen {
  scroll-margin-top: 24px;
}
@media (max-width: 640px) {
  .cbb-success-screen {
    scroll-margin-top: 12px;
  }
}


/* Afspraak Systeem v2.3 mobile calendar readability fix */
.cbb-cal-head strong,
.cbb-cal-head .cbb-month-title {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 950 !important;
}

.cbb-cal-head {
  min-height: 62px;
}

.cbb-day small {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.15 !important;
  min-height: 14px;
  width: 100%;
  text-align: center;
}

@media (max-width: 640px) {
  .cbb-cal-head {
    padding: 9px 10px !important;
    border-radius: 20px !important;
    gap: 8px !important;
  }

  .cbb-cal-head strong {
    font-size: 19px !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
    color: #fff !important;
  }

  .cbb-cal-head button {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    font-size: 24px !important;
    flex: 0 0 40px !important;
  }

  .cbb-cal-grid {
    gap: 6px !important;
    padding: 8px !important;
  }

  .cbb-cal-empty {
    min-height: 64px !important;
  }

  .cbb-day {
    min-height: 68px !important;
    padding: 9px 2px 8px !important;
    gap: 5px !important;
    border-radius: 15px !important;
  }

  .cbb-day strong {
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .cbb-day small {
    font-size: 9px !important;
    line-height: 1.1 !important;
    max-width: 42px !important;
    min-height: 20px !important;
  }
}

@media (max-width: 390px) {
  .cbb-form {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .cbb-wizard-step {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .cbb-cal-grid {
    gap: 4px !important;
    padding: 6px !important;
  }

  .cbb-cal-weekday {
    font-size: 9px !important;
    letter-spacing: .03em !important;
  }

  .cbb-day {
    min-height: 66px !important;
    border-radius: 13px !important;
  }

  .cbb-day strong {
    font-size: 18px !important;
  }

  .cbb-day small {
    font-size: 8.5px !important;
    max-width: 38px !important;
  }
}


/* Afspraak Systeem v2.4 clean calendar status */
.cbb-day .cbb-day-status,
.cbb-day small {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.cbb-day .cbb-day-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #15803d;
  display: block;
  margin-top: 4px;
  box-shadow: 0 0 0 3px rgba(21,128,61,.10);
}
.cbb-day.is-selected .cbb-day-dot {
  background: #fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.20);
}
.cbb-day.is-disabled .cbb-day-dot {
  display: none;
}
@media (max-width: 640px) {
  .cbb-day {
    min-height: 58px !important;
    padding: 8px 2px !important;
    gap: 3px !important;
  }
  .cbb-day strong {
    font-size: 20px !important;
  }
  .cbb-day .cbb-day-dot {
    width: 6px;
    height: 6px;
    margin-top: 3px;
  }
  .cbb-day .cbb-day-status-text {
    font-size: 8.5px !important;
    max-width: 38px !important;
  }
}
@media (max-width: 390px) {
  .cbb-day {
    min-height: 54px !important;
  }
  .cbb-day strong {
    font-size: 18px !important;
  }
}

/* Afspraak Systeem v3.2 premium booking title */
.cbb-booking-hero{
  position:relative;
  overflow:hidden;
  margin:0 0 18px;
  padding:28px 24px;
  border-radius:28px;
  background:radial-gradient(circle at top right, rgba(201,184,155,.35), transparent 34%), linear-gradient(135deg,#111 0%,#23201b 100%);
  color:#fff;
  box-shadow:0 22px 60px rgba(0,0,0,.16);
}
.cbb-booking-hero:after{
  content:"";
  position:absolute;
  width:140px;
  height:140px;
  right:-60px;
  bottom:-70px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
}
.cbb-booking-hero-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  color:#d9c39c;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cbb-booking-hero h2{
  margin:13px 0 8px!important;
  color:#fff!important;
  font-size:clamp(30px,6vw,48px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  font-weight:900!important;
}
.cbb-booking-hero p{
  margin:0!important;
  max-width:520px;
  color:rgba(255,255,255,.78)!important;
  font-size:16px;
  line-height:1.45;
  font-weight:600;
}
.cbb-booking-hero-location{
  display:inline-flex;
  margin-top:15px;
  padding:9px 13px;
  border-radius:999px;
  background:#c9b89b;
  color:#111;
  font-weight:900;
  font-size:13px;
}
@media(max-width:640px){
  .cbb-booking-hero{padding:22px 18px;border-radius:24px;margin-bottom:14px}
  .cbb-booking-hero h2{font-size:34px!important}
  .cbb-booking-hero p{font-size:14px}
}

/* v4.1 premium success screen */
.cbb-success-next{min-height:70vh;display:grid;place-items:start center;padding:28px 14px 42px;background:radial-gradient(circle at 50% 0%,rgba(201,184,155,.22),transparent 42%)}
.cbb-success-next-card{position:relative;overflow:hidden;width:min(100%,620px);background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%);border:1px solid rgba(17,17,17,.08);border-radius:34px;padding:34px;box-shadow:0 28px 90px rgba(0,0,0,.14);text-align:center;color:#111}
.cbb-success-glow{position:absolute;inset:-80px -80px auto auto;width:220px;height:220px;border-radius:50%;background:rgba(201,184,155,.35);filter:blur(8px);pointer-events:none}
.cbb-success-check{position:relative;width:86px;height:86px;margin:0 auto 16px;border-radius:50%;background:#111;display:grid;place-items:center;box-shadow:0 18px 44px rgba(17,17,17,.25);animation:cbb-pop .5s ease-out both}
.cbb-success-check svg{width:58px;height:58px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.cbb-success-check circle{opacity:.2}.cbb-success-check path{stroke-dasharray:36;stroke-dashoffset:36;animation:cbb-check 650ms 250ms ease-out forwards}
.cbb-success-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:900;color:#9b8057}.cbb-success-next h2{font-size:clamp(30px,7vw,48px);line-height:1;margin:0 0 10px;letter-spacing:-.04em}.cbb-success-lead{max-width:430px;margin:0 auto 24px;color:#6f665d;font-size:15px;line-height:1.6}
.cbb-success-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 22px;text-align:left}.cbb-success-summary div{background:#fff;border:1px solid #eee7dd;border-radius:20px;padding:15px 16px}.cbb-success-summary span{display:block;margin-bottom:5px;color:#8b8178;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.cbb-success-summary strong{font-size:16px;color:#111;line-height:1.25}
.cbb-success-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.cbb-success-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:13px 18px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cbb-success-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.10)}.cbb-success-btn-dark{background:#111;color:#fff}.cbb-success-btn-light{background:#fff;color:#111;border-color:#e9dfd1}.cbb-success-btn-whatsapp{background:#1f8f4d;color:#fff}.cbb-success-note{margin:18px 0 0;padding:13px 15px;border-radius:18px;background:#f7f1e7;color:#5f5142;font-size:13px;line-height:1.45}.cbb-success-new-link{display:inline-block;margin-top:18px;color:#111;font-weight:900;text-decoration:underline;text-underline-offset:4px}
@keyframes cbb-pop{0%{opacity:0;transform:scale(.72)}70%{transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}@keyframes cbb-check{to{stroke-dashoffset:0}}
@media(max-width:620px){.cbb-success-next{padding:14px 8px 28px;place-items:start center}.cbb-success-next-card{border-radius:26px;padding:26px 18px}.cbb-success-check{width:74px;height:74px}.cbb-success-check svg{width:50px;height:50px}.cbb-success-summary{grid-template-columns:1fr}.cbb-success-main-actions{grid-template-columns:1fr}.cbb-success-btn{min-height:50px}.cbb-success-note{text-align:left}}

/* v4.3 agenda buttons and exact booking time polish */
.cbb-success-btn-calendar{
  justify-content:flex-start;
  gap:12px;
  padding:12px 14px;
  border-radius:18px;
  min-height:62px;
  text-align:left;
}
.cbb-success-btn-calendar .cbb-btn-ico{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  font-weight:950;
  color:#fff;
  background:#111;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
.cbb-success-btn-calendar span:last-child{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.cbb-success-btn-calendar strong{
  display:block;
  font-size:14px;
  line-height:1.15;
}
.cbb-success-btn-calendar small{
  display:block;
  font-size:11px;
  line-height:1.15;
  color:#7b6d5e;
  font-weight:800;
}
.cbb-success-btn-google{background:#fff;color:#111;border-color:#ded6ca;}
.cbb-success-btn-apple{background:#fffaf3;color:#111;border-color:#ead9bd;}
@media(max-width:620px){
  .cbb-success-main-actions{gap:9px;}
  .cbb-success-btn-calendar{min-height:58px;border-radius:16px;padding:11px 12px;}
  .cbb-success-btn-calendar .cbb-btn-ico{width:32px;height:32px;flex-basis:32px;border-radius:11px;}
}


/* v4.4 black premium calendar buttons fix */
.cbb-success-main-actions .cbb-success-btn-calendar,
.cbb-success-main-actions .cbb-success-btn-google,
.cbb-success-main-actions .cbb-success-btn-apple{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.cbb-success-main-actions .cbb-success-btn-calendar:hover,
.cbb-success-main-actions .cbb-success-btn-google:hover,
.cbb-success-main-actions .cbb-success-btn-apple:hover{
  background:#000 !important;
  color:#fff !important;
}
.cbb-success-main-actions .cbb-success-btn-calendar strong,
.cbb-success-main-actions .cbb-success-btn-calendar small,
.cbb-success-main-actions .cbb-success-btn-calendar span{
  color:#fff !important;
}
.cbb-success-main-actions .cbb-success-btn-calendar small{
  opacity:.72;
}
.cbb-success-main-actions .cbb-success-btn-calendar .cbb-btn-ico{
  background:#fff !important;
  color:#111 !important;
  box-shadow:none;
}
@media(max-width:620px){
  .cbb-success-main-actions .cbb-success-btn-calendar{
    min-height:64px;
    padding:13px 14px;
  }
}

/* v4.5 agenda perfect */
.cbb-success-main-actions{
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.cbb-success-main-actions .cbb-success-btn-dark{
  grid-column:1 / -1;
  background:#111 !important;
  color:#fff !important;
  min-height:58px;
}
.cbb-success-main-actions .cbb-success-btn-calendar,
.cbb-success-main-actions .cbb-success-btn-google,
.cbb-success-main-actions .cbb-success-btn-apple{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
  border-radius:20px;
  min-height:70px;
  padding:14px 16px;
}
.cbb-success-main-actions .cbb-success-btn-calendar strong,
.cbb-success-main-actions .cbb-success-btn-calendar small,
.cbb-success-main-actions .cbb-success-btn-calendar span{
  color:#fff !important;
}
.cbb-success-main-actions .cbb-success-btn-calendar small{
  opacity:.78;
}
.cbb-success-main-actions .cbb-success-btn-calendar .cbb-btn-ico{
  background:#fff !important;
  color:#111 !important;
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:14px;
}
.cbb-success-btn-whatsapp{display:none !important;}
@media(max-width:620px){
  .cbb-success-main-actions{grid-template-columns:1fr;gap:10px;}
  .cbb-success-main-actions .cbb-success-btn-dark{grid-column:auto;}
  .cbb-success-main-actions .cbb-success-btn-calendar{min-height:66px;}
}


/* Firstclass Design Studio v5.1 SaaS branding */
.cbb-form{background:var(--cbb-surface,#fbfaf7)!important;color:var(--cbb-text,#111)!important;border-radius:var(--cbb-radius,24px)!important;}
.cbb-booking-hero{background:linear-gradient(135deg,var(--cbb-primary,#111),#2a2a2a)!important;color:#fff!important;border-radius:calc(var(--cbb-radius,24px) + 4px)!important;position:relative;overflow:hidden;}
.cbb-booking-hero:after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;background:var(--cbb-accent,#c9b89b);opacity:.25;border-radius:50%;filter:blur(2px)}
.cbb-booking-hero-badge,.cbb-booking-hero-location{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;backdrop-filter:blur(10px)}
.cbb-wizard-step,.cbb-service-option,.cbb-selected-summary,.cbb-final-summary div{border-radius:var(--cbb-radius,24px)!important;}
.cbb-next,.cbb-submit,.cbb-success-primary,.cbb-agenda-btn{background:var(--cbb-primary,#111)!important;color:#fff!important;}
.cbb-back,.cbb-success-secondary{background:var(--cbb-accent,#c9b89b)!important;color:var(--cbb-text,#111)!important;}
.cbb-day.is-selected,.cbb-slot.is-selected,.cbb-service-option:has(input:checked){background:var(--cbb-primary,#111)!important;color:#fff!important;border-color:var(--cbb-primary,#111)!important;}
.cbb-day .cbb-dot{background:var(--cbb-accent,#16a34a)!important;}
.cbb-brand-minimal .cbb-booking-hero{background:#fff!important;color:var(--cbb-text,#111)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;}
.cbb-brand-bold .cbb-booking-hero{background:var(--cbb-primary,#111)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;}

/* Firstclass Design Studio v5.5 mobile-first frontend polish */
@media(max-width:760px){
  .cbb-form{width:calc(100% - 16px)!important;margin:8px auto!important;padding:12px!important;border-radius:24px!important}
  .cbb-booking-title,
  .cbb-form h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.05!important;text-align:center!important}
  .cbb-booking-subtitle{font-size:14px!important;text-align:center!important;margin-bottom:16px!important}
  .cbb-location-banner{padding:14px!important;border-radius:20px!important}
  .cbb-cal-head{position:sticky;top:0;z-index:4;border-radius:20px!important}
  .cbb-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;padding:8px!important;border-radius:18px!important}
  .cbb-cal-weekday{font-size:9px!important;letter-spacing:.04em!important;padding:2px 0!important}
  .cbb-day{min-height:50px!important;border-radius:14px!important;padding:6px 1px!important}
  .cbb-day strong{font-size:17px!important;line-height:1!important}
  .cbb-day small,.cbb-day .status-text{display:none!important}
  .cbb-dot{width:6px!important;height:6px!important;bottom:5px!important}
  .cbb-time-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cbb-slot{min-height:56px!important;border-radius:16px!important;font-size:15px!important}
  .cbb-slot small{font-size:10px!important}
  .cbb-services-list,.cbb-fields-grid,.cbb-final-summary{grid-template-columns:1fr!important}
  .cbb-service-option{padding:14px!important;border-radius:18px!important}
  .cbb-step-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border-radius:20px!important;padding:8px!important}
  .cbb-step-actions .cbb-submit{grid-column:1/-1!important;width:100%!important}
  .cbb-form button,.cbb-form input,.cbb-form select,.cbb-form textarea{font-size:16px!important}
  .cbb-success-screen,.cbb-booking-view{padding:12px 6px!important}
  .cbb-success-card{padding:22px 16px!important;border-radius:22px!important}
  .cbb-success-actions{grid-template-columns:1fr!important}
  .cbb-success-primary,.cbb-success-secondary,.cbb-success-new{width:100%!important;text-align:center!important;background:#111!important;color:#fff!important}
}
@media(max-width:380px){
  .cbb-cal-grid{gap:4px!important;padding:6px!important}
  .cbb-day{min-height:46px!important;border-radius:12px!important}
  .cbb-day strong{font-size:16px!important}
  .cbb-time-slots{grid-template-columns:1fr!important}
}


/* v5.6: na succesvolle boeking alleen het bevestigingsscherm tonen */
.cbb-success-only {
  padding-top: 0 !important;
}
.cbb-success-only .cbb-success-next {
  margin-top: 0 !important;
}
.cbb-success-only .cbb-success-next-card {
  margin-top: 0 !important;
}
@media (max-width: 640px) {
  .cbb-success-only {
    padding: 12px !important;
  }
}


/* v6.1 editable service notice */
.cbb-service-note-box{
  margin:16px 0 4px;
  padding:15px 16px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#faf8f4);
  color:var(--cbb-text,#111);
  text-align:center;
  box-shadow:0 10px 28px rgba(0,0,0,.045);
}
.cbb-service-note-box strong{display:block;font-size:14px;letter-spacing:.02em;margin-bottom:4px;color:var(--cbb-primary,#111)}
.cbb-service-note-box p{margin:0;color:#665c52;font-weight:750;line-height:1.45;font-size:14px}
.cbb-service-note-box a{color:var(--cbb-primary,#111);font-weight:900;text-decoration:none;border-bottom:1px solid currentColor}
@media(max-width:640px){.cbb-service-note-box{padding:14px;border-radius:16px}.cbb-service-note-box p{font-size:13px}}

/* v6.3 klant afspraak beheren */
.cbb-manage-notice{
  background:#ecfdf3;
  border:1px solid #b7f0c9;
  color:#146c2e;
  padding:12px 14px;
  border-radius:14px;
  font-weight:800;
  margin-bottom:16px;
  text-align:center;
}
.cbb-manage-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.cbb-reschedule-form{
  margin-top:18px;
  padding:16px;
  background:#f7f4ee;
  border-radius:18px;
  display:grid;
  gap:12px;
  text-align:left;
}
.cbb-reschedule-form h3{margin:0 0 4px;font-size:18px;text-align:center;}
.cbb-reschedule-form label{display:grid;gap:6px;font-weight:800;color:#111;}
.cbb-reschedule-form input{width:100%;border:1px solid #e3ddd3;border-radius:14px;padding:13px 14px;font-size:16px;background:#fff;}
@media(max-width:640px){.cbb-manage-actions{grid-template-columns:1fr}.cbb-reschedule-form{padding:14px}}

/* v6.6 premium beheerpagina */
.cbb-booking-view{
  max-width:760px;
  margin:32px auto;
  padding:14px;
}
.cbb-booking-view .cbb-success-card{
  position:relative;
  overflow:hidden;
  border-radius:32px!important;
  border:1px solid rgba(17,17,17,.08);
  box-shadow:0 28px 80px rgba(0,0,0,.12);
  background:linear-gradient(180deg,#fff,#fbfaf7)!important;
}
.cbb-booking-view .cbb-success-card:before{
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:220px;
  height:220px;
  background:var(--cbb-accent,#c9b89b);
  opacity:.20;
  border-radius:999px;
  filter:blur(4px);
}
.cbb-booking-view .cbb-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:999px;
  background:#111;
  color:#fff!important;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin:0 auto 12px;
}
.cbb-booking-view h2{
  margin:0 0 20px!important;
  font-size:clamp(30px,6vw,46px)!important;
  line-height:1.02!important;
  text-align:center;
  color:#111!important;
}
.cbb-booking-view .cbb-success-details{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;
  margin:20px 0 22px!important;
}
.cbb-booking-view .cbb-success-details div{
  background:#fff!important;
  border:1px solid #ebe4da!important;
  border-radius:22px!important;
  padding:16px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.035);
}
.cbb-booking-view .cbb-success-details span{
  display:block;
  color:#8b8176!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:7px;
}
.cbb-booking-view .cbb-success-details strong{
  display:block;
  color:#111!important;
  font-size:18px!important;
  line-height:1.2!important;
}
.cbb-manage-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:16px;
}
.cbb-booking-view .cbb-success-secondary,
.cbb-booking-view .cbb-success-btn,
.cbb-booking-view .cbb-cancel-btn{
  display:flex!important;
  width:100%!important;
  min-height:58px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:22px!important;
  font-weight:900!important;
  font-size:16px!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
.cbb-booking-view .cbb-success-secondary,
.cbb-booking-view .cbb-success-btn{
  background:#111!important;
  color:#fff!important;
  border:2px solid #111!important;
}
.cbb-booking-view .cbb-cancel-btn{
  background:#fff!important;
  color:#111!important;
  border:2px solid #111!important;
}
.cbb-reschedule-form{
  margin-top:20px!important;
  padding:20px!important;
  border:1px solid #ebe4da!important;
  border-radius:24px!important;
  background:#f7f4ee!important;
}
.cbb-reschedule-form h3{
  font-size:22px!important;
  margin-bottom:12px!important;
}
.cbb-reschedule-form label{
  color:#111!important;
  font-size:13px!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cbb-reschedule-form input{
  margin-top:7px!important;
  min-height:54px!important;
  border-radius:18px!important;
  border:1px solid #ded5c8!important;
}
@media(max-width:640px){
  .cbb-booking-view{margin:12px auto!important;padding:8px!important;}
  .cbb-booking-view .cbb-success-card{padding:22px 14px!important;border-radius:26px!important;}
  .cbb-booking-view .cbb-success-details{grid-template-columns:1fr!important;gap:10px!important;}
  .cbb-booking-view .cbb-success-details div{padding:15px!important;border-radius:20px!important;}
  .cbb-booking-view .cbb-success-secondary,
  .cbb-booking-view .cbb-success-btn,
  .cbb-booking-view .cbb-cancel-btn{min-height:60px!important;border-radius:22px!important;}
}


/* v6.8 premium success screen clarity */
.cbb-success-next-card{
  background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%) !important;
}
.cbb-success-check{
  background:#111 !important;
  color:#fff !important;
  box-shadow:0 18px 46px rgba(17,17,17,.28) !important;
}
.cbb-success-check svg,
.cbb-success-check path,
.cbb-success-check circle{
  stroke:#fff !important;
}
.cbb-success-kicker{
  color:#111 !important;
  opacity:1 !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  margin:0 0 10px !important;
}
.cbb-success-title,
.cbb-success-next h2{
  color:#111 !important;
  font-size:clamp(34px,8vw,56px) !important;
  font-weight:900 !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  margin:0 0 14px !important;
  text-shadow:none !important;
}
.cbb-success-lead{
  color:#4b4b4b !important;
  font-size:17px !important;
  font-weight:600 !important;
  line-height:1.55 !important;
}
@media(max-width:620px){
  .cbb-success-next-card{padding:30px 18px !important;border-radius:28px !important;}
  .cbb-success-check{width:82px !important;height:82px !important;margin-bottom:18px !important;}
  .cbb-success-check svg{width:56px !important;height:56px !important;}
  .cbb-success-kicker{font-size:13px !important;letter-spacing:.14em !important;}
  .cbb-success-title,.cbb-success-next h2{font-size:38px !important;}
  .cbb-success-lead{font-size:16px !important;}
}

/* === Firstclass Design Studio v7.0 full polish UI === */
.cbb-form,
.cbb-wizard,
.cbb-success-only {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.cbb-form * { box-sizing: border-box; }
.cbb-wizard button,
.cbb-wizard input,
.cbb-wizard select,
.cbb-wizard textarea,
.cbb-success-next a {
  -webkit-tap-highlight-color: transparent;
}
.cbb-booking-hero,
.cbb-panel,
.cbb-success-next-card,
.cbb-service-card,
.cbb-time-slot,
.cbb-day,
.cbb-field input,
.cbb-field select,
.cbb-field textarea {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease, opacity .22s ease;
}
.cbb-day:not(.is-disabled):active,
.cbb-time-slot:not(.is-disabled):active,
.cbb-service-card:active,
.cbb-btn:active,
.cbb-success-btn:active,
.cbb-success-new-link:active {
  transform: scale(.985);
}
.cbb-day.is-selected,
.cbb-time-slot.is-selected,
.cbb-service-card.is-selected {
  box-shadow: 0 18px 38px rgba(0,0,0,.16);
}
.cbb-panel {
  overflow: hidden;
}
.cbb-panel::before,
.cbb-success-next-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 82% 8%, rgba(201,184,155,.18), transparent 34%);
  opacity: .85;
}
.cbb-success-next-card { position: relative; }
.cbb-success-next-card > * { position: relative; z-index: 1; }
.cbb-success-check {
  width: 88px !important;
  height: 88px !important;
  background: #111 !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 52px rgba(17,17,17,.25), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.cbb-success-check svg {
  width: 58px !important;
  height: 58px !important;
  display: block;
}
.cbb-success-check circle {
  stroke: rgba(255,255,255,.25) !important;
}
.cbb-success-check path {
  stroke: #fff !important;
  stroke-width: 4.8 !important;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.18));
}
.cbb-success-kicker {
  color: #111 !important;
  opacity: .82 !important;
  letter-spacing: .22em !important;
}
.cbb-success-title {
  color: #111 !important;
  line-height: .98 !important;
  margin-top: 8px !important;
  text-wrap: balance;
}
.cbb-success-lead {
  color: #4d4d4d !important;
  text-wrap: balance;
}
.cbb-success-summary > div {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(8px);
}
.cbb-success-main-actions {
  gap: 12px !important;
  margin-top: 24px !important;
}
.cbb-success-btn {
  border-radius: 22px !important;
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  min-height: 66px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
}
.cbb-success-btn small { color: rgba(255,255,255,.72) !important; }
.cbb-btn-ico {
  background: #fff !important;
  color: #111 !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.cbb-success-new-link {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  color: #111 !important;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(17,17,17,.08);
  text-decoration: none !important;
}
.cbb-service-note-box,
.cbb-service-note {
  border-radius: 22px !important;
  border: 1px solid rgba(17,17,17,.08);
  background: linear-gradient(135deg,#fff,rgba(201,184,155,.13)) !important;
}
.cbb-whatsapp-link,
.cbb-service-note a[href*="wa.me"],
.cbb-service-note-box a[href*="wa.me"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  margin-top: 8px;
  border-radius: 999px;
  background: #1f9d55;
  color: #fff !important;
  font-weight: 900;
  text-decoration: none !important;
}
.cbb-whatsapp-link::before,
.cbb-service-note a[href*="wa.me"]::before,
.cbb-service-note-box a[href*="wa.me"]::before {
  content: '✆';
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
}
@media (max-width: 720px) {
  .cbb-form,
  .cbb-wizard {
    width: calc(100% - 22px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .cbb-booking-hero {
    border-radius: 28px !important;
    padding: 28px 22px !important;
  }
  .cbb-booking-hero h2,
  .cbb-booking-title,
  .cbb-success-title {
    font-size: clamp(34px, 11vw, 56px) !important;
  }
  .cbb-panel,
  .cbb-success-next-card {
    border-radius: 28px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .cbb-calendar-grid {
    gap: 8px !important;
  }
  .cbb-day {
    min-height: 64px !important;
    border-radius: 18px !important;
  }
  .cbb-success-next {
    padding-top: 10px !important;
  }
  .cbb-success-check {
    width: 82px !important;
    height: 82px !important;
    margin-bottom: 18px !important;
  }
  .cbb-success-main-actions {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .cbb-success-btn {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 14px 16px !important;
  }
  .cbb-success-note {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cbb-form *, .cbb-success-next * { animation: none !important; transition: none !important; }
}


/* v7.1 stable success icon fix */
.cbb-success-check{
  position:relative !important;
  width:88px !important;
  height:88px !important;
  min-width:88px !important;
  min-height:88px !important;
  background:#111 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.cbb-success-check .cbb-check-fallback{
  color:#fff !important;
  font-size:44px !important;
  font-weight:900 !important;
  line-height:1 !important;
  display:block !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-52%) !important;
  z-index:3 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  text-shadow:none !important;
}
.cbb-success-check .cbb-check-svg{
  display:none !important;
}
@media(max-width:620px){
  .cbb-success-check{width:82px !important;height:82px !important;min-width:82px !important;min-height:82px !important;}
  .cbb-success-check .cbb-check-fallback{font-size:40px !important;}
}


/* v7.3 final polish: success text hierarchy */
.cbb-success-kicker{
  margin:0 0 8px !important;
  text-transform:uppercase !important;
  letter-spacing:.18em !important;
  font-size:11px !important;
  line-height:1.2 !important;
  color:#8b8178 !important;
  font-weight:900 !important;
}
.cbb-success-title{
  margin:0 0 12px !important;
  color:#111 !important;
  font-size:clamp(30px,7vw,46px) !important;
  line-height:1.03 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}
.cbb-success-lead{
  margin:0 auto 22px !important;
  max-width:430px !important;
  color:#5f5a54 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
.cbb-success-check{
  box-shadow:0 22px 52px rgba(17,17,17,.25), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
@media(max-width:620px){
  .cbb-success-kicker{font-size:10px !important;letter-spacing:.16em !important;}
  .cbb-success-title{font-size:clamp(30px,10vw,42px) !important;}
  .cbb-success-lead{font-size:14px !important;}
}


/* v9.1 booking popup */
.fcds-popup-trigger{
  appearance:none;
  border:0;
  border-radius:999px;
  background:var(--cbb-primary,#111);
  color:#fff;
  padding:13px 20px;
  font-weight:800;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.fcds-popup-trigger:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,0,0,.2);}
.fcds-popup-trigger.is-link{
  background:transparent;
  color:var(--cbb-primary,#111);
  padding:0;
  border-radius:0;
  box-shadow:none;
  text-decoration:underline;
  text-underline-offset:4px;
}
.fcds-popup{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:22px;}
.fcds-popup.is-open{display:flex;}
.fcds-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(7px);}
.fcds-popup-panel{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:#fbfaf7;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.36);padding:16px;}
.fcds-popup-panel .cbb-form{margin:0;box-shadow:none;}
.fcds-popup-close{position:sticky;top:0;margin-left:auto;z-index:5;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:999px;background:#111;color:#fff;font-size:25px;line-height:1;cursor:pointer;float:right;}
body.fcds-popup-lock{overflow:hidden;}
@media(max-width:640px){
  .fcds-popup{padding:0;align-items:flex-end;}
  .fcds-popup-panel{width:100%;max-height:94vh;border-radius:24px 24px 0 0;padding:10px;}
  .fcds-popup-trigger{width:100%;padding:15px 18px;}
}




/* v9.4 smart premium floating booking button */
.fcds-floating-booking{
  position:fixed;
  right:18px;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px));
  z-index:99990;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease;
}
.fcds-floating-booking.is-hidden{
  opacity:0;
  transform:translateY(18px) scale(.98);
  pointer-events:none;
}
.fcds-floating-booking .fcds-popup-wrap{display:inline-flex;pointer-events:auto;}
.fcds-floating-booking .fcds-popup-trigger{
  width:auto !important;
  min-width:0 !important;
  min-height:46px;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:var(--cbb-accent,#c8a96a) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  font-size:14px;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none !important;
  white-space:nowrap;
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease;
}
.fcds-floating-booking .fcds-popup-trigger:before{content:none !important;display:none !important;}
.fcds-floating-booking .fcds-popup-trigger:after{
  content:'→';
  display:inline-block;
  font-size:17px;
  line-height:1;
  transform:translateX(0);
  transition:transform .22s ease;
}
.fcds-floating-booking .fcds-popup-trigger:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
.fcds-floating-booking .fcds-popup-trigger:hover:after{transform:translateX(3px);}
.fcds-floating-booking.is-near-footer .fcds-popup-trigger{
  opacity:.92;
}
@media(max-width:640px){
  .fcds-floating-booking{
    right:12px;
    left:auto;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px));
  }
  .fcds-floating-booking .fcds-popup-wrap,
  .fcds-floating-booking .fcds-popup-trigger{
    width:auto !important;
  }
  .fcds-floating-booking .fcds-popup-trigger{
    min-height:44px;
    padding:11px 16px !important;
    font-size:13px;
    box-shadow:0 12px 26px rgba(0,0,0,.24);
  }
}

/* v9.7 popup booking submit feedback */
.cbb-ajax-error{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff1f1;color:#991b1b;border:1px solid #fecaca;font-size:14px;line-height:1.4}
.fcds-popup .cbb-success-only{padding:0;background:transparent;box-shadow:none}


/* v9.8 holiday visible calendar style */
.cbb-day.is-holiday{
  background:#f3f3f3!important;
  border-color:#d7d7d7!important;
  border-style:solid!important;
  color:#9a9a9a!important;
  opacity:1!important;
  box-shadow:none!important;
  cursor:not-allowed;
}
.cbb-day.is-holiday strong{
  color:#9a9a9a!important;
}
.cbb-day.is-holiday .cbb-holiday-lock{
  position:absolute;
  top:7px;
  right:8px;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.cbb-day.is-holiday .cbb-holiday-status{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:18px;
  padding:2px 7px;
  border-radius:999px;
  background:#fff;
  color:#111!important;
  font-size:10px!important;
  font-weight:950;
  line-height:1!important;
  max-width:calc(100% - 6px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cbb-day.is-holiday .cbb-holiday-name{
  display:block;
  max-width:calc(100% - 8px);
  margin-top:1px;
  color:#777;
  font-size:9px;
  font-style:normal;
  font-weight:800;
  line-height:1.05;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width: 520px){
  .cbb-day.is-holiday .cbb-holiday-lock{width:16px;height:16px;font-size:12px;top:6px;right:6px}
  .cbb-day.is-holiday .cbb-holiday-status{font-size:9px!important;padding:2px 6px}
  .cbb-day.is-holiday .cbb-holiday-name{display:none}
}

/* v10.2 holidays visible again, disabled like closed days */
.cbb-hidden-holiday{display:none!important;}


/* v10.2 visible holiday days, grey and not selectable */
.cbb-day.is-holiday,
.cbb-day.is-holiday.is-disabled{
  background:#f1f1f1!important;
  border-color:#e0e0e0!important;
  color:#9a9a9a!important;
  opacity:1!important;
  cursor:not-allowed!important;
}
.cbb-day.is-holiday strong{color:#9a9a9a!important;}
.cbb-day.is-holiday .cbb-holiday-status{
  display:inline-flex!important;
  background:#fff!important;
  color:#777!important;
  border:1px solid #e5e5e5;
}

/* v10.4 holidays look exactly like unavailable days: no label, no lock */
.cbb-day.is-holiday .cbb-holiday-status,
.cbb-day.is-holiday .cbb-holiday-name,
.cbb-day.is-holiday .cbb-holiday-lock{display:none!important;visibility:hidden!important}
.cbb-day.is-holiday{background:#f1f1f1!important;border-color:#e0e0e0!important;color:#9a9a9a!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}
.cbb-day.is-holiday strong{color:#9a9a9a!important}

/* Firstclass Design Studio v11.1 service cards: name left, price right */
.cbb-service-option-compact{
  align-items:center!important;
  gap:10px!important;
  padding:13px 14px!important;
}
.cbb-service-option-compact input{
  flex:0 0 auto!important;
}
.cbb-service-option-compact .cbb-service-main{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.15!important;
}
.cbb-service-option-compact .cbb-service-main small{
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:800!important;
}
.cbb-service-option-compact .cbb-service-price{
  flex:0 0 auto!important;
  margin-left:auto!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#111!important;
  white-space:nowrap!important;
  padding-left:8px!important;
}
.cbb-service-option-compact:has(input:checked) .cbb-service-price{
  color:#fff!important;
}
@media(max-width:760px){
  .cbb-service-option-compact{
    padding:11px 12px!important;
    border-radius:16px!important;
  }
  .cbb-service-option-compact input{
    width:18px!important;
    min-height:18px!important;
    margin-top:0!important;
  }
  .cbb-service-option-compact .cbb-service-main strong{
    font-size:14px!important;
  }
  .cbb-service-option-compact .cbb-service-main small{
    font-size:10px!important;
  }
  .cbb-service-option-compact .cbb-service-price{
    font-size:13px!important;
    padding-left:6px!important;
  }
}


/* v12 final polish */
.cbb-time-slots{gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important;}
.cbb-time-slot,.cbb-time-slots button{min-height:40px!important;padding:8px 10px!important;border-radius:14px!important;font-size:13px!important;}
.cbb-service-option-compact{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px 14px!important;}
.cbb-service-option-compact .cbb-service-main{min-width:0!important;flex:1!important;}
.cbb-service-option-compact .cbb-service-main strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.cbb-service-option-compact .cbb-service-price{margin-left:auto!important;white-space:nowrap!important;font-weight:900!important;}
@media(max-width:640px){.cbb-service-option-compact{padding:10px 12px!important}.cbb-service-option-compact .cbb-service-main small{font-size:11px!important}.cbb-service-option-compact .cbb-service-price{font-size:13px!important}.cbb-step-title small:empty{display:none!important}}

/* v12.4 final form polish */
.cbb-step-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.cbb-step-actions .cbb-back{
  margin-right:auto!important;
}
.cbb-step-actions .cbb-submit,
.cbb-step-actions .cbb-next{
  width:auto!important;
  min-width:150px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
.cbb-step-title small:empty{display:none!important;}

/* v12.4 vakantiedagen: zichtbaar, grijs, niet selecteerbaar zoals gesloten dagen */
.cbb-day.is-holiday,
.cbb-day.is-holiday.is-disabled{
  background:#f1f1f1!important;
  border-color:#e5e5e5!important;
  color:#9a9a9a!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
}
.cbb-day.is-holiday strong{color:#9a9a9a!important;}
.cbb-day.is-holiday .cbb-holiday-status,
.cbb-day.is-holiday .cbb-holiday-name,
.cbb-day.is-holiday .cbb-holiday-lock{
  display:none!important;
  visibility:hidden!important;
}
@media (max-width:640px){
  .cbb-step-actions .cbb-submit,
  .cbb-step-actions .cbb-next{min-width:128px!important;padding-left:14px!important;padding-right:14px!important;}
}


/* v12.5 compact luxe booking header */
.cbb-booking-hero.cbb-booking-hero-compact{
  margin:0 0 12px!important;
  padding:18px 18px 16px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,var(--cbb-primary,#111),#1d1a16)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.13)!important;
}
.cbb-booking-hero.cbb-booking-hero-compact:after{
  width:95px!important;
  height:95px!important;
  right:-42px!important;
  bottom:-48px!important;
  opacity:.55!important;
}
.cbb-booking-hero.cbb-booking-hero-compact .cbb-booking-hero-badge{
  min-height:22px!important;
  padding:4px 9px!important;
  font-size:9.5px!important;
  letter-spacing:.13em!important;
  margin-bottom:8px!important;
}
.cbb-booking-hero.cbb-booking-hero-compact h2{
  margin:0 0 5px!important;
  font-size:clamp(24px,4.8vw,34px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
}
.cbb-booking-hero.cbb-booking-hero-compact p{
  max-width:460px!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:rgba(255,255,255,.76)!important;
}
.cbb-booking-hero.cbb-booking-hero-compact .cbb-booking-hero-location{
  margin-top:10px!important;
  padding:7px 10px!important;
  font-size:11px!important;
}
@media(max-width:640px){
  .cbb-booking-hero.cbb-booking-hero-compact{padding:16px 15px 14px!important;border-radius:18px!important;margin-bottom:10px!important}
  .cbb-booking-hero.cbb-booking-hero-compact h2{font-size:26px!important}
  .cbb-booking-hero.cbb-booking-hero-compact p{font-size:12.5px!important}
}


/* v12.7 service category headers in booking form */
.cbb-services-list-grouped{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.cbb-service-category-header{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:14px 2px 4px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:rgba(17,17,17,.56)!important;
}
.cbb-service-category-header:after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg,rgba(17,17,17,.16),rgba(17,17,17,0));
}
.cbb-service-category-header:first-child{margin-top:0!important;}
.cbb-services-list-grouped .cbb-service-option-compact{margin:0!important;}
.cbb-booking-hero.cbb-booking-hero-compact h2{font-size:clamp(28px,5.4vw,38px)!important;}
@media(max-width:640px){
  .cbb-service-category-header{font-size:10px!important;margin:12px 1px 3px!important;letter-spacing:.12em!important;}
  .cbb-booking-hero.cbb-booking-hero-compact h2{font-size:30px!important;}
}


/* v13.2 stap 4 compacte samenvatting */
.cbb-final-summary{
  display:block!important;
  margin:0 0 14px!important;
}
.cbb-final-summary-card{
  display:grid!important;
  grid-template-columns:1.25fr .75fr!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:18px!important;
  background:#fafafa!important;
}
.cbb-final-summary-card > div{
  padding:10px 12px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  min-width:0!important;
}
.cbb-final-summary-card strong{
  display:block!important;
  margin:0 0 4px!important;
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#777!important;
}
.cbb-final-summary-card span{
  display:block!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#111!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cbb-final-summary-card .cbb-final-service span{
  font-size:12px!important;
  font-weight:700!important;
  color:#333!important;
}
.cbb-fields-grid{
  gap:10px!important;
}
.cbb-fields-grid .cbb-field{
  font-size:12px!important;
}
.cbb-fields-grid input{
  min-height:42px!important;
  padding:10px 12px!important;
}
@media(max-width:640px){
  .cbb-final-summary-card{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px!important;
  }
  .cbb-final-summary-card > div{
    padding:9px 10px!important;
  }
  .cbb-final-summary-card span{
    white-space:normal!important;
  }
}


/* v13.4 real compact ladies service notice override */
.cbb-service-note-box.cbb-service-note-compact,
.cbb-service-note-compact {
  margin: 8px 0 2px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  background: rgba(201,184,155,.08) !important;
  border: 1px solid rgba(17,17,17,.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  text-align: left !important;
  min-height: 0 !important;
}
.cbb-service-note-compact .cbb-service-note-title {
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: .01em !important;
  color: var(--cbb-primary,#111) !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.cbb-service-note-compact .cbb-service-note-text {
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #6b6258 !important;
  font-weight: 650 !important;
  margin: 0 !important;
  display: inline !important;
}
.cbb-service-note-compact p,
.cbb-service-note-compact strong {
  margin: 0 !important;
  padding: 0 !important;
}
.cbb-service-note-compact a[href*="wa.me"] {
  padding: 4px 8px !important;
  margin: 0 0 0 4px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  gap: 4px !important;
  border-radius: 999px !important;
  vertical-align: middle !important;
}
.cbb-service-note-compact a[href*="wa.me"]::before {
  content: '☎' !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 9px !important;
}
@media (max-width: 640px) {
  .cbb-service-note-box.cbb-service-note-compact,
  .cbb-service-note-compact {
    padding: 7px 9px !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
  }
  .cbb-service-note-compact .cbb-service-note-title,
  .cbb-service-note-compact .cbb-service-note-text {
    font-size: 10.5px !important;
  }
  .cbb-service-note-compact a[href*="wa.me"] {
    padding: 4px 7px !important;
    font-size: 10.5px !important;
  }
}


/* v14.9 staff-only Super Kalender floating shortcut */
.fcds-staff-super-btn{
  position:fixed;
  left:18px;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px));
  z-index:99991;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:11px 16px;
  border-radius:999px;
  background:#111;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.01em;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease;
}
.fcds-staff-super-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
  color:#fff !important;
}
.fcds-staff-super-btn strong{
  color:var(--cbb-accent,#c9a85f);
  font-size:16px;
  line-height:1;
  transition:transform .22s ease;
}
.fcds-staff-super-btn:hover strong{transform:translateX(3px);}
.fcds-staff-super-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--cbb-accent,#c9a85f);
  box-shadow:0 0 0 4px rgba(201,168,95,.18);
}
@media(max-width:640px){
  .fcds-staff-super-btn{
    left:12px;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px));
    min-height:42px;
    padding:10px 14px;
    font-size:12px;
  }
}


/* v15.1 staff front app fallback */
.fcds-front-staff-app{background:#f6f3ef;margin:0;min-height:100vh;}
.fcds-front-staff-shell{padding:18px;}
.fcds-front-staff-shell .wrap{margin:0 auto;max-width:1240px;}
@media(max-width:782px){.fcds-front-staff-shell{padding:10px;}.fcds-front-staff-shell .cbb-page-hero{border-radius:18px;}}


/* v16.7 mobile staff menu + compact holiday fields */
@media (max-width: 782px){
  body.cbb-staff-app-mode .cbb-staff-menu nav,
  .cbb-staff-menu nav{
    position: fixed !important;
    left: auto !important;
    right: 12px !important;
    top: 74px !important;
    width: min(82vw, 330px) !important;
    min-width: 0 !important;
    max-width: 330px !important;
    max-height: calc(100vh - 96px) !important;
    overflow-y: auto !important;
    padding: 9px !important;
    border-radius: 20px !important;
  }
  body.cbb-staff-app-mode .cbb-staff-menu nav a,
  .cbb-staff-menu nav a{
    min-height: 42px !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-radius: 14px !important;
  }
  body.cbb-staff-app-mode .cbb-staff-menu summary{
    min-height: 38px !important;
    padding: 8px 13px !important;
    font-size: 14px !important;
  }

  .cbb-super-holidays-compact{
    padding: 12px !important;
    border-radius: 18px !important;
    margin-top: 16px !important;
  }
  .cbb-super-holidays-head{
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
  }
  .cbb-super-holidays-head h3{
    font-size: 24px !important;
    line-height: 1 !important;
  }
  .cbb-super-holidays-head p{
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  .cbb-holiday-compact-list{
    gap: 7px !important;
    margin-bottom: 10px !important;
  }
  .cbb-holiday-compact-row{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: 6px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .cbb-holiday-compact-row input,
  .cbb-holiday-compact-row select{
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 3px 7px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    box-sizing: border-box !important;
  }
  .cbb-holiday-compact-row input[type="date"]{
    font-size: 12px !important;
    padding: 2px 5px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
  .cbb-super-holidays-compact .button-primary{
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }
}

/* v17.5 medewerker keuze in booking formulier */
.cbb-employee-choice{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:10px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06);border-radius:16px}
.cbb-employee-choice-title{width:100%;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#777;margin-bottom:2px}
.cbb-employee-pill{border:1px solid rgba(0,0,0,.14);background:#fff;color:#111;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750;cursor:pointer;line-height:1}
.cbb-employee-pill.is-selected{background:var(--cbb-primary,#111);color:#fff;border-color:var(--cbb-primary,#111)}
@media(max-width:520px){.cbb-employee-choice{padding:8px;gap:6px}.cbb-employee-pill{font-size:12px;padding:7px 10px}}

/* fds-hide-settings-hero-v178 */
.fds-settings-hero,
.fds-settings-header,
.fds-admin-hero {
  display: none !important;
}
.fds-settings-shell {
  margin-top: 10px !important;
}


/* v18.6.1 floating booking button stays visible during scroll */
.fcds-floating-booking.is-hidden{
  opacity:1 !important;
  transform:none !important;
  pointer-events:none;
}
.fcds-floating-booking.is-hidden .fcds-popup-wrap,
.fcds-floating-booking.is-hidden .fcds-popup-trigger{
  pointer-events:auto;
}

/* v19.2.2 Booking confirmation phone/email contrast */
.cbb-success-summary strong,
.cbb-success-summary strong a{
  color:#111111 !important;
  text-decoration:none !important;
}
.cbb-success-summary div:nth-child(7) strong{
  color:#111111 !important;
  font-weight:900 !important;
}

/* v19.2.3 REAL booking success compact fix
   Scope: only the booking confirmation success screen.
   Fixes large empty space around the check icon and makes the confirmation compact. */
.cbb-success-only,
.cbb-success-next {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 8px !important;
  padding-bottom: 16px !important;
  margin-top: 0 !important;
  align-items: start !important;
  place-items: start center !important;
}

.cbb-success-next-card {
  margin-top: 0 !important;
  padding: 18px 18px 16px !important;
  border-radius: 24px !important;
  max-width: 560px !important;
}

.cbb-success-glow {
  display: none !important;
}

.cbb-success-check {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  margin: 0 auto 8px !important;
  box-shadow: 0 10px 24px rgba(17,17,17,.18) !important;
}

.cbb-success-check .cbb-check-fallback {
  font-size: 28px !important;
  line-height: 1 !important;
}

.cbb-success-check .cbb-check-svg,
.cbb-success-check svg {
  display: none !important;
}

.cbb-success-kicker {
  margin: 0 0 4px !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
}

.cbb-success-title,
.cbb-success-next h2 {
  margin: 0 0 6px !important;
  font-size: clamp(24px, 6vw, 34px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
}

.cbb-success-lead {
  margin: 0 auto 10px !important;
  max-width: 420px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.cbb-success-summary {
  gap: 7px !important;
  margin: 10px 0 12px !important;
}

.cbb-success-summary div {
  padding: 9px 10px !important;
  border-radius: 14px !important;
}

.cbb-success-summary span {
  margin-bottom: 2px !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}

.cbb-success-summary strong {
  font-size: 13px !important;
  line-height: 1.2 !important;
  color: #111 !important;
}

.cbb-success-main-actions {
  margin-top: 10px !important;
  gap: 8px !important;
}

.cbb-success-btn {
  min-height: 44px !important;
  padding: 9px 11px !important;
  border-radius: 16px !important;
}

.cbb-success-note {
  margin-top: 10px !important;
  padding: 9px 11px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.cbb-success-new-link {
  margin-top: 10px !important;
  font-size: 13px !important;
}

@media (max-width: 620px) {
  .cbb-success-only,
  .cbb-success-next {
    padding: 6px 8px 14px !important;
    min-height: 0 !important;
  }

  .cbb-success-next-card {
    padding: 16px 14px 14px !important;
    border-radius: 22px !important;
  }

  .cbb-success-check {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    margin-bottom: 7px !important;
  }

  .cbb-success-check .cbb-check-fallback {
    font-size: 25px !important;
  }

  .cbb-success-title,
  .cbb-success-next h2 {
    font-size: 26px !important;
    margin-bottom: 5px !important;
  }

  .cbb-success-lead {
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }

  .cbb-success-summary {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin: 8px 0 10px !important;
  }

  .cbb-success-main-actions {
    grid-template-columns: 1fr !important;
  }
}

/* v19.2.4 booking success details ultra compact
   Scope: only the appointment detail blocks after successful booking. */
.cbb-success-summary {
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
  margin: 7px 0 9px !important;
}

.cbb-success-summary div {
  padding: 6px 8px !important;
  border-radius: 11px !important;
  min-height: 0 !important;
}

.cbb-success-summary span {
  margin-bottom: 1px !important;
  font-size: 8px !important;
  line-height: 1.1 !important;
  letter-spacing: .06em !important;
}

.cbb-success-summary strong {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  word-break: break-word !important;
}

@media (max-width: 620px) {
  .cbb-success-summary {
    grid-template-columns: 1fr 1fr !important;
    gap: 5px !important;
    margin: 6px 0 8px !important;
  }

  .cbb-success-summary div {
    padding: 6px 7px !important;
    border-radius: 10px !important;
  }

  .cbb-success-summary span {
    font-size: 7.5px !important;
  }

  .cbb-success-summary strong {
    font-size: 11.5px !important;
  }
}

/* v19.4.24 boekingsformulier: beschikbaar tekst onder tijd vervangen door groen bolletje */
.cbb-slot .cbb-slot-available-dot{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:7px!important;
  height:10px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.cbb-slot .cbb-slot-available-dot span{
  display:block!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.14)!important;
}
.cbb-slot.is-selected .cbb-slot-available-dot span{
  background:#34d399!important;
  box-shadow:0 0 0 3px rgba(52,211,153,.22)!important;
}


/* v19.4.30 boekingsformulier: zichtbare betaalmethode in laatste stap */
.cbb-payment-method-box{
  margin:12px 0 14px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(201,184,155,.38)!important;
  box-shadow:0 12px 28px rgba(17,17,17,.08)!important;
  color:#111!important;
}
.cbb-payment-method-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
.cbb-payment-method-icon{
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#c9b89b!important;
  color:#111!important;
  font-weight:900!important;
  font-size:15px!important;
  line-height:1!important;
  flex:0 0 32px!important;
}
.cbb-payment-method-head strong{
  display:block!important;
  color:#111!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.cbb-payment-method-head small{
  display:block!important;
  color:#6f6a60!important;
  font-size:11px!important;
  line-height:1.25!important;
  margin-top:2px!important;
}
.cbb-payment-method-list{
  display:grid!important;
  gap:8px!important;
}
.cbb-payment-method-option{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 11px!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(201,184,155,.34)!important;
  cursor:pointer!important;
  margin:0!important;
}
.cbb-payment-method-option input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.cbb-payment-method-dot{
  width:14px!important;
  height:14px!important;
  border-radius:999px!important;
  border:2px solid #c9b89b!important;
  box-shadow:inset 0 0 0 3px #fff!important;
  background:#fff!important;
}
.cbb-payment-method-option input:checked + .cbb-payment-method-dot{
  background:#16a34a!important;
  border-color:#16a34a!important;
}
.cbb-payment-method-main strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.1!important;
  color:#111!important;
  font-weight:900!important;
}
.cbb-payment-method-main small{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  color:#6f6a60!important;
  margin-top:2px!important;
}
.cbb-payment-method-provider{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  background:#f4efe6!important;
  color:#111!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.cbb-payment-method-option.is-not-ready{
  opacity:.74!important;
  cursor:not-allowed!important;
}
@media (max-width:620px){
  .cbb-payment-method-box{padding:10px!important;border-radius:16px!important;margin:10px 0 12px!important;}
  .cbb-payment-method-option{grid-template-columns:auto minmax(0,1fr) auto!important;padding:9px!important;}
  .cbb-payment-method-option input{display:none!important;}
  .cbb-payment-method-main strong{font-size:12px!important;}
  .cbb-payment-method-main small{font-size:10px!important;}
  .cbb-payment-method-provider{font-size:9.5px!important;padding:4px 7px!important;}
}


/* v19.4.31 betaalmethode onder opmerking met duidelijke betaalplicht */
.cbb-payment-required-notice{
  margin:10px 0 12px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:rgba(30, 128, 60, .08)!important;
  border:1px solid rgba(30, 128, 60, .20)!important;
  color:#0f3b20!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:800!important;
}
.cbb-payment-method-box{margin-top:10px!important;}
@media(max-width:640px){
  .cbb-payment-required-notice{font-size:11.5px!important;padding:9px 10px!important;border-radius:12px!important;}
}


/* v19.4.32 betaalmethode achtergrond wit */
.cbb-payment-method-box{
  background:#fff!important;
  color:#111!important;
  border-color:rgba(201,184,155,.38)!important;
  box-shadow:0 12px 28px rgba(17,17,17,.08)!important;
}
.cbb-payment-method-box .cbb-payment-method-head strong{color:#111!important;}
.cbb-payment-method-box .cbb-payment-method-head small{color:#6f6a60!important;}


/* v19.4.33 laatste stap boekingsformulier remodel zoals voorbeeld */
.cbb-final-step{
  max-width:760px!important;
  margin:0 auto!important;
  padding:0 0 26px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.14)!important;
}
.cbb-final-topbar{
  height:78px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 20px!important;
  background:#fff!important;
  border-bottom:1px solid rgba(0,0,0,.07)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.08)!important;
}
.cbb-final-back-arrow{
  width:38px!important;
  height:38px!important;
  border:0!important;
  background:transparent!important;
  color:#a06400!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:800!important;
  padding:0!important;
  box-shadow:none!important;
}
.cbb-final-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:22px 22px 14px!important;
}
.cbb-final-heading h3{
  margin:0!important;
  font-size:21px!important;
  line-height:1.15!important;
  color:#3d3d3d!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.cbb-final-heading span{
  color:#777!important;
  font-size:15px!important;
  font-weight:500!important;
}
.cbb-final-fields-grid{
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px 16px!important;
}
.cbb-final-field{
  position:relative!important;
  display:block!important;
  margin:0!important;
  font-size:0!important;
}
.cbb-final-field > span{
  position:absolute!important;
  left:16px!important;
  top:9px!important;
  z-index:2!important;
  color:#aaa!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;
  pointer-events:none!important;
}
.cbb-final-field input{
  width:100%!important;
  min-height:62px!important;
  height:62px!important;
  border-radius:10px!important;
  border:1px solid #dcdcdc!important;
  background:#fff!important;
  color:#333!important;
  font-size:20px!important;
  font-weight:400!important;
  padding:22px 15px 9px!important;
  box-shadow:none!important;
  outline:none!important;
}
.cbb-final-field input::placeholder{color:#a4a4a4!important;opacity:1!important;}
.cbb-final-field input:focus{
  border-color:#a06400!important;
  box-shadow:0 0 0 3px rgba(160,100,0,.10)!important;
}
.cbb-phone-wrap{
  position:relative!important;
}
.cbb-phone-wrap input{
  padding-left:64px!important;
}
.cbb-phone-country{
  position:absolute!important;
  left:16px!important;
  bottom:11px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:22px!important;
  line-height:1!important;
}
.cbb-phone-country:after{
  content:"";
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #777;
  margin-left:4px;
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions{
  margin-left:22px!important;
  margin-right:22px!important;
}
.cbb-final-step .cbb-payment-method-box{
  box-shadow:none!important;
  border-color:#dedede!important;
  border-radius:10px!important;
  margin-top:14px!important;
}
.cbb-final-step .cbb-final-summary{
  display:block!important;
  margin-top:30px!important;
  margin-bottom:0!important;
}
.cbb-final-summary-card-modern{
  display:block!important;
  padding:20px!important;
  border-radius:10px!important;
  border:1px solid #dcdcdc!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cbb-final-appointment-head{
  padding:0 0 18px!important;
  border-bottom:1px solid #ececec!important;
}
.cbb-final-appointment-head strong{
  display:block!important;
  color:#3a3a3a!important;
  font-size:23px!important;
  line-height:1.2!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
  margin:0 0 9px!important;
}
.cbb-final-appointment-head small{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#777!important;
  font-size:16px!important;
  font-weight:500!important;
}
.cbb-final-clock{
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#999!important;
  font-size:18px!important;
}
.cbb-final-avatar{
  width:25px!important;
  height:25px!important;
  border-radius:999px!important;
  display:inline-block!important;
  background:linear-gradient(135deg,#d7d7d7,#7d7d7d)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)!important;
}
.cbb-final-lines{
  padding:18px 0 14px!important;
  border-bottom:1px solid #ececec!important;
}
.cbb-final-line,
.cbb-final-total{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.cbb-final-line span,
.cbb-final-line strong{
  color:#4d4d4d!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-transform:none!important;
  margin:0!important;
  white-space:normal!important;
}
.cbb-final-total{
  padding-top:18px!important;
}
.cbb-final-total span,
.cbb-final-total strong{
  color:#3a3a3a!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-transform:none!important;
  margin:0!important;
}
.cbb-final-consents{
  display:grid!important;
  gap:12px!important;
  margin-top:28px!important;
  margin-bottom:26px!important;
}
.cbb-final-consents label{
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  margin:0!important;
  color:#4c4c4c!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:500!important;
}
.cbb-final-consents input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:22px!important;
  height:22px!important;
  min-height:22px!important;
  margin:1px 0 0!important;
  border-radius:4px!important;
  border:1.5px solid #a06400!important;
  background:#fff!important;
  display:inline-grid!important;
  place-items:center!important;
}
.cbb-final-consents input[type="checkbox"]:checked{
  background:#a06400!important;
  border-color:#a06400!important;
}
.cbb-final-consents input[type="checkbox"]:checked:after{
  content:"✓";
  color:#fff;
  font-weight:900;
  font-size:16px;
  line-height:1;
}
.cbb-final-actions{
  margin-top:0!important;
  padding:0!important;
  display:block!important;
  position:static!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cbb-final-actions .cbb-back{display:none!important;}
.cbb-final-actions .cbb-submit{
  width:100%!important;
  min-height:62px!important;
  border-radius:7px!important;
  background:#a06400!important;
  border:0!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  padding:16px 20px!important;
  box-shadow:none!important;
}
.cbb-final-actions .cbb-submit:hover{
  background:#875500!important;
}
@media(max-width:640px){
  .cbb-final-step{border-radius:16px!important;}
  .cbb-final-topbar{height:66px!important;padding:0 16px!important;}
  .cbb-final-heading{padding:20px 18px 12px!important;}
  .cbb-final-heading h3{font-size:19px!important;}
  .cbb-final-fields-grid{padding:0 18px!important;grid-template-columns:1fr!important;gap:12px!important;}
  .cbb-final-field input{min-height:58px!important;height:58px!important;font-size:18px!important;}
  .cbb-final-step .cbb-payment-method-box,
  .cbb-final-step .cbb-final-summary,
  .cbb-final-step .cbb-final-consents,
  .cbb-final-step .cbb-final-actions{margin-left:18px!important;margin-right:18px!important;}
  .cbb-final-step .cbb-final-summary{margin-top:22px!important;}
  .cbb-final-summary-card-modern{padding:18px!important;}
  .cbb-final-appointment-head strong{font-size:20px!important;}
  .cbb-final-appointment-head small{font-size:14px!important;flex-wrap:wrap!important;}
  .cbb-final-line span,.cbb-final-line strong{font-size:17px!important;}
  .cbb-final-consents label{font-size:15px!important;}
  .cbb-final-actions .cbb-submit{min-height:58px!important;font-size:18px!important;}
}


/* v19.4.34 luxe laatste stap + terugknop onderaan */
.cbb-final-step{
  max-width:780px!important;
  padding:0 0 28px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaf6 100%)!important;
  border:1px solid rgba(201,184,155,.45)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
}
.cbb-final-topbar,
.cbb-final-back-arrow{
  display:none!important;
}
.cbb-final-heading{
  padding:28px 28px 16px!important;
  background:linear-gradient(135deg,#111 0%,#181818 58%,#2a2113 100%)!important;
  border-bottom:1px solid rgba(201,184,155,.55)!important;
  color:#fff!important;
}
.cbb-final-heading h3{
  color:#fff!important;
  font-size:24px!important;
  letter-spacing:-.03em!important;
}
.cbb-final-heading span{
  color:#d8c194!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.cbb-final-fields-grid{
  padding:24px 28px 0!important;
  gap:14px!important;
}
.cbb-final-field input{
  min-height:60px!important;
  height:60px!important;
  border-radius:18px!important;
  border:1px solid rgba(17,17,17,.10)!important;
  background:linear-gradient(180deg,#fff,#fffdf9)!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:700!important;
  padding:22px 16px 9px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.035), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.cbb-final-field > span{
  color:#8a8176!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
.cbb-final-field input:focus{
  border-color:#c9a646!important;
  box-shadow:0 0 0 4px rgba(201,166,70,.16), 0 12px 30px rgba(0,0,0,.06)!important;
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions{
  margin-left:28px!important;
  margin-right:28px!important;
}
.cbb-final-step .cbb-payment-method-box{
  border-radius:22px!important;
  border:1px solid rgba(201,184,155,.45)!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.05)!important;
}
.cbb-final-summary-card-modern{
  border-radius:22px!important;
  border:1px solid rgba(201,184,155,.45)!important;
  background:linear-gradient(180deg,#fff,#fffdf8)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.05)!important;
  padding:22px!important;
}
.cbb-final-appointment-head strong{
  color:#111827!important;
  font-size:23px!important;
  font-weight:950!important;
}
.cbb-final-line span,
.cbb-final-line strong,
.cbb-final-total span,
.cbb-final-total strong{
  color:#111827!important;
}
.cbb-final-consents{
  margin-top:24px!important;
  margin-bottom:20px!important;
  padding:0!important;
}
.cbb-final-consents label{
  color:#2f3137!important;
  font-size:16px!important;
  font-weight:650!important;
}
.cbb-final-consents input[type="checkbox"]{
  width:24px!important;
  height:24px!important;
  min-height:24px!important;
  border-radius:8px!important;
  border:2px solid #c9a646!important;
}
.cbb-final-consents input[type="checkbox"]:checked{
  background:linear-gradient(135deg,#111,#2b2112)!important;
  border-color:#c9a646!important;
}
.cbb-final-actions{
  display:grid!important;
  grid-template-columns:minmax(128px,.42fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin-top:0!important;
  padding:0!important;
  position:static!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cbb-final-actions .cbb-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:60px!important;
  border-radius:18px!important;
  border:1px solid rgba(201,184,155,.72)!important;
  background:#fff!important;
  color:#111!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(0,0,0,.06)!important;
  padding:14px 18px!important;
}
.cbb-final-actions .cbb-back:before{
  content:"‹";
  font-size:25px;
  line-height:1;
  margin-right:8px;
  color:#c9a646;
  font-weight:950;
}
.cbb-final-actions .cbb-submit{
  width:100%!important;
  min-height:60px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#111 0%,#191919 48%,#c9a646 130%)!important;
  border:1px solid rgba(201,184,155,.62)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  padding:15px 20px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
}
.cbb-final-actions .cbb-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 44px rgba(0,0,0,.22)!important;
}
@media(max-width:640px){
  .cbb-final-step{border-radius:22px!important;padding-bottom:20px!important;}
  .cbb-final-heading{padding:22px 18px 14px!important;}
  .cbb-final-heading h3{font-size:21px!important;}
  .cbb-final-fields-grid{padding:18px 18px 0!important;grid-template-columns:1fr!important;}
  .cbb-final-step .cbb-payment-method-box,
  .cbb-final-step .cbb-final-summary,
  .cbb-final-step .cbb-final-consents,
  .cbb-final-step .cbb-final-actions{margin-left:18px!important;margin-right:18px!important;}
  .cbb-final-actions{grid-template-columns:1fr 1.35fr!important;gap:10px!important;}
  .cbb-final-actions .cbb-back,
  .cbb-final-actions .cbb-submit{min-height:56px!important;border-radius:16px!important;font-size:16px!important;padding:13px 12px!important;}
}


/* v19.4.35 final booking step polish: placeholders only, centered checkboxes, real country code selector */
.cbb-final-field > span{display:none!important;}
.cbb-final-field input{
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
}
.cbb-final-field input::placeholder{color:#8f8f8f!important;font-weight:650!important;}
.cbb-phone-wrap{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}
.cbb-phone-wrap input{padding:0 16px!important;width:100%!important;}
.cbb-phone-country{
  position:static!important;
  width:132px!important;
  min-height:60px!important;
  height:60px!important;
  border-radius:18px!important;
  border:1px solid rgba(17,17,17,.10)!important;
  background:linear-gradient(180deg,#fff,#fffdf9)!important;
  color:#111827!important;
  font-size:17px!important;
  font-weight:900!important;
  padding:0 14px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.035), inset 0 1px 0 rgba(255,255,255,.95)!important;
  outline:none!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.cbb-phone-country:after{display:none!important;content:none!important;}
.cbb-phone-country:focus{border-color:#c9a646!important;box-shadow:0 0 0 4px rgba(201,166,70,.16),0 12px 30px rgba(0,0,0,.06)!important;}
.cbb-final-consents label{
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
}
.cbb-final-consents input[type="checkbox"]{
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  position:relative!important;
}
.cbb-final-consents input[type="checkbox"]:checked:after{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-52%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  line-height:1!important;
}
@media(max-width:640px){
  .cbb-phone-wrap{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important;}
  .cbb-phone-country{width:112px!important;min-height:58px!important;height:58px!important;font-size:15px!important;padding:0 10px!important;}
}


/* v19.4.37 compactere laatste stap boekingsformulier */
.cbb-final-step{
  max-width:720px!important;
  padding-bottom:18px!important;
  border-radius:24px!important;
}
.cbb-final-heading{
  padding:20px 22px 12px!important;
}
.cbb-final-heading h3{
  font-size:21px!important;
  line-height:1.1!important;
}
.cbb-final-heading span{
  font-size:12px!important;
}
.cbb-final-fields-grid{
  padding:16px 22px 0!important;
  gap:10px 12px!important;
}
.cbb-final-field input{
  min-height:50px!important;
  height:50px!important;
  border-radius:14px!important;
  font-size:15.5px!important;
  padding:0 14px!important;
}
.cbb-final-field input::placeholder{
  font-size:14.5px!important;
}
.cbb-phone-wrap{
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:8px!important;
}
.cbb-phone-country{
  width:104px!important;
  min-height:50px!important;
  height:50px!important;
  border-radius:14px!important;
  font-size:14px!important;
  padding:0 9px!important;
}
.cbb-phone-wrap input{
  min-height:50px!important;
  height:50px!important;
  padding:0 14px!important;
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions{
  margin-left:22px!important;
  margin-right:22px!important;
}
.cbb-final-step .cbb-payment-method-box{
  margin-top:10px!important;
  border-radius:16px!important;
  padding:12px!important;
}
.cbb-payment-method-head strong{
  font-size:14px!important;
}
.cbb-payment-method-head small,
.cbb-payment-required-notice{
  font-size:12px!important;
  line-height:1.35!important;
}
.cbb-final-step .cbb-final-summary{
  margin-top:16px!important;
}
.cbb-final-summary-card-modern{
  border-radius:16px!important;
  padding:16px!important;
}
.cbb-final-appointment-head{
  padding-bottom:12px!important;
}
.cbb-final-appointment-head strong{
  font-size:19px!important;
  margin-bottom:6px!important;
}
.cbb-final-appointment-head small{
  font-size:13px!important;
  gap:6px!important;
}
.cbb-final-lines{
  padding:12px 0 10px!important;
}
.cbb-final-line span,
.cbb-final-line strong{
  font-size:15px!important;
}
.cbb-final-total{
  padding-top:12px!important;
}
.cbb-final-total span,
.cbb-final-total strong{
  font-size:16px!important;
}
.cbb-final-consents{
  gap:8px!important;
  margin-top:14px!important;
  margin-bottom:14px!important;
}
.cbb-final-consents label{
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:9px!important;
  font-size:13.5px!important;
  line-height:1.25!important;
}
.cbb-final-consents input[type="checkbox"]{
  width:19px!important;
  height:19px!important;
  min-height:19px!important;
  border-radius:6px!important;
}
.cbb-final-consents input[type="checkbox"]:checked:after{
  font-size:13px!important;
}
.cbb-final-actions{
  grid-template-columns:minmax(105px,.38fr) minmax(0,1fr)!important;
  gap:10px!important;
}
.cbb-final-actions .cbb-back,
.cbb-final-actions .cbb-submit{
  min-height:50px!important;
  border-radius:14px!important;
  font-size:15px!important;
  padding:12px 14px!important;
}
.cbb-final-actions .cbb-back:before{
  font-size:21px!important;
  margin-right:6px!important;
}
@media(max-width:640px){
  .cbb-final-step{border-radius:18px!important;padding-bottom:16px!important;}
  .cbb-final-heading{padding:18px 16px 10px!important;}
  .cbb-final-heading h3{font-size:19px!important;}
  .cbb-final-fields-grid{padding:14px 16px 0!important;gap:9px!important;}
  .cbb-final-field input{min-height:48px!important;height:48px!important;border-radius:13px!important;font-size:15px!important;}
  .cbb-phone-wrap{grid-template-columns:94px minmax(0,1fr)!important;gap:7px!important;}
  .cbb-phone-country{width:94px!important;min-height:48px!important;height:48px!important;font-size:13px!important;}
  .cbb-final-step .cbb-payment-method-box,
  .cbb-final-step .cbb-final-summary,
  .cbb-final-step .cbb-final-consents,
  .cbb-final-step .cbb-final-actions{margin-left:16px!important;margin-right:16px!important;}
  .cbb-final-summary-card-modern{padding:14px!important;}
  .cbb-final-appointment-head strong{font-size:18px!important;}
  .cbb-final-line span,.cbb-final-line strong{font-size:14px!important;}
  .cbb-final-actions{grid-template-columns:1fr 1.25fr!important;gap:8px!important;}
  .cbb-final-actions .cbb-back,
  .cbb-final-actions .cbb-submit{min-height:48px!important;border-radius:13px!important;font-size:14px!important;padding:10px 10px!important;}
}

/* v19.4.39 laatste stap: knoppen gelijk aan de standaard stapknoppen */
.cbb-final-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:0!important;
  padding:0!important;
  position:static!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  grid-template-columns:none!important;
}
.cbb-final-actions .cbb-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:105px!important;
  min-height:50px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(201,184,155,.72)!important;
  background:var(--cbb-accent,#c9b89b)!important;
  color:var(--cbb-text,#111)!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  padding:12px 18px!important;
  box-shadow:none!important;
  transform:none!important;
}
.cbb-final-actions .cbb-back:before{
  content:none!important;
  display:none!important;
}
.cbb-final-actions .cbb-submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:170px!important;
  min-height:50px!important;
  margin-left:auto!important;
  border-radius:999px!important;
  border:1px solid var(--cbb-primary,#111)!important;
  background:var(--cbb-primary,#111)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  padding:12px 22px!important;
  box-shadow:none!important;
  transform:none!important;
}
.cbb-final-actions .cbb-submit:hover,
.cbb-final-actions .cbb-back:hover{
  transform:none!important;
  box-shadow:none!important;
  opacity:.94!important;
}
@media(max-width:640px){
  .cbb-final-actions{display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:8px!important;}
  .cbb-final-actions .cbb-back,
  .cbb-final-actions .cbb-submit{width:100%!important;min-width:0!important;min-height:48px!important;border-radius:999px!important;font-size:14px!important;padding:10px 12px!important;}
}


/* v19.4.40 laatste stap: ronde vinkjes, betere linkermarge en rustige uitlijning */
.cbb-final-consents{
  padding-left:10px!important;
  padding-right:6px!important;
}
.cbb-final-consents label{
  grid-template-columns:28px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:center!important;
  padding-left:4px!important;
}
.cbb-final-consents input[type="checkbox"]{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  border-radius:999px!important;
  align-self:center!important;
  justify-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.cbb-final-consents input[type="checkbox"]:checked:after{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-53%)!important;
  font-size:12px!important;
  line-height:1!important;
}
.cbb-final-consents label span{
  display:block!important;
  padding-top:1px!important;
}
@media(max-width:640px){
  .cbb-final-consents{padding-left:8px!important;padding-right:2px!important;}
  .cbb-final-consents label{grid-template-columns:27px minmax(0,1fr)!important;column-gap:10px!important;padding-left:2px!important;}
}


/* v19.4.41 laatste stap: zichtbare SVG/CSS vlaggen, rustiger veldlettertype en euro symbool styling */
.cbb-final-step .cbb-final-field input,
.cbb-final-step .cbb-phone-country,
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions button{
  font-family:"Inter","Aptos","Segoe UI",Arial,sans-serif!important;
}
.cbb-phone-wrap{
  grid-template-columns:116px minmax(0,1fr)!important;
}
.cbb-phone-country-ui{
  position:relative!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  width:116px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  border:1px solid rgba(17,17,17,.10)!important;
  background:linear-gradient(180deg,#fff,#fffdf9)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.035), inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
}
.cbb-phone-country-ui .cbb-phone-country{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  padding:0 18px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:50px!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.cbb-phone-country-ui:focus-within{
  border-color:#c9a646!important;
  box-shadow:0 0 0 4px rgba(201,166,70,.16),0 12px 30px rgba(0,0,0,.06)!important;
}
.cbb-phone-flag{
  display:inline-block!important;
  width:24px!important;
  height:16px!important;
  border-radius:4px!important;
  border:1px solid rgba(0,0,0,.14)!important;
  box-shadow:0 2px 6px rgba(0,0,0,.12)!important;
  overflow:hidden!important;
  background:#eee!important;
}
.cbb-flag-nl{background:linear-gradient(to bottom,#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66% 100%)!important;}
.cbb-flag-be{background:linear-gradient(to right,#000 0 33.33%,#fae042 33.33% 66.66%,#ed2939 66.66% 100%)!important;}
.cbb-flag-de{background:linear-gradient(to bottom,#000 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66% 100%)!important;}
.cbb-flag-fr{background:linear-gradient(to right,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66% 100%)!important;}
.cbb-flag-es{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)!important;}
.cbb-flag-it{background:linear-gradient(to right,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66% 100%)!important;}
.cbb-flag-gb{background:linear-gradient(135deg,#012169 0 40%,#fff 40% 46%,#c8102e 46% 54%,#fff 54% 60%,#012169 60% 100%)!important;}
.cbb-flag-us{background:repeating-linear-gradient(to bottom,#b22234 0 2px,#fff 2px 4px)!important;position:relative!important;}
.cbb-flag-us:before{content:"";display:block;width:10px;height:8px;background:#3c3b6e;position:absolute;left:0;top:0;}
.cbb-flag-sr{background:linear-gradient(to bottom,#377e3f 0 20%,#fff 20% 30%,#b40a2d 30% 70%,#fff 70% 80%,#377e3f 80% 100%)!important;}
.cbb-flag-cw{background:linear-gradient(to bottom,#002b7f 0 66%,#f9e814 66% 76%,#002b7f 76% 100%)!important;}
.cbb-flag-sg{background:linear-gradient(to bottom,#ef3340 0 50%,#fff 50% 100%)!important;}
@media(max-width:640px){
  .cbb-phone-wrap{grid-template-columns:106px minmax(0,1fr)!important;}
  .cbb-phone-country-ui{width:106px!important;height:48px!important;min-height:48px!important;grid-template-columns:25px minmax(0,1fr)!important;padding:0 9px!important;gap:6px!important;}
  .cbb-phone-country-ui .cbb-phone-country{height:48px!important;min-height:48px!important;font-size:13px!important;line-height:48px!important;}
  .cbb-phone-flag{width:22px!important;height:15px!important;border-radius:4px!important;}
}


/* v19.4.42 telefoon landcode uitlijning + vlaggen in dropdown */
.cbb-final-step .cbb-phone-wrap{
  display:grid!important;
  grid-template-columns:122px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
}
.cbb-final-step .cbb-phone-country-ui{
  width:122px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:7px!important;
  padding:0 8px!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country{
  height:48px!important;
  min-height:48px!important;
  line-height:48px!important;
  font-size:13px!important;
  padding:0 16px 0 0!important;
  box-sizing:border-box!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country option{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  color:#111827!important;
  background:#fff!important;
  font-weight:700!important;
}
.cbb-final-step .cbb-phone-flag{
  width:22px!important;
  height:15px!important;
  align-self:center!important;
  justify-self:center!important;
  flex:0 0 auto!important;
}
.cbb-final-step .cbb-phone-wrap > input,
.cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  margin:0!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-phone-wrap{grid-template-columns:112px minmax(0,1fr)!important;gap:7px!important;}
  .cbb-final-step .cbb-phone-country-ui{width:112px!important;height:48px!important;min-height:48px!important;max-height:48px!important;grid-template-columns:22px minmax(0,1fr)!important;padding:0 7px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country{height:46px!important;min-height:46px!important;line-height:46px!important;font-size:12px!important;padding-right:12px!important;}
  .cbb-final-step .cbb-phone-wrap > input,
  .cbb-final-step .cbb-phone-field input[name="customer_phone"]{height:48px!important;min-height:48px!important;max-height:48px!important;}
}


/* v19.4.43 boekingsformulier compact brand + kalender dagnummer */
.home-template .cbb-brand-luxury,
.home-template b .cbb-brand-luxury{
  padding-left:0!important;
  padding-right:0!important;
  padding-top:4px!important;
  padding-bottom:0!important;
}
.cbb-calendar button strong{
  font-size:19px!important;
  line-height:1.05!important;
}


/* v19.4.44 boekingsformulier kalender compacter */
.cbb-form .cbb-cal-head{
  padding:7px!important;
  margin-bottom:9px!important;
  border-radius:20px!important;
  gap:8px!important;
}
.cbb-form .cbb-cal-head button{
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:15px!important;
  font-size:26px!important;
}
.cbb-form .cbb-cal-head strong{
  font-size:20px!important;
  line-height:1.05!important;
}
.cbb-form .cbb-cal-grid{
  gap:7px!important;
}
.cbb-form .cbb-cal-weekday{
  padding:3px 0!important;
  font-size:11px!important;
}
.cbb-form .cbb-cal-empty{
  min-height:58px!important;
}
.cbb-form .cbb-day{
  min-height:62px!important;
  padding:7px 3px!important;
  border-radius:16px!important;
  gap:2px!important;
}
.cbb-form .cbb-day strong{
  font-size:19px!important;
}
.cbb-form .cbb-day small{
  font-size:10px!important;
  line-height:1!important;
}
@media(max-width:720px){
  .cbb-form .cbb-cal-head{padding:6px!important;margin-bottom:8px!important;border-radius:18px!important;}
  .cbb-form .cbb-cal-head button{width:38px!important;height:38px!important;min-height:38px!important;border-radius:14px!important;font-size:24px!important;}
  .cbb-form .cbb-cal-head strong{font-size:18px!important;}
  .cbb-form .cbb-cal-grid{gap:5px!important;}
  .cbb-form .cbb-cal-empty{min-height:50px!important;}
  .cbb-form .cbb-day{min-height:54px!important;padding:6px 2px!important;border-radius:14px!important;}
  .cbb-form .cbb-day strong{font-size:18px!important;}
}


/* v19.4.45 boekingsformulier: vaste locatie verbergen + dubbele vlag in telefoonveld oplossen */
.cbb-form.cbb-location-fixed .cbb-booking-hero-location{display:none!important;}
.cbb-final-step .cbb-phone-country-ui{grid-template-columns:minmax(0,1fr)!important;}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-flag{display:none!important;}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country{padding-left:0!important;padding-right:18px!important;text-align:left!important;}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country option{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;}
@media(max-width:640px){.cbb-final-step .cbb-phone-country-ui{grid-template-columns:minmax(0,1fr)!important;}}


/* v19.4.47: telefoon landcode vlaggen terug zichtbaar in boekingsformulier */
.cbb-final-step .cbb-phone-wrap{
  grid-template-columns:128px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
}
.cbb-final-step .cbb-phone-country-ui{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  width:128px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  gap:7px!important;
  padding:0 8px!important;
  overflow:visible!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-flag{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:22px!important;
  height:15px!important;
  align-self:center!important;
  justify-self:center!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country{
  display:block!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  line-height:48px!important;
  padding:0 16px 0 0!important;
  text-indent:0!important;
  color:#111827!important;
  background:transparent!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country option{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  color:#111827!important;
  background:#fff!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-phone-wrap{grid-template-columns:118px minmax(0,1fr)!important;gap:7px!important;}
  .cbb-final-step .cbb-phone-country-ui{grid-template-columns:22px minmax(0,1fr)!important;width:118px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 7px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country{height:46px!important;min-height:46px!important;line-height:46px!important;font-size:12px!important;padding-right:12px!important;}
}

/* v19.4.50: telefoon landcode vlag exact uitlijnen in boekingsformulier */
.cbb-final-step .cbb-phone-wrap{
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
}
.cbb-final-step .cbb-phone-country-ui{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:128px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(15,17,23,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-flag{
  display:block!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:16px!important;
  margin:0!important;
  border-radius:4px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.10),0 2px 5px rgba(0,0,0,.08)!important;
  transform:none!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  line-height:48px!important;
  padding:0 18px 0 0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:800!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  appearance:auto!important;
  -webkit-appearance:menulist!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country option{
  color:#111827!important;
  background:#fff!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  font-size:15px!important;
}
.cbb-final-step .cbb-phone-wrap > input,
.cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  line-height:50px!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-phone-wrap{grid-template-columns:118px minmax(0,1fr)!important;gap:8px!important;}
  .cbb-final-step .cbb-phone-country-ui{width:118px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 8px!important;gap:7px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-flag{flex-basis:22px!important;width:22px!important;height:15px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country{height:46px!important;line-height:46px!important;font-size:12px!important;}
  .cbb-final-step .cbb-phone-wrap > input,
  .cbb-final-step .cbb-phone-field input[name="customer_phone"]{height:48px!important;min-height:48px!important;max-height:48px!important;line-height:48px!important;}
}


/* v19.4.51: echte native landcode-select met vlag in tekst, geen losse vlaglaag */
.cbb-final-step .cbb-phone-wrap{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
}
.cbb-final-step .cbb-phone-country-ui,
.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
  width:132px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid rgba(20,20,20,.14)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-flag,
.cbb-final-step .cbb-phone-flag,
.cbb-final-step [data-cbb-phone-flag]{
  display:none!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country,
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
  display:block!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  line-height:46px!important;
  margin:0!important;
  padding:0 26px 0 12px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
  font-size:14px!important;
  font-weight:700!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country option,
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"] option{
  color:#111!important;
  background:#fff!important;
  font-size:14px!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Inter","Aptos","Segoe UI",Arial,sans-serif!important;
}
.cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  line-height:48px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-phone-wrap{grid-template-columns:122px minmax(0,1fr)!important;gap:8px!important;}
  .cbb-final-step .cbb-phone-country-ui,.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{width:122px!important;height:46px!important;min-height:46px!important;max-height:46px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country,.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{height:44px!important;min-height:44px!important;max-height:44px!important;line-height:44px!important;font-size:13px!important;padding-left:9px!important;padding-right:20px!important;}
  .cbb-final-step .cbb-phone-field input[name="customer_phone"]{height:46px!important;min-height:46px!important;max-height:46px!important;line-height:46px!important;}
}


/* v19.4.55: telefoonveld verbeterd - vlakke CSS vlag, geen emoji dubbele vlag, compact en strak */
.cbb-final-step .cbb-phone-wrap{
  display:grid!important;
  grid-template-columns:124px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
.cbb-final-step .cbb-phone-country-ui,
.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:124px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  gap:8px!important;
  padding:0 10px!important;
  margin:0!important;
  border:1px solid rgba(20,20,20,.14)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.035)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.cbb-final-step .cbb-phone-country-ui:focus-within{
  border-color:#a06400!important;
  box-shadow:0 0 0 3px rgba(160,100,0,.10),0 8px 22px rgba(0,0,0,.04)!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-flag,
.cbb-final-step [data-cbb-phone-flag]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:16px!important;
  border-radius:3px!important;
  border:1px solid rgba(0,0,0,.16)!important;
  box-shadow:none!important;
  margin:0!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country,
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
  display:block!important;
  position:static!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  line-height:48px!important;
  padding:0 18px 0 0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:800!important;
  text-align:left!important;
  font-family:"Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  box-sizing:border-box!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country option,
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"] option{
  color:#111!important;
  background:#fff!important;
  font-size:14px!important;
  font-family:"Inter","Aptos","Segoe UI",Arial,sans-serif!important;
}
.cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  line-height:50px!important;
  padding:0 15px!important;
  margin:0!important;
  box-sizing:border-box!important;
  font-size:16px!important;
}
.cbb-final-step .cbb-phone-field input[name="customer_phone"]::placeholder{color:#9ca3af!important;}
@media(max-width:640px){
  .cbb-final-step .cbb-phone-wrap{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important;}
  .cbb-final-step .cbb-phone-country-ui,.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{width:112px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 8px!important;gap:7px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-flag,.cbb-final-step [data-cbb-phone-flag]{flex-basis:22px!important;width:22px!important;height:15px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country,.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{height:46px!important;min-height:46px!important;max-height:46px!important;line-height:46px!important;font-size:13px!important;padding-right:12px!important;}
  .cbb-final-step .cbb-phone-field input[name="customer_phone"]{height:48px!important;min-height:48px!important;max-height:48px!important;line-height:48px!important;font-size:15px!important;padding:0 13px!important;}
}


/* v19.4.56: mobiel laatste stap knoppen naast elkaar, terugknop zelfde breedte als vorige stap */
@media(max-width:640px){
  .cbb-final-step .cbb-final-actions,
  .cbb-step-actions.cbb-final-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:stretch!important;
    width:auto!important;
    margin-left:16px!important;
    margin-right:16px!important;
    padding:0!important;
    position:static!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .cbb-final-step .cbb-final-actions .cbb-back,
  .cbb-final-step .cbb-final-actions .cbb-submit,
  .cbb-step-actions.cbb-final-actions .cbb-back,
  .cbb-step-actions.cbb-final-actions .cbb-submit{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding:10px 8px!important;
    border-radius:999px!important;
    font-size:13.5px!important;
    line-height:1.1!important;
    white-space:normal!important;
    text-align:center!important;
  }
}


/* v19.4.57: correct totaal meerdere diensten en compact luxe velden */
.cbb-final-step .cbb-final-heading{
  padding:18px 20px 10px!important;
}
.cbb-final-step .cbb-final-heading h3{
  font-size:20px!important;
  letter-spacing:-.035em!important;
}
.cbb-final-step .cbb-final-heading span{
  font-size:12.5px!important;
  letter-spacing:.04em!important;
  color:#9b8057!important;
  font-weight:800!important;
}
.cbb-final-step .cbb-final-fields-grid{
  padding:0 20px!important;
  gap:10px 12px!important;
}
.cbb-final-step .cbb-final-field input{
  min-height:54px!important;
  height:54px!important;
  border-radius:13px!important;
  border-color:rgba(17,17,17,.13)!important;
  background:linear-gradient(180deg,#fff,#fffaf3)!important;
  color:#171717!important;
  font-family:"Inter","Aptos","Segoe UI",Arial,sans-serif!important;
  font-size:15.5px!important;
  font-weight:650!important;
  letter-spacing:-.012em!important;
  padding:0 14px!important;
  box-shadow:0 8px 20px rgba(17,17,17,.035)!important;
}
.cbb-final-step .cbb-final-field input::placeholder{
  color:#8b8178!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
.cbb-final-step .cbb-final-field input:focus{
  border-color:#9b8057!important;
  box-shadow:0 0 0 3px rgba(155,128,87,.13),0 10px 22px rgba(17,17,17,.05)!important;
}
.cbb-final-step .cbb-phone-wrap{
  gap:8px!important;
}
.cbb-final-step .cbb-phone-country-ui,
.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#fffaf3)!important;
  border-color:rgba(17,17,17,.13)!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country,
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  line-height:52px!important;
  font-size:13.5px!important;
  font-weight:900!important;
}
.cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  line-height:54px!important;
  font-size:15.5px!important;
  font-weight:650!important;
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions{
  margin-left:20px!important;
  margin-right:20px!important;
}
.cbb-final-step .cbb-payment-method-box{
  margin-top:10px!important;
  border-radius:13px!important;
}
.cbb-final-step .cbb-final-summary{
  margin-top:18px!important;
}
.cbb-final-summary-card-modern{
  padding:16px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#fffaf3)!important;
}
.cbb-final-appointment-head{
  padding-bottom:13px!important;
}
.cbb-final-appointment-head strong{
  font-size:19px!important;
  margin-bottom:6px!important;
}
.cbb-final-appointment-head small{
  font-size:13.5px!important;
  gap:7px!important;
}
.cbb-final-lines{
  padding:12px 0 10px!important;
}
.cbb-final-line + .cbb-final-line{
  margin-top:7px!important;
}
.cbb-final-line span,
.cbb-final-line strong{
  font-size:15.5px!important;
  font-weight:650!important;
}
.cbb-final-total{
  padding-top:12px!important;
}
.cbb-final-total span,
.cbb-final-total strong{
  font-size:16px!important;
  font-weight:950!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-final-heading{padding:16px 16px 8px!important;}
  .cbb-final-step .cbb-final-fields-grid{padding:0 16px!important;gap:8px!important;}
  .cbb-final-step .cbb-final-field input{height:50px!important;min-height:50px!important;font-size:15px!important;border-radius:12px!important;}
  .cbb-final-step .cbb-phone-wrap{grid-template-columns:108px minmax(0,1fr)!important;gap:7px!important;}
  .cbb-final-step .cbb-phone-country-ui,.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{width:108px!important;height:50px!important;min-height:50px!important;max-height:50px!important;border-radius:12px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country,.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{height:48px!important;min-height:48px!important;max-height:48px!important;line-height:48px!important;font-size:13px!important;}
  .cbb-final-step .cbb-phone-field input[name="customer_phone"]{height:50px!important;min-height:50px!important;max-height:50px!important;line-height:50px!important;font-size:15px!important;}
  .cbb-final-step .cbb-payment-method-box,.cbb-final-step .cbb-final-summary,.cbb-final-step .cbb-final-consents,.cbb-final-step .cbb-final-actions{margin-left:16px!important;margin-right:16px!important;}
  .cbb-final-summary-card-modern{padding:14px!important;}
  .cbb-final-appointment-head strong{font-size:17px!important;}
  .cbb-final-line span,.cbb-final-line strong{font-size:14.5px!important;}
}


/* v19.4.58: kies tijd compacter */
.cbb-time-slots{
  gap:7px!important;
  margin-top:8px!important;
  grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;
}
.cbb-slot,
.cbb-time-slots button.cbb-slot{
  min-height:42px!important;
  height:42px!important;
  padding:6px 8px!important;
  border-radius:13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  box-shadow:0 5px 14px rgba(17,17,17,.04)!important;
}
.cbb-slot strong{
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
}
.cbb-slot .cbb-slot-available-dot{
  margin-top:2px!important;
  height:7px!important;
}
.cbb-slot .cbb-slot-available-dot span{
  width:6px!important;
  height:6px!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.14)!important;
}
.cbb-slot:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(17,17,17,.08)!important;
}
.cbb-selected-summary[data-cbb-time-summary]{
  margin-top:8px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  font-size:13px!important;
  line-height:1.25!important;
}
@media(max-width:760px){
  .cbb-time-slots{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:7px!important;
  }
  .cbb-slot,
  .cbb-time-slots button.cbb-slot{
    min-height:39px!important;
    height:39px!important;
    padding:5px 6px!important;
    border-radius:12px!important;
  }
  .cbb-slot strong{font-size:13.5px!important;}
}
@media(max-width:430px){
  .cbb-time-slots{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .cbb-slot,
  .cbb-time-slots button.cbb-slot{
    min-height:37px!important;
    height:37px!important;
    padding:4px 5px!important;
    border-radius:11px!important;
  }
  .cbb-slot strong{font-size:13px!important;}
  .cbb-slot .cbb-slot-available-dot span{width:5px!important;height:5px!important;}
}


/* v19.4.60: Anek Malayalam teruggedraaid, Je gegevens gebruikt dezelfde fontbasis als kalendernummers */
.cbb-final-step .cbb-final-field input,
.cbb-final-step .cbb-phone-field input[name="customer_phone"],
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"],
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country{
  font-family:inherit!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
.cbb-final-step .cbb-final-field input::placeholder,
.cbb-final-step .cbb-phone-field input[name="customer_phone"]::placeholder{
  font-family:inherit!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.cbb-final-step .cbb-final-heading h3,
.cbb-final-step .cbb-final-heading span,
.cbb-final-step .cbb-final-field label{
  font-family:inherit!important;
}


/* v19.4.61: knoppenfont standaard houden en Je gegevens compacter */
.cbb-final-step .cbb-final-actions button,
.cbb-final-step .cbb-final-actions .cbb-back,
.cbb-final-step .cbb-final-actions .cbb-submit{
  font-family:inherit!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.cbb-final-step .cbb-final-fields-grid{
  padding:0 18px!important;
  gap:7px 9px!important;
}
.cbb-final-step .cbb-final-field input{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  border-radius:12px!important;
  font-size:14.5px!important;
  padding:0 12px!important;
  line-height:48px!important;
}
.cbb-final-step .cbb-final-field input::placeholder{
  font-size:14.5px!important;
}
.cbb-final-step .cbb-phone-wrap{
  gap:7px!important;
}
.cbb-final-step .cbb-phone-country-ui,
.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  border-radius:12px!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country,
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  line-height:46px!important;
  font-size:13px!important;
}
.cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  line-height:48px!important;
  font-size:14.5px!important;
  padding:0 12px!important;
}
.cbb-final-step .cbb-final-heading{
  padding:15px 18px 8px!important;
}
.cbb-final-step .cbb-final-heading h3{
  font-size:19px!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-final-heading{padding:14px 14px 7px!important;}
  .cbb-final-step .cbb-final-fields-grid{padding:0 14px!important;gap:6px!important;}
  .cbb-final-step .cbb-final-field input{height:44px!important;min-height:44px!important;max-height:44px!important;line-height:44px!important;border-radius:11px!important;font-size:14px!important;padding:0 11px!important;}
  .cbb-final-step .cbb-final-field input::placeholder{font-size:14px!important;}
  .cbb-final-step .cbb-phone-wrap{grid-template-columns:104px minmax(0,1fr)!important;gap:6px!important;}
  .cbb-final-step .cbb-phone-country-ui,.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{width:104px!important;height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:11px!important;}
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country,.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{height:42px!important;min-height:42px!important;max-height:42px!important;line-height:42px!important;font-size:12.5px!important;}
  .cbb-final-step .cbb-phone-field input[name="customer_phone"]{height:44px!important;min-height:44px!important;max-height:44px!important;line-height:44px!important;font-size:14px!important;padding:0 11px!important;}
  .cbb-final-step .cbb-final-actions .cbb-back,.cbb-final-step .cbb-final-actions .cbb-submit{font-family:inherit!important;font-weight:900!important;font-size:14px!important;}
}


.cbb-final-step .cbb-final-fields-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:5px 7px!important;
}
.cbb-final-step .cbb-final-fields-grid .cbb-field-full{
  grid-column:1 / -1!important;
}
.cbb-final-step .cbb-final-field input{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  line-height:46px!important;
}
.cbb-final-step .cbb-phone-country-ui,
.cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
}
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country,
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  line-height:44px!important;
}
.cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  line-height:46px!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-final-fields-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:5px 6px!important;
  }
  .cbb-final-step .cbb-final-fields-grid .cbb-field-full{
    grid-column:1 / -1!important;
  }
  .cbb-final-step .cbb-final-field input{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
  }
  .cbb-final-step .cbb-phone-country-ui,
  .cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
  .cbb-final-step .cbb-phone-country-ui .cbb-phone-country,
  .cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    line-height:40px!important;
  }
  .cbb-final-step .cbb-phone-field input[name="customer_phone"]{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
  }
}

/* v19.4.63: Je gegevens veldtekst zwart en gele achtergrond uit afspraak gegevens/totaal */
.cbb-final-step .cbb-final-field input,
.cbb-final-step .cbb-final-field textarea,
.cbb-final-step .cbb-phone-field input[name="customer_phone"],
.cbb-final-step select.cbb-phone-country[name="customer_phone_country"],
.cbb-final-step .cbb-phone-country-ui .cbb-phone-country{
  color:#000!important;
  -webkit-text-fill-color:#000!important;
}
.cbb-final-step .cbb-final-field input::placeholder,
.cbb-final-step .cbb-final-field textarea::placeholder,
.cbb-final-step .cbb-phone-field input[name="customer_phone"]::placeholder{
  color:#505050!important;
  -webkit-text-fill-color:#505050!important;
  opacity:1!important;
}
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-summary-card-modern,
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary > div,
.cbb-final-step .cbb-final-total,
.cbb-final-step .cbb-final-lines,
.cbb-final-step .cbb-final-appointment-head{
  background:#fff!important;
  background-image:none!important;
}
.cbb-final-step .cbb-final-summary-card-modern{
  border-color:#e7e7e7!important;
  box-shadow:none!important;
}
.cbb-final-step .cbb-final-total span,
.cbb-final-step .cbb-final-total strong,
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong,
.cbb-final-step .cbb-final-appointment-head strong,
.cbb-final-step .cbb-final-appointment-head small{
  color:#000!important;
}

/* v19.4.64: moderne totaalregel met duidelijke scheidingslijn */
.cbb-final-step .cbb-final-summary-card-modern{
  background:#fff!important;
  border:1px solid #e8e8e8!important;
  border-radius:16px!important;
  box-shadow:0 12px 32px rgba(17,17,17,.06)!important;
  padding:16px 18px!important;
}
.cbb-final-step .cbb-final-lines{
  padding:13px 0 12px!important;
  border-bottom:0!important;
}
.cbb-final-step .cbb-final-total{
  position:relative!important;
  margin-top:2px!important;
  padding:14px 0 0!important;
  border-top:1px solid #e2e2e2!important;
  background:transparent!important;
  min-height:34px!important;
}
.cbb-final-step .cbb-final-total:before{
  content:""!important;
  position:absolute!important;
  top:-1px!important;
  left:0!important;
  width:54px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#111!important;
}
.cbb-final-step .cbb-final-total span{
  color:#575757!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.cbb-final-step .cbb-final-total strong{
  color:#111!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
@media(max-width:640px){
  .cbb-final-step .cbb-final-summary-card-modern{
    border-radius:14px!important;
    padding:14px!important;
  }
  .cbb-final-step .cbb-final-total{
    padding-top:12px!important;
  }
  .cbb-final-step .cbb-final-total strong{
    font-size:18px!important;
  }
}

/* v19.4.72 Booking formulier luxe stapindicator */
.cbb-progress.cbb-progress-modern{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px!important;
  margin:0 0 14px!important;
  padding:7px!important;
  border:1px solid rgba(17,17,17,.08)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8f6f1 100%)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.055)!important;
}
.cbb-progress.cbb-progress-modern button{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  height:38px!important;
  padding:6px 8px!important;
  border-radius:16px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#5b5b5b!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
  transform:none!important;
}
.cbb-progress.cbb-progress-modern button span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#ece8df!important;
  color:#111!important;
  font-size:11px!important;
  font-weight:950!important;
  flex:0 0 auto!important;
}
.cbb-progress.cbb-progress-modern button strong{
  color:inherit!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.cbb-progress.cbb-progress-modern button.is-active{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
.cbb-progress.cbb-progress-modern button.is-active span{
  background:#d8b46b!important;
  color:#111!important;
}
.cbb-progress.cbb-progress-modern button.is-complete:not(.is-active){
  background:#fff!important;
  color:#111!important;
  border-color:#d9c79d!important;
}
.cbb-progress.cbb-progress-modern button.is-complete:not(.is-active) span{
  background:#111!important;
  color:#fff!important;
}
.cbb-progress.cbb-progress-modern button:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
}
.cbb-wizard-step.is-active{
  box-shadow:0 18px 48px rgba(0,0,0,.075)!important;
}
.cbb-selected-summary{
  border-left:3px solid #111!important;
  background:#fff!important;
  color:#272727!important;
}
.cbb-live-message{
  border-radius:18px!important;
  font-weight:850!important;
}
@media(max-width:640px){
  .cbb-progress.cbb-progress-modern{
    gap:5px!important;
    padding:5px!important;
    border-radius:18px!important;
    margin-bottom:10px!important;
  }
  .cbb-progress.cbb-progress-modern button{
    min-height:34px!important;
    height:34px!important;
    padding:5px 4px!important;
    gap:4px!important;
    border-radius:13px!important;
  }
  .cbb-progress.cbb-progress-modern button span{
    width:19px!important;
    height:19px!important;
    font-size:10px!important;
  }
  .cbb-progress.cbb-progress-modern button strong{
    font-size:10px!important;
  }
}


/* v19.4.75 betere veldcontrole laatste stap */
.cbb-final-step .cbb-field{position:relative}
.cbb-final-step .cbb-field-error{display:block;margin:4px 2px 0;font-size:11px;line-height:1.25;color:#b42318;font-weight:700}
.cbb-final-step .cbb-field.has-error input,.cbb-final-step .cbb-field.has-error .cbb-phone-wrap{border-color:#b42318!important;box-shadow:0 0 0 2px rgba(180,35,24,.08)!important}
.cbb-final-step .cbb-submit:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15)}

/* v19.4.77 luxe afspraak bevestiging */
.cbb-success-luxe .cbb-success-luxe-card{
  max-width:620px!important;
  border:1px solid rgba(17,17,17,.09)!important;
  box-shadow:0 24px 70px rgba(17,17,17,.12)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)!important;
}
.cbb-success-luxe .cbb-success-title{
  letter-spacing:-.04em!important;
}
.cbb-success-hero-date{
  margin:12px 0 12px!important;
  padding:14px 16px!important;
  border-radius:20px!important;
  background:#111!important;
  color:#fff!important;
  text-align:left!important;
  position:relative!important;
  overflow:hidden!important;
}
.cbb-success-hero-date:after{
  content:""!important;
  position:absolute!important;
  right:-32px!important;
  top:-44px!important;
  width:120px!important;
  height:120px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
}
.cbb-success-hero-date span{
  display:block!important;
  margin:0 0 3px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.68)!important;
  font-weight:900!important;
}
.cbb-success-hero-date strong{
  display:block!important;
  font-size:clamp(20px,5vw,30px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  color:#fff!important;
  font-weight:950!important;
}
.cbb-success-hero-date em{
  display:block!important;
  margin-top:5px!important;
  font-style:normal!important;
  font-size:13px!important;
  color:rgba(255,255,255,.86)!important;
  font-weight:850!important;
}
.cbb-success-service-card{
  margin:10px 0 10px!important;
  padding:11px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:0 10px 26px rgba(17,17,17,.05)!important;
}
.cbb-success-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding-bottom:8px!important;
  margin-bottom:8px!important;
  border-bottom:1px solid rgba(17,17,17,.09)!important;
}
.cbb-success-section-title span{
  font-size:10px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#777!important;
  font-weight:950!important;
}
.cbb-success-section-title strong{
  color:#111!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
}
.cbb-success-service-list{
  display:grid!important;
  gap:6px!important;
}
.cbb-success-service-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:7px 8px!important;
  border-radius:13px!important;
  background:#f7f4ee!important;
}
.cbb-success-service-row span{
  color:#111!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.cbb-success-service-row small{
  color:#666!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.cbb-success-luxe-summary{
  margin-top:8px!important;
}
.cbb-success-luxe-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin-top:10px!important;
}
.cbb-success-luxe-actions .cbb-success-btn{
  justify-content:flex-start!important;
  text-align:left!important;
}
.cbb-success-btn-route,
.cbb-success-btn-call{
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(17,17,17,.12)!important;
}
.cbb-success-btn-route .cbb-btn-ico,
.cbb-success-btn-call .cbb-btn-ico{
  background:#111!important;
  color:#fff!important;
}
@media (max-width:620px){
  .cbb-success-luxe .cbb-success-luxe-card{
    padding:14px 12px 13px!important;
  }
  .cbb-success-hero-date{
    padding:12px 13px!important;
    border-radius:17px!important;
    margin:9px 0 9px!important;
  }
  .cbb-success-service-card{
    padding:9px!important;
    border-radius:16px!important;
  }
  .cbb-success-luxe-actions{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .cbb-success-luxe-actions .cbb-success-btn{
    min-height:42px!important;
    padding:8px 9px!important;
    border-radius:14px!important;
  }
  .cbb-success-luxe-actions .cbb-success-btn strong{
    font-size:12px!important;
  }
  .cbb-success-luxe-actions .cbb-success-btn small{
    font-size:10px!important;
  }
}


/* v19.4.78 luxe bevestiging actieknoppen */
.cbb-success-main-actions .cbb-success-btn-route,
.cbb-success-main-actions .cbb-success-btn-call{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#111 0%,#1b1b1b 55%,#000 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:24px !important;
  min-height:72px !important;
  padding:15px 17px !important;
  box-shadow:0 18px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.cbb-success-main-actions .cbb-success-btn-route:before,
.cbb-success-main-actions .cbb-success-btn-call:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 38%);
  pointer-events:none;
}
.cbb-success-main-actions .cbb-success-btn-route strong,
.cbb-success-main-actions .cbb-success-btn-call strong{
  color:#fff !important;
  font-size:14px !important;
  letter-spacing:.01em;
}
.cbb-success-main-actions .cbb-success-btn-route small,
.cbb-success-main-actions .cbb-success-btn-call small{
  color:rgba(255,255,255,.70) !important;
  font-weight:800 !important;
}
.cbb-success-main-actions .cbb-success-btn-route .cbb-btn-ico,
.cbb-success-main-actions .cbb-success-btn-call .cbb-btn-ico{
  background:#fff !important;
  color:#111 !important;
  width:40px !important;
  height:40px !important;
  flex-basis:40px !important;
  border-radius:16px !important;
  box-shadow:0 12px 24px rgba(0,0,0,.18) !important;
}
.cbb-success-main-actions .cbb-success-btn-route:hover,
.cbb-success-main-actions .cbb-success-btn-call:hover{
  transform:translateY(-1px);
  background:#000 !important;
}
@media(max-width:620px){
  .cbb-success-main-actions .cbb-success-btn-route,
  .cbb-success-main-actions .cbb-success-btn-call{
    min-height:66px !important;
    border-radius:20px !important;
    padding:13px 14px !important;
  }
}


/* v19.4.84: verleden dagen blijven klikbaar voor juiste melding */
.cbb-day.is-past{opacity:.42;background:#f7f7f7!important;color:#9a9a9a!important;border-color:#ededed!important;box-shadow:none!important;cursor:pointer}
.cbb-day.is-past:hover{border-color:#d9d9d9!important;transform:none!important;box-shadow:none!important}

/* v19.4.108 afspraaknummer */
.cbb-success-booking-number{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(17,17,17,.12);border-radius:18px;background:#f8f6f1;color:#111}
.cbb-success-booking-number span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b6257;font-weight:800}
.cbb-success-booking-number strong{font-size:18px;letter-spacing:.03em}

/* v19.4.113: boekingsformulier stapkoppen compacter */
.cbb-step-title{
  gap:10px!important;
  margin-bottom:14px!important;
}
.cbb-step-title>span{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  font-size:14px!important;
}
.cbb-step-title strong{
  font-size:19px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
.cbb-step-title small{
  margin-top:3px!important;
  font-size:12px!important;
  line-height:1.25!important;
}
@media(max-width:640px){
  .cbb-step-title{
    gap:8px!important;
    margin-bottom:10px!important;
  }
  .cbb-step-title>span{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    font-size:12px!important;
  }
  .cbb-step-title strong{
    font-size:17px!important;
    line-height:1.1!important;
  }
  .cbb-step-title small{
    margin-top:2px!important;
    font-size:11px!important;
  }
}


/* v19.4.114: gekozen diensten in Jouw gegevens compacter */
.cbb-final-step .cbb-final-summary{
  margin:10px 20px 8px!important;
}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern{
  padding:12px 14px!important;
  border-radius:16px!important;
  gap:8px!important;
}
.cbb-final-step .cbb-final-appointment-head{
  padding:0 0 8px!important;
  margin:0 0 6px!important;
}
.cbb-final-step .cbb-final-appointment-head strong{
  font-size:15px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
.cbb-final-step .cbb-final-appointment-head small{
  margin-top:3px!important;
  font-size:11.5px!important;
  line-height:1.2!important;
}
.cbb-final-step .cbb-final-lines{
  gap:4px!important;
  margin:0!important;
  padding:0!important;
}
.cbb-final-step .cbb-final-line{
  min-height:0!important;
  padding:7px 0!important;
  margin:0!important;
  border-radius:0!important;
  line-height:1.15!important;
}
.cbb-final-step .cbb-final-line span{
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:750!important;
  letter-spacing:-.018em!important;
}
.cbb-final-step .cbb-final-line strong{
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.cbb-final-step .cbb-final-total{
  margin-top:8px!important;
  padding-top:9px!important;
  min-height:0!important;
  line-height:1.1!important;
}
.cbb-final-step .cbb-final-total span{
  font-size:11.5px!important;
  letter-spacing:.10em!important;
}
.cbb-final-step .cbb-final-total strong{
  font-size:18px!important;
  line-height:1!important;
}
@media(max-width:680px){
  .cbb-final-step .cbb-final-summary{
    margin:8px 14px 6px!important;
  }
  .cbb-final-step .cbb-final-summary-card,
  .cbb-final-step .cbb-final-summary-card-modern{
    padding:10px 12px!important;
    border-radius:14px!important;
  }
  .cbb-final-step .cbb-final-appointment-head{
    padding-bottom:6px!important;
    margin-bottom:4px!important;
  }
  .cbb-final-step .cbb-final-appointment-head strong{
    font-size:14px!important;
  }
  .cbb-final-step .cbb-final-appointment-head small{
    font-size:11px!important;
  }
  .cbb-final-step .cbb-final-line{
    padding:6px 0!important;
  }
  .cbb-final-step .cbb-final-line span,
  .cbb-final-step .cbb-final-line strong{
    font-size:12.5px!important;
  }
  .cbb-final-step .cbb-final-total{
    margin-top:6px!important;
    padding-top:8px!important;
  }
  .cbb-final-step .cbb-final-total strong{
    font-size:17px!important;
  }
}


/* v19.4.115: gekozen diensten zonder achtergrond of box */
.cbb-final-step .cbb-final-summary{
  margin:8px 20px 6px!important;
  background:transparent!important;
}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.cbb-final-step .cbb-final-appointment-head{
  background:transparent!important;
  padding:0 0 6px!important;
  margin:0 0 4px!important;
  border-bottom:0!important;
}
.cbb-final-step .cbb-final-lines{
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  gap:2px!important;
}
.cbb-final-step .cbb-final-line{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:5px 0!important;
}
.cbb-final-step .cbb-final-total{
  background:transparent!important;
  box-shadow:none!important;
  margin-top:6px!important;
  padding-top:9px!important;
}
@media(max-width:680px){
  .cbb-final-step .cbb-final-summary{
    margin:6px 14px 4px!important;
  }
  .cbb-final-step .cbb-final-line{
    padding:4px 0!important;
  }
  .cbb-final-step .cbb-final-total{
    margin-top:5px!important;
    padding-top:8px!important;
  }
}

/* v19.4.120: stapnavigatie tekst kleiner zodat stap 4 Gegevens volledig leesbaar blijft */
.cbb-progress.cbb-progress-modern button{
  min-width:0!important;
  overflow:hidden!important;
}
.cbb-progress.cbb-progress-modern button strong{
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  letter-spacing:-.035em!important;
}
@media(max-width:640px){
  .cbb-progress.cbb-progress-modern{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    padding:4px!important;
  }
  .cbb-progress.cbb-progress-modern button{
    min-height:31px!important;
    height:31px!important;
    padding:4px 2px!important;
    gap:3px!important;
    border-radius:12px!important;
  }
  .cbb-progress.cbb-progress-modern button span{
    width:17px!important;
    height:17px!important;
    font-size:9px!important;
  }
  .cbb-progress.cbb-progress-modern button strong{
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }
}
@media(max-width:390px){
  .cbb-progress.cbb-progress-modern button{
    gap:2px!important;
    padding-left:1px!important;
    padding-right:1px!important;
  }
  .cbb-progress.cbb-progress-modern button span{
    width:16px!important;
    height:16px!important;
    font-size:8.5px!important;
  }
  .cbb-progress.cbb-progress-modern button strong{
    font-size:8.5px!important;
    letter-spacing:-.06em!important;
  }
}

/* v19.4.122: desktop booking formulier compacter, alleen actief als instelling Compacte desktop booking layout aan staat */
@media (min-width: 901px){
  .cbb-progress.cbb-progress-modern button strong{
    font-size: 11px!important;
    line-height: 1!important;
    letter-spacing: -.04em!important;
    white-space: nowrap!important;
  }
  .cbb-progress.cbb-progress-modern button{
    min-width: 0!important;
  }
  .cbb-form.cbb-desktop-compact{
    max-width: 940px!important;
    width: min(940px, 100%)!important;
    margin-left: auto!important;
    margin-right: auto!important;
    padding: 18px!important;
    border-radius: 22px!important;
    overflow: visible!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-booking-hero{
    padding: 18px 22px!important;
    margin-bottom: 12px!important;
    border-radius: 22px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-booking-hero h2,
  .cbb-form.cbb-desktop-compact .cbb-booking-hero.cbb-booking-hero-compact h2{
    font-size: 30px!important;
    line-height: 1.05!important;
    margin-bottom: 7px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-booking-hero p{
    font-size: 13px!important;
    line-height: 1.35!important;
    margin-bottom: 8px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-progress.cbb-progress-modern{
    gap: 5px!important;
    padding: 5px!important;
    margin-bottom: 10px!important;
    border-radius: 18px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-progress.cbb-progress-modern button{
    min-height: 32px!important;
    height: 32px!important;
    padding: 4px 5px!important;
    gap: 4px!important;
    border-radius: 12px!important;
    font-size: 10.5px!important;
    line-height: 1!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-progress.cbb-progress-modern button span{
    width: 18px!important;
    height: 18px!important;
    font-size: 9.5px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-progress.cbb-progress-modern button strong{
    font-size: 10.5px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-wizard-step{
    padding: 16px!important;
    border-radius: 20px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-step-title{
    gap: 9px!important;
    margin-bottom: 11px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-step-title > span{
    width: 30px!important;
    height: 30px!important;
    min-width: 30px!important;
    font-size: 13px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-step-title strong{
    font-size: 19px!important;
    line-height: 1.05!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-step-title small{
    font-size: 12px!important;
    line-height: 1.25!important;
    margin-top: 3px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-cal-head{
    padding: 5px!important;
    margin-bottom: 7px!important;
    border-radius: 16px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-cal-head button{
    width: 34px!important;
    height: 34px!important;
    min-height: 34px!important;
    border-radius: 12px!important;
    font-size: 21px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-cal-head strong{
    font-size: 17px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-cal-grid{
    gap: 5px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-cal-weekday{
    font-size: 10px!important;
    padding: 2px 0!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-day{
    min-height: 52px!important;
    padding: 5px 2px!important;
    border-radius: 13px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-day strong{
    font-size: 17px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-day small{
    font-size: 9.5px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-time-slots{
    gap: 7px!important;
    margin-top: 7px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-time-slot,
  .cbb-form.cbb-desktop-compact .cbb-time-slots button,
  .cbb-form.cbb-desktop-compact .cbb-time-slots button.cbb-slot{
    min-height: 36px!important;
    padding: 7px 9px!important;
    border-radius: 12px!important;
    font-size: 12.5px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-service-option,
  .cbb-form.cbb-desktop-compact .cbb-service-option-compact{
    padding: 10px 12px!important;
    border-radius: 15px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-service-option strong,
  .cbb-form.cbb-desktop-compact .cbb-service-option-compact .cbb-service-main strong{
    font-size: 14px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-service-option small,
  .cbb-form.cbb-desktop-compact .cbb-service-option-compact .cbb-service-main small{
    font-size: 11px!important;
    line-height: 1.25!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-selected-summary{
    margin-top: 8px!important;
    padding: 9px 12px!important;
    border-radius: 14px!important;
    font-size: 12.5px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-fields-grid{
    gap: 9px!important;
  }
  .cbb-form.cbb-desktop-compact input,
  .cbb-form.cbb-desktop-compact select,
  .cbb-form.cbb-desktop-compact textarea{
    min-height: 44px!important;
    padding: 10px 12px!important;
    border-radius: 13px!important;
    font-size: 14px!important;
  }
  .cbb-form.cbb-desktop-compact textarea{
    min-height: 82px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-step-actions{
    margin-top: 12px!important;
  }
  .cbb-form.cbb-desktop-compact button{
    min-height: 40px!important;
    padding: 10px 14px!important;
    border-radius: 14px!important;
  }
  .cbb-form.cbb-desktop-compact .cbb-final-step .cbb-final-summary,
  .cbb-form.cbb-desktop-compact .cbb-final-step .cbb-payment-method-box,
  .cbb-form.cbb-desktop-compact .cbb-final-step .cbb-final-consents,
  .cbb-form.cbb-desktop-compact .cbb-final-step .cbb-final-actions{
    margin-top: 8px!important;
  }
}

/* v19.5.4: voorkom automatische mobile scroll door floating booking popup/button */
@media(max-width:640px){
  .fcds-floating-booking{
    position:fixed!important;
    top:auto!important;
    transform:none;
    contain:layout style;
  }
  .fcds-floating-booking .fcds-popup{
    overscroll-behavior:contain;
  }
}


/* v19.5.5: mobile floating popup weer volledig scherm zonder auto-scroll */
@media(max-width:640px){
  .fcds-floating-booking{
    contain:none!important;
  }
  .fcds-floating-booking .fcds-popup{
    position:fixed!important;
    inset:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    pointer-events:auto!important;
    z-index:999999!important;
  }
  .fcds-floating-booking .fcds-popup:not(.is-open){
    display:none!important;
  }
  .fcds-floating-booking .fcds-popup.is-open{
    display:flex!important;
  }
  .fcds-floating-booking .fcds-popup-backdrop{
    position:fixed!important;
    inset:0!important;
  }
  .fcds-floating-booking .fcds-popup-panel{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    padding:8px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .fcds-floating-booking .fcds-popup-panel .cbb-form{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    margin:0!important;
    border-radius:22px!important;
  }
}

/* v19.5.9 delayed floating button: niet tonen tot na paginalaad */
.fcds-floating-delayed.is-hidden{
  display:none!important;
}

/* v19.5.10 rebuilt floating booking button: geen popup/formulier in de DOM voor klik */
.fcds-floating-rebuilt .fcds-popup-trigger[disabled]{
  opacity:.72!important;
  cursor:wait!important;
  transform:none!important;
}


/* v19.5.11 floating ajax fallback melding */
.fcds-floating-error{
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  width:min(280px, calc(100vw - 32px));
  padding:10px 12px;
  border-radius:12px;
  background:#111;
  color:#fff;
  font-size:13px;
  line-height:1.35;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  z-index:999999;
}


/* v19.5.12: echte mobile popup scroll lock */
@media(max-width:768px){
  html.fcds-popup-html-lock{overflow:hidden!important;overscroll-behavior:none!important;}
  body.fcds-popup-fixed-lock{overflow:hidden!important;touch-action:none!important;overscroll-behavior:none!important;}
  .fcds-popup.is-open{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;}
  .fcds-popup.is-open .fcds-popup-panel{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
}


/* v19.5.17: floating knop klikbaar houden wanneer container pointer-events uit heeft */
.fcds-floating-booking.fcds-floating-clone{
  pointer-events:none!important;
}
.fcds-floating-booking.fcds-floating-clone > .fcds-popup-trigger,
.fcds-floating-booking.fcds-floating-clone [data-fcds-floating-clone-open],
.fcds-floating-booking [data-fcds-lazy-floating-open],
.fcds-floating-booking [data-fcds-popup-open]{
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}


/* v19.5.27.24: medewerker app donkere card headers wit */
body.cbb-staff-app-mode .cbb-tools-hero-v1970 h2,
body.cbb-staff-app-mode .cbb-admin-card[class*="hero"] h1,
body.cbb-staff-app-mode .cbb-admin-card[class*="hero"] h2,
body.cbb-staff-app-mode .cbb-admin-card[class*="hero"] h3,
body.cbb-staff-app-mode [class*="-hero"] h1,
body.cbb-staff-app-mode [class*="-hero"] h2,
body.cbb-staff-app-mode [class*="-hero"] h3{
  color:#fff!important;
}
body.cbb-staff-app-mode .cbb-tools-hero-v1970 p{color:rgba(255,255,255,.78)!important;}
body.cbb-staff-app-mode .cbb-tools-hero-v1970 span{color:#d8b46b!important;}
body.cbb-staff-app-mode .cbb-busy-days-hero h2{color:#d3b56d!important;}

/* v19.5.27.36 medewerker foto in boekingsformulier */
.cbb-employee-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.cbb-employee-pill-photo,
.cbb-assistant-public-photo{
    width:28px;
    height:28px;
    border-radius:999px;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.22);
    flex:0 0 28px;
}
.cbb-employee-pill-photo img,
.cbb-assistant-public-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.cbb-assistant-public-item{
    display:flex;
    align-items:center;
    gap:10px;
}


/* v19.5.27.56 - Dienstselectie compacter, fixed/floating navigatie verwijderd */
.cbb-services-list,
.cbb-services-list-grouped{
  gap:8px!important;
}
.cbb-service-category-header{
  margin:8px 0 2px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1.1!important;
}
.cbb-service-option,
.cbb-service-option-compact{
  min-height:0!important;
  padding:9px 11px!important;
  border-radius:14px!important;
  gap:8px!important;
  align-items:center!important;
}
.cbb-service-option input,
.cbb-service-option-compact input{
  width:17px!important;
  min-height:17px!important;
  height:17px!important;
  margin:0!important;
}
.cbb-service-option .cbb-service-main,
.cbb-service-option-compact .cbb-service-main{
  gap:1px!important;
}
.cbb-service-option strong,
.cbb-service-option-compact .cbb-service-main strong{
  font-size:14px!important;
  line-height:1.15!important;
}
.cbb-service-option small,
.cbb-service-option-compact .cbb-service-main small{
  font-size:10px!important;
  line-height:1.05!important;
}
.cbb-service-option .cbb-service-price,
.cbb-service-option-compact .cbb-service-price{
  font-size:12px!important;
  line-height:1!important;
  padding-left:4px!important;
}
.cbb-wizard-step[data-cbb-step="3"] .cbb-selected-summary{
  margin-top:8px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  font-size:13px!important;
}
.cbb-wizard-step[data-cbb-step="3"] .cbb-step-actions{
  position:sticky!important;
  bottom:10px!important;
  z-index:5!important;
}
@media(max-width:760px){
  .cbb-services-list,
  .cbb-services-list-grouped{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .cbb-service-option,
  .cbb-service-option-compact{
    padding:8px 10px!important;
    border-radius:13px!important;
  }
  .cbb-service-option strong,
  .cbb-service-option-compact .cbb-service-main strong{
    font-size:13px!important;
  }
  .cbb-service-option .cbb-service-price,
  .cbb-service-option-compact .cbb-service-price{
    font-size:11.5px!important;
  }
}


/* v19.6.3 CasaBarba: geen witte achtergrond in boeking samenvatting */
.cbb-form .cbb-selected-summary,
.cbb-booking-form .cbb-selected-summary,
.cbb-form .cbb-final-summary,
.cbb-booking-form .cbb-final-summary,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern,
.cbb-final-step .cbb-final-summary > div,
.cbb-final-step .cbb-final-appointment-head,
.cbb-final-step .cbb-final-lines,
.cbb-final-step .cbb-final-line,
.cbb-final-step .cbb-final-total,
.cbb-final-step .cbb-final-service,
.cbb-confirmation-card,
.cbb-review-card,
.cbb-booking-summary{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern,
.cbb-final-step .cbb-final-summary > div{
  border:0!important;
  border-radius:0!important;
}
.cbb-final-step .cbb-final-line,
.cbb-final-step .cbb-final-total{
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}
.cbb-final-step .cbb-final-total{
  border-top:1px solid rgba(255,255,255,.14)!important;
}
.cbb-final-step .cbb-final-appointment-head strong,
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong,
.cbb-final-step .cbb-final-total span,
.cbb-final-step .cbb-final-total strong{
  color:inherit!important;
}
.cbb-final-step .cbb-final-total strong{
  color:var(--cbb-accent,#c8a45d)!important;
}
@media(max-width:680px){
  .cbb-final-step .cbb-final-summary,
  .cbb-form .cbb-final-summary{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* v19.6.4 Stap 4 Gegevens: lichte compacte CasaBarba samenvatting zoals voorbeeld */
.cbb-final-step{
  max-width:760px!important;
  width:min(100%,760px)!important;
  margin:0 auto!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaf6 100%)!important;
  border:1px solid rgba(201,184,155,.36)!important;
  box-shadow:0 18px 55px rgba(17,17,17,.10)!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions{
  width:auto!important;
  max-width:none!important;
  margin-left:28px!important;
  margin-right:28px!important;
  box-sizing:border-box!important;
}
.cbb-final-step .cbb-final-summary{
  margin-top:18px!important;
  margin-bottom:20px!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern,
.cbb-final-step .cbb-final-summary > div{
  width:100%!important;
  box-sizing:border-box!important;
  display:block!important;
  padding:22px 24px!important;
  border-radius:22px!important;
  border:1px solid rgba(201,184,155,.34)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%)!important;
  box-shadow:0 10px 30px rgba(17,17,17,.045)!important;
  color:#111!important;
}
.cbb-final-step .cbb-final-appointment-head{
  display:grid!important;
  gap:10px!important;
  padding:0 0 16px!important;
  border-bottom:0!important;
  background:transparent!important;
}
.cbb-final-step .cbb-final-appointment-head strong{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#111!important;
  font-size:21px!important;
  line-height:1.22!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  margin:0!important;
}
.cbb-final-step .cbb-final-appointment-head strong:before{
  content:"📅";
  font-size:18px;
  line-height:1;
  width:22px;
  text-align:center;
  filter:grayscale(1);
}
.cbb-final-step .cbb-final-appointment-head small{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#111!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:500!important;
  margin:0!important;
}
.cbb-final-step .cbb-final-lines{
  padding:8px 0 0!important;
  border:0!important;
  background:transparent!important;
}
.cbb-final-step .cbb-final-line{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 0!important;
  border:0!important;
  background:transparent!important;
}
.cbb-final-step .cbb-final-line:before{
  content:"✂";
  width:22px;
  text-align:center;
  color:#111!important;
  font-size:17px!important;
  line-height:1!important;
}
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong{
  color:#111!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:700!important;
  margin:0!important;
  text-transform:none!important;
}
.cbb-final-step .cbb-final-line strong:last-child{
  justify-self:end!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.cbb-final-step .cbb-final-total{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:12px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(17,17,17,.10)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  background:transparent!important;
}
.cbb-final-step .cbb-final-total span,
.cbb-final-step .cbb-final-total strong{
  margin:0!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  color:#111!important;
}
.cbb-final-step .cbb-final-total span{
  font-size:18px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}
.cbb-final-step .cbb-final-total strong{
  color:#b6975f!important;
  font-size:28px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
.cbb-final-step .cbb-final-consents{
  margin-top:18px!important;
  margin-bottom:22px!important;
  gap:12px!important;
}
.cbb-final-step .cbb-final-consents label{
  color:#171717!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.cbb-final-step .cbb-final-consents input[type="checkbox"]{
  border-color:#b6975f!important;
  background:#fff!important;
  border-radius:7px!important;
}
.cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background:#b6975f!important;
  border-color:#b6975f!important;
}
.cbb-final-step .cbb-final-actions{
  display:grid!important;
  grid-template-columns:1fr 1.2fr!important;
  gap:16px!important;
  margin-top:0!important;
  padding:0 0 4px!important;
  position:static!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.cbb-final-step .cbb-final-actions .cbb-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:62px!important;
  border-radius:28px!important;
  border:1px solid rgba(17,17,17,.10)!important;
  background:#fff!important;
  color:#111!important;
  font-size:20px!important;
  font-weight:900!important;
  box-shadow:0 8px 22px rgba(17,17,17,.04)!important;
}
.cbb-final-step .cbb-final-actions .cbb-back:before{
  content:"←";
  margin-right:12px;
  font-size:24px;
  line-height:1;
}
.cbb-final-step .cbb-final-actions .cbb-submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:62px!important;
  border-radius:28px!important;
  border:0!important;
  background:linear-gradient(135deg,#d5bd87 0%,#b89554 100%)!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:950!important;
  box-shadow:0 12px 26px rgba(184,149,84,.26)!important;
}
@media(max-width:680px){
  .cbb-final-step{
    width:calc(100% - 18px)!important;
    max-width:430px!important;
    border-radius:24px!important;
  }
  .cbb-final-heading{
    padding:22px 18px 14px!important;
  }
  .cbb-final-fields-grid{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:12px!important;
  }
  .cbb-final-step .cbb-payment-method-box,
  .cbb-final-step .cbb-final-summary,
  .cbb-final-step .cbb-final-consents,
  .cbb-final-step .cbb-final-actions{
    margin-left:14px!important;
    margin-right:14px!important;
  }
  .cbb-final-step .cbb-final-summary-card,
  .cbb-final-step .cbb-final-summary-card-modern,
  .cbb-final-step .cbb-final-summary > div{
    padding:18px 16px!important;
    border-radius:20px!important;
  }
  .cbb-final-step .cbb-final-appointment-head strong{
    font-size:18px!important;
  }
  .cbb-final-step .cbb-final-appointment-head small,
  .cbb-final-step .cbb-final-line span,
  .cbb-final-step .cbb-final-line strong{
    font-size:16px!important;
  }
  .cbb-final-step .cbb-final-total strong{
    font-size:24px!important;
  }
  .cbb-final-step .cbb-final-consents label{
    font-size:15px!important;
  }
  .cbb-final-step .cbb-final-actions{
    grid-template-columns:1fr 1.15fr!important;
    gap:10px!important;
  }
  .cbb-final-step .cbb-final-actions .cbb-back,
  .cbb-final-step .cbb-final-actions .cbb-submit{
    min-height:56px!important;
    font-size:16px!important;
    border-radius:26px!important;
  }
}


/* v19.6.5 Stap 4 Gegevens: compacter en smaller */
.cbb-final-step{
  max-width:680px!important;
  width:min(100%,680px)!important;
  border-radius:22px!important;
}
.cbb-final-heading{
  padding-top:16px!important;
  padding-bottom:10px!important;
}
.cbb-final-fields-grid{
  gap:10px!important;
}
.cbb-final-fields-grid input,
.cbb-final-fields-grid textarea,
.cbb-final-fields-grid select,
.cbb-final-step input,
.cbb-final-step textarea,
.cbb-final-step select{
  min-height:50px!important;
  border-radius:15px!important;
  font-size:15.5px!important;
  padding:12px 14px!important;
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions{
  margin-left:20px!important;
  margin-right:20px!important;
}
.cbb-final-step .cbb-payment-method-box{
  padding:16px!important;
  border-radius:20px!important;
  margin-top:12px!important;
  margin-bottom:12px!important;
}
.cbb-final-step .cbb-payment-method-head{
  gap:12px!important;
  margin-bottom:12px!important;
}
.cbb-final-step .cbb-payment-method-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  font-size:19px!important;
}
.cbb-final-step .cbb-payment-method-head strong{font-size:18px!important;}
.cbb-final-step .cbb-payment-method-head small{font-size:14px!important;}
.cbb-final-step .cbb-payment-required-notice{
  padding:12px 14px!important;
  border-radius:15px!important;
  font-size:14px!important;
  margin:8px 0 12px!important;
}
.cbb-final-step .cbb-payment-method-option{
  min-height:58px!important;
  padding:11px 13px!important;
  border-radius:16px!important;
  gap:10px!important;
}
.cbb-final-step .cbb-payment-method-main strong{font-size:15.5px!important;}
.cbb-final-step .cbb-payment-method-main small{font-size:13px!important;}
.cbb-final-step .cbb-payment-method-provider{
  font-size:12px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
}
.cbb-final-step .cbb-final-summary{
  margin-top:12px!important;
  margin-bottom:14px!important;
}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern,
.cbb-final-step .cbb-final-summary > div{
  padding:16px 18px!important;
  border-radius:18px!important;
}
.cbb-final-step .cbb-final-appointment-head{
  gap:7px!important;
  padding-bottom:10px!important;
}
.cbb-final-step .cbb-final-appointment-head strong{font-size:18px!important;}
.cbb-final-step .cbb-final-appointment-head small{font-size:15px!important;}
.cbb-final-step .cbb-final-lines{padding-top:4px!important;}
.cbb-final-step .cbb-final-line{
  padding:5px 0!important;
  grid-template-columns:20px minmax(0,1fr) auto!important;
  gap:8px!important;
}
.cbb-final-step .cbb-final-line:before{font-size:14px!important;width:18px!important;}
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong{font-size:15.5px!important;}
.cbb-final-step .cbb-final-total{
  margin-top:8px!important;
  padding-top:12px!important;
}
.cbb-final-step .cbb-final-total span{font-size:15.5px!important;}
.cbb-final-step .cbb-final-total strong{font-size:23px!important;}
.cbb-final-step .cbb-final-consents{
  margin-top:12px!important;
  margin-bottom:16px!important;
  gap:8px!important;
}
.cbb-final-step .cbb-final-consents label{
  font-size:14.5px!important;
  line-height:1.22!important;
}
.cbb-final-step .cbb-final-actions{
  gap:12px!important;
  margin-bottom:0!important;
}
.cbb-final-step .cbb-final-actions .cbb-back,
.cbb-final-step .cbb-final-actions .cbb-submit{
  min-height:52px!important;
  border-radius:24px!important;
  font-size:16px!important;
}
@media(max-width:680px){
  .cbb-final-step{
    width:calc(100% - 28px)!important;
    max-width:390px!important;
    border-radius:20px!important;
  }
  .cbb-final-heading{padding:14px 14px 8px!important;}
  .cbb-final-fields-grid{
    padding-left:12px!important;
    padding-right:12px!important;
    gap:8px!important;
  }
  .cbb-final-fields-grid input,
  .cbb-final-fields-grid textarea,
  .cbb-final-fields-grid select,
  .cbb-final-step input,
  .cbb-final-step textarea,
  .cbb-final-step select{
    min-height:46px!important;
    border-radius:14px!important;
    font-size:14.5px!important;
    padding:10px 12px!important;
  }
  .cbb-final-step .cbb-payment-method-box,
  .cbb-final-step .cbb-final-summary,
  .cbb-final-step .cbb-final-consents,
  .cbb-final-step .cbb-final-actions{
    margin-left:12px!important;
    margin-right:12px!important;
  }
  .cbb-final-step .cbb-payment-method-box{
    padding:12px!important;
    border-radius:17px!important;
  }
  .cbb-final-step .cbb-payment-method-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .cbb-final-step .cbb-payment-method-head strong{font-size:16px!important;}
  .cbb-final-step .cbb-payment-method-head small{font-size:12.5px!important;}
  .cbb-final-step .cbb-payment-required-notice{
    font-size:12.5px!important;
    padding:10px!important;
  }
  .cbb-final-step .cbb-payment-method-option{
    min-height:52px!important;
    padding:9px 10px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .cbb-final-step .cbb-payment-method-main strong{font-size:14px!important;}
  .cbb-final-step .cbb-payment-method-main small{font-size:11.5px!important;}
  .cbb-final-step .cbb-payment-method-provider{font-size:10.5px!important;padding:5px 8px!important;}
  .cbb-final-step .cbb-final-summary-card,
  .cbb-final-step .cbb-final-summary-card-modern,
  .cbb-final-step .cbb-final-summary > div{
    padding:13px 14px!important;
    border-radius:16px!important;
  }
  .cbb-final-step .cbb-final-appointment-head strong{font-size:16px!important;}
  .cbb-final-step .cbb-final-appointment-head small,
  .cbb-final-step .cbb-final-line span,
  .cbb-final-step .cbb-final-line strong{font-size:14px!important;}
  .cbb-final-step .cbb-final-total strong{font-size:21px!important;}
  .cbb-final-step .cbb-final-consents label{font-size:13px!important;}
  .cbb-final-step .cbb-final-actions{gap:8px!important;}
  .cbb-final-step .cbb-final-actions .cbb-back,
  .cbb-final-step .cbb-final-actions .cbb-submit{
    min-height:48px!important;
    font-size:14px!important;
    border-radius:22px!important;
  }
}


/* v19.6.6: stap 4 Gegevens ultra compact light UI */
.cbb-final-step{
  --cbb-step4-max:420px;
}
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-final-consents,
.cbb-final-step .cbb-final-actions,
.cbb-final-step .cbb-fields-grid,
.cbb-final-step .cbb-customer-fields,
.cbb-final-step .cbb-customer-form{
  max-width:var(--cbb-step4-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cbb-final-step .cbb-final-summary{
  width:calc(100% - 28px)!important;
  margin-top:6px!important;
  margin-bottom:6px!important;
}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern{
  background:#fffaf2!important;
  border:1px solid rgba(180,130,62,.18)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.06)!important;
  border-radius:14px!important;
  padding:9px 11px!important;
  gap:4px!important;
}
.cbb-final-step .cbb-final-appointment-head{
  padding:0 0 5px!important;
  margin:0 0 3px!important;
  border-bottom:1px solid rgba(180,130,62,.14)!important;
}
.cbb-final-step .cbb-final-appointment-head strong{
  font-size:13.5px!important;
  line-height:1.12!important;
  color:#17110b!important;
}
.cbb-final-step .cbb-final-appointment-head small{
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  color:#7a6a56!important;
}
.cbb-final-step .cbb-final-lines{
  gap:0!important;
}
.cbb-final-step .cbb-final-line{
  padding:3px 0!important;
  min-height:0!important;
  line-height:1.05!important;
}
.cbb-final-step .cbb-final-line span{
  font-size:12px!important;
  line-height:1.05!important;
  color:#6f6253!important;
}
.cbb-final-step .cbb-final-line strong{
  font-size:12px!important;
  line-height:1.05!important;
  color:#18120d!important;
}
.cbb-final-step .cbb-final-total{
  margin-top:5px!important;
  padding-top:7px!important;
  border-top:1px solid rgba(180,130,62,.18)!important;
  min-height:0!important;
}
.cbb-final-step .cbb-final-total span{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:#7a6a56!important;
}
.cbb-final-step .cbb-final-total strong{
  font-size:16px!important;
  line-height:1!important;
  color:#b88945!important;
}
.cbb-final-step .cbb-payment-method-box{
  width:calc(100% - 28px)!important;
  margin-top:6px!important;
  margin-bottom:6px!important;
  padding:10px 11px!important;
  border-radius:14px!important;
}
.cbb-final-step .cbb-fields-grid{
  gap:7px!important;
}
.cbb-final-step input,
.cbb-final-step select,
.cbb-final-step textarea{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  font-size:13px!important;
  line-height:1.15!important;
}
.cbb-final-step label,
.cbb-final-step .cbb-field-label{
  margin-bottom:3px!important;
  font-size:11.5px!important;
  line-height:1.1!important;
}
.cbb-final-step .cbb-final-consents{
  width:calc(100% - 28px)!important;
  margin-top:6px!important;
  margin-bottom:6px!important;
  gap:5px!important;
}
.cbb-final-step .cbb-final-actions{
  width:calc(100% - 28px)!important;
  margin-top:8px!important;
  gap:8px!important;
}
.cbb-final-step .cbb-final-actions button,
.cbb-final-step .cbb-step-actions button{
  min-height:40px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
@media(max-width:680px){
  .cbb-final-step{--cbb-step4-max:390px;}
  .cbb-final-step .cbb-final-summary,
  .cbb-final-step .cbb-payment-method-box,
  .cbb-final-step .cbb-final-consents,
  .cbb-final-step .cbb-final-actions{
    width:calc(100% - 22px)!important;
  }
  .cbb-final-step .cbb-final-summary-card,
  .cbb-final-step .cbb-final-summary-card-modern{
    padding:8px 10px!important;
    border-radius:13px!important;
  }
  .cbb-final-step .cbb-final-appointment-head strong{font-size:13px!important;}
  .cbb-final-step .cbb-final-line{padding:2.5px 0!important;}
  .cbb-final-step .cbb-final-line span,
  .cbb-final-step .cbb-final-line strong{font-size:11.5px!important;}
  .cbb-final-step .cbb-final-total strong{font-size:15.5px!important;}
  .cbb-final-step input,
  .cbb-final-step select,
  .cbb-final-step textarea{
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:12.5px!important;
  }
}


/* v19.6.8: compactere stap 4 velden/betaalmethode en geen iconen bij tijd/diensten */
.cbb-final-step{--cbb-step4-max:400px!important;}
.cbb-final-step .cbb-fields-grid,
.cbb-final-step .cbb-customer-fields,
.cbb-final-step .cbb-customer-form{gap:5px!important;row-gap:5px!important;}
.cbb-final-step .cbb-field,
.cbb-final-step .cbb-form-row,
.cbb-final-step .cbb-form-field,
.cbb-final-step p{margin-top:0!important;margin-bottom:5px!important;}
.cbb-final-step label,
.cbb-final-step .cbb-field-label{margin-bottom:2px!important;font-size:11px!important;line-height:1.05!important;}
.cbb-final-step input,
.cbb-final-step select,
.cbb-final-step textarea{min-height:34px!important;padding:6px 9px!important;border-radius:10px!important;font-size:12.5px!important;line-height:1.1!important;}
.cbb-final-step textarea{min-height:58px!important;}
.cbb-final-step .cbb-payment-method-box{margin-top:5px!important;margin-bottom:5px!important;padding:8px 9px!important;border-radius:12px!important;}
.cbb-final-step .cbb-payment-method-head{gap:6px!important;margin-bottom:5px!important;}
.cbb-final-step .cbb-payment-method-head strong{font-size:14px!important;line-height:1.05!important;}
.cbb-final-step .cbb-payment-method-head small{font-size:11px!important;line-height:1.05!important;}
.cbb-final-step .cbb-payment-method-icon{display:none!important;}
.cbb-final-step .cbb-payment-method-option{min-height:34px!important;padding:7px 8px!important;border-radius:10px!important;margin:4px 0!important;gap:7px!important;}
.cbb-final-step .cbb-payment-method-option input{min-height:auto!important;width:15px!important;height:15px!important;margin:0!important;}
.cbb-final-step .cbb-payment-method-main strong{font-size:13px!important;line-height:1.05!important;}
.cbb-final-step .cbb-payment-method-main small{font-size:10.5px!important;line-height:1.05!important;}
.cbb-final-step .cbb-payment-method-provider{font-size:10px!important;padding:4px 7px!important;border-radius:999px!important;}
.cbb-final-step .cbb-payment-required-notice{font-size:10.5px!important;padding:6px 8px!important;margin:5px 0!important;border-radius:9px!important;}
.cbb-final-step .cbb-final-consents{gap:4px!important;margin-top:5px!important;margin-bottom:5px!important;}
.cbb-final-step .cbb-final-consents label{font-size:11.5px!important;line-height:1.15!important;padding:5px 0!important;gap:6px!important;}
.cbb-final-step .cbb-final-consents input{min-height:auto!important;width:15px!important;height:15px!important;margin:0!important;}
.cbb-final-step .cbb-final-summary{margin-top:5px!important;margin-bottom:5px!important;}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern{padding:7px 9px!important;border-radius:12px!important;gap:2px!important;}
.cbb-final-step .cbb-final-appointment-head{padding-bottom:4px!important;margin-bottom:2px!important;}
.cbb-final-step .cbb-final-appointment-head strong{font-size:12.8px!important;line-height:1.05!important;}
.cbb-final-step .cbb-final-appointment-head small{font-size:10px!important;line-height:1.05!important;}
.cbb-final-step .cbb-final-clock,
.cbb-final-step .cbb-final-avatar,
.cbb-final-step .cbb-service-icon,
.cbb-final-step [class*="icon"]{display:none!important;}
.cbb-final-step .cbb-final-line{padding:2px 0!important;line-height:1!important;}
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong{font-size:11.2px!important;line-height:1!important;}
.cbb-final-step .cbb-final-total{margin-top:4px!important;padding-top:5px!important;}
.cbb-final-step .cbb-final-total span{font-size:9.5px!important;line-height:1!important;}
.cbb-final-step .cbb-final-total strong{font-size:15px!important;line-height:1!important;}
.cbb-service-option .cbb-service-icon,
.cbb-service-option-compact .cbb-service-icon,
.cbb-time-slots .cbb-time-icon,
.cbb-times .cbb-time-icon,
.cbb-slot .cbb-time-icon{display:none!important;}
@media(max-width:680px){
  .cbb-final-step{--cbb-step4-max:370px!important;}
  .cbb-final-step .cbb-fields-grid,
  .cbb-final-step .cbb-customer-fields,
  .cbb-final-step .cbb-customer-form{gap:4px!important;row-gap:4px!important;}
  .cbb-final-step input,
  .cbb-final-step select,
  .cbb-final-step textarea{min-height:32px!important;padding:5px 8px!important;font-size:12px!important;}
  .cbb-final-step .cbb-payment-method-option{min-height:32px!important;padding:6px 7px!important;}
}

/* v19.6.9: schaar icoon volledig weg en stap 4 extra compact */
.cbb-final-step .cbb-final-line{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  padding:1px 0!important;
  margin:0!important;
}
.cbb-final-step .cbb-final-line:before{
  content:none!important;
  display:none!important;
  width:0!important;
  margin:0!important;
  padding:0!important;
}
.cbb-final-step .cbb-fields-grid,
.cbb-final-step .cbb-customer-fields,
.cbb-final-step .cbb-customer-form,
.cbb-final-step form{
  gap:2px!important;
  row-gap:2px!important;
}
.cbb-final-step .cbb-field,
.cbb-final-step .cbb-form-row,
.cbb-final-step .cbb-form-field,
.cbb-final-step .cbb-field-wrap,
.cbb-final-step .cbb-input-wrap,
.cbb-final-step p{
  margin-top:0!important;
  margin-bottom:2px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.cbb-final-step label,
.cbb-final-step .cbb-field-label,
.cbb-final-step .cbb-form-label{
  margin:0 0 1px!important;
  padding:0!important;
  font-size:10.5px!important;
  line-height:1!important;
}
.cbb-final-step input,
.cbb-final-step select,
.cbb-final-step textarea{
  min-height:30px!important;
  height:auto!important;
  padding:5px 8px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.cbb-final-step textarea{
  min-height:42px!important;
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-payment-methods,
.cbb-final-step .cbb-payment-options{
  margin-top:3px!important;
  margin-bottom:3px!important;
  padding:6px 7px!important;
}
.cbb-final-step .cbb-payment-method-option,
.cbb-final-step .cbb-payment-option{
  min-height:28px!important;
  padding:5px 6px!important;
  margin:2px 0!important;
  gap:5px!important;
}
.cbb-final-step .cbb-payment-method-main strong{
  font-size:12px!important;
  line-height:1!important;
}
.cbb-final-step .cbb-payment-method-main small{
  font-size:9.5px!important;
  line-height:1!important;
}
.cbb-final-step .cbb-payment-method-head{
  margin-bottom:2px!important;
  gap:4px!important;
}
.cbb-final-step .cbb-final-summary,
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern{
  margin-top:3px!important;
  margin-bottom:3px!important;
}
.cbb-service-card:before,
.cbb-service-card .cbb-service-icon,
.cbb-service-option:before,
.cbb-service-option .cbb-service-icon,
.cbb-service-option-compact:before,
.cbb-service-option-compact .cbb-service-icon,
.cbb-selected-service:before,
.cbb-selected-service .cbb-service-icon,
.cbb-service-line:before,
.cbb-service-line .cbb-service-icon{
  content:none!important;
  display:none!important;
}
@media(max-width:680px){
  .cbb-final-step input,
  .cbb-final-step select,
  .cbb-final-step textarea{min-height:29px!important;padding:4px 7px!important;font-size:11.5px!important;}
  .cbb-final-step textarea{min-height:38px!important;}
  .cbb-final-step .cbb-field,
  .cbb-final-step .cbb-form-row,
  .cbb-final-step .cbb-form-field{margin-bottom:1px!important;}
}
.cbb-final-step .cbb-payment-method-box,
.cbb-final-step .cbb-payment-methods,
.cbb-final-step .cbb-payment-options{
  margin-top:3px!important;
  margin-bottom:3px!important;
}
.cbb-final-step .cbb-payment-method-option,
.cbb-final-step .cbb-payment-option{
  min-height:28px!important;
  padding:5px 6px!important;
  margin:2px 0!important;
}
.cbb-final-step .cbb-service-icon,
.cbb-final-step .cbb-service-line:before,
.cbb-final-step .cbb-selected-service:before,
.cbb-final-step [class*="scissor"],
.cbb-final-step [class*="schaar"],
.cbb-final-step svg[class*="service"],
.cbb-final-step i[class*="service"]{
  display:none!important;
  content:none!important;
}
@media(max-width:680px){
}


/* v19.6.14 definitieve stap 4 fix: juiste ruimte, knoppen gelijk, iconen weg */
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
  gap:4px!important;
  row-gap:4px!important;
  max-width:420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field{
  margin:0 0 3px!important;
  padding:0!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field input,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field textarea,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field select{
  margin:0!important;
  min-height:34px!important;
  height:auto!important;
  padding:6px 9px!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-phone-wrap{
  gap:6px!important;
  margin:0!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step input[name="notes"]{
  min-height:32px!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-box{
  max-width:420px!important;
  width:calc(100% - 28px)!important;
  margin:6px auto!important;
  padding:7px 8px!important;
  border-radius:12px!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-head{
  margin:0 0 4px!important;
  gap:5px!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-icon{
  display:none!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-head strong{
  font-size:13.5px!important;
  line-height:1.1!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-head small,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-required-notice{
  font-size:10.5px!important;
  line-height:1.1!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-required-notice{
  margin:4px 0!important;
  padding:5px 7px!important;
  border-radius:9px!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-list{
  gap:4px!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-option{
  min-height:30px!important;
  margin:2px 0!important;
  padding:5px 6px!important;
  gap:5px!important;
  border-radius:10px!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-option input{
  min-height:auto!important;
  width:15px!important;
  height:15px!important;
  margin:0!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-main strong{
  font-size:12px!important;
  line-height:1.05!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-main small{
  font-size:9.5px!important;
  line-height:1.05!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-payment-method-provider{
  font-size:9.5px!important;
  padding:3px 6px!important;
}
.cbb-form .cbb-service-option:before,
.cbb-form .cbb-service-option:after,
.cbb-form .cbb-service-option-compact:before,
.cbb-form .cbb-service-option-compact:after,
.cbb-form .cbb-service-main:before,
.cbb-form .cbb-service-main:after,
.cbb-form .cbb-service-card:before,
.cbb-form .cbb-service-line:before,
.cbb-form .cbb-selected-service:before,
.cbb-form .cbb-final-step .cbb-final-line:before,
.cbb-form .cbb-final-step .cbb-final-line:after{
  content:none!important;
  display:none!important;
}
.cbb-form .cbb-service-icon,
.cbb-form [class*="scissor"],
.cbb-form [class*="schaar"],
.cbb-form .fa-scissors,
.cbb-form .dashicons-admin-tools{
  display:none!important;
}
.cbb-form .cbb-final-step .cbb-final-line{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  max-width:420px!important;
  width:calc(100% - 28px)!important;
  margin:8px auto 0!important;
  padding:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:none!important;
  position:sticky!important;
  bottom:10px!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back,
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.1!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back{
  margin:0!important;
  background:#f1f1f1!important;
  color:#111!important;
  border:1px solid #e5e5e5!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back:before{
  content:none!important;
  display:none!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{
  margin:0!important;
  background:#111!important;
  color:#fff!important;
  border:1px solid #111!important;
}
@media(max-width:680px){
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{max-width:370px!important;gap:3px!important;row-gap:3px!important;}
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field input,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field textarea,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field select{min-height:32px!important;padding:5px 8px!important;font-size:12px!important;}
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions{width:calc(100% - 22px)!important;gap:8px!important;}
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back,
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{min-height:40px!important;font-size:13px!important;padding:9px 10px!important;}
}


/* v19.6.15 definitieve fix: afspraak bevestigen knop zwart */
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions button.cbb-submit,
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
html body .cbb-form .cbb-final-step button[name="cbb_submit_booking"],
html body .cbb-form button.cbb-confirm-submit-black,
html body .cbb-booking-form .cbb-final-step button[type="submit"].cbb-submit,
html body form.cbb-form .cbb-final-actions button[type="submit"]{
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #000!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
}
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions button.cbb-submit:hover,
html body .cbb-form .cbb-final-step button[name="cbb_submit_booking"]:hover,
html body .cbb-form button.cbb-confirm-submit-black:hover{
  background:#181818!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#181818!important;
}
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions button.cbb-submit:disabled,
html body .cbb-form .cbb-final-step button[name="cbb_submit_booking"]:disabled{
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  opacity:.55!important;
}


/* v20.2.2: minder ronde knoppen in frontend, popup en app */
html body .cbb-form button,
html body .cbb-form .button,
html body .cbb-form input[type="submit"],
html body .cbb-step-actions button,
html body .cbb-submit,
html body .cbb-next,
html body .cbb-back,
html body .cbb-slot,
html body .cbb-service-option,
html body .cbb-success-primary,
html body .cbb-success-secondary,
html body .cbb-success-btn,
html body .cbb-cancel-btn,
html body .fcds-popup-close{
  border-radius:10px!important;
}
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions,
html body .cbb-step-actions{
  border-radius:14px!important;
}

/* v20.2.8: stap 4 volledig gelijkgetrokken met de rest van het formulier */
.cbb-form .cbb-wizard-step.cbb-final-step{
  max-width:none!important;
  margin:0!important;
  padding:20px!important;
  overflow:visible!important;
  border:1px solid #eeeeee!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,.04)!important;
}
.cbb-form .cbb-final-step .cbb-final-topbar,
.cbb-form .cbb-final-step .cbb-final-appointment-head,
.cbb-form .cbb-final-step .cbb-final-summary-card-modern{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-final-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-final-heading h3{
  margin:0!important;
  color:#1b1b1b!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  font-weight:950!important;
}
.cbb-form .cbb-final-step .cbb-final-heading span{
  display:block!important;
  color:#6b6b6b!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.cbb-form .cbb-final-step .cbb-final-fields-grid,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.cbb-form .cbb-final-step .cbb-final-field{
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step input,
.cbb-form .cbb-final-step select,
.cbb-form .cbb-final-step textarea,
.cbb-form .cbb-final-step .cbb-phone-country-ui{
  width:100%!important;
  min-height:52px!important;
  height:auto!important;
  margin:0!important;
  padding:14px 15px!important;
  border:1px solid #e1e1e1!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:700!important;
  box-shadow:none!important;
  line-height:1.2!important;
}
.cbb-form .cbb-final-step textarea{
  min-height:80px!important;
}
.cbb-form .cbb-final-step .cbb-phone-wrap{
  display:grid!important;
  grid-template-columns:124px minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
}
.cbb-form .cbb-final-step .cbb-phone-country-ui{
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
  gap:8px!important;
}
.cbb-form .cbb-final-step .cbb-phone-country-ui select.cbb-phone-country{
  min-height:50px!important;
  height:50px!important;
  padding:0 18px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-payment-method-box,
.cbb-form .cbb-final-step .cbb-final-summary,
.cbb-form .cbb-final-step .cbb-final-consents{
  margin:14px 0 0!important;
  padding:14px 16px!important;
  border:1px solid #e8e8e8!important;
  border-radius:18px!important;
  background:#fafafa!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-payment-method-option{
  border-radius:16px!important;
  min-height:52px!important;
}
.cbb-form .cbb-final-step .cbb-final-consents{
  display:grid!important;
  gap:10px!important;
}
.cbb-form .cbb-final-step .cbb-final-consents label{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  margin:0!important;
  color:#1d1d1f!important;
  font-size:14px!important;
  font-weight:800!important;
}
.cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  width:22px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
  margin:0!important;
  border-radius:7px!important;
}
.cbb-form .cbb-final-step .cbb-final-actions,
.cbb-form .cbb-step-actions.cbb-final-actions{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:18px!important;
  padding:0!important;
  position:static!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-back,
.cbb-form .cbb-final-step .cbb-submit{
  min-height:48px!important;
  height:auto!important;
  border-radius:10px!important;
  padding:13px 22px!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.15!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-back{
  background:#f1f1f1!important;
  color:#111!important;
  border:0!important;
  width:auto!important;
}
.cbb-form .cbb-final-step .cbb-back:before,
.cbb-form .cbb-final-step .cbb-back:after{
  content:none!important;
  display:none!important;
}
.cbb-form .cbb-final-step .cbb-submit{
  width:auto!important;
  flex:1 1 auto!important;
  margin-left:auto!important;
  background:#111!important;
  color:#fff!important;
  border:0!important;
}
@media(max-width:760px){
  .cbb-form .cbb-wizard-step.cbb-final-step{
    padding:16px!important;
    border-radius:24px!important;
  }
  .cbb-form .cbb-final-step .cbb-final-fields-grid{
    grid-template-columns:1fr!important;
  }
  .cbb-form .cbb-final-step .cbb-phone-wrap{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .cbb-form .cbb-final-step .cbb-final-actions,
  .cbb-form .cbb-step-actions.cbb-final-actions{
    position:sticky!important;
    bottom:10px!important;
    z-index:5!important;
    background:rgba(255,255,255,.92)!important;
    backdrop-filter:blur(10px)!important;
    padding:8px!important;
    border:1px solid rgba(0,0,0,.06)!important;
    border-radius:16px!important;
  }
  .cbb-form .cbb-final-step .cbb-back,
  .cbb-form .cbb-final-step .cbb-submit{
    flex:1 1 0!important;
    padding:12px 10px!important;
    border-radius:10px!important;
  }
}

/* v20.2.9: stap 4 compacter, gelijke veldhoogtes en telefoon/opmerkingen 100% breed */
.cbb-form .cbb-final-step .cbb-final-fields-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
}
.cbb-form .cbb-final-step .cbb-field-full,
.cbb-form .cbb-final-step .cbb-phone-field,
.cbb-form .cbb-final-step label:has(input[name="notes"]){
  grid-column:1 / -1!important;
  width:100%!important;
}
.cbb-form .cbb-final-step input,
.cbb-form .cbb-final-step select,
.cbb-form .cbb-final-step textarea{
  min-height:46px!important;
  height:46px!important;
  max-height:46px!important;
  padding:9px 12px!important;
  border-radius:11px!important;
  font-size:14px!important;
  line-height:1.2!important;
  box-sizing:border-box!important;
}
.cbb-form .cbb-final-step textarea,
.cbb-form .cbb-final-step input[name="notes"]{
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  max-height:46px!important;
  resize:none!important;
}
.cbb-form .cbb-final-step .cbb-phone-wrap{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  align-items:stretch!important;
}
.cbb-form .cbb-final-step .cbb-phone-country-ui,
.cbb-form .cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
  width:112px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 8px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
}
.cbb-form .cbb-final-step .cbb-phone-country-ui select.cbb-phone-country,
.cbb-form .cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  line-height:44px!important;
  padding:0 16px 0 0!important;
  font-size:13px!important;
}
.cbb-form .cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  line-height:46px!important;
  padding:0 12px!important;
}
.cbb-form .cbb-final-step .cbb-final-consents{
  display:grid!important;
  gap:5px!important;
  margin:8px 0 0!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  background:#fafafa!important;
  border:1px solid #e8e8e8!important;
}
.cbb-form .cbb-final-step .cbb-final-consents label{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  min-height:22px!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
.cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  border-radius:5px!important;
  padding:0!important;
  margin:0!important;
}
.cbb-form .cbb-final-step .cbb-payment-method-box,
.cbb-form .cbb-final-step .cbb-final-summary{
  margin-top:8px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
}
.cbb-form .cbb-final-step .cbb-payment-method-option{
  min-height:40px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
}
.cbb-form .cbb-final-step .cbb-final-actions,
.cbb-form .cbb-step-actions.cbb-final-actions{
  margin-top:10px!important;
}
@media(max-width:760px){
  .cbb-form .cbb-final-step .cbb-final-fields-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .cbb-form .cbb-final-step .cbb-phone-wrap{
    grid-template-columns:106px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .cbb-form .cbb-final-step .cbb-phone-country-ui,
  .cbb-form .cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
    width:106px!important;
  }
}

/* v20.3.1: stap 4 hoofdcard marge gelijk aan vorige stappen */
.cbb-form .cbb-wizard-step.cbb-final-step,
.cbb-form .cbb-final-step{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:16px!important;
  box-sizing:border-box!important;
  border-radius:20px!important;
}
.cbb-form .cbb-wizard-step.cbb-final-step.is-active{
  display:block!important;
}
@media(max-width:760px){
  .cbb-form .cbb-wizard-step.cbb-final-step,
  .cbb-form .cbb-final-step{
    margin:0!important;
    padding:16px!important;
    border-radius:20px!important;
  }
}


/* v20.3.2: stap 4 knoppen minimale radius */
.cbb-final-step .cbb-back,
.cbb-final-step .cbb-submit,
.cbb-final-actions .cbb-back,
.cbb-final-actions .cbb-submit{
    border-radius:8px !important;
}

/* v20.3.3: harde fix ronde stap 4 knoppen en actiebalk */
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions,
html body .cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions,
html body form.cbb-form .cbb-final-actions{
  border-radius:12px!important;
}
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions button.cbb-back,
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions button.cbb-submit,
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back,
html body .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
html body .cbb-form .cbb-final-step button.cbb-back,
html body .cbb-form .cbb-final-step button.cbb-submit,
html body .cbb-form .cbb-final-step button[name="cbb_submit_booking"],
html body .cbb-form button.cbb-confirm-submit-black,
html body form.cbb-form .cbb-final-actions button[type="button"].cbb-back,
html body form.cbb-form .cbb-final-actions button[type="submit"].cbb-submit{
  border-radius:6px!important;
  -webkit-border-radius:6px!important;
  clip-path:none!important;
}
html body .cbb-form .cbb-final-step button.cbb-back::before,
html body .cbb-form .cbb-final-step button.cbb-back::after,
html body .cbb-form .cbb-final-step button.cbb-submit::before,
html body .cbb-form .cbb-final-step button.cbb-submit::after,
html body .cbb-form button.cbb-confirm-submit-black::before,
html body .cbb-form button.cbb-confirm-submit-black::after{
  content:none!important;
  display:none!important;
}

/* v20.3.4: stap 4 header en veldafstand gelijk aan vorige stappen */
.cbb-form .cbb-final-step .cbb-final-heading{
  display:none!important;
}
.cbb-form .cbb-final-step .cbb-final-step-title,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-final-step-title > span,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-title > span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:50%!important;
  background:#111!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
}
.cbb-form .cbb-final-step .cbb-final-step-title strong,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-title strong{
  display:block!important;
  margin:0!important;
  color:#111!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
.cbb-form .cbb-final-step .cbb-final-step-title small,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-title small{
  display:block!important;
  margin-top:3px!important;
  color:#777!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.cbb-form .cbb-final-step .cbb-final-fields-grid,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
  gap:7px!important;
  row-gap:7px!important;
  margin:0!important;
  padding:0!important;
}
.cbb-form .cbb-final-step .cbb-final-field,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field{
  margin:0!important;
  padding:0!important;
}
.cbb-form .cbb-final-step input,
.cbb-form .cbb-final-step select,
.cbb-form .cbb-final-step textarea{
  min-height:44px!important;
  height:44px!important;
  max-height:44px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
}
.cbb-form .cbb-final-step .cbb-phone-wrap{
  gap:7px!important;
}
.cbb-form .cbb-final-step .cbb-phone-country-ui,
.cbb-form .cbb-final-step .cbb-phone-field input[name="customer_phone"]{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
}
.cbb-form .cbb-final-step .cbb-payment-method-box,
.cbb-form .cbb-final-step .cbb-final-summary,
.cbb-form .cbb-final-step .cbb-final-consents{
  margin-top:8px!important;
}
@media(max-width:760px){
  .cbb-form .cbb-final-step .cbb-final-fields-grid,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
    gap:7px!important;
    row-gap:7px!important;
  }
}
.cbb-form .cbb-final-step .cbb-final-summary,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-summary,
.cbb-form .cbb-final-step [data-cbb-final-summary],
.cbb-form .cbb-wizard-step.cbb-final-step [data-cbb-final-summary],
.cbb-form .cbb-final-step .cbb-final-consents,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-consents{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  grid-column:1 / -1!important;
}
.cbb-form .cbb-final-step .cbb-final-summary,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-summary{
  display:block!important;
  margin-top:8px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
  border:1px solid #e8e8e8!important;
  background:#fafafa!important;
  box-shadow:none!important;
}
.cbb-form .cbb-final-step .cbb-final-summary > *,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-summary > *,
.cbb-form .cbb-final-step .cbb-final-summary-card,
.cbb-form .cbb-final-step .cbb-final-summary-card-modern{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.cbb-form .cbb-final-step .cbb-final-consents,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-consents{
  display:grid!important;
  gap:5px!important;
  margin-top:8px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  border:1px solid #e8e8e8!important;
  background:#fafafa!important;
}
.cbb-form .cbb-final-step .cbb-final-consents label,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-consents label{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* v20.3.7: stap 4 titel exact standaard en duur links naast dienst */
.cbb-form .cbb-final-step .cbb-final-step-title{
  all:unset!important;
}
.cbb-form .cbb-final-step > .cbb-step-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:0!important;
}
.cbb-form .cbb-final-step > .cbb-step-title > span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}
.cbb-form .cbb-final-step > .cbb-step-title strong{
  font-size:20px!important;
  line-height:1.1!important;
}
.cbb-form .cbb-final-step > .cbb-step-title small{
  font-size:12px!important;
  line-height:1.25!important;
  margin-top:3px!important;
}
.cbb-form .cbb-final-step .cbb-final-line span{
  text-align:left!important;
}

.cbb-form .cbb-final-step .cbb-final-fields-grid,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:start!important;
  gap:7px!important;
  row-gap:7px!important;
}
.cbb-form .cbb-final-step .cbb-final-appointment-head small:empty{
  display:none!important;
}
@media(max-width:760px){
  .cbb-form .cbb-final-step .cbb-final-fields-grid,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
    grid-template-columns:1fr!important;
  }
}

.cbb-form .cbb-final-step .cbb-final-fields-grid,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  row-gap:7px!important;
  align-items:start!important;
}
.cbb-form .cbb-final-step .cbb-field-full,
.cbb-form .cbb-final-step .cbb-phone-field,
.cbb-form .cbb-final-step label:has(input[name="customer_email"]),
.cbb-form .cbb-final-step label:has(input[name="customer_phone"]),
.cbb-form .cbb-final-step label:has(input[name="notes"]),
.cbb-form .cbb-final-step .cbb-final-summary,
.cbb-form .cbb-final-step .cbb-final-consents{
  grid-column:1 / -1!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions{
  align-items:stretch!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back,
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0 18px!important;
  line-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  font-weight:900!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{
  background:#111!important;
  color:#fff!important;
}
@media(max-width:760px){
  .cbb-form .cbb-final-step .cbb-final-fields-grid,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid{
    grid-template-columns:1fr!important;
  }
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back,
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    line-height:46px!important;
    padding:0 12px!important;
  }
}

/* v20.4.0: Afspraak bevestigen op één regel en breder */
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
.cbb-form .cbb-final-step button[name="cbb_submit_booking"],
.cbb-form button.cbb-confirm-submit-black{
  min-width:220px!important;
  width:auto!important;
  flex:1 1 auto!important;
  white-space:nowrap!important;
  text-align:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.2!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0 18px!important;
  overflow:visible!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back{
  flex:0 0 auto!important;
}
@media(max-width:760px){
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
  .cbb-form .cbb-final-step button[name="cbb_submit_booking"],
  .cbb-form button.cbb-confirm-submit-black{
    min-width:0!important;
    width:100%!important;
    flex:1 1 auto!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.2!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0 12px!important;
  }
}

/* v20.4.2: titelkaart rollback, stap 4 actiebalk blijft 100% breed */
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions,
.cbb-form .cbb-final-actions,
.cbb-form .cbb-step-actions.cbb-final-actions{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-back{
  flex:0 0 auto!important;
}
.cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
.cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{
  flex:1 1 auto!important;
  min-width:220px!important;
}
@media(max-width:760px){
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions{
    width:100%!important;
    grid-template-columns:1fr 1.8fr!important;
  }
  .cbb-form .cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-step-actions.cbb-final-actions .cbb-submit{
    min-width:0!important;
  }
}

/* v20.4.24: popup sluitknop altijd één icoon */
html body .fcds-popup-close{
  font-size:0!important;
  color:transparent!important;
  text-indent:0!important;
  overflow:hidden!important;
}
html body .fcds-popup-close:before{
  content:'×'!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  font-size:25px!important;
  line-height:1!important;
  color:#fff!important;
}


/* v20.4.46: lange dienstnamen altijd volledig zichtbaar in boekingsformulier */
.cbb-services-list .cbb-service-option,
.cbb-services-list .cbb-service-option-compact,
.cbb-form .cbb-service-option,
.cbb-form .cbb-service-option-compact{
  height:auto!important;
  min-height:0!important;
  align-items:flex-start!important;
}
.cbb-service-option .cbb-service-main,
.cbb-service-option-compact .cbb-service-main{
  min-width:0!important;
  max-width:100%!important;
}
.cbb-service-option strong,
.cbb-service-option-compact .cbb-service-main strong,
.cbb-form.cbb-desktop-compact .cbb-service-option strong,
.cbb-form.cbb-desktop-compact .cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  hyphens:auto!important;
  line-height:1.28!important;
  max-width:100%!important;
}
.cbb-service-option small,
.cbb-service-option-compact .cbb-service-main small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.25!important;
}
.cbb-service-option-compact .cbb-service-price{
  align-self:flex-start!important;
  padding-top:2px!important;
}
@media(max-width:640px){
  .cbb-service-option-compact{
    gap:8px!important;
  }
  .cbb-service-option-compact .cbb-service-price{
    font-size:12.5px!important;
  }
}

/* v20.4.47: lange dienstnamen volledig tonen zonder woorden middenin af te breken */
.cbb-service-option-compact{
  align-items:flex-start!important;
  min-height:auto!important;
}
.cbb-service-option-compact .cbb-service-main{
  min-width:0!important;
  max-width:100%!important;
}
.cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  line-height:1.32!important;
}
.cbb-service-option-compact .cbb-service-price{
  flex:0 0 auto!important;
  align-self:flex-start!important;
  white-space:nowrap!important;
  margin-top:1px!important;
}
@media(max-width:640px){
  .cbb-service-option-compact{
    gap:9px!important;
  }
  .cbb-service-option-compact .cbb-service-main strong{
    font-size:14px!important;
    line-height:1.34!important;
  }
}

/* v20.4.47: medewerker als eerste boekingsstap */
.cbb-employee-first-step .cbb-employee-choice-first{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:0 10px 28px rgba(17,17,17,.06)!important;
}
.cbb-employee-choice-first .cbb-employee-pill{
  width:100%!important;
  justify-content:flex-start!important;
  min-height:70px!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,17,.08)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--cbb-text,#111)!important;
  font-size:20px!important;
  font-weight:650!important;
  padding:13px 18px!important;
  box-shadow:none!important;
}
.cbb-employee-choice-first .cbb-employee-pill:last-child{border-bottom:0!important;}
.cbb-employee-choice-first .cbb-employee-pill.is-selected{
  color:var(--cbb-primary,#111)!important;
  background:linear-gradient(90deg,rgba(201,184,155,.16),rgba(255,255,255,0))!important;
}
.cbb-employee-choice-first .cbb-employee-pill-photo,
.cbb-employee-choice-first .cbb-employee-pill-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eee!important;
  overflow:hidden!important;
  font-size:18px!important;
  margin-right:12px!important;
}
.cbb-employee-choice-first .cbb-employee-pill-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
@media(max-width:640px){
  .cbb-employee-choice-first .cbb-employee-pill{
    min-height:64px!important;
    font-size:18px!important;
    padding:12px 14px!important;
  }
}
.cbb-employee-choice-first .cbb-employee-pill-icon span{width:15px!important;height:15px!important;border:2px solid #9a9a9a!important;border-radius:999px!important;position:relative!important;display:block!important;}
.cbb-employee-choice-first .cbb-employee-pill-icon span:after{content:""!important;position:absolute!important;left:50%!important;top:15px!important;transform:translateX(-50%)!important;width:24px!important;height:13px!important;border:2px solid #9a9a9a!important;border-radius:999px 999px 0 0!important;border-bottom:0!important;}

/* v20.4.52: harde frontend filtering voor diensten per medewerker */
.cbb-service-hidden-by-assistant{display:none!important;}

/* v20.4.53: AJAX laden van diensten na medewerkerkeuze */
.cbb-services-list.is-loading-services{position:relative;opacity:.58;pointer-events:none;transition:opacity .18s ease}
.cbb-services-list.is-loading-services:after{content:'Diensten laden...';position:absolute;inset:12px;border-radius:16px;background:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--cbb-text,#111);box-shadow:0 10px 30px rgba(0,0,0,.08)}


/* v20.4.54: compactere wizard helpteksten en keuze samenvatting */
.cbb-form .cbb-step-title small,
.cbb-booking-form .cbb-step-title small{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:600!important;
  opacity:.78!important;
  margin-top:3px!important;
}
.cbb-form .cbb-selected-summary,
.cbb-booking-form .cbb-selected-summary{
  font-size:12px!important;
  line-height:1.35!important;
  padding:9px 12px!important;
  margin-top:9px!important;
  border-radius:14px!important;
  font-weight:700!important;
}
.cbb-form .cbb-employee-first-step .cbb-step-actions,
.cbb-booking-form .cbb-employee-first-step .cbb-step-actions{
  display:none!important;
}
.cbb-services-list.is-loading-services{
  opacity:.55;
  pointer-events:none;
}


/* v20.4.55 - duidelijke flow header boven het boekingsformulier */
.cbb-progress.cbb-progress-modern.cbb-flow-header{
  display:block!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.07)!important;
  border-radius:22px!important;
  padding:12px 14px!important;
  margin:0 0 16px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.06)!important;
}
.cbb-flow-topbar{display:grid!important;grid-template-columns:42px 1fr auto!important;align-items:center!important;gap:10px!important;min-height:46px!important;}
.cbb-flow-back{width:42px!important;height:42px!important;min-height:42px!important;border-radius:999px!important;border:0!important;background:transparent!important;color:var(--cbb-primary,#111)!important;font-size:34px!important;line-height:1!important;padding:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.cbb-flow-back:disabled{opacity:0!important;pointer-events:none!important;}
.cbb-flow-copy{text-align:center!important;min-width:0!important;}
.cbb-flow-copy strong{display:block!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;color:var(--cbb-primary,#111)!important;letter-spacing:-.02em!important;white-space:normal!important;}
.cbb-flow-copy small{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.25!important;color:#8a8a8a!important;font-weight:600!important;white-space:normal!important;}
.cbb-flow-step{font-size:12px!important;font-weight:800!important;color:#8a8a8a!important;background:#f6f3ed!important;border-radius:999px!important;padding:7px 9px!important;white-space:nowrap!important;}
.cbb-progress-buttons{display:none!important;}
@media(max-width:768px){
  .cbb-progress.cbb-progress-modern.cbb-flow-header{border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;margin:0 0 12px!important;padding:14px 12px!important;box-shadow:0 6px 20px rgba(0,0,0,.06)!important;position:sticky!important;top:0!important;z-index:40!important;}
  .cbb-flow-topbar{grid-template-columns:40px 1fr 40px!important;min-height:50px!important;}
  .cbb-flow-back{width:40px!important;height:40px!important;min-height:40px!important;font-size:34px!important;}
  .cbb-flow-copy strong{font-size:22px!important;color:#9a5a00!important;}
  .cbb-flow-copy small{font-size:11px!important;}
  .cbb-flow-step{display:none!important;}
  .cbb-step-title{display:none!important;}
}

/* v20.4.56: logische header-inhoud per stap, zonder dubbele uitlegtekst */
.cbb-flow-header .cbb-flow-copy{min-width:0!important;flex:1 1 auto!important;}
.cbb-flow-header [data-cbb-flow-subtitle]:empty{display:none!important;}
.cbb-flow-extra{margin-top:10px!important;width:100%!important;min-width:0!important;}
.cbb-flow-lang-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;border:0!important;background:#fff!important;color:#1b1b1b!important;font-weight:800!important;font-size:13px!important;line-height:1!important;min-height:34px!important;padding:7px 11px!important;border-radius:999px!important;box-shadow:0 4px 14px rgba(0,0,0,.08)!important;}
.cbb-flow-flag{width:24px!important;height:17px!important;border-radius:3px!important;box-shadow:0 0 0 1px rgba(0,0,0,.10) inset!important;display:inline-block!important;}
.cbb-flow-employee-card{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;background:#fff!important;color:#1f1f1f!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;padding:10px 12px!important;min-height:58px!important;}
.cbb-flow-employee-card strong{display:block!important;font-size:15px!important;line-height:1.15!important;color:#a06000!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;}
.cbb-flow-employee-card small{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.2!important;color:#777!important;font-weight:600!important;}
.cbb-flow-employee-icon{width:30px!important;height:30px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#f0f0f0!important;color:#888!important;font-size:18px!important;flex:0 0 auto!important;}
.cbb-service-category-tabs{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:2px 2px 6px!important;max-width:100%!important;}
.cbb-service-category-tabs::-webkit-scrollbar{display:none!important;}
.cbb-service-category-tabs button{flex:0 0 auto!important;border:0!important;background:#fff!important;color:#a06000!important;min-height:38px!important;padding:9px 18px!important;border-radius:999px!important;font-weight:900!important;font-size:14px!important;line-height:1!important;box-shadow:0 5px 16px rgba(0,0,0,.09)!important;white-space:nowrap!important;}
.cbb-service-category-tabs button.is-active{background:#a06000!important;color:#fff!important;box-shadow:0 8px 20px rgba(160,96,0,.22)!important;}
.cbb-wizard-step > .cbb-service-category-tabs{display:none!important;}
.cbb-service-option.cbb-category-hidden,.cbb-service-category-header.cbb-category-hidden{display:none!important;}
.cbb-employee-first-step .cbb-selected-summary:empty{display:none!important;}
.cbb-final-step .cbb-step-title small{display:none!important;}
@media(max-width:640px){
  .cbb-flow-extra{margin-top:8px!important;}
  .cbb-flow-header .cbb-flow-topbar{align-items:flex-start!important;}
  .cbb-flow-employee-card{min-height:54px!important;padding:9px 11px!important;border-radius:12px!important;}
  .cbb-service-category-tabs{gap:8px!important;padding-bottom:5px!important;}
  .cbb-service-category-tabs button{min-height:34px!important;font-size:13px!important;padding:8px 15px!important;}
}


/* v20.4.57: compacte header layout + stille medewerkerstap */
.cbb-services-list.is-loading-services{opacity:1!important;pointer-events:auto!important;}
.cbb-services-list.is-loading-services:after{display:none!important;content:none!important;}
.cbb-flow-header{overflow:hidden!important;}
.cbb-flow-header .cbb-flow-topbar{align-items:center!important;}
.cbb-flow-extra-language{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin-top:0!important;position:absolute!important;left:18px!important;top:18px!important;width:auto!important;}
.cbb-flow-extra-language .cbb-flow-lang-pill{box-shadow:none!important;background:transparent!important;padding:0!important;min-height:28px!important;}
.cbb-flow-extra-language .cbb-flow-lang-pill span:not(.cbb-flow-flag){display:none!important;}
.cbb-flow-extra-employee{margin-top:10px!important;}
.cbb-flow-employee-card{box-shadow:0 3px 14px rgba(0,0,0,.06)!important;border-color:rgba(0,0,0,.08)!important;max-width:100%!important;}
.cbb-flow-extra-categories{margin-top:10px!important;max-width:100%!important;overflow:hidden!important;}
.cbb-flow-extra-categories .cbb-service-category-tabs{padding-left:0!important;padding-right:0!important;}
.cbb-flow-extra-categories .cbb-service-category-tabs button{max-width:82vw!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.cbb-form .cbb-step-title small,.cbb-booking-form .cbb-step-title small,.cbb-selected-summary{display:none!important;}
@media(max-width:640px){
  .cbb-progress.cbb-progress-modern.cbb-flow-header{padding:12px 14px!important;margin-bottom:10px!important;}
  .cbb-flow-copy strong{font-size:21px!important;}
  .cbb-flow-extra-language{left:24px!important;top:25px!important;}
  .cbb-flow-employee-card{min-height:52px!important;}
}


/* v20.4.58: header schoon, geen taal/categorie extra blokken, datum/tijd medewerker compact */
.cbb-flow-extra-language,
.cbb-flow-extra-categories{
  display:none!important;
}
.cbb-flow-extra:empty{
  display:none!important;
  margin:0!important;
}
.cbb-flow-extra-employee{
  margin-top:8px!important;
}
.cbb-flow-employee-card{
  width:auto!important;
  max-width:100%!important;
  margin:0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.06)!important;
  color:#1f1f1f!important;
  text-align:left!important;
}
.cbb-flow-employee-card strong{
  font-size:13px!important;
  line-height:1.1!important;
  color:#7a4a00!important;
  max-width:260px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cbb-flow-employee-card small{
  display:none!important;
}
.cbb-flow-employee-icon{
  width:22px!important;
  height:22px!important;
  font-size:15px!important;
  background:#f4f4f4!important;
}
@media(max-width:760px){
  .cbb-flow-extra-employee{margin-top:6px!important;text-align:center!important;}
  .cbb-flow-employee-card{min-height:36px!important;padding:7px 10px!important;}
  .cbb-flow-employee-card strong{max-width:72vw!important;font-size:12.5px!important;}
}


/* v20.4.59: datum/tijd medewerkerkaart rechthoekig en naam volledig zichtbaar */
.cbb-progress.cbb-progress-modern.cbb-flow-header{
  overflow:visible!important;
}
.cbb-flow-header .cbb-flow-topbar{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
}
.cbb-flow-back{
  grid-column:1!important;
  justify-self:start!important;
  align-self:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
}
.cbb-flow-copy{
  grid-column:2!important;
  min-width:0!important;
  text-align:center!important;
}
.cbb-flow-step{
  grid-column:3!important;
  justify-self:end!important;
}
.cbb-flow-extra-employee{
  width:100%!important;
  margin:12px auto 0!important;
  text-align:center!important;
  display:flex!important;
  justify-content:center!important;
}
.cbb-flow-employee-card{
  width:auto!important;
  min-width:210px!important;
  max-width:min(92vw,420px)!important;
  min-height:46px!important;
  padding:9px 14px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid rgba(130,91,28,.18)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.07)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  white-space:normal!important;
  overflow:visible!important;
}
.cbb-flow-employee-card > span:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  display:block!important;
  text-align:left!important;
}
.cbb-flow-employee-card strong{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  font-size:15px!important;
  line-height:1.25!important;
  color:#7a4a00!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.cbb-flow-employee-card small{
  display:none!important;
}
.cbb-flow-employee-icon{
  order:2!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:#f4efe7!important;
  color:#7a4a00!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:17px!important;
}
@media(max-width:760px){
  .cbb-flow-header .cbb-flow-topbar{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important;}
  .cbb-flow-back{width:36px!important;height:36px!important;border-radius:10px!important;}
  .cbb-flow-copy strong{font-size:22px!important;line-height:1.15!important;}
  .cbb-flow-extra-employee{margin-top:10px!important;}
  .cbb-flow-employee-card{min-width:190px!important;max-width:calc(100vw - 72px)!important;min-height:44px!important;padding:8px 12px!important;}
  .cbb-flow-employee-card strong{font-size:14px!important;}
}


/* v20.4.60: harde fix datum/tijd medewerkerkaart, geen ronde chips en naam volledig zichtbaar */
.cbb-booking-form .cbb-progress.cbb-flow-header,
.cbb-form .cbb-progress.cbb-flow-header{
  overflow:visible!important;
}
.cbb-booking-form .cbb-flow-extra.cbb-flow-extra-employee,
.cbb-form .cbb-flow-extra.cbb-flow-extra-employee{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:12px auto 0!important;
  padding:0!important;
  overflow:visible!important;
}
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-booking-form .cbb-flow-employee-card-v2060,
.cbb-form .cbb-flow-employee-card-v2060{
  box-sizing:border-box!important;
  width:min(420px, calc(100vw - 52px))!important;
  min-width:0!important;
  max-width:min(420px, calc(100vw - 52px))!important;
  min-height:46px!important;
  margin:0 auto!important;
  padding:9px 12px 9px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(130,91,28,.22)!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.07)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  text-align:left!important;
  color:#1d1d1d!important;
  overflow:hidden!important;
  white-space:normal!important;
}
.cbb-booking-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-text,
.cbb-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-text,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card > span:first-child,
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card > span:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  display:block!important;
  overflow:visible!important;
}
.cbb-booking-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-name,
.cbb-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-name,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card strong,
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card strong{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#7a4a00!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:left!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  background:transparent!important;
  border-radius:0!important;
}
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card small,
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card small{
  display:none!important;
}
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-icon,
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-icon{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:8px!important;
  border:0!important;
  background:#f4efe7!important;
  color:#7a4a00!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:17px!important;
  line-height:1!important;
  order:2!important;
}
@media(max-width:760px){
  .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card,
  .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card,
  .cbb-booking-form .cbb-flow-employee-card-v2060,
  .cbb-form .cbb-flow-employee-card-v2060{
    width:min(360px, calc(100vw - 46px))!important;
    max-width:min(360px, calc(100vw - 46px))!important;
    min-height:44px!important;
    padding:8px 11px 8px 13px!important;
    border-radius:11px!important;
  }
  .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card strong,
  .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card strong{
    font-size:14px!important;
  }
}


/* v20.4.62: headerkaart exact laten aansluiten op de rest van de boekingscontainers */
.cbb-form .cbb-progress.cbb-progress-modern.cbb-flow-header,
.cbb-booking-form .cbb-progress.cbb-progress-modern.cbb-flow-header,
.cbb-form.cbb-wizard .cbb-progress.cbb-flow-header{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px 0!important;
  padding:14px!important;
  border-radius:var(--cbb-radius,24px)!important;
  border:1px solid #eee2d3!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.045)!important;
  overflow:visible!important;
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
}
.cbb-form .cbb-flow-header .cbb-flow-topbar,
.cbb-booking-form .cbb-flow-header .cbb-flow-topbar{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:42px!important;
  width:100%!important;
}
.cbb-form .cbb-flow-header .cbb-flow-copy,
.cbb-booking-form .cbb-flow-header .cbb-flow-copy{
  min-width:0!important;
  text-align:center!important;
}
.cbb-form .cbb-flow-header .cbb-flow-copy strong,
.cbb-booking-form .cbb-flow-header .cbb-flow-copy strong{
  font-size:21px!important;
  line-height:1.15!important;
  color:var(--cbb-primary,#111)!important;
  margin:0!important;
}
.cbb-form .cbb-flow-header .cbb-flow-back,
.cbb-booking-form .cbb-flow-header .cbb-flow-back{
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
  background:#f8f5ef!important;
  border:1px solid #eee2d3!important;
  color:var(--cbb-primary,#111)!important;
  font-size:28px!important;
  line-height:1!important;
}
.cbb-form .cbb-flow-header .cbb-flow-step,
.cbb-booking-form .cbb-flow-header .cbb-flow-step{
  display:none!important;
}
.cbb-form .cbb-flow-extra.cbb-flow-extra-employee,
.cbb-booking-form .cbb-flow-extra.cbb-flow-extra-employee{
  width:100%!important;
  margin:12px 0 0 0!important;
  padding:0!important;
  display:block!important;
  text-align:stretch!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-form .cbb-flow-employee-card-v2060,
.cbb-booking-form .cbb-flow-employee-card-v2060{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  border:1px solid #eee2d3!important;
  background:#fbfaf7!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  overflow:visible!important;
}
.cbb-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-text,
.cbb-booking-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-text{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:visible!important;
}
.cbb-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-name,
.cbb-booking-form .cbb-flow-employee-card-v2060 .cbb-flow-employee-name{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:15px!important;
  line-height:1.25!important;
  color:#7a4a00!important;
  text-align:left!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-icon,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-icon{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:10px!important;
  background:#f4efe7!important;
  color:#7a4a00!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:768px){
  .cbb-form .cbb-progress.cbb-progress-modern.cbb-flow-header,
  .cbb-booking-form .cbb-progress.cbb-progress-modern.cbb-flow-header,
  .cbb-form.cbb-wizard .cbb-progress.cbb-flow-header{
    margin:0 0 12px 0!important;
    padding:12px!important;
    border-radius:20px!important;
    border:1px solid #eee2d3!important;
    box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
    position:relative!important;
    top:auto!important;
  }
  .cbb-form .cbb-flow-header .cbb-flow-topbar,
  .cbb-booking-form .cbb-flow-header .cbb-flow-topbar{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:8px!important;
    min-height:38px!important;
  }
  .cbb-form .cbb-flow-header .cbb-flow-copy strong,
  .cbb-booking-form .cbb-flow-header .cbb-flow-copy strong{
    font-size:20px!important;
    color:var(--cbb-primary,#111)!important;
  }
  .cbb-form .cbb-flow-header .cbb-flow-back,
  .cbb-booking-form .cbb-flow-header .cbb-flow-back{
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
    border-radius:11px!important;
    font-size:26px!important;
  }
  .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card,
  .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card,
  .cbb-form .cbb-flow-employee-card-v2060,
  .cbb-booking-form .cbb-flow-employee-card-v2060{
    width:100%!important;
    max-width:100%!important;
    border-radius:13px!important;
    min-height:46px!important;
    padding:9px 11px!important;
  }
}

/* v20.4.68 - loader icon and clean final step header */
.cbb-step-title-bijna-klaar{gap:0!important;}
.cbb-step-title-bijna-klaar>span,
.cbb-step-title-clean>span{display:none!important;}
.cbb-step-title-bijna-klaar small,
.cbb-step-title-clean small{display:none!important;}
.cbb-step-title-bijna-klaar strong{display:block!important;}
.cbb-runtime-loading-icon{min-height:120px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:transparent!important;font-size:0!important;}
.cbb-runtime-loading-icon:before{content:"";width:34px;height:34px;border-radius:50%;border:3px solid rgba(17,17,17,.14);border-top-color:#111;display:block;animation:cbbRuntimeSpin .72s linear infinite;}
.cbb-runtime-loading-icon span{display:none!important;}
@keyframes cbbRuntimeSpin{to{transform:rotate(360deg)}}


/* v20.4.74 - Bijna klaar formulierkaart titel en afspraakkaart iets groter */
.cbb-final-step .cbb-step-title-bijna-klaar strong{
  font-size:28px!important;
  line-height:1.12!important;
}
.cbb-final-step .cbb-final-summary{
  margin-left:28px!important;
  margin-right:28px!important;
  margin-top:18px!important;
}
.cbb-final-step .cbb-final-summary-card-modern{
  width:100%!important;
  min-height:154px!important;
  padding:26px 28px!important;
  box-sizing:border-box!important;
}
.cbb-final-step .cbb-final-appointment-head{
  padding-bottom:14px!important;
}
.cbb-final-step .cbb-final-lines{
  padding:14px 0 12px!important;
}
.cbb-final-step .cbb-final-total{
  padding-top:14px!important;
}
@media(max-width:620px){
  .cbb-final-step .cbb-step-title-bijna-klaar strong{font-size:28px!important;}
  .cbb-final-step .cbb-final-summary{margin-left:18px!important;margin-right:18px!important;margin-top:16px!important;}
  .cbb-final-step .cbb-final-summary-card-modern{min-height:150px!important;padding:24px 24px!important;}
}


/* v20.4.75 - Je gegevens afspraakkaart: minder padding en iets grotere tekst */
.cbb-final-step .cbb-final-summary{
  margin-left:22px!important;
  margin-right:22px!important;
  margin-top:14px!important;
}
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern,
.cbb-final-step .cbb-final-summary > div{
  min-height:auto!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}
.cbb-final-step .cbb-final-appointment-head{
  padding-bottom:8px!important;
  margin-bottom:0!important;
}
.cbb-final-step .cbb-final-appointment-head strong{
  font-size:20px!important;
  line-height:1.18!important;
}
.cbb-final-step .cbb-final-appointment-head small{
  font-size:15px!important;
  line-height:1.22!important;
}
.cbb-final-step .cbb-final-lines{
  padding:8px 0 7px!important;
  gap:5px!important;
}
.cbb-final-step .cbb-final-line{
  padding:4px 0!important;
  margin:0!important;
}
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong{
  font-size:16px!important;
  line-height:1.22!important;
}
.cbb-final-step .cbb-final-total{
  padding-top:8px!important;
  margin-top:6px!important;
}
.cbb-final-step .cbb-final-total span{
  font-size:13px!important;
  line-height:1.18!important;
}
.cbb-final-step .cbb-final-total strong{
  font-size:22px!important;
  line-height:1.1!important;
}
@media(max-width:620px){
  .cbb-final-step .cbb-final-summary{
    margin-left:14px!important;
    margin-right:14px!important;
    margin-top:12px!important;
  }
  .cbb-final-step .cbb-final-summary-card,
  .cbb-final-step .cbb-final-summary-card-modern,
  .cbb-final-step .cbb-final-summary > div{
    padding:13px 14px!important;
    min-height:auto!important;
  }
  .cbb-final-step .cbb-final-appointment-head strong{font-size:19px!important;}
  .cbb-final-step .cbb-final-appointment-head small{font-size:14.5px!important;}
  .cbb-final-step .cbb-final-line span,
  .cbb-final-step .cbb-final-line strong{font-size:15.5px!important;}
  .cbb-final-step .cbb-final-total strong{font-size:21px!important;}
}


/* v20.4.76 - Afspraakkaart tekst iets kleiner + compacte padding behouden */
.cbb-final-step .cbb-final-appointment-head strong{
  font-size:18.5px!important;
  line-height:1.18!important;
}
.cbb-final-step .cbb-final-appointment-head small{
  font-size:14px!important;
  line-height:1.22!important;
}
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong{
  font-size:15px!important;
  line-height:1.22!important;
}
.cbb-final-step .cbb-final-total strong{
  font-size:20px!important;
  line-height:1.1!important;
}
@media(max-width:620px){
  .cbb-final-step .cbb-final-appointment-head strong{font-size:18px!important;}
  .cbb-final-step .cbb-final-appointment-head small{font-size:13.5px!important;}
  .cbb-final-step .cbb-final-line span,
  .cbb-final-step .cbb-final-line strong{font-size:14.5px!important;}
  .cbb-final-step .cbb-final-total strong{font-size:19.5px!important;}
}


/* v20.4.77 - Je gegevens afspraakkaart: tekst iets kleiner en boven/onderpadding minder */
.cbb-final-step .cbb-final-summary-card,
.cbb-final-step .cbb-final-summary-card-modern,
.cbb-final-step .cbb-final-summary > div{
  padding-top:11px!important;
  padding-bottom:11px!important;
}
.cbb-final-step .cbb-final-appointment-head{
  padding-bottom:6px!important;
}
.cbb-final-step .cbb-final-lines{
  padding-top:6px!important;
  padding-bottom:6px!important;
}
.cbb-final-step .cbb-final-total{
  padding-top:6px!important;
  margin-top:5px!important;
}
.cbb-final-step .cbb-final-appointment-head strong{
  font-size:17.5px!important;
}
.cbb-final-step .cbb-final-appointment-head small{
  font-size:13px!important;
}
.cbb-final-step .cbb-final-line span,
.cbb-final-step .cbb-final-line strong{
  font-size:14px!important;
}
.cbb-final-step .cbb-final-total span{
  font-size:12px!important;
}
.cbb-final-step .cbb-final-total strong{
  font-size:18.5px!important;
}
@media(max-width:620px){
  .cbb-final-step .cbb-final-summary-card,
  .cbb-final-step .cbb-final-summary-card-modern,
  .cbb-final-step .cbb-final-summary > div{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .cbb-final-step .cbb-final-appointment-head strong{font-size:17px!important;}
  .cbb-final-step .cbb-final-appointment-head small{font-size:12.8px!important;}
  .cbb-final-step .cbb-final-line span,
  .cbb-final-step .cbb-final-line strong{font-size:13.8px!important;}
  .cbb-final-step .cbb-final-total strong{font-size:18px!important;}
}

/* v20.4.78 - vierkante sluitknop floating afspraakformulier + medewerker alternatief melding */
html body .fcds-popup-close,
html body .fcds-popup .fcds-popup-close,
html body button.fcds-popup-close{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body .fcds-popup-close:before{
  border-radius:10px !important;
}
.cbb-assistant-alternative-box{
  margin-top:12px;
  padding:14px 16px;
  border:1px solid rgba(17,24,39,.10);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 30px rgba(17,24,39,.08);
  color:#111827;
}
.cbb-assistant-alternative-box p{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.35;
}
.cbb-assistant-alt-loading{
  font-size:13px;
  font-weight:700;
  color:#64748b;
}
.cbb-assistant-alt-button{
  width:100%;
  min-height:42px;
  border:0;
  border-radius:12px;
  background:#111827;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}


/* v20.4.79 - hard vierkante sluitknop + vandaag alternatief zichtbaarder */
html body .fcds-popup button.fcds-popup-close,
html body button.fcds-popup-close,
html body [data-fcds-popup-close].fcds-popup-close,
html body .fcds-popup [data-fcds-popup-close]{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  border-radius:10px !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
  line-height:1 !important;
}
html body .fcds-popup button.fcds-popup-close *,
html body button.fcds-popup-close *{
  border-radius:10px !important;
}
.cbb-assistant-alternative-box{
  width:100%;
  box-sizing:border-box;
}
.cbb-assistant-alt-button{
  font-family:inherit;
}


/* v20.4.80 - echte floating sluitknoppen vierkant + alternatiefmelding onder kalender */
html body #cbb-floating-runtime-popup .cbb-runtime-close,
html body #cbb-floating-clone-popup .cbb-floating-clone-close,
html body .cbb-runtime-close,
html body .cbb-floating-clone-close{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  border-radius:10px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.cbb-calendar-assistant-alternative{
  margin-top:12px;
}
.cbb-calendar-assistant-alternative:empty{display:none!important;}
.cbb-assistant-alternative-box-active{
  border-radius:14px!important;
}


/* v20.4.82: diensten direct na medewerker en vaste onderbalk zoals voorbeeld */
.cbb-service-bottom-summary{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#2d2d2f!important;
}
.cbb-service-bottom-summary span{font-size:14px!important;font-weight:500!important;color:#3a3a3c!important;line-height:1.1!important;}
.cbb-service-bottom-summary strong{font-size:30px!important;font-weight:950!important;line-height:1.05!important;letter-spacing:-.04em!important;color:#2d2d2f!important;}
.cbb-service-step-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
.cbb-service-step-actions:before{content:''!important;display:none!important;}
.cbb-service-step-actions .cbb-service-next-time,
.cbb-service-step-actions .cbb-next{
  justify-self:end!important;
  min-width:180px!important;
  border-radius:12px!important;
  padding:15px 24px!important;
  font-size:18px!important;
  font-weight:950!important;
}
.cbb-service-bottom-summary + .cbb-service-step-actions{
  margin-top:8px!important;
}
.cbb-service-category-header-price{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
}
.cbb-service-category-header-price span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.cbb-service-category-header-price small{font-size:inherit!important;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important;color:#2f2f31!important;white-space:nowrap!important;}
@media(max-width:640px){
  .cbb-service-bottom-summary strong{font-size:26px!important;}
  .cbb-service-step-actions{grid-template-columns:minmax(0,1fr) auto!important;padding-left:0!important;padding-right:0!important;border-radius:0!important;}
  .cbb-service-step-actions .cbb-service-next-time,.cbb-service-step-actions .cbb-next{min-width:138px!important;font-size:16px!important;padding:14px 18px!important;}
}

.cbb-service-bottom-bar{
  position:sticky!important;
  bottom:0!important;
  z-index:55!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:auto!important;
  padding:12px 0 max(12px,env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 32%)!important;
  box-shadow:0 -10px 24px rgba(255,255,255,.92)!important;
}
.cbb-service-bottom-bar .cbb-service-step-actions{
  position:static!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.cbb-service-bottom-bar .cbb-service-bottom-summary{align-self:center!important;}
@media(max-width:640px){.cbb-service-bottom-bar{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding-top:10px!important}}

/* v20.4.85: dienstkaarten maat fix zonder v20.4.84 restyle */
.cbb-form .cbb-services-list,
.cbb-form .cbb-services-list-grouped{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.cbb-form .cbb-service-option,
.cbb-form .cbb-service-option-compact,
.cbb-form .cbb-services-list-grouped .cbb-service-option,
.cbb-form .cbb-services-list-grouped .cbb-service-option-compact{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
  min-height:86px!important;
  display:flex!important;
  align-items:center!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main{
  min-width:0!important;
  flex:1 1 auto!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-price{
  flex:0 0 auto!important;
  margin-left:12px!important;
}
@media(max-width:640px){
  .cbb-form .cbb-step-content,
  .cbb-form .cbb-wizard-step{
    box-sizing:border-box!important;
  }
  .cbb-form .cbb-service-option,
  .cbb-form .cbb-service-option-compact{
    min-height:78px!important;
  }
}


/* v20.4.132 - medewerkerfoto in datum/tijd dropdownkaart */
.cbb-form .cbb-flow-employee-card-photo,
.cbb-booking-form .cbb-flow-employee-card-photo{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#f1ece4!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#7a4a00!important;
  font-size:16px!important;
  border:1px solid rgba(130,91,28,.18)!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo img,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-text,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-text{
  flex:1 1 auto!important;
  min-width:0!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-text small,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-text small{
  display:block!important;
  margin:0 0 2px 0!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#8a806f!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-name,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-name{
  line-height:1.18!important;
}
@media(max-width:768px){
  .cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo,
  .cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo{
    flex-basis:34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
}


/* v20.4.133 - medewerkerfoto datum/tijd compact rond in bovenbalk */
.cbb-form .cbb-flow-extra.cbb-flow-extra-employee,
.cbb-booking-form .cbb-flow-extra.cbb-flow-extra-employee{
  margin:8px auto 0!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo,
.cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo,
.cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo{
  min-height:48px!important;
  padding:7px 10px!important;
  gap:9px!important;
  overflow:hidden!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-photo,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-photo,
.cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-photo,
.cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-photo{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  aspect-ratio:1/1!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#f4efe7!important;
  border:1px solid rgba(130,91,28,.20)!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  order:0!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-photo img,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-photo img,
.cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-photo img,
.cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-text,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-text,
.cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-text,
.cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-text{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  display:block!important;
  overflow:hidden!important;
  order:1!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
.cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
.cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
  order:2!important;
}
@media(max-width:768px){
  .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo,
  .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo,
  .cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo,
  .cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo{
    min-height:44px!important;
    padding:6px 9px!important;
    gap:8px!important;
  }
  .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-photo,
  .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-photo,
  .cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-photo,
  .cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-photo{
    flex-basis:32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
  }
}


/* v20.4.134: dienstkaarten compacter en moderne geselecteerd-check */
.cbb-form .cbb-services-list-grouped{
  gap:8px!important;
}
.cbb-form .cbb-service-category-header{
  margin:10px 1px 4px!important;
}
.cbb-form .cbb-service-option-compact{
  min-height:74px!important;
  padding:10px 12px!important;
  gap:10px!important;
  border-radius:16px!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
  margin:0!important;
  border:2px solid #181818!important;
  border-radius:7px!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  box-shadow:none!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked{
  border-color:#fff!important;
  background:#fff!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked:after{
  content:""!important;
  width:13px!important;
  height:7px!important;
  border-left:3px solid #111!important;
  border-bottom:3px solid #111!important;
  transform:rotate(-45deg) translate(1px,-1px)!important;
  display:block!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main strong{
  font-size:16px!important;
  line-height:1.18!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main small{
  font-size:12px!important;
  line-height:1.1!important;
  margin-top:2px!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-price{
  font-size:16px!important;
  align-self:flex-start!important;
  padding-top:1px!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked){
  background:#111!important;
  color:#fff!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-price,
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small{
  color:#fff!important;
}
@media(max-width:640px){
  .cbb-form .cbb-services-list-grouped{gap:7px!important;}
  .cbb-form .cbb-service-category-header{margin:8px 1px 3px!important;}
  .cbb-form .cbb-service-option-compact{
    min-height:66px!important;
    padding:9px 10px!important;
    border-radius:14px!important;
  }
  .cbb-form .cbb-service-option-compact input[type=checkbox]{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    flex-basis:24px!important;
    border-radius:6px!important;
  }
  .cbb-form .cbb-service-option-compact input[type=checkbox]:checked:after{
    width:11px!important;
    height:6px!important;
    border-left-width:2.5px!important;
    border-bottom-width:2.5px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-main strong{font-size:15px!important;}
  .cbb-form .cbb-service-option-compact .cbb-service-main small{font-size:11px!important;}
  .cbb-form .cbb-service-option-compact .cbb-service-price{font-size:14px!important;}
}

/* v20.4.135: service cards stay inside container and selected checkmark clearer */
.cbb-form .cbb-services-list,
.cbb-form .cbb-services-list-grouped{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.cbb-form .cbb-service-option-compact,
.cbb-booking-form .cbb-service-option-compact{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact .cbb-service-price{
  position:static!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  max-width:88px!important;
  margin-left:8px!important;
  padding-left:0!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox],
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  flex:0 0 30px!important;
  border:2px solid #111!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]:checked{
  background:#fff!important;
  border-color:#fff!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked:after,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]:checked:after{
  content:"✓"!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  transform:none!important;
  display:block!important;
  color:#111!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:950!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
@media(max-width:640px){
  .cbb-form .cbb-step-services,
  .cbb-booking-form .cbb-step-services{
    overflow:hidden!important;
  }
  .cbb-form .cbb-service-option-compact,
  .cbb-booking-form .cbb-service-option-compact{
    padding:9px 10px!important;
    gap:10px!important;
    width:100%!important;
  }
  .cbb-form .cbb-service-option-compact input[type=checkbox],
  .cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    flex-basis:28px!important;
  }
  .cbb-form .cbb-service-option-compact input[type=checkbox]:checked:after,
  .cbb-booking-form .cbb-service-option-compact input[type=checkbox]:checked:after{
    font-size:20px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-price,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-price{
    max-width:76px!important;
    margin-left:6px!important;
  }
}

/* v20.4.136: dienstenlijst definitief netjes binnen container en moderne selectie */
.cbb-form .cbb-services-list,
.cbb-form .cbb-services-list-grouped,
.cbb-booking-form .cbb-services-list,
.cbb-booking-form .cbb-services-list-grouped{
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.cbb-form .cbb-service-option-compact,
.cbb-booking-form .cbb-service-option-compact{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) max-content!important;
  column-gap:12px!important;
  row-gap:2px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  overflow:visible!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox],
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
  -webkit-appearance:none!important;
  appearance:none!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
  border:2px solid #111!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
  outline:0!important;
  display:block!important;
  position:relative!important;
  color:transparent!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]::before,
.cbb-form .cbb-service-option-compact input[type=checkbox]::after,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]::before,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]::after{
  content:none!important;
  display:none!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]:checked{
  border-color:#fff!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M7.5 16.4l5.4 5.4L24.8 9.9' fill='none' stroke='%23111111' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px 22px no-repeat!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main{
  grid-column:2!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  display:block!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main strong,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.18!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main small{
  display:block!important;
  line-height:1.1!important;
  margin-top:2px!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  position:static!important;
  transform:none!important;
  max-width:none!important;
  min-width:max-content!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  align-self:start!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked),
.cbb-booking-form .cbb-service-option-compact:has(input:checked){
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-price,
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small{
  color:#fff!important;
}
@media(max-width:640px){
  .cbb-form .cbb-service-option-compact,
  .cbb-booking-form .cbb-service-option-compact{
    grid-template-columns:32px minmax(0,1fr) max-content!important;
    column-gap:10px!important;
    padding:11px 12px!important;
    min-height:72px!important;
  }
  .cbb-form .cbb-service-option-compact input[type=checkbox],
  .cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    background-size:21px 21px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-main strong,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
    font-size:15px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-price,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-price{
    font-size:15px!important;
  }
}


/* v20.4.137: oude dienstenlijst basis, bruine kleur geneutraliseerd */
.cbb-form .cbb-services-list,
.cbb-form .cbb-services-list-grouped,
.cbb-booking-form .cbb-services-list,
.cbb-booking-form .cbb-services-list-grouped{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
}
.cbb-form .cbb-service-category-header,
.cbb-booking-form .cbb-service-category-header{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:12px 0 6px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#777!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.cbb-form .cbb-service-category-header:after,
.cbb-booking-form .cbb-service-category-header:after{
  content:""!important;
  display:block!important;
  height:1px!important;
  flex:1!important;
  background:#ece6dd!important;
}
.cbb-form .cbb-service-option-compact,
.cbb-booking-form .cbb-service-option-compact{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:18px 12px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:10px 14px!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid #eee!important;
  border-radius:0!important;
  background:#fff!important;
  color:#2b2b2b!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked),
.cbb-booking-form .cbb-service-option-compact:has(input:checked){
  background:#fff!important;
  color:#2b2b2b!important;
  border-color:#eee!important;
  box-shadow:none!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox],
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
  -webkit-appearance:none!important;
  appearance:none!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid #151515!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:none!important;
  position:relative!important;
  display:block!important;
  align-self:center!important;
  justify-self:center!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]::before,
.cbb-form .cbb-service-option-compact input[type=checkbox]::after,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]::before,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]::after{
  content:none!important;
  display:none!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]:checked{
  border-color:#0f0f0f!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M7 14.4l4.5 4.5L21.5 8.8' fill='none' stroke='%230f0f0f' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main{
  grid-column:2!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  display:block!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main strong,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  margin:0!important;
  color:#303030!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main small{
  display:block!important;
  margin-top:4px!important;
  color:#777!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.15!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  position:static!important;
  transform:none!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#333!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:right!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-price,
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small{
  color:#777!important;
}
.cbb-form .cbb-step-actions,
.cbb-booking-form .cbb-step-actions{
  box-sizing:border-box!important;
}
.cbb-form .cbb-step-actions .cbb-next,
.cbb-booking-form .cbb-step-actions .cbb-next{
  background:#0f0f0f!important;
  border-color:#0f0f0f!important;
  color:#fff!important;
}
@media(max-width:640px){
  .cbb-form .cbb-service-category-header,
  .cbb-booking-form .cbb-service-category-header{
    font-size:13px!important;
    margin:10px 0 4px!important;
  }
  .cbb-form .cbb-service-option-compact,
  .cbb-booking-form .cbb-service-option-compact{
    grid-template-columns:30px minmax(0,1fr) auto!important;
    column-gap:12px!important;
    padding:16px 6px!important;
    min-height:86px!important;
  }
  .cbb-form .cbb-service-option-compact input[type=checkbox],
  .cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    background-size:16px 16px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-main strong,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-main small,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-main small{
    font-size:14px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-price,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-price{
    font-size:18px!important;
  }
}

/* v20.4.138: dienstenlijst zwarte selectiekaart + enkele witte check */
.cbb-form .cbb-service-option-compact,
.cbb-booking-form .cbb-service-option-compact{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) max-content!important;
  column-gap:14px!important;
  row-gap:2px!important;
  align-items:center!important;
  padding:16px 18px!important;
  margin:0 0 10px 0!important;
  border:1px solid #eadfce!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked),
.cbb-booking-form .cbb-service-option-compact:has(input:checked){
  background:#0f0f0f!important;
  color:#fff!important;
  border-color:#0f0f0f!important;
  box-shadow:none!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox],
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
  -webkit-appearance:none!important;
  appearance:none!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid #151515!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:none!important;
  position:relative!important;
  display:block!important;
  align-self:center!important;
  justify-self:center!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]::before,
.cbb-form .cbb-service-option-compact input[type=checkbox]::after,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]::before,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]::after{
  content:none!important;
  display:none!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]:checked{
  border-color:#fff!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M7 14.4l4.5 4.5L21.5 8.8' fill='none' stroke='%230f0f0f' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main{
  grid-column:2!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main strong,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  margin:0!important;
  color:#111!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main small{
  display:block!important;
  margin-top:4px!important;
  color:#6f6f6f!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.15!important;
}
.cbb-form .cbb-service-option-compact .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  position:static!important;
  transform:none!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#111!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:right!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-main strong,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-main strong,
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-price{
  color:#fff!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small{
  color:#fff!important;
  opacity:.88!important;
}
@media(max-width:520px){
  .cbb-form .cbb-service-option-compact,
  .cbb-booking-form .cbb-service-option-compact{
    grid-template-columns:38px minmax(0,1fr) max-content!important;
    column-gap:12px!important;
    padding:14px 14px!important;
    border-radius:13px!important;
  }
  .cbb-form .cbb-service-option-compact input[type=checkbox],
  .cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-main strong,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
    font-size:16px!important;
  }
  .cbb-form .cbb-service-option-compact .cbb-service-price,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-price{
    font-size:16px!important;
  }
}


/* v20.4.139: alle bruine dienstselectie-code verwijderd/geneutraliseerd */
.cbb-form .cbb-service-option-compact,
.cbb-booking-form .cbb-service-option-compact{
  border-color:#e5e7eb!important;
}
.cbb-form .cbb-service-category-header:after,
.cbb-booking-form .cbb-service-category-header:after{
  background:#e5e7eb!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox],
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]{
  border-color:#111!important;
  background:#fff!important;
}
.cbb-form .cbb-service-option-compact input[type=checkbox]:checked,
.cbb-booking-form .cbb-service-option-compact input[type=checkbox]:checked{
  border-color:#fff!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M7 14.4l4.5 4.5L21.5 8.8' fill='none' stroke='%230f0f0f' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked),
.cbb-booking-form .cbb-service-option-compact:has(input:checked){
  background:#0f0f0f!important;
  border-color:#0f0f0f!important;
  color:#fff!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-main strong,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-main strong,
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-price{
  color:#fff!important;
}
.cbb-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact:has(input:checked) .cbb-service-main small{
  color:#fff!important;
  opacity:.88!important;
}
.cbb-form .cbb-step-actions .cbb-next,
.cbb-booking-form .cbb-step-actions .cbb-next,
.cbb-form .cbb-step-actions button.cbb-next,
.cbb-booking-form .cbb-step-actions button.cbb-next{
  background:#0f0f0f!important;
  border-color:#0f0f0f!important;
  color:#fff!important;
}


/* v20.4.140: datum/tijd stap nummers dikker */
.cbb-form .cbb-slot strong,
.cbb-booking-form .cbb-slot strong,
.cbb-form .cbb-time-slots button.cbb-slot strong,
.cbb-booking-form .cbb-time-slots button.cbb-slot strong{
  font-weight:900!important;
  font-size:15.5px!important;
  letter-spacing:-.025em!important;
}
.cbb-form .cbb-day strong,
.cbb-booking-form .cbb-day strong{
  font-weight:900!important;
  font-size:21px!important;
  letter-spacing:-.035em!important;
}
.cbb-form .cbb-cal-weekday,
.cbb-booking-form .cbb-cal-weekday{
  font-weight:900!important;
}
@media(max-width:520px){
  .cbb-form .cbb-slot strong,
  .cbb-booking-form .cbb-slot strong,
  .cbb-form .cbb-time-slots button.cbb-slot strong,
  .cbb-booking-form .cbb-time-slots button.cbb-slot strong{
    font-size:16px!important;
    font-weight:900!important;
  }
  .cbb-form .cbb-day strong,
  .cbb-booking-form .cbb-day strong{
    font-size:21px!important;
    font-weight:900!important;
  }
}
@media(max-width:380px){
  .cbb-form .cbb-slot strong,
  .cbb-booking-form .cbb-slot strong,
  .cbb-form .cbb-time-slots button.cbb-slot strong,
  .cbb-booking-form .cbb-time-slots button.cbb-slot strong{
    font-size:15px!important;
  }
  .cbb-form .cbb-day strong,
  .cbb-booking-form .cbb-day strong{
    font-size:20px!important;
  }
}


/* v20.4.141: laatste stap naamvelden mobiel naast elkaar */
@media(max-width:520px){
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid,
  .cbb-booking-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid,
  .cbb-final-step .cbb-final-fields-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:8px!important;
    row-gap:8px!important;
  }
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field-first,
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field-last,
  .cbb-booking-form .cbb-wizard-step.cbb-final-step .cbb-final-field-first,
  .cbb-booking-form .cbb-wizard-step.cbb-final-step .cbb-final-field-last,
  .cbb-final-step .cbb-final-field-first,
  .cbb-final-step .cbb-final-field-last{
    grid-column:auto!important;
    min-width:0!important;
    width:100%!important;
  }
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-field-full,
  .cbb-booking-form .cbb-wizard-step.cbb-final-step .cbb-field-full,
  .cbb-final-step .cbb-field-full{
    grid-column:1 / -1!important;
  }
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field input,
  .cbb-booking-form .cbb-wizard-step.cbb-final-step .cbb-final-field input,
  .cbb-final-step .cbb-final-field input{
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:360px){
  .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field input,
  .cbb-booking-form .cbb-wizard-step.cbb-final-step .cbb-final-field input,
  .cbb-final-step .cbb-final-field input{
    font-size:13px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
}


/* v20.4.193 no mobile zoom in Firstclass Booking PRO */
.cbb-wrap,.cbb-booking,.cbb-booking-form,.cbb-calendar,.cbb-calendar-v2,.cbb-super-calendar,.cbb-super-calendar-pro,.cbb-manual-modal,.cbb-planning-v2,.fcds-front-staff-app,.fcds-front-staff-shell{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;touch-action:manipulation;}
.cbb-wrap input,.cbb-wrap select,.cbb-wrap textarea,.cbb-booking input,.cbb-booking select,.cbb-booking textarea,.cbb-booking-form input,.cbb-booking-form select,.cbb-booking-form textarea,.cbb-calendar input,.cbb-calendar select,.cbb-calendar textarea,.cbb-calendar-v2 input,.cbb-calendar-v2 select,.cbb-calendar-v2 textarea,.cbb-super-calendar input,.cbb-super-calendar select,.cbb-super-calendar textarea,.cbb-super-calendar-pro input,.cbb-super-calendar-pro select,.cbb-super-calendar-pro textarea,.cbb-manual-modal input,.cbb-manual-modal select,.cbb-manual-modal textarea,.cbb-planning-v2 input,.cbb-planning-v2 select,.cbb-planning-v2 textarea,.fcds-front-staff-app input,.fcds-front-staff-app select,.fcds-front-staff-app textarea,.fcds-front-staff-shell input,.fcds-front-staff-shell select,.fcds-front-staff-shell textarea{font-size:16px!important;line-height:1.25!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}


/* v20.4.206: boekingsformulier datum/tijd header medewerkerkaart naast terugknop op mobiel */
@media (max-width: 760px){
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-areas:
      "title title"
      "back employee"!important;
    align-items:center!important;
    gap:8px 10px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-back,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-back{
    grid-area:back!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    margin:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    position:relative!important;
    z-index:2!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy{
    display:contents!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee [data-cbb-flow-title],
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee [data-cbb-flow-title]{
    grid-area:title!important;
    display:block!important;
    width:100%!important;
    text-align:center!important;
    margin:0!important;
    font-size:23px!important;
    line-height:1.15!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee [data-cbb-flow-subtitle],
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee [data-cbb-flow-subtitle],
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-step,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-step{
    display:none!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-extra-employee,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-extra-employee{
    grid-area:employee!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card,
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-v2060,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-v2060{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:7px 10px!important;
    border-radius:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo{
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-text,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-text{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-name,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-name{
    display:block!important;
    font-size:20px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#111827!important;
  }
  .cbb-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon,
  .cbb-booking-form .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border-radius:12px!important;
  }
}


/* v20.4.208: boekingsformulier terugknoppen alleen hoogte gelijk gemaakt */
.cbb-form .cbb-flow-back,
.cbb-booking-form .cbb-flow-back,
.cbb-form .cbb-step-actions .cbb-back,
.cbb-booking-form .cbb-step-actions .cbb-back,
.cbb-form .cbb-final-step .cbb-final-actions .cbb-back,
.cbb-booking-form .cbb-final-step .cbb-final-actions .cbb-back{
  box-sizing:border-box!important;
  min-height:52px!important;
  height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.cbb-form .cbb-step-actions,
.cbb-booking-form .cbb-step-actions,
.cbb-form .cbb-final-step .cbb-final-actions,
.cbb-booking-form .cbb-final-step .cbb-final-actions{
  align-items:center!important;
}
.cbb-form .cbb-step-actions .cbb-next,
.cbb-booking-form .cbb-step-actions .cbb-next,
.cbb-form .cbb-step-actions .cbb-submit,
.cbb-booking-form .cbb-step-actions .cbb-submit{
  min-height:52px!important;
  height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* v20.4.220: lange dienstnamen volledig zichtbaar zonder overlap met prijs */
.cbb-service-option-compact,
.cbb-services-list-grouped .cbb-service-option-compact,
.cbb-form.cbb-desktop-compact .cbb-service-option-compact,
.cbb-booking-form .cbb-service-option-compact{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:4px!important;
  height:auto!important;
  min-height:76px!important;
  overflow:visible!important;
}
.cbb-service-option-compact input,
.cbb-booking-form .cbb-service-option-compact input{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  flex:none!important;
}
.cbb-service-option-compact .cbb-service-main,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
}
.cbb-service-option-compact .cbb-service-main strong,
.cbb-form.cbb-desktop-compact .cbb-service-option-compact .cbb-service-main strong,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.14!important;
  padding-right:0!important;
}
.cbb-service-option-compact .cbb-service-main small,
.cbb-booking-form .cbb-service-option-compact .cbb-service-main small{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.18!important;
}
.cbb-service-option-compact .cbb-service-price,
.cbb-booking-form .cbb-service-option-compact .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  margin-left:0!important;
  padding-left:8px!important;
  white-space:nowrap!important;
  position:static!important;
  z-index:2!important;
}
@media(max-width:640px){
  .cbb-service-option-compact,
  .cbb-services-list-grouped .cbb-service-option-compact,
  .cbb-form.cbb-desktop-compact .cbb-service-option-compact,
  .cbb-booking-form .cbb-service-option-compact{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    column-gap:10px!important;
    min-height:82px!important;
    padding:14px 14px!important;
  }
  .cbb-service-option-compact .cbb-service-main strong,
  .cbb-form.cbb-desktop-compact .cbb-service-option-compact .cbb-service-main strong,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-main strong{
    font-size:15px!important;
    line-height:1.12!important;
  }
  .cbb-service-option-compact .cbb-service-price,
  .cbb-booking-form .cbb-service-option-compact .cbb-service-price{
    font-size:15px!important;
    padding-left:6px!important;
  }
}

/* v20.4.221: dienstkaarten groeien automatisch bij lange titels */
.cbb-form .cbb-services-list .cbb-service-option-compact,
.cbb-booking-form .cbb-services-list .cbb-service-option-compact,
.cbb-form .cbb-services-list-grouped .cbb-service-option-compact,
.cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) max-content!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:18px 16px!important;
  overflow:visible!important;
}
.cbb-form .cbb-services-list .cbb-service-option-compact input[type="checkbox"],
.cbb-booking-form .cbb-services-list .cbb-service-option-compact input[type="checkbox"],
.cbb-form .cbb-services-list-grouped .cbb-service-option-compact input[type="checkbox"],
.cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1 / -1!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.cbb-form .cbb-services-list .cbb-service-option-compact .cbb-service-main,
.cbb-booking-form .cbb-services-list .cbb-service-option-compact .cbb-service-main,
.cbb-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main,
.cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main{
  grid-column:2!important;
  grid-row:1 / -1!important;
  align-self:start!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  gap:6px!important;
  overflow:visible!important;
}
.cbb-form .cbb-services-list .cbb-service-option-compact .cbb-service-main strong,
.cbb-booking-form .cbb-services-list .cbb-service-option-compact .cbb-service-main strong,
.cbb-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main strong,
.cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  line-height:1.18!important;
  margin:0!important;
  padding:0!important;
}
.cbb-form .cbb-services-list .cbb-service-option-compact .cbb-service-main small,
.cbb-booking-form .cbb-services-list .cbb-service-option-compact .cbb-service-main small,
.cbb-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main small,
.cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main small{
  display:block!important;
  position:static!important;
  clear:both!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.2!important;
  margin:0!important;
}
.cbb-form .cbb-services-list .cbb-service-option-compact .cbb-service-price,
.cbb-booking-form .cbb-services-list .cbb-service-option-compact .cbb-service-price,
.cbb-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-price,
.cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  white-space:nowrap!important;
  min-width:max-content!important;
  max-width:none!important;
  position:static!important;
  margin:0!important;
  padding:0 0 0 10px!important;
  overflow:visible!important;
}
@media(max-width:640px){
  .cbb-form .cbb-services-list .cbb-service-option-compact,
  .cbb-booking-form .cbb-services-list .cbb-service-option-compact,
  .cbb-form .cbb-services-list-grouped .cbb-service-option-compact,
  .cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact{
    grid-template-columns:34px minmax(0,1fr) max-content!important;
    column-gap:10px!important;
    row-gap:0!important;
    padding:16px 12px!important;
  }
  .cbb-form .cbb-services-list .cbb-service-option-compact .cbb-service-main,
  .cbb-booking-form .cbb-services-list .cbb-service-option-compact .cbb-service-main,
  .cbb-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main,
  .cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main{
    gap:7px!important;
  }
  .cbb-form .cbb-services-list .cbb-service-option-compact .cbb-service-main strong,
  .cbb-booking-form .cbb-services-list .cbb-service-option-compact .cbb-service-main strong,
  .cbb-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main strong,
  .cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-main strong{
    font-size:16px!important;
    line-height:1.18!important;
  }
  .cbb-form .cbb-services-list .cbb-service-option-compact .cbb-service-price,
  .cbb-booking-form .cbb-services-list .cbb-service-option-compact .cbb-service-price,
  .cbb-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-price,
  .cbb-booking-form .cbb-services-list-grouped .cbb-service-option-compact .cbb-service-price{
    font-size:16px!important;
    padding-left:8px!important;
  }
}

/* v20.4.222: harde dienstkaart grid zodat lange titels niet onder de prijs vallen */
.cbb-form label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
.cbb-popup label.cbb-service-option.cbb-service-option-compact{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) max-content!important;
  grid-template-rows:auto!important;
  column-gap:14px!important;
  row-gap:0!important;
  align-items:center!important;
  justify-content:normal!important;
  height:auto!important;
  min-height:96px!important;
  max-height:none!important;
  padding:18px 20px!important;
  overflow:visible!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  position:static!important;
  flex:none!important;
  margin:0!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.16!important;
  margin:0!important;
  padding:0!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  position:static!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.18!important;
  margin:0!important;
  padding:0!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  position:static!important;
  flex:none!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:4px 0 0 10px!important;
  overflow:visible!important;
}
@media(max-width:640px){
  .cbb-form label.cbb-service-option.cbb-service-option-compact,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact{
    grid-template-columns:44px minmax(0,1fr) max-content!important;
    column-gap:12px!important;
    min-height:112px!important;
    padding:18px 14px!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
    font-size:17px!important;
    line-height:1.14!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
    font-size:16px!important;
    line-height:1.15!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
    font-size:17px!important;
    line-height:1.05!important;
  }
}


/* v20.4.223: dienstkaarten echte auto-hoogte + klikbaar bij lange titels */
.cbb-form label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
.cbb-popup label.cbb-service-option.cbb-service-option-compact{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 94px!important;
  grid-template-rows:auto!important;
  column-gap:12px!important;
  align-items:start!important;
  justify-items:stretch!important;
  height:auto!important;
  min-height:96px!important;
  max-height:none!important;
  padding:18px 16px!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  position:static!important;
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  z-index:2!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-height:1.14!important;
  margin:0!important;
  padding:0!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  position:static!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.15!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  position:static!important;
  width:94px!important;
  min-width:94px!important;
  max-width:94px!important;
  text-align:right!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:2px 0 0 0!important;
  overflow:visible!important;
  pointer-events:none!important;
}
@media(max-width:640px){
  .cbb-form label.cbb-service-option.cbb-service-option-compact,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact{
    grid-template-columns:44px minmax(0,1fr) 88px!important;
    column-gap:10px!important;
    min-height:104px!important;
    padding:18px 14px!important;
    align-items:center!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    font-size:17px!important;
    line-height:1.05!important;
  }
}


/* v20.4.224: lange diensttitels volledig zichtbaar + dienstkaarten blijven klikbaar */
.cbb-form label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
.cbb-popup label.cbb-service-option.cbb-service-option-compact{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  column-gap:14px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:92px!important;
  max-height:none!important;
  padding:18px 110px 18px 16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.cbb-popup label.cbb-service-option.cbb-service-option-compact > input[type=checkbox]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  pointer-events:auto!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.16!important;
  margin:0 0 6px 0!important;
  padding:0!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  position:static!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.15!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  position:absolute!important;
  top:20px!important;
  right:18px!important;
  z-index:1!important;
  width:auto!important;
  min-width:86px!important;
  max-width:96px!important;
  display:block!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.cbb-form .cbb-service-bottom-bar,
.cbb-booking-form .cbb-service-bottom-bar,
body.cbb-widget-body .cbb-widget-shell .cbb-service-bottom-bar,
.fcds-popup-panel .cbb-service-bottom-bar,
.fcds-floating-booking .cbb-service-bottom-bar{
  position:sticky!important;
  bottom:0!important;
  z-index:999!important;
  pointer-events:auto!important;
}
.cbb-form .cbb-service-bottom-bar *,
.cbb-booking-form .cbb-service-bottom-bar *,
body.cbb-widget-body .cbb-widget-shell .cbb-service-bottom-bar *,
.fcds-popup-panel .cbb-service-bottom-bar *,
.fcds-floating-booking .cbb-service-bottom-bar *{
  pointer-events:auto!important;
}
@media(max-width:640px){
  .cbb-form label.cbb-service-option.cbb-service-option-compact,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact{
    grid-template-columns:40px minmax(0,1fr)!important;
    column-gap:12px!important;
    min-height:98px!important;
    padding:18px 102px 18px 14px!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
    top:18px!important;
    right:14px!important;
    min-width:78px!important;
    max-width:88px!important;
  }
}


/* v20.4.225: definitieve dienstkaart layout voor lange titels + klikbaarheid in floating popup */
.cbb-services-list,
.cbb-services-list-grouped{
  align-items:start!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
.cbb-popup label.cbb-service-option.cbb-service-option-compact{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) max-content!important;
  grid-template-rows:auto!important;
  column-gap:12px!important;
  align-items:start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:14px 14px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > input[type=checkbox],
.cbb-popup label.cbb-service-option.cbb-service-option-compact > input[type=checkbox]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  position:relative!important;
  z-index:3!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:1px 0 0!important;
  pointer-events:auto!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  line-height:1.22!important;
  margin:0!important;
  padding:0!important;
  max-height:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  position:static!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.15!important;
  margin:0!important;
  padding:0!important;
  max-height:none!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  position:static!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  display:block!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin:0!important;
  padding:1px 0 0!important;
  pointer-events:none!important;
}
@media(max-width:640px){
  .cbb-form label.cbb-service-option.cbb-service-option-compact,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact{
    grid-template-columns:22px minmax(0,1fr) max-content!important;
    column-gap:9px!important;
    padding:13px 12px!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
    font-size:14px!important;
    line-height:1.2!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
    font-size:12px!important;
  }
}

/* v20.4.226: voorkom onzichtbare footerlaag over dienstenlijst */
.cbb-services-list,
.cbb-services-list-grouped{
  position:relative!important;
  z-index:10!important;
  padding-bottom:96px!important;
}
.cbb-services-list label.cbb-service-option,
.cbb-services-list-grouped label.cbb-service-option,
.cbb-services-list label.cbb-service-option-compact,
.cbb-services-list-grouped label.cbb-service-option-compact{
  position:relative!important;
  z-index:11!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.cbb-form .cbb-service-bottom-bar,
.cbb-booking-form .cbb-service-bottom-bar,
body.cbb-widget-body .cbb-widget-shell .cbb-service-bottom-bar,
.fcds-popup-panel .cbb-service-bottom-bar,
.fcds-floating-booking .cbb-service-bottom-bar,
.cbb-floating-popup .cbb-service-bottom-bar,
.cbb-popup .cbb-service-bottom-bar{
  pointer-events:none!important;
}
.cbb-form .cbb-service-bottom-bar .cbb-selected-summary,
.cbb-booking-form .cbb-service-bottom-bar .cbb-selected-summary,
body.cbb-widget-body .cbb-widget-shell .cbb-service-bottom-bar .cbb-selected-summary,
.fcds-popup-panel .cbb-service-bottom-bar .cbb-selected-summary,
.fcds-floating-booking .cbb-service-bottom-bar .cbb-selected-summary,
.cbb-floating-popup .cbb-service-bottom-bar .cbb-selected-summary,
.cbb-popup .cbb-service-bottom-bar .cbb-selected-summary,
.cbb-form .cbb-service-bottom-bar .cbb-step-actions,
.cbb-booking-form .cbb-service-bottom-bar .cbb-step-actions,
body.cbb-widget-body .cbb-widget-shell .cbb-service-bottom-bar .cbb-step-actions,
.fcds-popup-panel .cbb-service-bottom-bar .cbb-step-actions,
.fcds-floating-booking .cbb-service-bottom-bar .cbb-step-actions,
.cbb-floating-popup .cbb-service-bottom-bar .cbb-step-actions,
.cbb-popup .cbb-service-bottom-bar .cbb-step-actions{
  pointer-events:none!important;
}
.cbb-form .cbb-service-bottom-bar button,
.cbb-booking-form .cbb-service-bottom-bar button,
body.cbb-widget-body .cbb-widget-shell .cbb-service-bottom-bar button,
.fcds-popup-panel .cbb-service-bottom-bar button,
.fcds-floating-booking .cbb-service-bottom-bar button,
.cbb-floating-popup .cbb-service-bottom-bar button,
.cbb-popup .cbb-service-bottom-bar button{
  pointer-events:auto!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
.cbb-popup label.cbb-service-option.cbb-service-option-compact{
  grid-template-columns:22px minmax(0,1fr) max-content!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  align-items:start!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.28!important;
  max-height:none!important;
}


/* v20.4.227: definitieve dienstkaart layout + fullscreen afspraak popup */
.cbb-form label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
.cbb-popup label.cbb-service-option.cbb-service-option-compact{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) max-content!important;
  grid-template-rows:auto!important;
  align-items:start!important;
  column-gap:12px!important;
  row-gap:4px!important;
  height:auto!important;
  min-height:58px!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  contain:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  margin-top:2px!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  overflow:visible!important;
  max-height:none!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.28!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  height:auto!important;
  max-height:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  position:static!important;
  white-space:nowrap!important;
  overflow:visible!important;
  min-width:max-content!important;
  max-width:none!important;
  pointer-events:none!important;
}
@media(max-width:520px){
  .cbb-form label.cbb-service-option.cbb-service-option-compact,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact{
    grid-template-columns:24px minmax(0,1fr)!important;
    padding:13px 12px!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
    grid-column:2!important;
    grid-row:1!important;
  }
  .cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    text-align:left!important;
    margin-top:3px!important;
  }
}
#cbb-floating-runtime-popup.is-open,
#cbb-floating-clone-popup.is-open,
.fcds-popup.is-open{
  align-items:stretch!important;
  justify-content:stretch!important;
}
#cbb-floating-runtime-popup .cbb-runtime-panel,
#cbb-floating-clone-popup .cbb-floating-clone-panel,
.fcds-popup .fcds-popup-panel{
  width:100vw!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  border-radius:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}
#cbb-floating-runtime-popup .cbb-runtime-close,
#cbb-floating-clone-popup .cbb-floating-clone-close,
.fcds-popup .fcds-popup-close{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#cbb-floating-runtime-popup .cbb-runtime-content,
#cbb-floating-clone-popup .cbb-floating-clone-content,
.fcds-popup .fcds-popup-content{
  min-height:100%!important;
}

/* v20.4.228: volledige diensttitels per woord + floating popup gelijk aan widgetpagina */
.cbb-form label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact,
.cbb-popup label.cbb-service-option.cbb-service-option-compact{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  column-gap:12px!important;
  row-gap:6px!important;
  height:auto!important;
  min-height:64px!important;
  max-height:none!important;
  padding:14px!important;
  overflow:visible!important;
  contain:none!important;
  box-sizing:border-box!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-popup label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:start!important;
  margin-top:2px!important;
  pointer-events:auto!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:block!important;
  overflow:visible!important;
  max-height:none!important;
  pointer-events:none!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  line-height:1.34!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  margin-top:5px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  height:auto!important;
  max-height:none!important;
  line-height:1.25!important;
}
.cbb-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-booking-form label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-popup-panel label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-floating-booking label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-floating-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-popup label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:start!important;
  position:static!important;
  margin-top:0!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-width:0!important;
  max-width:100%!important;
  pointer-events:none!important;
}
#cbb-floating-runtime-popup.is-open,
#cbb-floating-clone-popup.is-open,
.fcds-popup.is-open{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:#fbfaf7!important;
}
#cbb-floating-runtime-popup .cbb-runtime-panel,
#cbb-floating-clone-popup .cbb-floating-clone-panel,
.fcds-floating-booking .fcds-popup-panel,
.fcds-popup .fcds-popup-panel{
  width:100vw!important;
  height:100dvh!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  border-radius:0!important;
  padding:0!important;
  background:#fbfaf7!important;
  box-shadow:none!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
#cbb-floating-runtime-popup .cbb-runtime-content,
#cbb-floating-clone-popup .cbb-floating-clone-content,
.fcds-floating-booking .fcds-popup-content,
.fcds-popup .fcds-popup-content{
  width:100%!important;
  min-height:100dvh!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#cbb-floating-runtime-popup .cbb-form,
#cbb-floating-clone-popup .cbb-form,
.fcds-floating-booking .fcds-popup-panel .cbb-form,
.fcds-popup .fcds-popup-panel .cbb-form{
  width:100%!important;
  min-height:100dvh!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
#cbb-floating-runtime-popup .cbb-runtime-close,
#cbb-floating-clone-popup .cbb-floating-clone-close,
.fcds-floating-booking .fcds-popup-close,
.fcds-popup .fcds-popup-close{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* v20.4.229: Je gegevens velden gelijke hoogte, groter en minder rond */
html body .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html body .cbb-form .cbb-wizard-step.cbb-final-step input[name="customer_first_name"],
html body .cbb-form .cbb-wizard-step.cbb-final-step input[name="customer_last_name"],
html body .cbb-form .cbb-wizard-step.cbb-final-step input[name="customer_email"],
html body .cbb-form .cbb-wizard-step.cbb-final-step input[name="customer_phone"],
html body .cbb-form .cbb-wizard-step.cbb-final-step input[name="notes"],
html body .cbb-form .cbb-final-step .cbb-final-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html body .cbb-form .cbb-final-step .cbb-phone-field input[name="customer_phone"],
html body .cbb-form .cbb-final-step input[name="notes"]{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  line-height:54px!important;
  padding:0 15px!important;
  border-radius:9px!important;
  font-size:16px!important;
  font-weight:700!important;
  box-sizing:border-box!important;
}
html body .cbb-form .cbb-wizard-step.cbb-final-step .cbb-phone-country-ui,
html body .cbb-form .cbb-final-step .cbb-phone-country-ui,
html body .cbb-form .cbb-final-step .cbb-phone-country-ui.cbb-phone-country-native{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border-radius:9px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
}
html body .cbb-form .cbb-wizard-step.cbb-final-step .cbb-phone-country-ui select.cbb-phone-country,
html body .cbb-form .cbb-final-step .cbb-phone-country-ui select.cbb-phone-country,
html body .cbb-form .cbb-final-step select.cbb-phone-country[name="customer_phone_country"]{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  line-height:52px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-radius:0!important;
}
html body .cbb-form .cbb-wizard-step.cbb-final-step .cbb-phone-wrap,
html body .cbb-form .cbb-final-step .cbb-phone-wrap{
  align-items:stretch!important;
}
html body .cbb-form .cbb-wizard-step.cbb-final-step .cbb-final-fields-grid,
html body .cbb-form .cbb-final-step .cbb-final-fields-grid{
  gap:10px!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-form .cbb-final-step .cbb-payment-method-option input[type="radio"],
html body .cbb-form .cbb-final-step .cbb-payment-method-option input[type="checkbox"]{
  height:auto!important;
  min-height:auto!important;
  line-height:normal!important;
  padding:0!important;
}

/* v20.4.230: Je gegevens consent opties in dienstkaart stijl */
html body .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:14px 0 16px!important;
  padding:0!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1.5px solid #e3e0dc!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#151515!important;
  box-shadow:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  transition:border-color .16s ease, background .16s ease, color .16s ease!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label:hover,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:hover,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:hover,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:hover{
  border-color:#111!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  pointer-events:none!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span{
  color:#fff!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked){
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked:after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked:after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked:after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked:after{
  content:none!important;
  display:none!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:inherit!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}


/* v20.4.231: checkmark toegevoegd aan Je gegevens consent kaarten */
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  padding-right:52px!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::after{
  content:"✓"!important;
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%) scale(.82)!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  opacity:0!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  transition:opacity .14s ease, transform .14s ease!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after{
  opacity:1!important;
  transform:translateY(-50%) scale(1)!important;
}
@supports not selector(label:has(input:checked)){
  html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span::after{
    content:"✓"!important;
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#111!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1!important;
  }
}

/* v20.4.232: originele consent regels terug met moderne checkmark links */
html body .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin-top:10px!important;
  margin-bottom:10px!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label{
  position:relative!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-height:32px!important;
  margin:0!important;
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#151515!important;
  box-shadow:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::after{
  content:none!important;
  display:none!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  opacity:1!important;
  display:block!important;
  grid-column:1!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #151515!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background:#111!important;
  border-color:#111!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked::after{
  content:"✓"!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label span{
  grid-column:2!important;
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#151515!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span{
  color:#151515!important;
}


/* v20.4.233: checkmark zichtbaar in de checkbox zelf */
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  border:1.5px solid #151515!important;
  border-radius:6px!important;
  background-color:#fff!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:16px 16px!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background-color:#111!important;
  border-color:#111!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.2 4.1L19 7.5'/%3E%3C/svg%3E")!important;
}

/* v20.4.234: consent checkbox checkmark beperkt tot checkbox zelf */
html body .cbb-final-consents label{
  position:relative!important;
}
html body .cbb-final-consents input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:inline-block!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #151515!important;
  border-radius:6px!important;
  background:#fff!important;
  background-image:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transform:none!important;
  inset:auto!important;
}
html body .cbb-final-consents input[type="checkbox"]:before,
html body .cbb-final-consents input[type="checkbox"]:after,
html body .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-final-consents input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-final-consents input[type="checkbox"]:checked{
  background-color:#111!important;
  border-color:#111!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.3l3.2 3.1L16.4 7' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:16px 16px!important;
}

/* v20.4.235: consent checkmark alleen via label, niet meer via input pseudo */
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:32px!important;
  width:100%!important;
  margin:0!important;
  padding:2px 0 2px 34px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#151515!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transform:translateY(-50%)!important;
  inset:auto auto auto 0!important;
  z-index:3!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  border:1.5px solid #151515!important;
  border-radius:6px!important;
  background:#fff!important;
  transform:translateY(-50%)!important;
  box-sizing:border-box!important;
  z-index:1!important;
  pointer-events:none!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:50%!important;
  width:10px!important;
  height:6px!important;
  border-left:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:translateY(-68%) rotate(-45deg)!important;
  opacity:0!important;
  z-index:2!important;
  pointer-events:none!important;
  display:block!important;
  background:transparent!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before{
  background:#111!important;
  border-color:#111!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after{
  opacity:1!important;
}
html body .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label span{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#151515!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}


/* v20.4.236: consent checkbox definitief via echte input, geen label-pseudo meer */
html body .cbb-final-step .cbb-final-consents,
html body .cbb-form .cbb-final-step .cbb-final-consents{
  display:grid!important;
  gap:10px!important;
}
html body .cbb-final-step .cbb-final-consents label,
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:34px!important;
  padding:2px 0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:visible!important;
}
html body .cbb-final-step .cbb-final-consents label::before,
html body .cbb-final-step .cbb-final-consents label::after,
html body .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:static!important;
  display:block!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  inset:auto!important;
  border:1.5px solid #151515!important;
  border-radius:6px!important;
  background-color:#fff!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:15px 15px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  z-index:auto!important;
  cursor:pointer!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background-color:#111!important;
  border-color:#111!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.3l3.1 3.1L16.4 7.2' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body .cbb-final-step .cbb-final-consents label span,
html body .cbb-form .cbb-final-step .cbb-final-consents label span{
  flex:1 1 auto!important;
  display:block!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}

/* v20.4.237: Je gegevens checkboxes definitief rustig, alleen checkbox zelf krijgt vinkje */
html body .cbb-final-step .cbb-final-consents,
html body .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents{
  display:grid!important;
  gap:12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-final-step .cbb-final-consents label,
html body .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked){
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#151515!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
}
html body .cbb-final-step .cbb-final-consents label::before,
html body .cbb-final-step .cbb-final-consents label::after,
html body .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:inline-block!important;
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  inset:auto!important;
  border:2px solid #151515!important;
  border-radius:8px!important;
  background-color:#fff!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:18px 18px!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:1!important;
  cursor:pointer!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background-color:#111!important;
  border-color:#111!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M7.2 13.1l3.8 3.8 8-8.2' fill='none' stroke='%23fff' stroke-width='3.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span{
  color:#151515!important;
}
html body .cbb-final-step .cbb-final-consents label span,
html body .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label span{
  flex:1 1 auto!important;
  display:block!important;
  min-width:0!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
  color:#151515!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:750!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* v20.4.238: Je gegevens checkbox definitief rond en zonder zwarte labelbalk */
html body .cbb-final-step .cbb-final-consents,
html body .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents{
  display:grid!important;
  gap:12px!important;
  padding:0!important;
  margin:16px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-final-step .cbb-final-consents label,
html body .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked),
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked){
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#151515!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
}
html body .cbb-final-step .cbb-final-consents label::before,
html body .cbb-final-step .cbb-final-consents label::after,
html body .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label::after,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label::before,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label::after,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::before,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label:has(input[type="checkbox"]:checked)::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:inline-block!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  inset:auto!important;
  border:2px solid #151515!important;
  border-radius:999px!important;
  background-color:#fff!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:20px 20px!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:1!important;
  cursor:pointer!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background-color:#111!important;
  border-color:#111!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M8.2 15.1l4.2 4.2 9.2-9.5' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked + span{
  color:#151515!important;
}


/* v20.4.239: Je gegevens checkbox kleiner en checkmark exact gecentreerd */
html body .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  border-radius:999px!important;
  margin:3px 0 0 0!important;
  background-position:50% 50%!important;
  background-repeat:no-repeat!important;
  background-size:15px 15px!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background-color:#111!important;
  border-color:#111!important;
  background-position:50% 50%!important;
  background-size:15px 15px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6.4 12.2l3.6 3.6 7.6-7.9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]::after,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]::before,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}


/* v20.4.240: Je gegevens checkbox tekst kleiner en uitlijning op tekstregel */
html body .cbb-final-step .cbb-final-consents label,
html body .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label{
  align-items:flex-start!important;
  gap:9px!important;
}
html body .cbb-final-step .cbb-final-consents label span,
html body .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents label span,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents label span,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents label span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  color:#151515!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  margin:-1px 0 0 0!important;
  background-size:14px 14px!important;
}
html body .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-widget-booking-page .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-floating-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .cbb-modal .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-floating-booking .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body .fcds-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-runtime-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
html body #cbb-floating-clone-popup .cbb-form .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked,
body.cbb-widget-body .cbb-widget-shell .cbb-final-step .cbb-final-consents input[type="checkbox"]:checked{
  background-size:14px 14px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M5.9 11.2l3.3 3.3 7-7.3' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* v20.4.241: diensten categorie dikker + floating afspraakformulier exact widget/fullscreen stijl */
.cbb-form .cbb-service-category-header,
.cbb-booking-form .cbb-service-category-header,
.cbb-widget-shell .cbb-service-category-header,
.fcds-popup .cbb-service-category-header,
#cbb-floating-clone-popup .cbb-service-category-header{
  font-weight:1000!important;
}
.cbb-form .cbb-service-category-header span,
.cbb-booking-form .cbb-service-category-header span,
.cbb-widget-shell .cbb-service-category-header span,
.fcds-popup .cbb-service-category-header span,
#cbb-floating-clone-popup .cbb-service-category-header span{
  font-weight:1000!important;
  letter-spacing:.01em!important;
}
.cbb-service-category-tabs button{
  font-weight:1000!important;
}
#cbb-floating-clone-popup.is-open{
  align-items:stretch!important;
  justify-content:stretch!important;
  background:#f6f2ea!important;
}
#cbb-floating-clone-popup .cbb-floating-clone-backdrop{
  display:none!important;
}
#cbb-floating-clone-popup .cbb-floating-clone-panel{
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:#f6f2ea!important;
  box-shadow:none!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
#cbb-floating-clone-popup .cbb-floating-clone-close{
  display:none!important;
}
#cbb-floating-clone-popup .cbb-floating-clone-content{
  min-height:100dvh!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#cbb-floating-clone-popup .cbb-floating-widget-shell,
#cbb-floating-clone-popup .cbb-widget-popup-shell{
  min-height:100dvh!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#f6f2ea!important;
  box-sizing:border-box!important;
}
#cbb-floating-clone-popup .cbb-widget-popup-shell > .cbb-form,
#cbb-floating-clone-popup .cbb-widget-popup-shell > .cbb-booking-form{
  min-height:100dvh!important;
  max-width:760px!important;
  margin:0 auto!important;
}
@media(max-width:768px){
  #cbb-floating-clone-popup .cbb-widget-popup-shell > .cbb-form,
  #cbb-floating-clone-popup .cbb-widget-popup-shell > .cbb-booking-form{
    max-width:none!important;
    width:100%!important;
  }
}


/* v20.4.242: categorie zwart + popup exact dezelfde widgetpagina layout */
.cbb-form .cbb-service-category-header,
.cbb-form .cbb-service-category-header span,
.cbb-booking-form .cbb-service-category-header,
.cbb-booking-form .cbb-service-category-header span,
.cbb-widget-shell .cbb-service-category-header,
.cbb-widget-shell .cbb-service-category-header span,
.fcds-popup .cbb-service-category-header,
.fcds-popup .cbb-service-category-header span,
#cbb-floating-clone-popup .cbb-service-category-header,
#cbb-floating-clone-popup .cbb-service-category-header span{
  color:#000!important;
  font-weight:900!important;
}
.cbb-service-category-tabs button{
  color:#000!important;
  font-weight:900!important;
}
.fcds-popup.cbb-widget-popup-overlay,
#cbb-floating-clone-popup{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  background:#fbf8f1!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.fcds-popup.cbb-widget-popup-overlay.is-open,
#cbb-floating-clone-popup.is-open{
  display:flex!important;
}
.fcds-popup.cbb-widget-popup-overlay .fcds-popup-backdrop,
#cbb-floating-clone-popup .cbb-floating-clone-backdrop{
  display:none!important;
}
.fcds-popup.cbb-widget-popup-overlay .fcds-popup-close,
#cbb-floating-clone-popup .cbb-floating-clone-close{
  display:none!important;
}
.fcds-popup.cbb-widget-popup-overlay .fcds-popup-panel,
#cbb-floating-clone-popup .cbb-floating-clone-panel{
  position:relative!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fbf8f1!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.fcds-popup.cbb-widget-popup-overlay .fcds-popup-slot,
#cbb-floating-clone-popup .cbb-floating-clone-content{
  width:100%!important;
  height:100%!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-popup-page,
#cbb-floating-clone-popup .cbb-widget-popup-page{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100dvh!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#fbf8f1!important;
  box-sizing:border-box!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell,
#cbb-floating-clone-popup .cbb-widget-shell{
  width:100%!important;
  max-width:760px!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fbf8f1!important;
  box-sizing:border-box!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-form,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-form,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell form[data-cbb-wizard-form],
#cbb-floating-clone-popup .cbb-widget-shell form[data-cbb-wizard-form]{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  border:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-booking-hero,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-booking-hero{display:none!important;}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-progress,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-progress{
  flex:0 0 auto!important;
  margin:0!important;
  padding:10px 10px 8px!important;
  border-radius:0!important;
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(17,17,17,.08)!important;
  box-sizing:border-box!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard-step,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard-step{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard-step:not(.is-active),
#cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard-step:not(.is-active){display:none!important;}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard-step.is-active,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard-step.is-active{display:flex!important;flex-direction:column!important;}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard-step.cbb-services-step.is-active,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard-step.cbb-services-step.is-active{overflow:hidden!important;}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard-step.cbb-services-step .cbb-step-title,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard-step.cbb-services-step .cbb-step-title,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard-step.cbb-services-step .cbb-service-category-tabs,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard-step.cbb-services-step .cbb-service-category-tabs{flex:0 0 auto!important;}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:10px!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-service-bottom-bar,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-service-bottom-bar{
  flex:0 0 auto!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:80!important;
  margin:8px -12px -12px!important;
  padding:10px 12px max(12px,env(safe-area-inset-bottom))!important;
  background:#fff!important;
  border-top:1px solid rgba(17,17,17,.08)!important;
  box-shadow:0 -14px 30px rgba(255,255,255,.96)!important;
  pointer-events:auto!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-service-bottom-bar .cbb-step-actions,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-service-bottom-bar .cbb-step-actions,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-service-step-actions,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-service-step-actions{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  margin:8px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-service-next-time,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-service-next-time{width:100%!important;min-height:52px!important;}
@media(max-width:768px){
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell,
  #cbb-floating-clone-popup .cbb-widget-shell{max-width:none!important;width:100vw!important;height:100dvh!important;}
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-progress,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-progress{padding:8px 8px 6px!important;overflow-x:auto!important;}
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-progress button,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-progress button{min-width:72px!important;}
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-wizard-step,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-wizard-step{padding:10px!important;}
}

/* v20.4.244: floating popup gebruikt geen aparte dienstkaart styling meer; diensten erven exact de algemene widget/formulier CSS. Alleen de fullscreen modal-wrapper blijft apart. */

/* v20.4.245: popup diensten exact dezelfde layout/spacing als losse widgetpagina */
body.cbb-widget-body .cbb-widget-shell .cbb-services-list,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list-grouped,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list-grouped{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:start!important;
  align-content:start!important;
  margin:0!important;
  padding:0 0 96px!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:10!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-services-list label.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option-compact,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list label.cbb-service-option-compact,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option-compact,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option-compact,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option-compact{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) max-content!important;
  grid-template-rows:auto!important;
  column-gap:11px!important;
  row-gap:4px!important;
  align-items:start!important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.12)!important;
  box-shadow:none!important;
  overflow:visible!important;
  contain:none!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact > input[type="checkbox"],
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact > input[type="checkbox"],
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact > input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:2px 0 0!important;
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
  flex:none!important;
}
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main > strong,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main > small,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main > small,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#6b6257!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  pointer-events:none!important;
}
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-price,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-price,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  position:static!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:1px 0 0!important;
  display:block!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
  color:#111!important;
  pointer-events:none!important;
}
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact:has(input:checked),
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact:has(input:checked),
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact:has(input:checked){
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact:has(input:checked) > .cbb-service-main > small,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact:has(input:checked) > .cbb-service-main > small,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact:has(input:checked) > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact:has(input:checked) > .cbb-service-price,
.fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact:has(input:checked) > .cbb-service-price,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact:has(input:checked) > .cbb-service-price{
  color:#fff!important;
}
@media(max-width:640px){
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list,
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped,
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list,
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list-grouped,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list-grouped{gap:9px!important;padding-bottom:104px!important;}
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list label.cbb-service-option-compact,
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option-compact,
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list label.cbb-service-option-compact,
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option-compact,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option-compact,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option-compact{
    grid-template-columns:22px minmax(0,1fr)!important;
    padding:13px 12px!important;
  }
  body.cbb-widget-body .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-price,
  .fcds-popup.cbb-widget-popup-overlay .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-price,
  #cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option-compact > .cbb-service-price{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    text-align:left!important;
    margin-top:2px!important;
    padding:0!important;
    font-size:13px!important;
  }
}

/* v20.4.246: popup diensten erven exact de widget dienstkaart-layout */
.cbb-widget-shell .cbb-services-list,
.cbb-widget-shell .cbb-services-list-grouped,
.fcds-popup .cbb-widget-shell .cbb-services-list,
.fcds-popup .cbb-widget-shell .cbb-services-list-grouped,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list-grouped,
#cbb-floating-runtime-popup .cbb-widget-shell .cbb-services-list,
#cbb-floating-runtime-popup .cbb-widget-shell .cbb-services-list-grouped{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  row-gap:9px!important;
  column-gap:0!important;
}
.cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
.cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
.fcds-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
.fcds-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
#cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
#cbb-floating-runtime-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
#cbb-floating-runtime-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) max-content!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:112px!important;
  max-height:none!important;
  margin:0!important;
  padding:18px 14px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  position:relative!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.12)!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  position:static!important;
  margin:0!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  pointer-events:auto!important;
}
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#6b6257!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  pointer-events:none!important;
}
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  position:static!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:1px 0 0!important;
  display:block!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
  color:#111!important;
  pointer-events:none!important;
}
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked),
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked),
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked),
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked){
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-main > small,
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-main > small,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-main > small,
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-main > small,
.cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-price,
.fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-price,
#cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-price,
#cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact:has(input:checked) > .cbb-service-price{
  color:#fff!important;
}
@media(max-width:640px){
  .cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
  .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
  .fcds-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
  .fcds-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
  #cbb-floating-clone-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
  #cbb-floating-runtime-popup .cbb-widget-shell .cbb-services-list label.cbb-service-option.cbb-service-option-compact,
  #cbb-floating-runtime-popup .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact{
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    min-height:98px!important;
    padding:16px 14px!important;
  }
  .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .fcds-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  #cbb-floating-clone-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  #cbb-floating-runtime-popup .cbb-widget-shell label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    text-align:left!important;
    margin-top:0!important;
    padding:0!important;
    font-size:13px!important;
  }
}


/* v20.4.252 - Dienstkaarten definitief hersteld: auto hoogte, geen overlap, volledige titels */
.cbb-services-list.cbb-services-list-grouped,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list.cbb-services-list-grouped{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
.cbb-services-list-grouped .cbb-service-category-header,
body.cbb-widget-body .cbb-widget-shell .cbb-service-category-header{
  flex:0 0 auto!important;
  width:100%!important;
  box-sizing:border-box!important;
  color:#111!important;
  font-weight:900!important;
  margin:12px 0 0!important;
}
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
.cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
.cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact{
  position:relative!important;
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:14px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:88px!important;
  max-height:none!important;
  padding:18px 20px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  border-radius:18px!important;
}
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
.cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  position:static!important;
  align-self:center!important;
  justify-self:center!important;
  display:block!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  pointer-events:auto!important;
  z-index:2!important;
}
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
.cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main{
  grid-column:2!important;
  grid-row:1!important;
  position:static!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  pointer-events:none!important;
}
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
.cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  line-height:1.18!important;
  margin:0!important;
  padding:0!important;
}
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
.cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > small{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.15!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
.cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
  grid-column:3!important;
  grid-row:1!important;
  position:static!important;
  align-self:start!important;
  justify-self:end!important;
  display:block!important;
  width:auto!important;
  min-width:82px!important;
  max-width:none!important;
  height:auto!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  margin:0!important;
  padding:3px 0 0 8px!important;
  pointer-events:none!important;
}
@media(max-width:640px){
  .cbb-services-list.cbb-services-list-grouped,
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list.cbb-services-list-grouped{
    gap:12px!important;
  }
  .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
  .cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
  .cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact,
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact{
    grid-template-columns:38px minmax(0,1fr) 82px!important;
    column-gap:10px!important;
    min-height:86px!important;
    padding:16px 14px!important;
    border-radius:17px!important;
  }
  .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
  .cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
  .cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"],
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > input[type="checkbox"]{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
  }
  .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  .cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong,
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > strong{
    font-size:16px!important;
    line-height:1.16!important;
  }
  .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  .cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price,
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-price{
    min-width:82px!important;
    font-size:16px!important;
    line-height:1.05!important;
    padding-top:2px!important;
  }
}


/* v20.4.253 - Navigatie modern wit en rustiger */
.cbb-form .cbb-progress.cbb-flow-header,
.cbb-booking-form .cbb-progress.cbb-flow-header,
.cbb-widget-shell .cbb-progress.cbb-flow-header{
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #eeeeee!important;
  box-shadow:0 10px 28px rgba(17,17,17,.045)!important;
  padding:10px 12px 9px!important;
}
.cbb-form .cbb-flow-topbar,
.cbb-booking-form .cbb-flow-topbar,
.cbb-widget-shell .cbb-flow-topbar{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid #ececec!important;
  border-radius:18px!important;
  padding:8px!important;
  box-shadow:0 8px 22px rgba(17,17,17,.04)!important;
}
.cbb-form .cbb-flow-back,
.cbb-booking-form .cbb-flow-back,
.cbb-widget-shell .cbb-flow-back{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  border:1px solid #e7e7e7!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:30px!important;
  font-weight:700!important;
  line-height:1!important;
}
.cbb-form .cbb-flow-back:hover,
.cbb-booking-form .cbb-flow-back:hover,
.cbb-widget-shell .cbb-flow-back:hover{
  background:#f7f7f7!important;
  border-color:#dddddd!important;
}
.cbb-form .cbb-flow-copy,
.cbb-booking-form .cbb-flow-copy,
.cbb-widget-shell .cbb-flow-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.cbb-form [data-cbb-flow-title],
.cbb-booking-form [data-cbb-flow-title],
.cbb-widget-shell [data-cbb-flow-title]{
  color:#111!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
.cbb-form [data-cbb-flow-subtitle],
.cbb-booking-form [data-cbb-flow-subtitle],
.cbb-widget-shell [data-cbb-flow-subtitle]{
  color:#666!important;
  font-weight:600!important;
}
.cbb-form .cbb-flow-step,
.cbb-booking-form .cbb-flow-step,
.cbb-widget-shell .cbb-flow-step{
  background:#fff!important;
  color:#111!important;
  border:1px solid #e8e8e8!important;
  border-radius:999px!important;
  min-height:34px!important;
  padding:7px 12px!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.cbb-form .cbb-progress-buttons,
.cbb-booking-form .cbb-progress-buttons,
.cbb-widget-shell .cbb-progress-buttons{
  display:flex!important;
  gap:7px!important;
  margin-top:8px!important;
  padding:0!important;
}
.cbb-form .cbb-progress-buttons button,
.cbb-booking-form .cbb-progress-buttons button,
.cbb-widget-shell .cbb-progress-buttons button{
  background:#fff!important;
  color:#333!important;
  border:1px solid #ececec!important;
  border-radius:14px!important;
  box-shadow:none!important;
  min-height:42px!important;
  padding:7px 8px!important;
}
.cbb-form .cbb-progress-buttons button span,
.cbb-booking-form .cbb-progress-buttons button span,
.cbb-widget-shell .cbb-progress-buttons button span{
  background:#f5f5f5!important;
  color:#111!important;
  border:1px solid #eeeeee!important;
}
.cbb-form .cbb-progress-buttons button.is-active,
.cbb-booking-form .cbb-progress-buttons button.is-active,
.cbb-widget-shell .cbb-progress-buttons button.is-active{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.cbb-form .cbb-progress-buttons button.is-active span,
.cbb-booking-form .cbb-progress-buttons button.is-active span,
.cbb-widget-shell .cbb-progress-buttons button.is-active span{
  background:#fff!important;
  color:#111!important;
  border-color:#fff!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-widget-shell .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-form .cbb-flow-employee-card-v2060,
.cbb-booking-form .cbb-flow-employee-card-v2060,
.cbb-widget-shell .cbb-flow-employee-card-v2060{
  background:#fff!important;
  border:1px solid #eaeaea!important;
  border-radius:16px!important;
  color:#111!important;
  box-shadow:none!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-name,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-name,
.cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-name{
  color:#111!important;
  font-weight:850!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-text small,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-text small,
.cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-text small{
  color:#777!important;
}
.cbb-form .cbb-flow-employee-icon,
.cbb-booking-form .cbb-flow-employee-icon,
.cbb-widget-shell .cbb-flow-employee-icon{
  background:#f7f7f7!important;
  border:1px solid #e9e9e9!important;
  color:#111!important;
}
.cbb-service-category-header,
.cbb-widget-shell .cbb-service-category-header,
.cbb-form .cbb-service-category-header{
  color:#000!important;
  font-weight:900!important;
  background:#fff!important;
  border:1px solid #eeeeee!important;
  border-radius:14px!important;
}
@media(max-width:768px){
  .cbb-form .cbb-flow-topbar,
  .cbb-booking-form .cbb-flow-topbar,
  .cbb-widget-shell .cbb-flow-topbar{grid-template-columns:52px minmax(0,1fr) auto!important;border-radius:16px!important;padding:7px!important;}
  .cbb-form .cbb-flow-back,
  .cbb-booking-form .cbb-flow-back,
  .cbb-widget-shell .cbb-flow-back{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:15px!important;}
  .cbb-form .cbb-progress-buttons,
  .cbb-booking-form .cbb-progress-buttons,
  .cbb-widget-shell .cbb-progress-buttons{overflow-x:auto!important;padding-bottom:2px!important;}
}

/* v20.4.254 - Rustige medewerker dropdown en terugknoppen */
.cbb-form .cbb-flow-extra-employee,
.cbb-booking-form .cbb-flow-extra-employee,
.cbb-widget-shell .cbb-flow-extra-employee{
  min-width:0!important;
}
.cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-widget-shell .cbb-flow-extra-employee .cbb-flow-employee-card,
.cbb-form .cbb-flow-employee-card-v2060,
.cbb-booking-form .cbb-flow-employee-card-v2060,
.cbb-widget-shell .cbb-flow-employee-card-v2060{
  min-height:52px!important;
  height:auto!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 9px!important;
  background:#fff!important;
  border:1px solid #e8e8e8!important;
  border-radius:14px!important;
  box-shadow:0 6px 18px rgba(17,17,17,.035)!important;
  color:#111!important;
  text-align:left!important;
  overflow:hidden!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo,
.cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-photo{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  flex:0 0 36px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#f5f5f5!important;
  border:1px solid #eeeeee!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo img,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo img,
.cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-text,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-text,
.cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-text{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-text small,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-text small,
.cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-text small{
  margin:0!important;
  color:#8a8a8a!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-name,
.cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-name,
.cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-name{
  color:#111!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.cbb-form .cbb-flow-employee-icon,
.cbb-booking-form .cbb-flow-employee-icon,
.cbb-widget-shell .cbb-flow-employee-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  border-radius:10px!important;
  background:#f7f7f7!important;
  border:1px solid #ededed!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.cbb-form .cbb-flow-employee-card:hover,
.cbb-booking-form .cbb-flow-employee-card:hover,
.cbb-widget-shell .cbb-flow-employee-card:hover{
  border-color:#d9d9d9!important;
  background:#fafafa!important;
}
.cbb-form .cbb-flow-back,
.cbb-booking-form .cbb-flow-back,
.cbb-widget-shell .cbb-flow-back,
.cbb-form .cbb-back,
.cbb-booking-form .cbb-back,
.cbb-widget-shell .cbb-back{
  background:#fff!important;
  color:#111!important;
  border:1px solid #e4e4e4!important;
  box-shadow:0 6px 16px rgba(17,17,17,.035)!important;
  font-weight:850!important;
}
.cbb-form .cbb-flow-back,
.cbb-booking-form .cbb-flow-back,
.cbb-widget-shell .cbb-flow-back{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:14px!important;
  font-size:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.cbb-form .cbb-back,
.cbb-booking-form .cbb-back,
.cbb-widget-shell .cbb-back{
  min-height:52px!important;
  border-radius:14px!important;
  padding:0 18px!important;
}
.cbb-form .cbb-flow-back:hover,
.cbb-booking-form .cbb-flow-back:hover,
.cbb-widget-shell .cbb-flow-back:hover,
.cbb-form .cbb-back:hover,
.cbb-booking-form .cbb-back:hover,
.cbb-widget-shell .cbb-back:hover{
  background:#f7f7f7!important;
  border-color:#d8d8d8!important;
}
@media(max-width:768px){
  .cbb-form .cbb-flow-topbar,
  .cbb-booking-form .cbb-flow-topbar,
  .cbb-widget-shell .cbb-flow-topbar{
    grid-template-columns:50px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .cbb-form .cbb-flow-back,
  .cbb-booking-form .cbb-flow-back,
  .cbb-widget-shell .cbb-flow-back{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    border-radius:13px!important;
  }
  .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card,
  .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card,
  .cbb-widget-shell .cbb-flow-extra-employee .cbb-flow-employee-card,
  .cbb-form .cbb-flow-employee-card-v2060,
  .cbb-booking-form .cbb-flow-employee-card-v2060,
  .cbb-widget-shell .cbb-flow-employee-card-v2060{
    min-height:50px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    gap:8px!important;
  }
  .cbb-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo,
  .cbb-booking-form .cbb-flow-employee-card-photo .cbb-flow-employee-photo,
  .cbb-widget-shell .cbb-flow-employee-card-photo .cbb-flow-employee-photo{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex-basis:34px!important;
  }
  .cbb-form .cbb-flow-employee-icon,
  .cbb-booking-form .cbb-flow-employee-icon,
  .cbb-widget-shell .cbb-flow-employee-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    flex-basis:28px!important;
    border-radius:9px!important;
  }
}


/* v20.4.256 - Je gegevens titel en terugknop terug, alleen stappenknoppen verborgen */
.cbb-form .cbb-flow-topbar,
.cbb-booking-form .cbb-flow-topbar,
.cbb-widget-shell .cbb-flow-topbar{
  align-items:center!important;
}
.cbb-form .cbb-flow-back,
.cbb-booking-form .cbb-flow-back,
.cbb-widget-shell .cbb-flow-back{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:12px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#fff!important;
  color:#111!important;
  border:1px solid #e5e5e5!important;
  box-shadow:0 4px 12px rgba(17,17,17,.035)!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:700!important;
}
.cbb-form .cbb-flow-back:hover,
.cbb-booking-form .cbb-flow-back:hover,
.cbb-widget-shell .cbb-flow-back:hover{
  background:#f7f7f7!important;
  border-color:#d7d7d7!important;
}
.cbb-form .cbb-flow-copy,
.cbb-booking-form .cbb-flow-copy,
.cbb-widget-shell .cbb-flow-copy{
  min-width:0!important;
}
.cbb-form .cbb-flow-copy > strong,
.cbb-booking-form .cbb-flow-copy > strong,
.cbb-widget-shell .cbb-flow-copy > strong{
  color:#111!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.cbb-form.cbb-is-final-step .cbb-progress-buttons,
.cbb-booking-form.cbb-is-final-step .cbb-progress-buttons,
.cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-progress-buttons,
.cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-progress-buttons,
.cbb-widget-shell .cbb-is-final-step .cbb-progress-buttons,
.cbb-is-final-step .cbb-flow-header-final .cbb-progress-buttons{
  display:none!important;
}
.cbb-form.cbb-is-final-step .cbb-progress,
.cbb-booking-form.cbb-is-final-step .cbb-progress,
.cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-progress,
.cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-progress,
.cbb-widget-shell .cbb-is-final-step .cbb-progress,
.cbb-is-final-step .cbb-flow-header-final{
  display:block!important;
}
.cbb-form.cbb-is-final-step .cbb-flow-topbar,
.cbb-booking-form.cbb-is-final-step .cbb-flow-topbar,
.cbb-widget-shell .cbb-is-final-step .cbb-flow-topbar,
.cbb-is-final-step .cbb-flow-header-final .cbb-flow-topbar{
  display:flex!important;
}
.cbb-form.cbb-is-final-step .cbb-final-step,
.cbb-booking-form.cbb-is-final-step .cbb-final-step,
.cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-step{
  padding-top:16px!important;
}
@media(max-width:768px){
  .cbb-form .cbb-flow-back,
  .cbb-booking-form .cbb-flow-back,
  .cbb-widget-shell .cbb-flow-back{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border-radius:11px!important;
    font-size:25px!important;
  }
}

/* v20.4.257 - Echte restyle bovenste terugknop en medewerker dropdown */
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-topbar,
html body .cbb-widget-shell .cbb-form .cbb-flow-topbar,
html body .cbb-booking-form .cbb-flow-topbar,
html body .cbb-form .cbb-flow-topbar{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid #ececec!important;
  border-radius:16px!important;
  padding:7px!important;
  box-shadow:0 8px 22px rgba(17,17,17,.035)!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back],
html body .cbb-widget-shell .cbb-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back],
html body .cbb-booking-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back],
html body .cbb-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back]{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  border:1px solid #e2e2e2!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:700!important;
  text-indent:0!important;
  transform:none!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back]:hover,
html body .cbb-widget-shell .cbb-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back]:hover,
html body .cbb-booking-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back]:hover,
html body .cbb-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back]:hover{
  background:#f6f6f6!important;
  border-color:#d7d7d7!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  min-height:42px!important;
  height:42px!important;
  max-height:42px!important;
  width:auto!important;
  max-width:260px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 6px!important;
  background:#fff!important;
  border:1px solid #e2e2e2!important;
  border-radius:12px!important;
  box-shadow:none!important;
  color:#111!important;
  overflow:hidden!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo,
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo,
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo,
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  border-radius:999px!important;
  border:1px solid #eee!important;
  background:#f7f7f7!important;
  overflow:hidden!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text,
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text,
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text,
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text{
  min-width:0!important;
  flex:1 1 auto!important;
  gap:0!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text small,
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text small,
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text small,
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-text small{
  font-size:9px!important;
  line-height:1!important;
  color:#8a8a8a!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-name,
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-name,
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-name,
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-name{
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:850!important;
  color:#111!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-icon,
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-icon,
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-icon,
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  flex:0 0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  border:1px solid #e6e6e6!important;
  background:#f8f8f8!important;
  color:#111!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:none!important;
}
html body .cbb-widget-shell .cbb-is-final-step .cbb-progress-buttons,
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-progress-buttons,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-progress-buttons,
html body .cbb-form.cbb-is-final-step .cbb-progress-buttons,
html body .cbb-booking-form.cbb-is-final-step .cbb-progress-buttons{
  display:none!important;
}
@media(max-width:768px){
  html body .cbb-widget-shell .cbb-booking-form .cbb-flow-topbar,
  html body .cbb-widget-shell .cbb-form .cbb-flow-topbar,
  html body .cbb-booking-form .cbb-flow-topbar,
  html body .cbb-form .cbb-flow-topbar{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:6px!important;
    border-radius:15px!important;
  }
  html body .cbb-widget-shell .cbb-booking-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back],
  html body .cbb-widget-shell .cbb-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back],
  html body .cbb-booking-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back],
  html body .cbb-form .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back]{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:11px!important;font-size:23px!important;
  }
  html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    height:40px!important;min-height:40px!important;max-height:40px!important;max-width:210px!important;padding:5px!important;gap:7px!important;border-radius:11px!important;
  }
  html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo,
  html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo,
  html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo,
  html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-photo{
    width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;
  }
}

/* v20.4.258 - Je gegevens scrollbaar bij veel gekozen diensten + medewerkerdropdown volle breedte */
html body .cbb-widget-shell .cbb-form.cbb-is-final-step,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step,
html body .cbb-form.cbb-is-final-step,
html body .cbb-booking-form.cbb-is-final-step{
  min-height:0!important;
  overflow:hidden!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-bottom:112px!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-summary,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-summary,
html body .cbb-form.cbb-is-final-step .cbb-final-summary,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-summary{
  flex:0 0 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:90!important;
  margin-top:18px!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee,
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee,
html body .cbb-booking-form .cbb-flow-extra-employee,
html body .cbb-form .cbb-flow-extra-employee{
  width:100%!important;
  max-width:none!important;
}
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  width:100%!important;
  max-width:none!important;
  flex:1 1 auto!important;
}


/* v20.4.259 - Laatste stap: knoppen echt fixed onderaan viewport */
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active{
  padding-bottom:150px!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions{
  position:fixed!important;
  left:max(16px, calc((100vw - 760px)/2 + 16px))!important;
  right:max(16px, calc((100vw - 760px)/2 + 16px))!important;
  bottom:max(12px, env(safe-area-inset-bottom))!important;
  z-index:999999!important;
  margin:0!important;
  padding:10px 12px!important;
  background:#fff!important;
  border:1px solid #ececec!important;
  border-radius:18px!important;
  box-shadow:0 -10px 28px rgba(17,17,17,.08)!important;
  box-sizing:border-box!important;
}
@media(max-width:768px){
  html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
  html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active,
  html body .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
  html body .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active{
    padding-bottom:142px!important;
  }
  html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions,
  html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions,
  html body .cbb-form.cbb-is-final-step .cbb-final-actions,
  html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions{
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:18px 18px 0 0!important;
  }
}


/* v20.4.260 - Eén floating actiebalk: laatste stap gebruikt dezelfde balkstijl als Kies tijd */
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-bottom:10px!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-form.cbb-is-final-step .cbb-final-actions,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions{
  flex:0 0 auto!important;
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:0!important;
  z-index:80!important;
  width:auto!important;
  max-width:none!important;
  margin:8px -12px -12px!important;
  padding:10px 12px max(12px, env(safe-area-inset-bottom))!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid rgba(17,17,17,.08)!important;
  border-radius:0!important;
  box-shadow:0 -14px 30px rgba(255,255,255,.96)!important;
  box-sizing:border-box!important;
  display:flex!important;
  gap:12px!important;
  align-items:stretch!important;
  justify-content:space-between!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-back,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-back,
html body .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-back,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-back,
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-submit,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-submit,
html body .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-submit,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-submit{
  min-height:52px!important;
  height:52px!important;
  max-height:52px!important;
  border-radius:12px!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-back,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-back,
html body .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-back,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-back{
  flex:0 0 132px!important;
}
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-submit,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-submit,
html body .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-submit,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-submit{
  flex:1 1 auto!important;
  min-width:0!important;
}
@media(max-width:768px){
  html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions,
  html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions,
  html body .cbb-form.cbb-is-final-step .cbb-final-actions,
  html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions{
    margin:8px -10px -10px!important;
    padding:10px 10px max(12px, env(safe-area-inset-bottom))!important;
    gap:10px!important;
  }
  html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-back,
  html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-back,
  html body .cbb-form.cbb-is-final-step .cbb-final-actions .cbb-back,
  html body .cbb-booking-form.cbb-is-final-step .cbb-final-actions .cbb-back{
    flex:0 0 118px!important;
  }
}


/* v20.4.261 - Eén pluginbrede actiebalkstijl zoals Kies tijd */
html body .cbb-widget-shell .cbb-form .cbb-step-actions,
html body .cbb-widget-shell .cbb-booking-form .cbb-step-actions,
html body .cbb-form .cbb-step-actions,
html body .cbb-booking-form .cbb-step-actions,
html body .cbb-widget-shell .cbb-form .cbb-final-actions,
html body .cbb-widget-shell .cbb-booking-form .cbb-final-actions,
html body .cbb-form .cbb-final-actions,
html body .cbb-booking-form .cbb-final-actions{
  display:flex!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:12px!important;
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:0!important;
  z-index:120!important;
  width:auto!important;
  max-width:none!important;
  margin:10px -12px -12px!important;
  padding:10px 12px max(12px, env(safe-area-inset-bottom))!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid rgba(17,17,17,.08)!important;
  border-radius:0!important;
  box-shadow:0 -14px 30px rgba(255,255,255,.96)!important;
  box-sizing:border-box!important;
}
html body .cbb-widget-shell .cbb-form .cbb-step-actions button,
html body .cbb-widget-shell .cbb-booking-form .cbb-step-actions button,
html body .cbb-form .cbb-step-actions button,
html body .cbb-booking-form .cbb-step-actions button,
html body .cbb-widget-shell .cbb-form .cbb-final-actions button,
html body .cbb-widget-shell .cbb-booking-form .cbb-final-actions button,
html body .cbb-form .cbb-final-actions button,
html body .cbb-booking-form .cbb-final-actions button{
  min-height:52px!important;
  height:52px!important;
  max-height:52px!important;
  border-radius:12px!important;
  margin:0!important;
  box-sizing:border-box!important;
  font-weight:900!important;
}
html body .cbb-widget-shell .cbb-form .cbb-step-actions .cbb-back,
html body .cbb-widget-shell .cbb-booking-form .cbb-step-actions .cbb-back,
html body .cbb-form .cbb-step-actions .cbb-back,
html body .cbb-booking-form .cbb-step-actions .cbb-back,
html body .cbb-widget-shell .cbb-form .cbb-final-actions .cbb-back,
html body .cbb-widget-shell .cbb-booking-form .cbb-final-actions .cbb-back,
html body .cbb-form .cbb-final-actions .cbb-back,
html body .cbb-booking-form .cbb-final-actions .cbb-back{
  display:inline-flex!important;
  flex:0 0 132px!important;
  width:auto!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f5f5f5!important;
  color:#111!important;
  border:1px solid #e5e5e5!important;
}
html body .cbb-widget-shell .cbb-form .cbb-step-actions .cbb-next,
html body .cbb-widget-shell .cbb-booking-form .cbb-step-actions .cbb-next,
html body .cbb-form .cbb-step-actions .cbb-next,
html body .cbb-booking-form .cbb-step-actions .cbb-next,
html body .cbb-widget-shell .cbb-form .cbb-step-actions .cbb-submit,
html body .cbb-widget-shell .cbb-booking-form .cbb-step-actions .cbb-submit,
html body .cbb-form .cbb-step-actions .cbb-submit,
html body .cbb-booking-form .cbb-step-actions .cbb-submit,
html body .cbb-widget-shell .cbb-form .cbb-final-actions .cbb-submit,
html body .cbb-widget-shell .cbb-booking-form .cbb-final-actions .cbb-submit,
html body .cbb-form .cbb-final-actions .cbb-submit,
html body .cbb-booking-form .cbb-final-actions .cbb-submit{
  display:inline-flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  align-items:center!important;
  justify-content:center!important;
  background:#111!important;
  color:#fff!important;
  border:1px solid #111!important;
}
html body .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-final-step.is-active,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-final-step.is-active{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:0!important;
}
@media(max-width:768px){
  html body .cbb-widget-shell .cbb-form .cbb-step-actions,
  html body .cbb-widget-shell .cbb-booking-form .cbb-step-actions,
  html body .cbb-form .cbb-step-actions,
  html body .cbb-booking-form .cbb-step-actions,
  html body .cbb-widget-shell .cbb-form .cbb-final-actions,
  html body .cbb-widget-shell .cbb-booking-form .cbb-final-actions,
  html body .cbb-form .cbb-final-actions,
  html body .cbb-booking-form .cbb-final-actions{
    margin:10px -10px -10px!important;
    padding:10px 10px max(12px, env(safe-area-inset-bottom))!important;
    gap:10px!important;
  }
  html body .cbb-widget-shell .cbb-form .cbb-step-actions .cbb-back,
  html body .cbb-widget-shell .cbb-booking-form .cbb-step-actions .cbb-back,
  html body .cbb-form .cbb-step-actions .cbb-back,
  html body .cbb-booking-form .cbb-step-actions .cbb-back,
  html body .cbb-widget-shell .cbb-form .cbb-final-actions .cbb-back,
  html body .cbb-widget-shell .cbb-booking-form .cbb-final-actions .cbb-back,
  html body .cbb-form .cbb-final-actions .cbb-back,
  html body .cbb-booking-form .cbb-final-actions .cbb-back{
    flex:0 0 118px!important;
  }
}


/* v20.4.262 - Widget headercontainer gelijk op iedere stap */
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title-clean,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title-bijna-klaar{
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.08)!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(17,17,17,.04)!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title > span{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#111!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title > div{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title strong{
  display:block!important;
  color:#111!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title small{
  color:#6b6b6b!important;
  font-size:12px!important;
  font-weight:650!important;
  margin-top:3px!important;
}
@media(max-width:768px){
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title,
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title-clean,
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title-bijna-klaar{
    min-height:54px!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    margin-bottom:10px!important;
  }
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step .cbb-step-title strong{
    font-size:17px!important;
  }
}


/* v20.4.263 - Widget header opschonen + categorie-rand verwijderen */
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar{
  display:none!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-flow-step,
body.cbb-widget-body .cbb-widget-shell .cbb-progress-buttons button span{
  display:none!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-service-category-header,
body.cbb-widget-body .cbb-widget-shell .cbb-service-category-header-price,
.cbb-widget-shell .cbb-service-category-header,
.cbb-widget-shell .cbb-service-category-header-price{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:10px 0 6px!important;
  color:#000!important;
  font-weight:900!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-service-category-header:before,
body.cbb-widget-body .cbb-widget-shell .cbb-service-category-header:after,
.cbb-widget-shell .cbb-service-category-header:before,
.cbb-widget-shell .cbb-service-category-header:after{
  display:none!important;
  content:none!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-service-category-header span,
.cbb-widget-shell .cbb-service-category-header span{
  color:#000!important;
  font-weight:900!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-service-category-tabs button,
.cbb-widget-shell .cbb-service-category-tabs button{
  border:0!important;
  box-shadow:none!important;
}


/* v20.4.264 - Alleen widget stapheader: grijze rand terug, goud alleen boven */
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar{
  display:flex!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:center!important;
  gap:10px!important;
  min-height:56px!important;
  margin:0 0 12px!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px solid #e5e5e5!important;
  border-top:3px solid #c9ab6d!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(17,17,17,.035)!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title > span,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean > span,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar > span,
body.cbb-widget-body .cbb-widget-shell .cbb-flow-step,
body.cbb-widget-body .cbb-widget-shell .cbb-progress-buttons button span{
  display:none!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title > div,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean > div,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar > div{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title strong,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean strong,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar strong{
  color:#111!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title small,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean small,
body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar small{
  display:none!important;
}
@media(max-width:768px){
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title,
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean,
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar{
    min-height:52px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    margin-bottom:10px!important;
  }
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title strong,
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-clean strong,
  body.cbb-widget-body .cbb-widget-shell .cbb-wizard-step > .cbb-step-title-bijna-klaar strong{
    font-size:17px!important;
  }
}


/* v20.4.265 - Widget flow topbar: goud alleen boven, grijze rand rondom */
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-topbar,
html body .cbb-widget-shell .cbb-form .cbb-flow-topbar,
html body .cbb-booking-form .cbb-flow-topbar,
html body .cbb-form .cbb-flow-topbar{
  background:#fff!important;
  border:1px solid #e5e5e5!important;
  border-top:3px solid #c9ab6d!important;
  border-radius:16px!important;
  box-shadow:0 8px 22px rgba(17,17,17,.035)!important;
}
@media(max-width:768px){
  html body .cbb-widget-shell .cbb-booking-form .cbb-flow-topbar,
  html body .cbb-widget-shell .cbb-form .cbb-flow-topbar,
  html body .cbb-booking-form .cbb-flow-topbar,
  html body .cbb-form .cbb-flow-topbar{
    border-radius:14px!important;
  }
}


/* v20.4.266 - Eerste mogelijkheid knop bij geen tijden */
.cbb-first-available-box{
  width:100%;
  margin:12px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.cbb-first-available-button{
  width:100%!important;
  min-height:50px!important;
  border:1px solid #111!important;
  border-radius:14px!important;
  background:#111!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:850!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.cbb-first-available-button:disabled{
  opacity:.72!important;
  cursor:default!important;
}
.cbb-first-available-box small{
  display:block!important;
  color:#6b7280!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:1.35!important;
}

/* v20.4.268 - Volgeboekt melding */
.cbb-slot-note--full{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:14px 16px;
  border:1px solid #e5e5e5;
  border-radius:14px;
  background:#fff;
  color:#111;
  text-align:left;
}
.cbb-slot-note--full strong{
  display:block;
  font-size:15px;
  font-weight:800;
  color:#111;
  line-height:1.25;
}
.cbb-slot-note--full small{
  display:block;
  font-size:13px;
  font-weight:500;
  color:#666;
  line-height:1.35;
}


/* v20.4.275: dienstbeschrijving dun onder dienstduur */
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > .cbb-service-description,
.cbb-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > .cbb-service-description,
.cbb-booking-form .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > .cbb-service-description,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > .cbb-service-description{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:1px 0 0!important;
  padding:0!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.35!important;
  color:#777!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  pointer-events:none!important;
}
.cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact:has(input[type="checkbox"]:checked) > .cbb-service-main > .cbb-service-description,
body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact:has(input[type="checkbox"]:checked) > .cbb-service-main > .cbb-service-description{
  color:rgba(255,255,255,.72)!important;
}
@media(max-width:640px){
  .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > .cbb-service-description,
  body.cbb-widget-body .cbb-widget-shell .cbb-services-list-grouped label.cbb-service-option.cbb-service-option-compact > .cbb-service-main > .cbb-service-description{font-size:12.5px!important;line-height:1.32!important;}
}


/* v20.4.299 - Geselecteerde datum kaart boven tijdsloten */
.cbb-selected-date-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;box-sizing:border-box!important;margin:0 0 10px!important;padding:12px 14px!important;background:#fff!important;border:1px solid rgba(17,17,17,.08)!important;border-top:3px solid var(--cbb-header-accent,#c9ab6d)!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(17,17,17,.04)!important}
.cbb-selected-date-card span{font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#777!important;white-space:nowrap!important}
.cbb-selected-date-card strong{font-size:15px!important;font-weight:850!important;color:#111!important;line-height:1.2!important;text-align:right!important}
@media(max-width:768px){.cbb-selected-date-card{padding:10px 12px!important;border-radius:13px!important}.cbb-selected-date-card{display:block!important}.cbb-selected-date-card span{display:block!important;margin-bottom:3px!important}.cbb-selected-date-card strong{display:block!important;text-align:left!important;font-size:14px!important}}

/* v20.4.300 - Horizontale datumstrip boven tijdsloten */
.cbb-time-slots .cbb-date-strip,
.cbb-date-strip{
  grid-column:1/-1!important;
  display:flex!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:2px 2px 10px!important;
  margin:0 0 4px!important;
  box-sizing:border-box!important;
  scroll-snap-type:x proximity!important;
}
.cbb-date-strip::-webkit-scrollbar{display:none!important;}
.cbb-time-slots .cbb-date-strip-day,
.cbb-date-strip-day{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  min-height:112px!important;
  height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:10px 8px!important;
  border:1px solid rgba(17,17,17,.09)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#2f2f2f!important;
  box-shadow:none!important;
  text-align:center!important;
  cursor:pointer!important;
  scroll-snap-align:start!important;
  transform:none!important;
  line-height:1!important;
}
.cbb-time-slots .cbb-date-strip-day span,
.cbb-date-strip-day span{
  display:block!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:600!important;
  color:#3f3f3f!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.cbb-time-slots .cbb-date-strip-day strong,
.cbb-date-strip-day strong{
  display:block!important;
  font-size:38px!important;
  line-height:.95!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  color:#303030!important;
  margin:0!important;
}
.cbb-time-slots .cbb-date-strip-day em,
.cbb-date-strip-day em{
  display:block!important;
  font-style:normal!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  color:#767676!important;
}
.cbb-time-slots .cbb-date-strip-day.is-today:not(.is-selected),
.cbb-date-strip-day.is-today:not(.is-selected){
  background:repeating-linear-gradient(-45deg,#fff 0,#fff 4px,#f1f1f1 4px,#f1f1f1 8px)!important;
  border-color:#e0e0e0!important;
}
.cbb-time-slots .cbb-date-strip-day.is-selected,
.cbb-date-strip-day.is-selected{
  background:var(--cbb-accent-color,var(--cbb-primary,#111))!important;
  border-color:var(--cbb-accent-color,var(--cbb-primary,#111))!important;
  color:#fff!important;
  box-shadow:none!important;
}
.cbb-time-slots .cbb-date-strip-day.is-selected span,
.cbb-time-slots .cbb-date-strip-day.is-selected strong,
.cbb-time-slots .cbb-date-strip-day.is-selected em,
.cbb-date-strip-day.is-selected span,
.cbb-date-strip-day.is-selected strong,
.cbb-date-strip-day.is-selected em{color:#fff!important;}
.cbb-selected-date-card{display:none!important;}
@media(max-width:640px){
  .cbb-time-slots .cbb-date-strip,
  .cbb-date-strip{gap:9px!important;margin-left:-2px!important;margin-right:-2px!important;padding-bottom:9px!important;}
  .cbb-time-slots .cbb-date-strip-day,
  .cbb-date-strip-day{flex-basis:86px!important;width:86px!important;min-width:86px!important;height:104px!important;min-height:104px!important;border-radius:12px!important;padding:9px 7px!important;}
  .cbb-time-slots .cbb-date-strip-day span,
  .cbb-date-strip-day span{font-size:14px!important;}
  .cbb-time-slots .cbb-date-strip-day strong,
  .cbb-date-strip-day strong{font-size:34px!important;}
  .cbb-time-slots .cbb-date-strip-day em,
  .cbb-date-strip-day em{font-size:14px!important;}
}


/* v20.4.301 - Compacte lichte datumstrip en tijdknoppen zonder zwarte achtergrond */
.cbb-time-slots .cbb-date-strip,
.cbb-date-strip{
  gap:8px!important;
  padding:0 2px 8px!important;
  margin:0 0 8px!important;
}
.cbb-time-slots .cbb-date-strip-day,
.cbb-date-strip-day{
  flex:0 0 74px!important;
  width:74px!important;
  min-width:74px!important;
  height:78px!important;
  min-height:78px!important;
  border-radius:12px!important;
  padding:7px 6px!important;
  background:#fff!important;
  border:1px solid #e7e7e7!important;
  color:#2f2f2f!important;
  box-shadow:none!important;
}
.cbb-time-slots .cbb-date-strip-day span,
.cbb-date-strip-day span{
  font-size:12px!important;
  font-weight:700!important;
  color:#3f3f3f!important;
}
.cbb-time-slots .cbb-date-strip-day strong,
.cbb-date-strip-day strong{
  font-size:27px!important;
  line-height:.92!important;
  font-weight:900!important;
  color:#303030!important;
}
.cbb-time-slots .cbb-date-strip-day em,
.cbb-date-strip-day em{
  font-size:11px!important;
  font-weight:700!important;
  color:#777!important;
}
.cbb-time-slots .cbb-date-strip-day.is-today:not(.is-selected),
.cbb-date-strip-day.is-today:not(.is-selected){
  background:repeating-linear-gradient(-45deg,#fff 0,#fff 4px,#f2f2f2 4px,#f2f2f2 8px)!important;
  border-color:#dedede!important;
}
.cbb-time-slots .cbb-date-strip-day.is-selected,
.cbb-date-strip-day.is-selected{
  background:var(--cbb-time-button-color,var(--cbb-accent-color,var(--cbb-primary,#9a6419)))!important;
  border-color:var(--cbb-time-button-color,var(--cbb-accent-color,var(--cbb-primary,#9a6419)))!important;
  color:#fff!important;
}
.cbb-time-slots .cbb-date-strip-day.is-selected span,
.cbb-time-slots .cbb-date-strip-day.is-selected strong,
.cbb-time-slots .cbb-date-strip-day.is-selected em,
.cbb-date-strip-day.is-selected span,
.cbb-date-strip-day.is-selected strong,
.cbb-date-strip-day.is-selected em{color:#fff!important;}

.cbb-form .cbb-slot,
.cbb-booking-form .cbb-slot,
.cbb-form .cbb-time-slots button.cbb-slot,
.cbb-booking-form .cbb-time-slots button.cbb-slot,
body.cbb-widget-body .cbb-widget-shell .cbb-slot,
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots button.cbb-slot{
  background:#fff!important;
  color:#111!important;
  border:1px solid #e7e7e7!important;
  box-shadow:none!important;
}
.cbb-form .cbb-slot:hover,
.cbb-booking-form .cbb-slot:hover,
.cbb-form .cbb-time-slots button.cbb-slot:hover,
.cbb-booking-form .cbb-time-slots button.cbb-slot:hover,
body.cbb-widget-body .cbb-widget-shell .cbb-slot:hover,
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots button.cbb-slot:hover{
  border-color:var(--cbb-time-button-color,var(--cbb-accent-color,var(--cbb-primary,#9a6419)))!important;
  background:color-mix(in srgb, var(--cbb-time-button-color,var(--cbb-accent-color,var(--cbb-primary,#9a6419))) 8%, #fff)!important;
  color:#111!important;
  transform:none!important;
}
.cbb-form .cbb-slot.is-selected,
.cbb-booking-form .cbb-slot.is-selected,
.cbb-form .cbb-time-slots button.cbb-slot.is-selected,
.cbb-booking-form .cbb-time-slots button.cbb-slot.is-selected,
body.cbb-widget-body .cbb-widget-shell .cbb-slot.is-selected,
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots button.cbb-slot.is-selected{
  background:var(--cbb-time-button-color,var(--cbb-accent-color,var(--cbb-primary,#9a6419)))!important;
  border-color:var(--cbb-time-button-color,var(--cbb-accent-color,var(--cbb-primary,#9a6419)))!important;
  color:#fff!important;
}
.cbb-form .cbb-slot.is-selected strong,
.cbb-booking-form .cbb-slot.is-selected strong,
.cbb-form .cbb-slot.is-selected small,
.cbb-booking-form .cbb-slot.is-selected small,
body.cbb-widget-body .cbb-widget-shell .cbb-slot.is-selected strong,
body.cbb-widget-body .cbb-widget-shell .cbb-slot.is-selected small{color:#fff!important;}
@media(max-width:640px){
  .cbb-time-slots .cbb-date-strip,
  .cbb-date-strip{gap:7px!important;padding-bottom:7px!important;margin-bottom:7px!important;}
  .cbb-time-slots .cbb-date-strip-day,
  .cbb-date-strip-day{flex-basis:68px!important;width:68px!important;min-width:68px!important;height:72px!important;min-height:72px!important;border-radius:11px!important;padding:6px 5px!important;}
  .cbb-time-slots .cbb-date-strip-day span,
  .cbb-date-strip-day span{font-size:11px!important;}
  .cbb-time-slots .cbb-date-strip-day strong,
  .cbb-date-strip-day strong{font-size:25px!important;}
  .cbb-time-slots .cbb-date-strip-day em,
  .cbb-date-strip-day em{font-size:10px!important;}
}


/* v20.4.302 - Datumstrip wit en tijdtekst zwart */
.cbb-widget-shell .cbb-time-slots .cbb-date-strip,
.cbb-form .cbb-time-slots .cbb-date-strip,
.cbb-booking-form .cbb-time-slots .cbb-date-strip,
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip,
.cbb-date-strip{
  background:#fff!important;
  color:#111!important;
  border:none!important;
  box-shadow:none!important;
}
.cbb-widget-shell .cbb-time-slots .cbb-date-strip-day:not(.is-selected),
.cbb-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected),
.cbb-booking-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected),
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-day:not(.is-selected),
.cbb-date-strip-day:not(.is-selected){
  background:#fff!important;
  color:#111!important;
  border:1px solid #e7e7e7!important;
}
.cbb-widget-shell .cbb-time-slots .cbb-date-strip-day:not(.is-selected) span,
.cbb-widget-shell .cbb-time-slots .cbb-date-strip-day:not(.is-selected) strong,
.cbb-widget-shell .cbb-time-slots .cbb-date-strip-day:not(.is-selected) em,
.cbb-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected) span,
.cbb-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected) strong,
.cbb-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected) em,
.cbb-booking-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected) span,
.cbb-booking-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected) strong,
.cbb-booking-form .cbb-time-slots .cbb-date-strip-day:not(.is-selected) em,
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-day:not(.is-selected) span,
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-day:not(.is-selected) strong,
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-day:not(.is-selected) em,
.cbb-date-strip-day:not(.is-selected) span,
.cbb-date-strip-day:not(.is-selected) strong,
.cbb-date-strip-day:not(.is-selected) em{
  color:#111!important;
}
.cbb-widget-shell .cbb-time-slots .cbb-date-strip-day.is-today:not(.is-selected),
.cbb-form .cbb-time-slots .cbb-date-strip-day.is-today:not(.is-selected),
.cbb-booking-form .cbb-time-slots .cbb-date-strip-day.is-today:not(.is-selected),
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-day.is-today:not(.is-selected),
.cbb-date-strip-day.is-today:not(.is-selected){
  background:repeating-linear-gradient(-45deg,#fff 0,#fff 4px,#f4f4f4 4px,#f4f4f4 8px)!important;
  color:#111!important;
}
.cbb-widget-shell .cbb-time-slots button.cbb-slot:not(.is-selected),
.cbb-widget-shell .cbb-time-slots .cbb-slot:not(.is-selected),
.cbb-form .cbb-time-slots button.cbb-slot:not(.is-selected),
.cbb-form .cbb-time-slots .cbb-slot:not(.is-selected),
.cbb-booking-form .cbb-time-slots button.cbb-slot:not(.is-selected),
.cbb-booking-form .cbb-time-slots .cbb-slot:not(.is-selected),
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots button.cbb-slot:not(.is-selected),
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots .cbb-slot:not(.is-selected){
  background:#fff!important;
  color:#111!important;
  border-color:#e7e7e7!important;
}
.cbb-widget-shell .cbb-time-slots button.cbb-slot:not(.is-selected) *,
.cbb-widget-shell .cbb-time-slots .cbb-slot:not(.is-selected) *,
.cbb-form .cbb-time-slots button.cbb-slot:not(.is-selected) *,
.cbb-form .cbb-time-slots .cbb-slot:not(.is-selected) *,
.cbb-booking-form .cbb-time-slots button.cbb-slot:not(.is-selected) *,
.cbb-booking-form .cbb-time-slots .cbb-slot:not(.is-selected) *,
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots button.cbb-slot:not(.is-selected) *,
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots .cbb-slot:not(.is-selected) *{
  color:#111!important;
}

/* v20.4.305 Smart medewerker dropdown */
.cbb-smart-employee-select{
  width:100%;
  position:relative;
  margin:0 0 12px!important;
}
.cbb-smart-employee-toggle{
  width:100%;
  min-height:64px;
  border:1px solid rgba(17,17,17,.10)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:10px 14px!important;
  text-align:left!important;
  box-shadow:0 12px 34px rgba(17,17,17,.06)!important;
  cursor:pointer!important;
}
.cbb-smart-employee-copy,
.cbb-smart-employee-row-copy{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.cbb-smart-employee-copy strong,
.cbb-smart-employee-row-copy strong{
  color:#111!important;
  font-size:18px!important;
  font-weight:750!important;
  line-height:1.1!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cbb-smart-employee-copy small,
.cbb-smart-employee-row-copy small{
  color:#777!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
}
.cbb-smart-employee-avatar{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f0f0f0!important;
  color:#999!important;
  font-size:18px!important;
}
.cbb-smart-employee-avatar img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.cbb-smart-employee-chevron{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#f7f7f7!important;
  color:#777!important;
  font-size:18px!important;
  transition:transform .18s ease!important;
}
.cbb-smart-employee-select.is-open .cbb-smart-employee-chevron{transform:rotate(180deg)!important;}
.cbb-smart-employee-select [data-cbb-employee-choice]{
  display:none!important;
  width:100%!important;
  margin-top:8px!important;
  padding:0!important;
  border:1px solid rgba(17,17,17,.08)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(17,17,17,.10)!important;
  overflow:hidden!important;
  gap:0!important;
}
.cbb-smart-employee-select.is-open [data-cbb-employee-choice]{display:flex!important;flex-direction:column!important;}
.cbb-smart-employee-select .cbb-employee-pill,
.cbb-smart-employee-select .cbb-employee-choice-first .cbb-employee-pill{
  width:100%!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,17,.07)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
}
.cbb-smart-employee-select .cbb-employee-pill:last-child{border-bottom:0!important;}
.cbb-smart-employee-select .cbb-employee-pill.is-selected{
  background:linear-gradient(90deg, color-mix(in srgb, var(--cbb-accent-color,#9a6a23) 14%, #fff), #fff)!important;
}
.cbb-smart-employee-select .cbb-employee-pill.is-selected .cbb-smart-employee-row-copy strong{
  color:var(--cbb-accent-color,#9a6a23)!important;
}
.cbb-smart-employee-select .cbb-employee-pill .cbb-employee-pill-photo{display:none!important;}
.cbb-smart-employee-select.is-first-step{margin-top:4px!important;}
.cbb-smart-employee-select.is-first-step .cbb-smart-employee-toggle{display:none!important;}
.cbb-smart-employee-select.is-first-step [data-cbb-employee-choice]{display:flex!important;flex-direction:column!important;margin-top:0!important;}
@media(max-width:640px){
  .cbb-smart-employee-toggle{min-height:60px!important;border-radius:16px!important;padding:9px 12px!important;}
  .cbb-smart-employee-copy strong,.cbb-smart-employee-row-copy strong{font-size:17px!important;}
  .cbb-smart-employee-copy small,.cbb-smart-employee-row-copy small{font-size:12.5px!important;}
  .cbb-smart-employee-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .cbb-smart-employee-select .cbb-employee-pill{min-height:62px!important;padding:11px 12px!important;}
}


/* v20.4.306 - medewerker dropdown header fix */
body.cbb-widget-body .cbb-widget-shell .cbb-smart-employee-select,
.cbb-booking-widget .cbb-smart-employee-select,
.cbb-floating-booking .cbb-smart-employee-select,
.cbb-booking-form .cbb-smart-employee-select{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-smart-employee-toggle,
.cbb-booking-widget .cbb-smart-employee-toggle,
.cbb-floating-booking .cbb-smart-employee-toggle,
.cbb-booking-form .cbb-smart-employee-toggle{
  min-height:58px!important;
  height:auto!important;
  border-radius:16px!important;
  padding:8px 10px 8px 12px!important;
  gap:10px!important;
  overflow:hidden!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-smart-employee-copy,
.cbb-booking-widget .cbb-smart-employee-copy,
.cbb-floating-booking .cbb-smart-employee-copy,
.cbb-booking-form .cbb-smart-employee-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  line-height:1.1!important;
  white-space:normal!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-smart-employee-copy strong,
.cbb-booking-widget .cbb-smart-employee-copy strong,
.cbb-floating-booking .cbb-smart-employee-copy strong,
.cbb-booking-form .cbb-smart-employee-copy strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:17px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  padding:0!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-smart-employee-copy small,
.cbb-booking-widget .cbb-smart-employee-copy small,
.cbb-floating-booking .cbb-smart-employee-copy small,
.cbb-booking-form .cbb-smart-employee-copy small{
  display:block!important;
  width:100%!important;
  color:#777!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  padding:0!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-smart-employee-chevron,
.cbb-booking-widget .cbb-smart-employee-chevron,
.cbb-floating-booking .cbb-smart-employee-chevron,
.cbb-booking-form .cbb-smart-employee-chevron{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #e5e5e5!important;
  color:#111!important;
  font-size:19px!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(17,17,17,.04)!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-smart-employee-avatar,
.cbb-booking-widget .cbb-smart-employee-avatar,
.cbb-floating-booking .cbb-smart-employee-avatar,
.cbb-booking-form .cbb-smart-employee-avatar{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-card.is-active,
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-day.is-active,
.cbb-date-strip-card.is-active,
.cbb-date-strip-day.is-active{
  background:var(--cbb-accent-color,#9a6a23)!important;
  border-color:var(--cbb-accent-color,#9a6a23)!important;
  color:#fff!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-card.is-active *,
body.cbb-widget-body .cbb-widget-shell .cbb-date-strip-day.is-active *,
.cbb-date-strip-card.is-active *,
.cbb-date-strip-day.is-active *{
  color:#fff!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots button.cbb-slot.is-selected,
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots .cbb-slot.is-selected,
.cbb-time-slots button.cbb-slot.is-selected,
.cbb-time-slots .cbb-slot.is-selected{
  background:var(--cbb-accent-color,#9a6a23)!important;
  border-color:var(--cbb-accent-color,#9a6a23)!important;
  color:#fff!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots button.cbb-slot.is-selected *,
.cbb-time-slots button.cbb-slot.is-selected *{
  color:#fff!important;
}
body.cbb-widget-body .cbb-widget-shell .cbb-time-slots .cbb-slot-dot,
.cbb-time-slots .cbb-slot-dot{
  display:block!important;
}

/* v20.4.307 - echte medewerker header layout fix */
html body .cbb-widget-shell .cbb-smart-employee-toggle,
html body .cbb-form .cbb-smart-employee-toggle,
html body .cbb-booking-form .cbb-smart-employee-toggle{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  min-height:58px!important;
  overflow:hidden!important;
}
html body .cbb-widget-shell .cbb-smart-employee-toggle .cbb-smart-employee-copy,
html body .cbb-form .cbb-smart-employee-toggle .cbb-smart-employee-copy,
html body .cbb-booking-form .cbb-smart-employee-toggle .cbb-smart-employee-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
  gap:2px!important;
}
html body .cbb-widget-shell .cbb-smart-employee-toggle .cbb-smart-employee-copy strong,
html body .cbb-form .cbb-smart-employee-toggle .cbb-smart-employee-copy strong,
html body .cbb-booking-form .cbb-smart-employee-toggle .cbb-smart-employee-copy strong{
  display:block!important;
  width:100%!important;
  color:#111!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  padding:0!important;
}
html body .cbb-widget-shell .cbb-smart-employee-toggle .cbb-smart-employee-copy small,
html body .cbb-form .cbb-smart-employee-toggle .cbb-smart-employee-copy small,
html body .cbb-booking-form .cbb-smart-employee-toggle .cbb-smart-employee-copy small{
  display:block!important;
  width:100%!important;
  color:#777!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  padding:0!important;
}
html body .cbb-widget-shell .cbb-smart-employee-toggle .cbb-smart-employee-chevron,
html body .cbb-form .cbb-smart-employee-toggle .cbb-smart-employee-chevron,
html body .cbb-booking-form .cbb-smart-employee-toggle .cbb-smart-employee-chevron{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid #e5e5e5!important;
  color:#111!important;
  font-size:19px!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(17,17,17,.04)!important;
}


/* v20.4.313 - Medewerkerselector als echte dropdown onder de headerbox */
html body .cbb-widget-shell .cbb-flow-extra-employee,
html body .cbb-form .cbb-flow-extra-employee,
html body .cbb-booking-form .cbb-flow-extra-employee{
  position:relative!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
}
html body .cbb-flow-employee-dropdown{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  z-index:30!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown .cbb-flow-employee-card{
  width:100%!important;
  max-width:none!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 12px!important;
  border:1px solid #e7e7e7!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 8px 22px rgba(17,17,17,.055)!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown .cbb-flow-employee-card:hover{
  border-color:#d9d9d9!important;
  box-shadow:0 10px 28px rgba(17,17,17,.075)!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#f1f1f1!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-text{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  line-height:1.1!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-name{
  display:block!important;
  width:100%!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.1!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-status{
  display:block!important;
  width:100%!important;
  color:#777!important;
  font-size:12.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon{
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111!important;
  font-size:22px!important;
  line-height:1!important;
  padding:0 2px!important;
  transition:transform .18s ease!important;
}
html body .cbb-flow-employee-dropdown.is-open .cbb-flow-employee-icon{
  transform:rotate(180deg)!important;
}
html body .cbb-flow-employee-menu{
  display:none!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  width:100%!important;
  z-index:9999!important;
  background:#fff!important;
  border:1px solid #e7e7e7!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(17,17,17,.16)!important;
  overflow:hidden!important;
  padding:4px!important;
}
html body .cbb-flow-employee-dropdown.is-open .cbb-flow-employee-menu{
  display:block!important;
}
html body .cbb-flow-employee-menu-item{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  padding:10px 11px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#111!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-menu-item + .cbb-flow-employee-menu-item{
  margin-top:2px!important;
}
html body .cbb-flow-employee-menu-item:hover,
html body .cbb-flow-employee-menu-item.is-selected{
  background:#f7f7f7!important;
}
html body .cbb-flow-employee-menu-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
html body .cbb-flow-employee-menu-copy strong{
  display:block!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-menu-copy small{
  display:block!important;
  color:#777!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
html body .cbb-flow-employee-menu-check{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#111!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}
@media(max-width:640px){
  html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown .cbb-flow-employee-card{min-height:56px!important;padding:8px 10px!important;border-radius:15px!important;}
  html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo{width:42px!important;height:42px!important;flex-basis:42px!important;}
  html body .cbb-flow-employee-menu{top:calc(100% + 7px)!important;border-radius:16px!important;}
  html body .cbb-flow-employee-menu-item{min-height:60px!important;padding:9px 10px!important;}
}

/* v20.4.320 - veilige fix voor knop/dropdown medewerker in datum/tijd */
html body .cbb-flow-employee-dropdown{
  position:relative!important;
  isolation:isolate!important;
}
html body .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  display:none!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  width:100%!important;
  max-height:330px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px!important;
  z-index:2147483000!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.08)!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(17,17,17,.18)!important;
  box-sizing:border-box!important;
}
html body .cbb-flow-employee-dropdown.is-open .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  display:block!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  width:100%!important;
  min-height:70px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 34px!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:10px 12px!important;
  margin:0 0 6px 0!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
  box-sizing:border-box!important;
  appearance:none!important;
  line-height:1!important;
  transform:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item:last-child{margin-bottom:0!important;}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item.is-selected{background:#f5f5f5!important;}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f0f0f0!important;
  color:#9a9a9a!important;
  font-size:20px!important;
  line-height:1!important;
  position:static!important;
  transform:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:999px!important;
  position:static!important;
  transform:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:5px!important;
  overflow:hidden!important;
  position:static!important;
  transform:none!important;
  background:transparent!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy strong,
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:static!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy strong{
  color:#111!important;
  font-size:17px!important;
  font-weight:850!important;
  line-height:1.15!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy small{
  color:#777!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-check{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#111!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:0!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item.is-selected .cbb-flow-dd-check{opacity:1!important;}
@media(max-width:640px){
  html body .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{top:calc(100% + 8px)!important;padding:9px!important;border-radius:17px!important;}
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{grid-template-columns:50px minmax(0,1fr) 32px!important;min-height:66px!important;padding:9px 10px!important;column-gap:12px!important;}
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;}
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy strong{font-size:16px!important;}
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy small{font-size:12px!important;}
}


/* v20.4.321 - medewerker dropdown tekst definitief zichtbaar */
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item,
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item *{
  box-sizing:border-box!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy{
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-content:stretch!important;
  gap:6px!important;
  min-height:48px!important;
  height:auto!important;
  overflow:visible!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong,
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
  all:unset!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  text-indent:0!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  text-align:left!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-family:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{
  color:#111!important;
  font-size:18px!important;
  line-height:22px!important;
  font-weight:900!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
  color:#1f8f3a!important;
  font-size:13.5px!important;
  line-height:17px!important;
  font-weight:800!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong::before,
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong::after,
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small::before,
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small::after{
  content:none!important;
  display:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  min-height:82px!important;
  grid-template-columns:58px minmax(0,1fr) 40px!important;
  column-gap:16px!important;
}
@media(max-width:640px){
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{min-height:76px!important;grid-template-columns:54px minmax(0,1fr) 38px!important;}
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{font-size:17px!important;line-height:21px!important;}
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{font-size:13px!important;line-height:17px!important;}
}


/* v20.4.322 - medewerker dropdown compacter, breedte gelijk aan dropdownknop */
html body .cbb-flow-extra-employee,
html body .cbb-flow-extra-employee .cbb-flow-employee-dropdown{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
html body .cbb-flow-extra-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  width:100%!important;
  max-width:none!important;
}
html body .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  left:0!important;
  right:auto!important;
  width:100%!important;
  max-width:100%!important;
  padding:8px!important;
  border-radius:16px!important;
  max-height:300px!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  min-height:66px!important;
  grid-template-columns:48px minmax(0,1fr) 34px!important;
  column-gap:12px!important;
  padding:8px 10px!important;
  margin-bottom:4px!important;
  border-radius:13px!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  font-size:18px!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy{
  gap:3px!important;
  min-height:42px!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{
  font-size:16px!important;
  line-height:19px!important;
  font-weight:900!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
  font-size:12px!important;
  line-height:15px!important;
  font-weight:800!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-check{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  font-size:15px!important;
}
@media(max-width:640px){
  html body .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
    padding:8px!important;
    max-height:292px!important;
  }
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
    min-height:62px!important;
    grid-template-columns:44px minmax(0,1fr) 32px!important;
    column-gap:11px!important;
    padding:7px 9px!important;
    margin-bottom:4px!important;
  }
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{
    font-size:15.5px!important;
    line-height:18px!important;
  }
  html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
    font-size:11.5px!important;
    line-height:14px!important;
  }
}


/* v20.4.323 - datumstap verbergen in boekingsformulier */
html body .cbb-form.cbb-hide-date-step-active [data-cbb-step="3"]:not(.cbb-services-step),
html body .cbb-booking-form.cbb-hide-date-step-active [data-cbb-step="3"]:not(.cbb-services-step){display:none!important;}
html body .cbb-form.cbb-hide-date-step-active [data-cbb-goto="3"]:not(:last-child),
html body .cbb-booking-form.cbb-hide-date-step-active [data-cbb-goto="3"]:not(:last-child){display:none!important;}
html body .cbb-form.cbb-hide-date-step-active:not(.cbb-employee-first-enabled) [data-cbb-step="1"],
html body .cbb-booking-form.cbb-hide-date-step-active:not(.cbb-employee-first-enabled) [data-cbb-step="1"]{display:none!important;}
html body .cbb-form.cbb-hide-date-step-active:not(.cbb-employee-first-enabled) [data-cbb-goto="1"],
html body .cbb-booking-form.cbb-hide-date-step-active:not(.cbb-employee-first-enabled) [data-cbb-goto="1"]{display:none!important;}



/* v20.4.336 - datumkaart restyle met duidelijke actieve selectie */
body .cbb-time-slots .cbb-date-strip,
body .cbb-date-strip{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:2px 2px 9px!important;
  margin:0 0 8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body .cbb-time-slots .cbb-date-strip-day,
body .cbb-date-strip-day{
  flex:0 0 72px!important;
  width:72px!important;
  min-width:72px!important;
  height:74px!important;
  min-height:74px!important;
  border-radius:13px!important;
  border:1px solid #e7e7e7!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:7px 6px!important;
  text-align:center!important;
  transition:none!important;
}
body .cbb-time-slots .cbb-date-strip-day span,
body .cbb-date-strip-day span{font-size:11px!important;font-weight:750!important;line-height:1!important;color:#333!important;text-transform:none!important;}
body .cbb-time-slots .cbb-date-strip-day strong,
body .cbb-date-strip-day strong{font-size:25px!important;font-weight:900!important;line-height:.95!important;color:#111!important;letter-spacing:-.03em!important;}
body .cbb-time-slots .cbb-date-strip-day em,
body .cbb-date-strip-day em{font-size:10px!important;font-weight:750!important;line-height:1!important;color:#777!important;text-transform:uppercase!important;font-style:normal!important;}
body .cbb-time-slots .cbb-date-strip-day.is-today:not(.is-full):not(.is-selected):not(.is-active),
body .cbb-date-strip-day.is-today:not(.is-full):not(.is-selected):not(.is-active){
  background:#fff!important;
  border-color:#e7e7e7!important;
}
body .cbb-time-slots .cbb-date-strip-day.is-today.is-full:not(.is-selected):not(.is-active),
body .cbb-date-strip-day.is-today.is-full:not(.is-selected):not(.is-active){
  background:repeating-linear-gradient(-45deg,#fff 0,#fff 5px,#f0f0f0 5px,#f0f0f0 10px)!important;
  border-color:#dedede!important;
}
body .cbb-time-slots .cbb-date-strip-day.is-selected,
body .cbb-time-slots .cbb-date-strip-day.is-active,
body .cbb-date-strip-day.is-selected,
body .cbb-date-strip-day.is-active{
  background:var(--cbb-accent-color,var(--cbb-accent,var(--cbb-primary,#111)))!important;
  border-color:var(--cbb-accent-color,var(--cbb-accent,var(--cbb-primary,#111)))!important;
  color:#fff!important;
  box-shadow:none!important;
}
body .cbb-time-slots .cbb-date-strip-day.is-selected *,
body .cbb-time-slots .cbb-date-strip-day.is-active *,
body .cbb-date-strip-day.is-selected *,
body .cbb-date-strip-day.is-active *{color:#fff!important;}
@media(max-width:640px){
  body .cbb-time-slots .cbb-date-strip-day,
  body .cbb-date-strip-day{flex-basis:68px!important;width:68px!important;min-width:68px!important;height:70px!important;min-height:70px!important;border-radius:12px!important;}
}


/* v20.4.344 - datumstrip 2 maanden vooruit */
html body .cbb-time-slots .cbb-date-strip,
html body .cbb-date-strip{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  max-width:100%!important;
}

html body .cbb-time-slots .cbb-date-strip-day,
html body .cbb-date-strip-day{
  flex:0 0 auto!important;
  scroll-snap-align:start!important;
}


/* v20.4.344 - datumstrip 6 maanden en gesloten/geen tijden strepen */
html body .cbb-time-slots .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active),
html body .cbb-time-slots .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active),
html body .cbb-time-slots .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active),
html body .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active),
html body .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active),
html body .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active){
  background:repeating-linear-gradient(-45deg,#ffffff 0,#ffffff 6px,#eeeeee 6px,#eeeeee 12px)!important;
  border-color:#d9d9d9!important;
  color:#777!important;
  opacity:1!important;
}

html body .cbb-time-slots .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active) span,
html body .cbb-time-slots .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active) strong,
html body .cbb-time-slots .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active) em,
html body .cbb-time-slots .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active) span,
html body .cbb-time-slots .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active) strong,
html body .cbb-time-slots .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active) em,
html body .cbb-time-slots .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active) span,
html body .cbb-time-slots .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active) strong,
html body .cbb-time-slots .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active) em,
html body .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active) span,
html body .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active) strong,
html body .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active) em,
html body .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active) span,
html body .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active) strong,
html body .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active) em,
html body .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active) span,
html body .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active) strong,
html body .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active) em{
  color:#777!important;
}


/* v20.4.344 - tekst boven tijden en gesloten datumkaarten niet klikbaar */
html body .cbb-available-times-heading{
  margin:18px 0 16px!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#7a7a7a!important;
}
html body .cbb-date-strip-day[aria-disabled="true"],
html body .cbb-date-strip-day:disabled,
html body .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active),
html body .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active),
html body .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active){
  background:repeating-linear-gradient(135deg,rgba(0,0,0,.055) 0,rgba(0,0,0,.055) 3px,rgba(255,255,255,.85) 3px,rgba(255,255,255,.85) 7px)!important;
  border-color:#e1e1e1!important;
  color:#999!important;
  cursor:not-allowed!important;
  opacity:.72!important;
  box-shadow:none!important;
}
html body .cbb-date-strip-day[aria-disabled="true"] *,
html body .cbb-date-strip-day:disabled *,
html body .cbb-date-strip-day.is-unavailable:not(.is-selected):not(.is-active) *,
html body .cbb-date-strip-day.is-closed:not(.is-selected):not(.is-active) *,
html body .cbb-date-strip-day.is-full:not(.is-selected):not(.is-active) *{
  color:#999!important;
}


/* v20.4.344 - tijdenkop eigen volledige rij boven tijdknoppen */
html body .cbb-available-times-heading,
html body .cbb-times-heading,
html body .cbb-slots-heading,
html body .cbb-time-slots-heading{
  display:block!important;
  width:100%!important;
  flex:0 0 100%!important;
  grid-column:1 / -1!important;
  clear:both!important;
  box-sizing:border-box!important;
  margin:18px 0 16px!important;
  padding:0 8px!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#7a7a7a!important;
  order:-1!important;
}

html body .cbb-time-slots-grid .cbb-available-times-heading,
html body .cbb-slots-grid .cbb-available-times-heading,
html body .cbb-times-grid .cbb-available-times-heading,
html body .cbb-time-buttons .cbb-available-times-heading{
  grid-column:1 / -1!important;
  width:100%!important;
}

html body .cbb-time-slots-grid,
html body .cbb-slots-grid,
html body .cbb-times-grid,
html body .cbb-time-buttons{
  align-items:start!important;
}


/* v20.4.352 - tijdenkop direct onder datumstrip houden */
html body .cbb-time-slots .cbb-date-strip,
html body .cbb-date-strip{
  order:-1!important;
}
html body .cbb-available-times-heading{
  order:0!important;
  margin:8px 0 12px!important;
}
html body .cbb-time-slots .cbb-slot{
  order:1!important;
}


/* v20.4.353 - Datum/Tijd en Bijna klaar knoppen vast onderaan zoals Kies diensten */
html body .cbb-form.cbb-is-date-step,
html body .cbb-booking-form.cbb-is-date-step,
html body .cbb-form.cbb-is-time-step,
html body .cbb-booking-form.cbb-is-time-step,
html body .cbb-form.cbb-is-final-step,
html body .cbb-booking-form.cbb-is-final-step,
html body .cbb-widget-shell .cbb-form.cbb-is-date-step,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-date-step,
html body .cbb-widget-shell .cbb-form.cbb-is-time-step,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-time-step,
html body .cbb-widget-shell .cbb-form.cbb-is-final-step,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body .cbb-form.cbb-is-date-step .cbb-wizard-step.is-active,
html body .cbb-booking-form.cbb-is-date-step .cbb-wizard-step.is-active,
html body .cbb-form.cbb-is-time-step .cbb-wizard-step.is-active,
html body .cbb-booking-form.cbb-is-time-step .cbb-wizard-step.is-active,
html body .cbb-form.cbb-is-final-step .cbb-wizard-step.is-active,
html body .cbb-booking-form.cbb-is-final-step .cbb-wizard-step.is-active,
html body .cbb-widget-shell .cbb-form.cbb-is-date-step .cbb-wizard-step.is-active,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-date-step .cbb-wizard-step.is-active,
html body .cbb-widget-shell .cbb-form.cbb-is-time-step .cbb-wizard-step.is-active,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-time-step .cbb-wizard-step.is-active,
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-wizard-step.is-active,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-wizard-step.is-active{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  display:flex!important;
  flex-direction:column!important;
}
html body .cbb-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-booking-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-booking-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions,
html body .cbb-booking-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions,
html body .cbb-widget-shell .cbb-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-widget-shell .cbb-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions,
html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions{
  flex:0 0 auto!important;
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:0!important;
  z-index:140!important;
  width:auto!important;
  max-width:none!important;
  margin:auto -12px -12px!important;
  padding:10px 12px max(12px, env(safe-area-inset-bottom))!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid rgba(17,17,17,.08)!important;
  border-radius:0!important;
  box-shadow:0 -14px 30px rgba(255,255,255,.96)!important;
  box-sizing:border-box!important;
  display:flex!important;
  gap:12px!important;
  align-items:stretch!important;
  justify-content:space-between!important;
}
html body .cbb-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions button,
html body .cbb-booking-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions button,
html body .cbb-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions button,
html body .cbb-booking-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions button,
html body .cbb-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions button,
html body .cbb-booking-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions button{
  min-height:52px!important;
  height:52px!important;
  max-height:52px!important;
  margin:0!important;
  border-radius:12px!important;
}
@media(max-width:768px){
  html body .cbb-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-booking-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-booking-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions,
  html body .cbb-booking-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions,
  html body .cbb-widget-shell .cbb-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-widget-shell .cbb-booking-form.cbb-is-date-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-widget-shell .cbb-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-widget-shell .cbb-booking-form.cbb-is-time-step .cbb-wizard-step.is-active > .cbb-step-actions,
  html body .cbb-widget-shell .cbb-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions,
  html body .cbb-widget-shell .cbb-booking-form.cbb-is-final-step .cbb-wizard-step.is-active > .cbb-final-actions{
    margin:auto -10px -10px!important;
    padding:10px 10px max(12px, env(safe-area-inset-bottom))!important;
    gap:10px!important;
  }
}


/* v20.4.354 - Volgeboekt melding eigen volledige rij in tijdstap */
html body .cbb-time-slots .cbb-slot-note--full,
html body .cbb-slots-grid .cbb-slot-note--full,
html body .cbb-time-buttons .cbb-slot-note--full,
html body .cbb-time-slots-grid .cbb-slot-note--full,
html body .cbb-times-grid .cbb-slot-note--full{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  grid-column:1 / -1!important;
  clear:both!important;
  box-sizing:border-box!important;
  order:2!important;
  margin:8px 0 10px!important;
}
html body .cbb-time-slots .cbb-first-available-box,
html body .cbb-slots-grid .cbb-first-available-box,
html body .cbb-time-buttons .cbb-first-available-box,
html body .cbb-time-slots-grid .cbb-first-available-box,
html body .cbb-times-grid .cbb-first-available-box{
  width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  grid-column:1 / -1!important;
  box-sizing:border-box!important;
  order:3!important;
}


/* v20.4.355 - Volgeboekt melding forceert echte volledige rij desktop en mobiel */
html body .cbb-time-slots > .cbb-slot-note-full-row,
html body .cbb-time-slots > .cbb-slot-note--full,
html body .cbb-form .cbb-time-slots > .cbb-slot-note-full-row,
html body .cbb-booking-form .cbb-time-slots > .cbb-slot-note-full-row,
html body .cbb-widget-shell .cbb-time-slots > .cbb-slot-note-full-row{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 100%!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  margin:8px 0 10px!important;
  align-self:stretch!important;
}
html body .cbb-time-slots > .cbb-first-available-box,
html body .cbb-form .cbb-time-slots > .cbb-first-available-box,
html body .cbb-booking-form .cbb-time-slots > .cbb-first-available-box,
html body .cbb-widget-shell .cbb-time-slots > .cbb-first-available-box{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 100%!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}
@media(max-width:768px){
  html body .cbb-time-slots > .cbb-slot-note-full-row,
  html body .cbb-time-slots > .cbb-slot-note--full,
  html body .cbb-time-slots > .cbb-first-available-box{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
    flex-basis:100%!important;
  }
}


/* v20.4.359 - Datumstrip geselecteerde dag: schaduw volledig verwijderd */
html body .cbb-form .cbb-day.is-selected,
html body .cbb-form .cbb-day.is-selected:hover,
html body .cbb-form .cbb-day.is-selected:focus,
html body .cbb-booking-form .cbb-day.is-selected,
html body .cbb-booking-form .cbb-day.is-selected:hover,
html body .cbb-booking-form .cbb-day.is-selected:focus,
html body .cbb-widget-shell .cbb-day.is-selected,
html body .cbb-widget-shell .cbb-day.is-selected:hover,
html body .cbb-widget-shell .cbb-day.is-selected:focus{
  box-shadow:none!important;
}


/* v20.4.360 - Datumstrip geselecteerde dag en actieve datum zonder enkele schaduw */
html body .cbb-form .cbb-date-strip .cbb-date-strip-day.is-selected,
html body .cbb-form .cbb-date-strip .cbb-date-strip-day.is-selected:hover,
html body .cbb-form .cbb-date-strip .cbb-date-strip-day.is-selected:focus,
html body .cbb-form .cbb-date-strip .cbb-date-strip-day.is-active,
html body .cbb-form .cbb-date-strip .cbb-date-strip-day.is-active:hover,
html body .cbb-form .cbb-date-strip .cbb-date-strip-day.is-active:focus,
html body .cbb-booking-form .cbb-date-strip .cbb-date-strip-day.is-selected,
html body .cbb-booking-form .cbb-date-strip .cbb-date-strip-day.is-selected:hover,
html body .cbb-booking-form .cbb-date-strip .cbb-date-strip-day.is-selected:focus,
html body .cbb-booking-form .cbb-date-strip .cbb-date-strip-day.is-active,
html body .cbb-booking-form .cbb-date-strip .cbb-date-strip-day.is-active:hover,
html body .cbb-booking-form .cbb-date-strip .cbb-date-strip-day.is-active:focus,
html body .cbb-widget-shell .cbb-date-strip .cbb-date-strip-day.is-selected,
html body .cbb-widget-shell .cbb-date-strip .cbb-date-strip-day.is-selected:hover,
html body .cbb-widget-shell .cbb-date-strip .cbb-date-strip-day.is-selected:focus,
html body .cbb-widget-shell .cbb-date-strip .cbb-date-strip-day.is-active,
html body .cbb-widget-shell .cbb-date-strip .cbb-date-strip-day.is-active:hover,
html body .cbb-widget-shell .cbb-date-strip .cbb-date-strip-day.is-active:focus,
html body .cbb-time-slots .cbb-date-strip-day.is-selected,
html body .cbb-time-slots .cbb-date-strip-day.is-active,
html body .cbb-date-strip-day.is-selected,
html body .cbb-date-strip-day.is-active,
html body .cbb-date-strip-card.is-selected,
html body .cbb-date-strip-card.is-active{
  box-shadow:none!important;
  filter:none!important;
}
html body .cbb-date-strip-day.is-selected:before,
html body .cbb-date-strip-day.is-selected:after,
html body .cbb-date-strip-day.is-active:before,
html body .cbb-date-strip-day.is-active:after,
html body .cbb-date-strip-card.is-selected:before,
html body .cbb-date-strip-card.is-selected:after,
html body .cbb-date-strip-card.is-active:before,
html body .cbb-date-strip-card.is-active:after{
  box-shadow:none!important;
  filter:none!important;
}

/* v20.4.361 - Minimal modern medewerker selector in Kies datum en tijd */
html body .cbb-flow-extra.cbb-flow-extra-employee{
  margin:10px 0 0!important;
  width:100%!important;
}
html body .cbb-flow-employee-dropdown{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card,
html body .cbb-flow-extra-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card,
html body .cbb-flow-employee-dropdown > button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-flow-employee-card.cbb-flow-employee-card-photo{
  width:100%!important;
  min-height:66px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 12px!important;
  margin:0!important;
  border:1px solid #e5e5e5!important;
  border-radius:18px!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:hidden!important;
}
html body .cbb-flow-employee-dropdown.is-open > button.cbb-flow-employee-card,
html body .cbb-flow-employee-dropdown > button.cbb-flow-employee-card:focus,
html body .cbb-flow-employee-dropdown > button.cbb-flow-employee-card:hover{
  border-color:rgba(154,106,35,.42)!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .cbb-flow-employee-card .cbb-flow-employee-photo,
html body .cbb-flow-employee-card-photo > .cbb-flow-employee-photo{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f2f2f2!important;
  border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-card .cbb-flow-employee-photo img,
html body .cbb-flow-employee-card-photo > .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:999px!important;
}
html body .cbb-flow-employee-card .cbb-flow-employee-text,
html body .cbb-flow-employee-card-photo > .cbb-flow-employee-text,
html body .cbb-flow-employee-card > span:first-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  overflow:hidden!important;
}
html body .cbb-flow-employee-card strong,
html body .cbb-flow-employee-card .cbb-flow-employee-name{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-card small{
  display:block!important;
  max-width:100%!important;
  margin:2px 0 0!important;
  padding:0!important;
  color:#8b8b8b!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-card .cbb-flow-employee-icon,
html body .cbb-flow-employee-card-photo > .cbb-flow-employee-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  line-height:1!important;
  transform:none!important;
}
html body .cbb-flow-employee-dropdown.is-open .cbb-flow-employee-icon{
  transform:rotate(180deg)!important;
}
html body .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  top:calc(100% + 8px)!important;
  left:0!important;
  right:auto!important;
  width:100%!important;
  max-width:100%!important;
  padding:7px!important;
  border:1px solid #e5e5e5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(17,17,17,.10)!important;
  z-index:80!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  min-height:62px!important;
  grid-template-columns:44px minmax(0,1fr) 30px!important;
  column-gap:11px!important;
  padding:8px 9px!important;
  margin:0 0 4px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item.is-selected{
  background:rgba(154,106,35,.10)!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{
  color:#111!important;
  font-size:15.5px!important;
  line-height:18px!important;
  font-weight:900!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
  color:#8b8b8b!important;
  font-size:11.5px!important;
  line-height:14px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-check{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
}
@media(max-width:640px){
  html body .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card,
  html body .cbb-flow-extra-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card,
  html body .cbb-flow-employee-dropdown > button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-flow-employee-card.cbb-flow-employee-card-photo{
    min-height:62px!important;
    grid-template-columns:44px minmax(0,1fr) 24px!important;
    gap:10px!important;
    padding:8px 10px!important;
    border-radius:16px!important;
  }
  html body .cbb-flow-employee-card .cbb-flow-employee-photo,
  html body .cbb-flow-employee-card-photo > .cbb-flow-employee-photo{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  html body .cbb-flow-employee-card strong,
  html body .cbb-flow-employee-card .cbb-flow-employee-name{
    font-size:17px!important;
  }
  html body .cbb-flow-employee-card small{
    font-size:11.5px!important;
  }
  html body .cbb-flow-employee-card .cbb-flow-employee-icon,
  html body .cbb-flow-employee-card-photo > .cbb-flow-employee-icon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    font-size:18px!important;
  }
}

/* v20.4.362 - Medewerker selector exact mockup: strakke kaart zonder aparte pijlknop */
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  width:100%!important;
  padding:0!important;
  margin:18px 0 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-step{
  display:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.12)!important;
  box-shadow:none!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]:before{
  content:'‹'!important;
  display:block!important;
  font-size:42px!important;
  line-height:42px!important;
  font-weight:600!important;
  transform:translateY(-1px)!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-extra.cbb-flow-extra-employee{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  overflow:visible!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown{
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  z-index:40!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card,
html body .cbb-flow-extra-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  width:100%!important;
  min-height:58px!important;
  height:58px!important;
  max-height:58px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  padding:7px 12px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#111!important;
  text-align:left!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown.is-open > button.cbb-flow-employee-card,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card:hover,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card:focus{
  border-color:rgba(154,106,35,.65)!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-photo > .cbb-flow-employee-photo{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  border:1px solid rgba(17,17,17,.08)!important;
  background:#f2f2f2!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:999px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  overflow:hidden!important;
  gap:3px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-name{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-size:19px!important;
  line-height:20px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-status{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#8c8c8c!important;
  font-size:12px!important;
  line-height:14px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-photo > .cbb-flow-employee-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111!important;
  font-size:31px!important;
  line-height:26px!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown.is-open .cbb-flow-employee-icon{
  transform:rotate(180deg)!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  top:calc(100% + 9px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  border:1px solid rgba(154,106,35,.35)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 18px 36px rgba(17,17,17,.10)!important;
  overflow:hidden!important;
  z-index:2147483000!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  width:100%!important;
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 30px!important;
  align-items:center!important;
  column-gap:12px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,17,.08)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#111!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-item:last-child{
  border-bottom:0!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-item.is-selected{
  background:rgba(154,106,35,.08)!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  border:1px solid rgba(17,17,17,.08)!important;
  background:#f2f2f2!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{
  color:#111!important;
  font-size:16px!important;
  line-height:18px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
  color:#8c8c8c!important;
  font-size:11.5px!important;
  line-height:14px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-check{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#9a6a23!important;
  box-shadow:none!important;
  font-size:20px!important;
  font-weight:900!important;
}
@media(max-width:640px){
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:12px!important;
    margin-top:14px!important;
  }
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    border-radius:15px!important;
  }
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card{
    min-height:56px!important;
    height:56px!important;
    max-height:56px!important;
    grid-template-columns:42px minmax(0,1fr) 28px!important;
    gap:10px!important;
    padding:7px 10px!important;
    border-radius:15px!important;
  }
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo,
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-photo > .cbb-flow-employee-photo{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-name{
    font-size:18px!important;
    line-height:19px!important;
  }
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-status{
    font-size:11.5px!important;
    line-height:13px!important;
  }
}

/* v20.4.363 - Herstel medewerker selector zichtbaar met mockup layout */
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  grid-template-areas:
    "title title"
    "back employee"!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy{
  display:contents!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > strong[data-cbb-flow-title]{
  grid-area:title!important;
  display:block!important;
  text-align:center!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#111!important;
  font-size:34px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > small[data-cbb-flow-subtitle],
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-step{
  display:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]{
  grid-area:back!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.12)!important;
  box-shadow:none!important;
  color:#111!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]:before{
  content:'‹'!important;
  display:block!important;
  font-size:42px!important;
  line-height:42px!important;
  font-weight:650!important;
  transform:translateY(-1px)!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-extra.cbb-flow-extra-employee{
  grid-area:employee!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  overflow:visible!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown{
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  z-index:40!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card{
  width:100%!important;
  min-height:56px!important;
  height:56px!important;
  max-height:56px!important;
  grid-template-columns:42px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 10px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:15px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#111!important;
  text-align:left!important;
  overflow:hidden!important;
}
@media(max-width:640px){
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > strong[data-cbb-flow-title]{
    font-size:32px!important;
    margin-bottom:8px!important;
  }
}


/* v20.4.364 - Datum/tijd header compact, terugknop boven verwijderd */
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:
    "title"
    "employee"!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  margin:6px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]:before{
  content:none!important;
  display:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > strong[data-cbb-flow-title]{
  grid-area:title!important;
  display:block!important;
  text-align:center!important;
  margin:0 0 4px!important;
  padding:0!important;
  color:#111!important;
  font-size:28px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-extra.cbb-flow-extra-employee{
  grid-area:employee!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  max-height:48px!important;
  grid-template-columns:34px minmax(0,1fr) 22px!important;
  gap:8px!important;
  padding:6px 10px!important;
  border-radius:13px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-photo,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-photo > .cbb-flow-employee-photo{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-name{
  font-size:16px!important;
  line-height:17px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-status{
  font-size:10px!important;
  line-height:12px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#111!important;
  font-size:18px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean{
  top:calc(100% + 6px)!important;
  border-radius:14px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  min-height:52px!important;
  grid-template-columns:36px minmax(0,1fr) 24px!important;
  column-gap:9px!important;
  padding:7px 10px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{
  font-size:15px!important;
  line-height:16px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
  font-size:10px!important;
  line-height:12px!important;
}
@media(max-width:640px){
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:6px!important;
  }
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > strong[data-cbb-flow-title]{
    font-size:28px!important;
    margin-bottom:4px!important;
  }
}


/* v20.4.365 - Titel Kies datum en tijd exact compact zoals Kies diensten */
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > strong[data-cbb-flow-title]{
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  margin:0 0 4px!important;
  padding:0!important;
}
@media(max-width:640px){
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > strong[data-cbb-flow-title]{
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    margin:0 0 4px!important;
  }
}

/* v20.4.366 - Medewerker selector pijl los zonder achtergrond/rand */
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card,
html body .cbb-flow-extra-employee .cbb-flow-employee-dropdown > button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  grid-template-columns:44px minmax(0,1fr) 26px!important;
  padding-right:18px!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon *,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-card-photo > .cbb-flow-employee-icon *{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  border-radius:0!important;
  color:#111!important;
  font-size:31px!important;
  line-height:24px!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon:before,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-icon:after{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown.is-open .cbb-flow-employee-icon{
  transform:rotate(180deg)!important;
}
.cbb-smart-employee-chevron,
.cbb-smart-employee-chevron *,
.cbb-smart-employee-chevron:before,
.cbb-smart-employee-chevron:after{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.cbb-smart-employee-chevron{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  border-radius:0!important;
  color:#111!important;
}


/* v20.4.367 - Medewerker selector pijlknop echt volledig vlak, ook buiten header-scope */
html body .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo,
html body .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo,
html body .cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo,
html body .cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo{
  grid-template-columns:36px minmax(0,1fr) 24px!important;
}
html body .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
html body .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
html body .cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
html body .cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon,
html body .cbb-flow-employee-card .cbb-flow-employee-icon{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  padding:0!important;
  margin-left:auto!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  color:#111!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:30px!important;
  line-height:20px!important;
  font-weight:800!important;
  text-align:center!important;
  order:2!important;
}
html body .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon *,
html body .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon *,
html body .cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon *,
html body .cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon *,
html body .cbb-flow-employee-card .cbb-flow-employee-icon *,
html body .cbb-flow-employee-card .cbb-flow-employee-icon:before,
html body .cbb-flow-employee-card .cbb-flow-employee-icon:after{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::before,
html body .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::before,
html body .cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::before,
html body .cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::before,
html body .cbb-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::after,
html body .cbb-booking-form .cbb-flow-extra-employee .cbb-flow-employee-card.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::after,
html body .cbb-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::after,
html body .cbb-booking-form .cbb-flow-employee-card-v2060.cbb-flow-employee-card-photo > .cbb-flow-employee-icon::after{
  content:none!important;
  display:none!important;
}
html body .cbb-flow-employee-dropdown.is-open .cbb-flow-employee-card > .cbb-flow-employee-icon{
  transform:rotate(180deg)!important;
}


/* v20.4.368 - Medewerker selector pijl definitief zonder box */
html body .cbb-widget-shell .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon,
html body .cbb-widget-shell .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon,
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon,
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon,
html body .cbb-flow-employee-card.cbb-flow-employee-card-photo > span.cbb-flow-employee-icon,
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon{
  all:unset!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  color:#111!important;
  font-size:28px!important;
  line-height:20px!important;
  font-weight:800!important;
  text-align:center!important;
  text-decoration:none!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
html body .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon{
  transform:rotate(180deg)!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon::before,
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon::after,
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-icon *{
  content:none!important;
  display:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > span.cbb-flow-employee-text{
  flex:1 1 auto!important;
  min-width:0!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  grid-template-columns:36px minmax(0,1fr) 24px!important;
}


/* v20.4.369 - Medewerker selector opnieuw opgebouwd: pijl zonder box en exact gecentreerd */
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"title" "employee"!important;
  gap:8px!important;
  margin:6px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee > button.cbb-flow-back[data-cbb-flow-back]{
  display:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > strong[data-cbb-flow-title]{
  grid-area:title!important;
  display:block!important;
  text-align:center!important;
  margin:0 0 4px!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  color:#111!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-copy > small[data-cbb-flow-subtitle],
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-step{
  display:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-extra.cbb-flow-extra-employee{
  grid-area:employee!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-dropdown{
  width:100%!important;
  position:relative!important;
  z-index:50!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-widget-shell .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  all:unset!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 24px!important;
  align-items:center!important;
  column-gap:8px!important;
  padding:6px 10px!important;
  border:1px solid rgba(154,106,35,.70)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#111!important;
  cursor:pointer!important;
  text-align:left!important;
  overflow:hidden!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit]:focus,
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit]:hover{
  border-color:rgba(154,106,35,.90)!important;
  box-shadow:none!important;
  outline:0!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:block!important;
  background:#f2f2f2!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:none!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:999px!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:1px!important;
  overflow:hidden!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-name{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-size:16px!important;
  line-height:17px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] .cbb-flow-employee-status{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#8f8f8f!important;
  font-size:10px!important;
  line-height:12px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  all:unset!important;
  box-sizing:border-box!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111!important;
  transform:none!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
  overflow:visible!important;
  stroke:currentColor!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  fill:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  transform:rotate(180deg)!important;
}
html body button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-icon{
  display:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee .cbb-flow-employee-menu.cbb-flow-employee-menu-clean,
html body .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  top:calc(100% + 7px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  border:1px solid rgba(154,106,35,.35)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 14px 30px rgba(17,17,17,.10)!important;
  overflow:hidden!important;
  z-index:2147483000!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 24px!important;
  align-items:center!important;
  column-gap:9px!important;
  padding:7px 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(17,17,17,.07)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  border-radius:999px!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > strong{
  font-size:15px!important;
  line-height:16px!important;
  font-weight:900!important;
  color:#111!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy > small{
  font-size:10px!important;
  line-height:12px!important;
  font-weight:850!important;
  color:#8f8f8f!important;
  text-transform:uppercase!important;
}
@media(max-width:640px){
  html body .cbb-flow-header .cbb-flow-topbar.cbb-flow-topbar-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-booking-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-form .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-widget-shell .cbb-flow-extra-employee button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    grid-template-columns:34px minmax(0,1fr) 24px!important;
    padding:6px 10px!important;
  }
}

/* v20.4.370 - Medewerker selector uit titelbox, los boven datumstrip */
html body .cbb-flow-header .cbb-flow-topbar{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-header .cbb-flow-topbar > button.cbb-flow-back[data-cbb-flow-back],
html body .cbb-flow-header .cbb-flow-topbar > .cbb-flow-step,
html body .cbb-flow-header .cbb-flow-topbar .cbb-flow-extra{
  display:none!important;
}
html body .cbb-flow-header .cbb-flow-copy{
  width:100%!important;
  display:block!important;
  text-align:center!important;
  padding:0!important;
  margin:0!important;
}
html body .cbb-flow-header .cbb-flow-copy > strong[data-cbb-flow-title]{
  display:block!important;
  text-align:center!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
}
html body .cbb-flow-header .cbb-flow-copy > small[data-cbb-flow-subtitle]{
  display:none!important;
}
html body .cbb-flow-employee-standalone{
  display:block;
  width:100%!important;
  margin:10px 0 14px!important;
  padding:0!important;
  position:relative!important;
  z-index:80!important;
  overflow:visible!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-dropdown{
  width:100%!important;
  position:relative!important;
  z-index:80!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  all:unset!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 26px!important;
  align-items:center!important;
  column-gap:11px!important;
  padding:7px 13px!important;
  border:1px solid rgba(154,106,35,.70)!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#111!important;
  cursor:pointer!important;
  text-align:left!important;
  overflow:hidden!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]:hover,
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]:focus{
  border-color:rgba(154,106,35,.90)!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:block!important;
  background:#f2f2f2!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:none!important;
  grid-column:1!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:999px!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text{
  grid-column:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:1px!important;
  overflow:hidden!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-name{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  font-size:17px!important;
  line-height:18px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#8f8f8f!important;
  font-size:10px!important;
  line-height:12px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  all:unset!important;
  grid-column:3!important;
  box-sizing:border-box!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111!important;
  transform:none!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
  stroke:currentColor!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  fill:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  transform:rotate(180deg)!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  top:calc(100% + 7px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  border:1px solid rgba(154,106,35,.35)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 14px 30px rgba(17,17,17,.10)!important;
  overflow:hidden!important;
  z-index:2147483000!important;
}
@media(max-width:640px){
  html body .cbb-flow-employee-standalone{
    margin:8px 0 12px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    height:54px!important;
    min-height:54px!important;
    grid-template-columns:40px minmax(0,1fr) 26px!important;
    padding:7px 12px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
}


/* v20.4.371 - Losse medewerker selector strakker met groene beschikbaarheidsanimatie */
html body .cbb-flow-employee-standalone{
  margin:8px 0 12px!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  height:56px!important;
  min-height:56px!important;
  grid-template-columns:40px minmax(0,1fr) 24px!important;
  column-gap:11px!important;
  padding:7px 12px!important;
  border:1px solid #e7e1d6!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]:hover,
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]:focus{
  border-color:rgba(154,106,35,.58)!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  border:1px solid rgba(17,17,17,.08)!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-name{
  font-size:17px!important;
  line-height:18px!important;
  font-weight:900!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:10px!important;
  line-height:12px!important;
  color:#858585!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-is-available .cbb-flow-employee-status:before,
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item.is-available .cbb-flow-dd-copy small:before{
  content:''!important;
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  border-radius:999px!important;
  background:#42c76b!important;
  box-shadow:0 0 0 0 rgba(66,199,107,.38)!important;
  animation:cbbEmployeeAvailablePulse 1.55s ease-out infinite!important;
  display:inline-block!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  justify-self:end!important;
  color:#111!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean svg{
  width:19px!important;
  height:19px!important;
  stroke-width:3.1!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-menu.cbb-flow-employee-menu-clean{
  top:calc(100% + 8px)!important;
  border-color:#e7e1d6!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(17,17,17,.10)!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-item{
  min-height:54px!important;
  grid-template-columns:38px minmax(0,1fr) 24px!important;
  column-gap:10px!important;
  padding:8px 10px!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
}
html body .cbb-flow-employee-menu-clean .cbb-flow-dd-copy small{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
@keyframes cbbEmployeeAvailablePulse{
  0%{box-shadow:0 0 0 0 rgba(66,199,107,.45);}
  70%{box-shadow:0 0 0 7px rgba(66,199,107,0);}
  100%{box-shadow:0 0 0 0 rgba(66,199,107,0);}
}
@media(max-width:640px){
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    height:54px!important;
    min-height:54px!important;
    grid-template-columns:38px minmax(0,1fr) 24px!important;
    padding:7px 11px!important;
    column-gap:10px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
}


/* v20.4.372 - Medewerker selector opnieuw uitgelijnd: groene pulse los naast naam, tekst niet omlaag */
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  display:grid!important;
  grid-template-columns:44px 42px minmax(0,1fr) 24px!important;
  align-items:center!important;
  height:72px!important;
  min-height:72px!important;
  padding:10px 18px!important;
  column-gap:12px!important;
  overflow:hidden!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  grid-column:1!important;
  align-self:center!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-pulse{
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  border-radius:999px!important;
  background:#19c65f!important;
  box-shadow:0 0 0 11px rgba(25,198,95,.10)!important;
  position:relative!important;
  display:block!important;
  animation:cbbEmployeeAvailablePulseLarge 1.55s ease-out infinite!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-pulse:before{
  content:''!important;
  position:absolute!important;
  inset:-9px!important;
  border-radius:999px!important;
  background:rgba(25,198,95,.11)!important;
  z-index:-1!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-pulse-empty{
  visibility:hidden!important;
  animation:none!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-text{
  grid-column:3!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  height:auto!important;
  line-height:1.1!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-name{
  display:block!important;
  font-size:21px!important;
  line-height:23px!important;
  font-weight:900!important;
  margin:0 0 2px!important;
  padding:0!important;
  color:#101010!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status{
  display:block!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:#777!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-is-available .cbb-flow-employee-status:before{
  content:none!important;
  display:none!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  grid-column:4!important;
  justify-self:end!important;
  align-self:center!important;
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
@keyframes cbbEmployeeAvailablePulseLarge{
  0%{box-shadow:0 0 0 0 rgba(25,198,95,.35);}
  70%{box-shadow:0 0 0 12px rgba(25,198,95,0);}
  100%{box-shadow:0 0 0 0 rgba(25,198,95,0);}
}
@media(max-width:640px){
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    grid-template-columns:42px 38px minmax(0,1fr) 22px!important;
    height:66px!important;
    min-height:66px!important;
    padding:9px 14px!important;
    column-gap:10px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  html body .cbb-flow-employee-standalone .cbb-flow-employee-pulse{
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    min-height:12px!important;
  }
  html body .cbb-flow-employee-standalone .cbb-flow-employee-name{
    font-size:20px!important;
    line-height:22px!important;
  }
  html body .cbb-flow-employee-standalone .cbb-flow-employee-status{
    font-size:14px!important;
    line-height:17px!important;
  }
}


/* v20.4.373 - Groene beschikbaarheidspuls op statusregel, niet boven de naam */
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  grid-template-columns:42px minmax(0,1fr) 24px!important;
  align-items:center!important;
  height:66px!important;
  min-height:66px!important;
  padding:9px 14px!important;
  column-gap:12px!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  grid-column:1!important;
  align-self:center!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-text{
  grid-column:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-name{
  display:block!important;
  margin:0 0 2px!important;
  line-height:22px!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  line-height:17px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status .cbb-flow-employee-pulse{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 9px!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  min-height:9px!important;
  border-radius:999px!important;
  background:#19c65f!important;
  box-shadow:0 0 0 0 rgba(25,198,95,.35)!important;
  animation:cbbEmployeeAvailablePulseLarge 1.55s ease-out infinite!important;
  grid-column:auto!important;
  justify-self:auto!important;
  align-self:center!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status .cbb-flow-employee-pulse:before{
  content:''!important;
  position:absolute!important;
  inset:-5px!important;
  border-radius:999px!important;
  background:rgba(25,198,95,.10)!important;
  z-index:-1!important;
}
html body .cbb-flow-employee-standalone > * .cbb-flow-employee-card > .cbb-flow-employee-pulse{
  display:none!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
}
@media(max-width:640px){
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    grid-template-columns:42px minmax(0,1fr) 22px!important;
    height:66px!important;
    min-height:66px!important;
    padding:9px 14px!important;
    column-gap:12px!important;
  }
}

/* v20.4.374 - Medewerker selector: naam en status volledig zichtbaar */
html body .cbb-flow-employee-standalone{
  margin:10px 0 14px!important;
  overflow:visible!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-dropdown{
  overflow:visible!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 28px!important;
  align-items:center!important;
  min-height:86px!important;
  height:86px!important;
  max-height:none!important;
  padding:14px 18px!important;
  column-gap:16px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  grid-column:1!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  align-self:center!important;
  justify-self:start!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text{
  grid-column:2!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-content:start!important;
  row-gap:4px!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-name{
  display:block!important;
  font-size:22px!important;
  line-height:24px!important;
  font-weight:900!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:750!important;
  color:#7c7c7c!important;
  text-transform:none!important;
  letter-spacing:0!important;
  margin:0!important;
  padding:0!important;
  height:18px!important;
  min-height:18px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status .cbb-flow-employee-pulse{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 9px!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  min-height:9px!important;
  margin:0!important;
  transform:none!important;
  vertical-align:middle!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  grid-column:3!important;
  align-self:center!important;
  justify-self:end!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
}
@media(max-width:640px){
  html body .cbb-flow-employee-standalone{
    margin:9px 0 14px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    grid-template-columns:46px minmax(0,1fr) 24px!important;
    min-height:78px!important;
    height:78px!important;
    padding:12px 16px!important;
    column-gap:14px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
  html body .cbb-flow-employee-standalone .cbb-flow-employee-name{
    font-size:20px!important;
    line-height:23px!important;
  }
  html body .cbb-flow-employee-standalone .cbb-flow-employee-status{
    font-size:14px!important;
    line-height:17px!important;
    height:17px!important;
    min-height:17px!important;
  }
}

/* v20.4.376 - Medewerker selector: tekstblok definitief hoger en strak uitgelijnd */
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:72px!important;
  height:72px!important;
  max-height:72px!important;
  padding:10px 16px!important;
  gap:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  flex:0 0 46px!important;
  align-self:center!important;
  margin:0!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:translateY(-3px)!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-name,
html body .cbb-widget-shell .cbb-flow-employee-standalone .cbb-flow-employee-name,
html body .cbb-booking-form .cbb-flow-employee-standalone .cbb-flow-employee-name,
html body .cbb-form .cbb-flow-employee-standalone .cbb-flow-employee-name{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:20px!important;
  line-height:22px!important;
  font-weight:900!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status,
html body .cbb-widget-shell .cbb-flow-employee-standalone .cbb-flow-employee-status,
html body .cbb-booking-form .cbb-flow-employee-standalone .cbb-flow-employee-status,
html body .cbb-form .cbb-flow-employee-standalone .cbb-flow-employee-status{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:700!important;
  margin:0!important;
  padding:0!important;
  color:#777!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-transform:none!important;
  letter-spacing:0!important;
  transform:none!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-status .cbb-flow-employee-pulse,
html body .cbb-widget-shell .cbb-flow-employee-standalone .cbb-flow-employee-status .cbb-flow-employee-pulse,
html body .cbb-booking-form .cbb-flow-employee-standalone .cbb-flow-employee-status .cbb-flow-employee-pulse,
html body .cbb-form .cbb-flow-employee-standalone .cbb-flow-employee-status .cbb-flow-employee-pulse{
  position:relative!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  bottom:auto!important;
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  flex:0 0 8px!important;
  margin:0!important;
  transform:none!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  align-self:center!important;
  margin-left:auto!important;
}
@media(max-width:640px){
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    min-height:68px!important;
    height:68px!important;
    max-height:68px!important;
    padding:9px 14px!important;
    gap:11px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
  html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
  html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
  html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    flex-basis:42px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
  html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
  html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
  html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    transform:translateY(-4px)!important;
  }
  html body .cbb-flow-employee-standalone .cbb-flow-employee-name,
  html body .cbb-widget-shell .cbb-flow-employee-standalone .cbb-flow-employee-name,
  html body .cbb-booking-form .cbb-flow-employee-standalone .cbb-flow-employee-name,
  html body .cbb-form .cbb-flow-employee-standalone .cbb-flow-employee-name{
    font-size:19px!important;
    line-height:21px!important;
  }
  html body .cbb-flow-employee-standalone .cbb-flow-employee-status,
  html body .cbb-widget-shell .cbb-flow-employee-standalone .cbb-flow-employee-status,
  html body .cbb-booking-form .cbb-flow-employee-standalone .cbb-flow-employee-status,
  html body .cbb-form .cbb-flow-employee-standalone .cbb-flow-employee-status{
    font-size:13px!important;
    line-height:15px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
  }
}


/* v20.4.377 - Medewerker selector pijl definitief rechts uitlijnen */
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding-right:52px!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo,
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-photo{
  order:1!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text,
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-text{
  order:2!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin-right:0!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  order:99!important;
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:3!important;
}
html body .cbb-flow-employee-standalone .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-widget-shell .cbb-flow-employee-standalone .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-booking-form .cbb-flow-employee-standalone .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
html body .cbb-form .cbb-flow-employee-standalone .cbb-flow-employee-dropdown.is-open button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
  transform:translateY(-50%) rotate(180deg)!important;
}
html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-icon,
html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-icon,
html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-icon,
html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-icon{
  display:none!important;
}
@media(max-width:640px){
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit],
  html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit]{
    padding-right:48px!important;
  }
  html body .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
  html body .cbb-widget-shell .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
  html body .cbb-booking-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean,
  html body .cbb-form .cbb-flow-employee-standalone button.cbb-flow-employee-card[data-cbb-flow-employee-edit] > .cbb-flow-employee-chevron-clean{
    right:16px!important;
  }
}


/* v20.4.393 - Afspraak maken popup: onderknoppen altijd zichtbaar naast elkaar */
html body .cbb-manual-modal .cbb-manual-modal-actions,
html body .cbb-manual-modal-pro .cbb-manual-modal-actions,
html body #cbb-v2-planner-modal .cbb-manual-modal-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:50!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:10px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid #eef0f3!important;
  background:#fff!important;
}
html body .cbb-manual-modal .cbb-manual-modal-actions .button,
html body .cbb-manual-modal .cbb-manual-modal-actions button,
html body .cbb-manual-modal-pro .cbb-manual-modal-actions .button,
html body .cbb-manual-modal-pro .cbb-manual-modal-actions button,
html body #cbb-v2-planner-modal .cbb-manual-modal-actions .button,
html body #cbb-v2-planner-modal .cbb-manual-modal-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
html body .cbb-manual-modal .cbb-manual-booking-form,
html body .cbb-manual-modal-pro .cbb-manual-booking-form,
html body #cbb-v2-planner-modal .cbb-manual-booking-form,
html body #cbb-v2-planner-modal form[data-cbb-v2-panel],
html body .cbb-manual-modal-pro form[data-cbb-v2-panel]{
  padding-bottom:12px!important;
}
@media(max-width:782px){
  html body .cbb-manual-modal .cbb-manual-modal-actions,
  html body .cbb-manual-modal-pro .cbb-manual-modal-actions,
  html body #cbb-v2-planner-modal .cbb-manual-modal-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px 0 0!important;
    margin-top:10px!important;
    background:#fff!important;
  }
  html body .cbb-manual-modal .cbb-manual-modal-actions .button,
  html body .cbb-manual-modal .cbb-manual-modal-actions button,
  html body .cbb-manual-modal-pro .cbb-manual-modal-actions .button,
  html body .cbb-manual-modal-pro .cbb-manual-modal-actions button,
  html body #cbb-v2-planner-modal .cbb-manual-modal-actions .button,
  html body #cbb-v2-planner-modal .cbb-manual-modal-actions button{
    min-height:44px!important;
    height:44px!important;
    font-size:13px!important;
    padding:0 10px!important;
  }
}


/* v20.4.394 - Afspraak maken popup compacter + datum/tijd naast elkaar */
html body .cbb-manual-modal .cbb-manual-grid,
html body .cbb-manual-modal-pro .cbb-manual-grid,
html body #cbb-v2-planner-modal .cbb-manual-grid,
html body #cbb-v2-planner-modal .cbb-v2-item-grid,
html body .cbb-manual-modal-pro .cbb-v2-item-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 10px!important;
  align-items:start!important;
}
html body .cbb-manual-modal .cbb-manual-grid>label:not(.cbb-date-time-inline),
html body .cbb-manual-modal-pro .cbb-manual-grid>label:not(.cbb-date-time-inline),
html body #cbb-v2-planner-modal .cbb-manual-grid>label:not(.cbb-date-time-inline),
html body #cbb-v2-planner-modal .cbb-v2-item-grid>label:not(.cbb-date-time-inline),
html body .cbb-manual-modal-pro .cbb-v2-item-grid>label:not(.cbb-date-time-inline),
html body .cbb-manual-modal .cbb-manual-wide,
html body .cbb-manual-modal-pro .cbb-manual-wide,
html body #cbb-v2-planner-modal .cbb-manual-wide,
html body #cbb-v2-planner-modal .cbb-v2-wide,
html body .cbb-manual-modal-pro .cbb-v2-wide{
  grid-column:1/-1!important;
}
html body .cbb-manual-modal .cbb-date-time-inline,
html body .cbb-manual-modal-pro .cbb-date-time-inline,
html body #cbb-v2-planner-modal .cbb-date-time-inline{
  grid-column:auto!important;
  min-width:0!important;
}
html body .cbb-manual-modal label,
html body .cbb-manual-modal-pro label,
html body #cbb-v2-planner-modal label{
  gap:3px!important;
  line-height:1.15!important;
}
html body .cbb-manual-modal label span,
html body .cbb-manual-modal-pro label span,
html body #cbb-v2-planner-modal label span{
  font-size:9px!important;
  line-height:1.1!important;
  letter-spacing:.07em!important;
}
html body .cbb-manual-modal input,
html body .cbb-manual-modal select,
html body .cbb-manual-modal textarea,
html body .cbb-manual-modal-pro input,
html body .cbb-manual-modal-pro select,
html body .cbb-manual-modal-pro textarea,
html body #cbb-v2-planner-modal input,
html body #cbb-v2-planner-modal select,
html body #cbb-v2-planner-modal textarea{
  min-height:36px!important;
  height:36px!important;
  border-radius:8px!important;
  padding:0 9px!important;
  font-size:12px!important;
  line-height:1.15!important;
}
html body .cbb-manual-modal textarea,
html body .cbb-manual-modal-pro textarea,
html body #cbb-v2-planner-modal textarea{
  height:auto!important;
  min-height:62px!important;
  padding:8px!important;
}
html body .cbb-manual-modal .cbb-manual-booking-form,
html body .cbb-manual-modal-pro .cbb-manual-booking-form,
html body #cbb-v2-planner-modal .cbb-manual-booking-form,
html body #cbb-v2-planner-modal form[data-cbb-v2-panel],
html body .cbb-manual-modal-pro form[data-cbb-v2-panel]{
  padding-bottom:10px!important;
}
@media(max-width:782px){
  html body .cbb-manual-modal .cbb-manual-grid,
  html body .cbb-manual-modal-pro .cbb-manual-grid,
  html body #cbb-v2-planner-modal .cbb-manual-grid,
  html body #cbb-v2-planner-modal .cbb-v2-item-grid,
  html body .cbb-manual-modal-pro .cbb-v2-item-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
}

/* v20.4.417: oude afspraak-toevoegen popup styling/overrides verwijderd; nieuwe stijl staat alleen scoped in class-cbb-admin.php. */