@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;500;700&display=swap');
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button] {
    display: none;
}

/*
    Custom CSS
    Please make sure your CSS rules are 
    more particular / have higher priority
    than other page styles

*/

#time-settings {
    display: none;
}

/* Openingstijden verbergen */
div#sb_booking_company_time {
    display: none !important;
}

/* Titels op de inlog-/registratiepagina dikker maken */
#sb-main-container h3,
#sb-main-container .title,
#sb-main-container .section-title {
    font-weight: 700 !important;
}

#events h3 {
    /* add your css rule here */
}

#events p.duration,
#events div.duration {
    /* add your css rule here */
}

#events p.description,
#events div.description {
    /* add your css rule here */
}

#events .selectedEvent {
    /* add your css rule here */
}

#events input.reserve_time_btn {
    /* add your css rule here */
}

#events input.select_another_btn {
    /* add your css rule here */
}

#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
    /* add your css rule here */
}

#eventForm #save_button {
    /* add your css rule here */
}

div.ui-widget-content {
    /* add your css rule here */
}

div.ui-widget-header {
    /* add your css rule here */
}

#timeline-container table.timeline {
    /* add your css rule here */
}

.timeline td.not_worked_time {
    /* add your css rule here */
}

.timeline td.free_time {
    /* add your css rule here */
}

.timeline td.selected_time {
    /* add your css rule here */
}

.timeline td.reserved_time {
    /* add your css rule here */
}

div#loading {
    /* add your css rule here */
}

div#loading {
    /* add your css rule here */
}

#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
    /* add your css rule here */
}

/* Social media login Google/Facebook verbergen op boekingspagina - veilige versie */
#sb-main-container .client-login-bar .social,
#sb-main-container .client-login-bar .btn-bar__social-links {
    display: none !important;
}

/* Tekst boven social login verbergen */
#sb-main-container .client-login-bar .txt {
    display: none !important;
}

/* Ruimte boven inlogformulier verkleinen */
#sb-main-container .client-login-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Alleen Adres 2 verbergen, zonder Adres 1 te raken */
#sb-main-container .form-group:has(#sb_profile_x_address2),
#sb-main-container div:has(> #sb_profile_x_address2),
#sb-main-container label[for="sb_profile_x_address2"],
#sb-main-container #sb_profile_x_address2 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Titels 'Inloggen' en 'Account aanmaken' dikker en groter */
#sb-main-container #client-login .cap,
#sb-main-container #sb_sign_in_form .cap,
#sb-main-container .custom-form .cap {
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* Land-veld volledig verbergen */
#sb-main-container .form-group:has(#sb_profile_x_country_id),
#sb-main-container div:has(> #sb_profile_x_country_id),
#sb-main-container label[for="sb_profile_x_country_id"],
#sb-main-container #sb_profile_x_country_id {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ===== Aanvullende producten + verifieer-formulier - nette indeling =====
   v8 22-07-2026 - rij-kaarten + merk-blauw knop + strak formulier. Alleen visueel; raakt de boekwerking niet. */

/* --- Productblok: nette rijen --- */

























/* --- Verifieer-formulier: strak --- */
#sb-main-container #details .detail-step-wrap .title-main{display:none !important;}
#sb-main-container #sb_client_login_container{margin:0 0 12px 0 !important;}
#sb-main-container #sb_client_login_container .additional-info{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;font-size:12px !important;color:#9aa4ac !important;}
#sb-main-container #sb_client_login_container .additional-info .cap{font-size:12px !important;color:#9aa4ac !important;margin:0 !important;line-height:1.3 !important;}
#sb-main-container #sb_client_login_container #sb_sign_out_btn.btn{background:none !important;border:none !important;color:#19b2d8 !important;font-size:12px !important;padding:0 !important;border-radius:0 !important;text-decoration:underline !important;min-width:0 !important;box-shadow:none !important;height:auto !important;}
#sb-main-container #sb_additional_fields .form-group{margin-bottom:15px !important;}
#sb-main-container #sb_additional_fields .control-label{font-size:13px !important;font-weight:600 !important;color:#2c3339 !important;padding:0 0 5px 2px !important;margin:0 !important;text-align:left !important;float:none !important;width:100% !important;display:block !important;}
#sb-main-container #sb_additional_fields .form-control{border:1px solid #d7dee3 !important;border-radius:9px !important;height:44px !important;padding:10px 14px !important;background:#fff !important;box-shadow:none !important;font-size:14px !important;color:#2c3339 !important;width:100% !important;}
#sb-main-container #sb_additional_fields .form-control:focus{border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(36,178,216,.13) !important;outline:none !important;}
#sb-main-container #sb_additional_fields select.form-control{cursor:pointer !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'14'%20height%3D'9'%20viewBox%3D'0%200%2014%209'%3E%3Cpath%20d%3D'M1%201l6%206%206-6'%20fill%3D'none'%20stroke%3D'%237a848c'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") !important;background-repeat:no-repeat !important;background-position:right 15px center !important;padding-right:40px !important;}

@media (max-width:460px){
  
  
  
}

/* Header (bovenbalk) verbergen tijdens het boeken - blijft staan op de hoofdpagina */
body.platform-desktop #sb_main:not(.page--index) #header{display:none !important;}
body.platform-desktop #sb_main:not(.page--index) #main-buttons{display:none !important;}
body.platform-desktop #sb_main:not(.page--index) #main{margin-top:-70px !important;}

/* === Mobiele browser (NIET de geïnstalleerde webapp): grote cover-banner verbergen tijdens boeken (Claude) === */
@media (display-mode: browser){
  body:not(.platform-desktop) #sb_main:not(.page--index) #main-buttons{display:none !important;}
}
/* === einde mobiele cover === */

/* Inlog-formulier zelfde strakke stijl als account aanmaken */
#sb-main-container #sb_sign_in_form .form-group{margin-bottom:15px !important;}
#sb-main-container #sb_sign_in_form .form-group label:not([for="sb_remember_header"]){display:block !important;position:static !important;float:none !important;font-size:13px !important;font-weight:600 !important;color:#2c3339 !important;padding:0 0 5px 2px !important;margin:0 !important;text-align:left !important;width:100% !important;opacity:1 !important;visibility:visible !important;height:auto !important;clip:auto !important;overflow:visible !important;}
#sb-main-container #sb_sign_in_form .form-control{border:1px solid #d7dee3 !important;border-radius:9px !important;height:44px !important;padding:10px 14px !important;background:#fff !important;box-shadow:none !important;font-size:14px !important;color:#2c3339 !important;width:100% !important;}
#sb-main-container #sb_sign_in_form .form-control:focus{border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(36,178,216,.13) !important;outline:none !important;}

/* ===== Warme kaart-stijl login/account (A+B) - iconen, kaarten, merk-accent ===== */
#sb-main-container #sb_sign_in_form, #sb-main-container #sb_sign_up_form{background:#fff !important;background-image:none !important;border:1px solid #e7ebee !important;border-radius:14px !important;box-shadow:0 3px 14px rgba(20,50,70,.06) !important;padding:22px 20px !important;margin:0 0 16px 0 !important;min-height:0 !important;}
#sb-main-container #sb_sign_in_form .cap, #sb-main-container #sb_sign_up_form .cap{color:#1596b6 !important;font-weight:700 !important;font-size:16px !important;display:flex !important;align-items:center !important;gap:9px !important;margin:0 0 16px 0 !important;background:none !important;}
#sb-main-container #sb_sign_in_form .cap::before, #sb-main-container #sb_sign_up_form .cap::before{content:"" !important;display:inline-block !important;width:22px !important;height:3px !important;border-radius:3px !important;background:#fb5b23 !important;flex:0 0 auto !important;}
#sb-main-container #sb_sign_in_form .form-control, #sb-main-container #sb_sign_up_form .form-control{background:#f5f7f9 !important;border:1px solid #e4e9ec !important;transition:border-color .15s, box-shadow .15s, background .15s !important;}
#sb-main-container #sb_sign_in_form input.form-control, #sb-main-container #sb_sign_up_form input.form-control{background-repeat:no-repeat !important;background-position:14px center !important;background-size:16px !important;padding-left:40px !important;}
#sb-main-container #sb_sign_in_form input.form-control:focus, #sb-main-container #sb_sign_up_form input.form-control:focus{background-color:#fff !important;border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(36,178,216,.15) !important;}
#sb-main-container #sb_sign_in_form input[type=email].form-control, #sb-main-container #sb_sign_up_form input[type=email].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'4'%20width%3D'12'%20height%3D'9'%20rx%3D'1.5'%2F%3E%3Cpath%20d%3D'M2.4%205l5.6%204%205.6-4'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[type=password].form-control, #sb-main-container #sb_sign_up_form input[type=password].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3.5'%20y%3D'7'%20width%3D'9'%20height%3D'6.5'%20rx%3D'1.4'%2F%3E%3Cpath%20d%3D'M5.5%207V5.2a2.5%202.5%200%200%201%205%200V7'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[type=tel].form-control, #sb-main-container #sb_sign_up_form input[type=tel].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%202.6l1.9.4.8%202.1-1.1%201a7.6%207.6%200%200%200%203.5%203.5l1-1.1%202.1.8.4%201.9c0%20.6-.5%201.1-1.1%201.1A10.6%2010.6%200%200%201%203.9%204.7C3.9%204.1%204.4%202.6%205%202.6z'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[name="name"].form-control, #sb-main-container #sb_sign_up_form input[name="name"].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'8'%20cy%3D'5.3'%20r%3D'2.4'%2F%3E%3Cpath%20d%3D'M3.6%2013.4c0-2.4%202-3.9%204.4-3.9s4.4%201.5%204.4%203.9'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[name="address1"].form-control, #sb-main-container #sb_sign_up_form input[name="address1"].form-control, #sb-main-container #sb_sign_in_form input[name="address2"].form-control, #sb-main-container #sb_sign_up_form input[name="address2"].form-control, #sb-main-container #sb_sign_in_form input[name="zip"].form-control, #sb-main-container #sb_sign_up_form input[name="zip"].form-control, #sb-main-container #sb_sign_in_form input[name="city"].form-control, #sb-main-container #sb_sign_up_form input[name="city"].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M8%2014s4.3-3.8%204.3-6.7A4.3%204.3%200%201%200%203.7%207.3C3.7%2010.2%208%2014%208%2014z'%2F%3E%3Ccircle%20cx%3D'8'%20cy%3D'7'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form .btn, #sb-main-container #sb_sign_up_form .btn{background:#19b2d8 !important;border:0 !important;box-shadow:0 4px 12px rgba(36,178,216,.32) !important;border-radius:999px !important;transition:background .15s !important;}
#sb-main-container #sb_sign_in_form .btn:hover, #sb-main-container #sb_sign_up_form .btn:hover{background:#1596b6 !important;}

/* ===== Post-login verifieer-stap: zelfde warme kaart-stijl ===== */
#sb-main-container #details .detail-step #sb_additional_fields{background:#fff !important;border:1px solid #e7ebee !important;border-radius:14px !important;box-shadow:0 3px 14px rgba(20,50,70,.06) !important;padding:22px 20px !important;margin:0 0 16px 0 !important;}
#sb-main-container #details .detail-step #sb_additional_fields input[type=text].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'8'%20cy%3D'5.3'%20r%3D'2.4'%2F%3E%3Cpath%20d%3D'M3.6%2013.4c0-2.4%202-3.9%204.4-3.9s4.4%201.5%204.4%203.9'%2F%3E%3C%2Fsvg%3E") !important;background-repeat:no-repeat !important;background-position:14px center !important;background-size:16px !important;padding-left:40px !important;}

/* Samenvatting-paneel rechts als bijpassende witte kaart */
#sb-main-container #details .detail-step .right-side{background:#fff !important;border:1px solid #e7ebee !important;border-radius:14px !important;box-shadow:0 3px 14px rgba(20,50,70,.06) !important;}

/* verifieer-kaart niet toepassen op account-aanmaken (die zit al in een kaart) */
#sb-main-container #sb_sign_up_form #sb_additional_fields{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;}

/* ===== Meer kleur: blauwe omlijningen ===== */
#sb-main-container #sb_sign_in_form, #sb-main-container #sb_sign_up_form{border-color:#19b2d8 !important;}
#sb-main-container #details .detail-step #sb_additional_fields{border-color:#19b2d8 !important;}
#sb-main-container #details .detail-step .right-side{border-color:#19b2d8 !important;}

#sb-main-container #sb_sign_in_form .form-control, #sb-main-container #sb_sign_up_form .form-control{border-color:#9fd6ea !important;}
#sb-main-container #details .detail-step #sb_additional_fields .form-control{border-color:#9fd6ea !important;}

/* Titel "Inloggen of account aanmaken" verbergen */
#sb-main-container #client-login .title-main{display:none !important;}


/* === PWA "installeer webapp"-banner verbergen (Claude) === */
#pwa_install_banner,
#pwa_install_banner_ios,
#pwa_install_banner_old_chrome,
.pwa_install__banner{display:none !important;}
/* === einde PWA-banner === */

/* === Booking-flow op website laten lijken (Claude) === */
#sb-main-container h1, #sb-main-container h2, #sb-main-container h3, #sb-main-container h4,
#sb-main-container .title-main, #sb-main-container .cap, #sb-main-container .cap.full,
#sb-main-container .section-title, #sb-main-container .sb-title {
  font-family:'Poppins', sans-serif !important;
}
#sb-main-container #sb_sign_in_form .btn,
#sb-main-container #sb_sign_up_form .btn,
#sb-main-container .btn.custom,
#sb-main-container .btn,
#sb-main-container button.btn,
#sb-main-container a.btn {
  border-radius:4px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
/* === einde booking-flow website-look === */


/* === Google-reviews badge op afrekenstap (Claude) === */
#sb-main-container #footer::before{content:'';display:block;height:36px;width:360px;max-width:100%;margin:14px auto 6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='373' height='40' viewBox='0 0 373 40'%3E%3Cg transform='translate(8,9) scale(0.46)'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/g%3E%3Ctext x='38' y='27' font-family='Arial' font-size='19' fill='%23fbbc04' letter-spacing='1.5'%3E&%239733;&%239733;&%239733;&%239733;&%239733;%3C/text%3E%3Ctext x='154' y='27' font-family='Roboto,Arial,sans-serif' font-size='14' fill='%236b7680'%3E%3Ctspan font-family='Poppins,Arial' font-weight='700' font-size='17' fill='%232c3339'%3E4,9%3C/tspan%3E%3Ctspan dx='6'%3E&%23183; 250+ Google-beoordelingen%3C/tspan%3E%3C/text%3E%3C/svg%3E") no-repeat center;background-size:contain;}
#sb-main-container #footer > .container-fluid{display:none !important;}
/* Ingebouwd zwevend Google-kaartje verbergen (badge vervangt het) */
.google-reviews{display:none !important;}
/* === einde reviews badge === */

/* === Nieuwsbrief-optie verbergen (geen nieuwsbrief) === */
#sb-main-container .promotions-letter-flag{display:none !important;}
/* === einde nieuwsbrief === */


/* === Checkout: formulier bovenaan, upsell onderaan + compacte balken (Claude) === */
#sb_booking_content #details{display:flex !important;flex-direction:column !important;}
#sb_booking_content #details .detail-step-wrap{order:0 !important;}
#sb_booking_content #details #sb_attribute_container{order:1 !important;}




/* === einde checkout-indeling === */


/* === Alle "Lees meer"-info-popups uniform (Claude) === */
.modal[id^="service"].in,.modal[id^="category"].in,.modal[id^="product"].in,.modal[id^="provider"].in,.modal[id^="event"].in,.modal[id^="unit"].in,.modal[id^="performer"].in,.modal[id^="membership"].in,.modal[id^="package"].in,.modal[id^="addon"].in{display:flex !important;align-items:center !important;justify-content:center !important;padding:16px !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info){position:relative !important;background:#fff !important;border:1px solid #e7ebee !important;border-radius:16px !important;box-shadow:0 14px 44px rgba(20,50,70,.20) !important;padding:28px 24px 24px !important;max-width:440px !important;width:100% !important;margin:0 auto !important;max-height:86vh !important;overflow-y:auto !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .img-full,.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .no-img-block{display:none !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .tab-pd{padding:0 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .cap.full{font-size:19px !important;font-weight:700 !important;color:#1596b6 !important;line-height:1.25 !important;margin:0 34px 12px 0 !important;padding:0 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .txt.full{font-size:14.5px !important;line-height:1.55 !important;color:#2c3339 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .txt.full p{margin:0 0 8px 0 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .close-full-info{position:absolute !important;top:14px !important;right:14px !important;width:32px !important;height:32px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f2f5f7 !important;color:#6b7680 !important;cursor:pointer !important;transition:background .15s,color .15s !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .close-full-info:hover{background:#19b2d8 !important;color:#fff !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .close-full-info .fa-times{font-size:15px !important;line-height:1 !important;}
/* === einde alle info-popups === */


/* ===== MEESTER ANDREAS - Google-beoordeling bovenaan op mobiel (28-07-2026) + desktop (29-07-2026) ===== */
html body #sb-main-container #sb_content::before {content:'';display:block;height:36px;width:360px;max-width:100%;margin:14px auto 6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='373' height='40' viewBox='0 0 373 40'%3E%3Cg transform='translate(8,9) scale(0.46)'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/g%3E%3Ctext x='38' y='27' font-family='Arial' font-size='19' fill='%23fbbc04' letter-spacing='1.5'%3E&%239733;&%239733;&%239733;&%239733;&%239733;%3C/text%3E%3Ctext x='154' y='27' font-family='Roboto,Arial,sans-serif' font-size='14' fill='%236b7680'%3E%3Ctspan font-family='Poppins,Arial' font-weight='700' font-size='17' fill='%232c3339'%3E4,9%3C/tspan%3E%3Ctspan dx='6'%3E&%23183; 250+ Google-beoordelingen%3C/tspan%3E%3C/text%3E%3C/svg%3E") no-repeat center;background-size:contain;; position: sticky !important; top: var(--ma-header-h, 56px) !important; z-index: 60 !important; width: 100% !important; max-width: none !important; margin: 0 !important; height: 48px !important; background-color: #ffffff !important; background-size: auto 30px !important; background-position: center center !important; border-bottom: 1px solid #eceff1 !important; }
html body #sb-main-container #footer::before { display: none !important; }
html body.platform-desktop #sb-main-container #sb_content::before { top: 0 !important; }
/* ===== einde Google-beoordeling bovenaan ===== */


/* ===== MEESTER ANDREAS - huisstijl gelijk aan meesterandreas.nl (29-07-2026) ===== */
/* Lopende tekst: Roboto (zoals de site) */
#sb-main-container,#sb-main-container input,#sb-main-container select,#sb-main-container textarea,#sb-main-container .form-control,#sb-main-container p,#sb-main-container label,#sb-main-container #sb_booking_info .title-sub{font-family:'Roboto',Arial,Helvetica,sans-serif !important;}
#sb-main-container #sb_content{color:#252525 !important;}
/* Koppen, stappenbalk en knoppen: Poppins (zoals de site) */
#sb-main-container h1,#sb-main-container h2,#sb-main-container h3,#sb-main-container h4,#sb-main-container h5,#sb-main-container .title-main,#sb-main-container .title-small,#sb-main-container #sb_booking_info .title-small,#sb-main-container .btn,#sb-main-container #sb_book_btn,#sb-main-container #sb_multiple_booking_btn,#sb-main-container button{font-family:'Poppins',Arial,Helvetica,sans-serif !important;}
#sb-main-container h1,#sb-main-container h2,#sb-main-container h3,#sb-main-container h4,#sb-main-container .title-main{color:#212121 !important;}
#sb-main-container #sb_booking_info .title-small{font-weight:600 !important;color:#212121 !important;}
#sb-main-container #sb_booking_info .title-sub{color:#6b7280 !important;}
/* Hoofdknop oranje, zoals "Direct inboeken" op de site */
#sb-main-container #sb_book_btn.btn,#sb-main-container #sb_sign_in_form .btn,#sb-main-container #sb_sign_up_form .btn{background-color:#fb5b23 !important;background-image:none !important;border:1px solid #fb5b23 !important;color:#ffffff !important;border-radius:4px !important;font-weight:600 !important;font-size:16px !important;}
#sb-main-container #sb_book_btn.btn:hover,#sb-main-container #sb_sign_in_form .btn:hover,#sb-main-container #sb_sign_up_form .btn:hover{background-color:#e14e19 !important;border-color:#e14e19 !important;color:#ffffff !important;}
/* Tweede knop: blauwe outline */
#sb-main-container #sb_multiple_booking_btn.btn{background-color:#ffffff !important;color:#19b2d8 !important;border:1px solid #19b2d8 !important;border-radius:4px !important;font-weight:600 !important;font-size:16px !important;}
#sb-main-container #sb_multiple_booking_btn.btn:hover{background-color:#eaf7fc !important;color:#1596b6 !important;border-color:#1596b6 !important;}
/* Kaarten: zelfde rand, radius en schaduw als op de site */
#sb-main-container .category-item .tab,#sb-main-container .service-item .tab,#sb-main-container .provider-item .tab,#sb-main-container .tab.tab-col{border:1px solid #cfe8f0 !important;border-radius:14px !important;box-shadow:0 4px 14px rgba(26,178,216,.08) !important;overflow:hidden !important;}
#sb-main-container .tab.tab-col:hover{box-shadow:0 6px 20px rgba(26,178,216,.16) !important;}

#sb-main-container #sb_sign_in_form .form-control,#sb-main-container #sb_sign_up_form .form-control,#sb-main-container #details .detail-step #sb_additional_fields .form-control{border-color:#cfe8f0 !important;}
/* Hoofdknop 'Boek' op de startpagina ook oranje */
#sb-main-container #main-buttons .btn.book{background-color:#fb5b23 !important;border-color:#fb5b23 !important;}
#sb-main-container #main-buttons .btn.book:hover{background-color:#e14e19 !important;border-color:#e14e19 !important;}
#sb-main-container #main-buttons .btn.book a{color:#ffffff !important;}
/* 'Selecteer'-knoppen blauw in de sitekleur (keuze Andreas 29-07-2026) */
#sb-main-container .btn.select,#sb-main-container .btn.select.custom{background-color:#19b2d8 !important;background-image:none !important;border:1px solid #19b2d8 !important;color:#ffffff !important;border-radius:4px !important;font-weight:600 !important;font-size:16px !important;}
#sb-main-container .btn.select:hover,#sb-main-container .btn.select.custom:hover{background-color:#1596b6 !important;border-color:#1596b6 !important;color:#ffffff !important;}
/* ===== einde huisstijl gelijk aan meesterandreas.nl ===== */


/* ===== MEESTER ANDREAS - stap 2 huisstijl: tekstgrootte, tijdblokjes, velden, stappenbalk (29-07-2026) ===== */
/* Tekst op sitegrootte (site: Roboto 16px, regelhoogte 1.8) */
#sb-main-container #sb_content{font-size:16px !important;line-height:1.7 !important;}
/* Knoppen op sitegrootte */
#sb-main-container #sb_book_btn.btn,#sb-main-container .btn.select,#sb-main-container .btn.select.custom,#sb-main-container #sb_multiple_booking_btn.btn,#sb-main-container #sb_sign_in_form .btn,#sb-main-container #sb_sign_up_form .btn{font-size:18px !important;min-height:50px !important;line-height:48px !important;padding:0 30px !important;}
#sb-main-container #sb_book_btn.btn,#sb-main-container #sb_multiple_booking_btn.btn{padding:0 18px !important;}
/* Stappenbalk: actieve stap blauw met accentlijn, komende stappen grijs */
#sb-main-container #sb_booking_info .step_info_item .title-small{color:#9aa5ad !important;}
#sb-main-container #sb_booking_info .step_info_item.filled .title-small{color:#212121 !important;}
#sb-main-container #sb_booking_info .step_info_item.active .title-small{color:#19b2d8 !important;}
#sb-main-container #sb_booking_info .step_info_item.active{box-shadow:inset 0 -4px 0 0 #19b2d8 !important;}
/* Tijdblokjes als witte pillen met sitrand */
#sb-main-container .slot a.sb-cell{background-color:#ffffff !important;border:1px solid #cfe8f0 !important;border-radius:6px !important;color:#19b2d8 !important;font-family:'Poppins',Arial,Helvetica,sans-serif !important;font-weight:600 !important;font-size:16px !important;box-shadow:0 2px 6px rgba(26,178,216,.06) !important;}
#sb-main-container .slot a.sb-cell:hover{background-color:#19b2d8 !important;border-color:#19b2d8 !important;color:#ffffff !important;}
/* Gekozen dag in de sitekleur */
#sb-main-container .date.selected,#sb-main-container .selected .date{background-color:#19b2d8 !important;color:#ffffff !important;}
/* Formuliervelden zoals op de site */
#sb-main-container .form-control{background-color:#ffffff !important;border:1px solid #cfe8f0 !important;border-radius:4px !important;font-size:16px !important;color:#252525 !important;}
#sb-main-container .form-control:focus{border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(25,178,216,.12) !important;}
/* ===== einde stap 2 huisstijl ===== */


/* ===== MEESTER ANDREAS - merkbalk met logo ook zichtbaar tijdens boeken op desktop (29-07-2026) ===== */
body.platform-desktop #sb_main:not(.page--index) #header{display:block !important;}
body.platform-desktop #sb_main:not(.page--index) #main{margin-top:0 !important;}
html body.platform-desktop #sb-main-container #sb_content::before{top:var(--ma-header-h,70px) !important;}
/* ===== einde merkbalk op desktop ===== */


/* ===== MEESTER ANDREAS - witruimte tussen titelband en boekstappen kleiner (29-07-2026) ===== */
html body #ma-hero{margin-bottom:0 !important;}
html body #ma-hero[style*="block"] + #sb-timeline > *:first-child{margin-top:16px !important;}
/* ===== einde witruimte ===== */


/* ===== MEESTER ANDREAS - titelband verbergen in de geinstalleerde webapp (29-07-2026) ===== */
@media (display-mode: standalone){
  html body #ma-hero{display:none !important;}
  html body #ma-hero[style*="block"] + #sb-timeline > *:first-child{margin-top:50px !important;}
  /* Google-balk niet vastzetten in de app: liep door de menubalk heen */
  html body #sb-main-container #sb_content::before{position:static !important;top:auto !important;z-index:1 !important;}
}
/* ===== einde webapp ===== */


/* Fix: verborgen telefoonveld-spiegel niet heropenen (landcode-fout) */
#sb-main-container #sb_additional_fields input.form-control[style*="width: 0px"] {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
}


/* Laadscherm tijdens opbouwen pagina */
@supports selector(body:has(div)) {
  body:not(:has(#sb-main-container))::before {
    content: "Even geduld \2014  de pagina wordt geladen\2026";
    position: fixed; inset: 0; z-index: 9999;
    display: flex; align-items: center; justify-content: center;
    background: #eaf7fb; color: #1a8aa8;
    font: 600 18px/1.4 Poppins, Roboto, Arial, sans-serif;
    text-align: center; padding: 20px;
  }
  body:not(:has(#sb-main-container))::after {
    content: ""; position: fixed; z-index: 10000;
    top: calc(50% + 44px); left: 50%; width: 36px; height: 36px; margin-left: -18px;
    border: 4px solid #c9e9f4; border-top-color: #24b2d8; border-radius: 50%;
    animation: ma-spin .9s linear infinite;
  }
  @keyframes ma-spin { to { transform: rotate(360deg); } }
}

/* ============================================================
   KLANTSTAP OP MOBIEL (max 767px)
   Inloggen staat als compact kaartje boven het registratie-
   formulier: alleen de kop en het e-mailveld. Zodra dat veld
   wordt gebruikt, schuiven wachtwoord en de knop open.
   Bewust simpel: er wordt alleen verborgen wat NA het eerste
   veld komt, dus het eerste veld blijft altijd zichtbaar, ook
   als SimplyBook zijn HTML wijzigt.
   Laatst bijgewerkt 28-08-2026.
   ============================================================ */
@media (max-width: 767px) {

  /* Inlogblok als compacte kaart */
  #client-login #sb_sign_in_form {
    margin: 0 0 26px !important;
    padding: 14px 16px !important;
    border: 1px solid #e7ebee;
    border-radius: 14px;
  }
  #client-login #sb_sign_in_form .cap { margin-bottom: 8px !important; }
  #client-login #sb_sign_in_form .form-group { margin-bottom: 0; }

  /* wachtwoord en knop verborgen tot het e-mailveld wordt gebruikt */
  #client-login #sb_sign_in_form .form-group + .form-group,
  #client-login #sb_sign_in_form .button-wrapper {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    transition: max-height .28s ease, opacity .2s ease, margin .28s ease;
  }
  #client-login #sb_sign_in_form:focus-within .form-group + .form-group,
  #client-login #sb_sign_in_form:focus-within .button-wrapper,
  #client-login #sb_sign_in_form:hover .form-group + .form-group,
  #client-login #sb_sign_in_form:hover .button-wrapper {
    max-height: 400px;
    opacity: 1;
    margin-top: 14px;
  }
}


/* FIX aantalteller producten (17-09-2026) - het onzichtbare klikvlak over de productkaart lag over de plus/min-knopjes, waardoor het aantal op 1 bleef staan; verwijder dit blok om terug te draaien */



/* ===== MEESTER ANDREAS - aantalknopjes upsell groter en verder van de knop Voeg toe (17-09-2026). Waren 18x24 px en stonden 8 px onder de knop; nu 40x38 px met 18 px afstand. Verwijder dit blok om terug te draaien ===== */






/* ===== einde aantalknopjes ===== */

/* ===== MEESTER ANDREAS - kop Misschien ook leuk weer tonen (18-09-2026). Het upsellblok staat op mobiel binnen .detail-step-wrap, waar de regel die de kop Gelieve uw details te verifieren verbergt hem ook meepakte ===== */

/* ===== einde kop Misschien ook leuk ===== */

/* ===== MEESTER ANDREAS - regel Onthoud me netjes uitlijnen (18-09-2026). Het label werd door de eerdere regel die labels boven de velden zet een blok, waardoor het op mobiel half buiten de kaart viel. Nu een vaste rij_ vinkje links, tekst ernaast. Verwijder dit blok om terug te draaien ===== */
#sb-main-container #client-login .form-group.remember-me{display:flex !important;align-items:center !important;gap:8px !important;margin:14px 0 0 0 !important;padding:0 !important;text-align:left !important;flex-wrap:nowrap !important;}
#sb-main-container #client-login .form-group.remember-me .custom-checkbox{margin:0 !important;flex:0 0 auto !important;}
#sb-main-container #client-login .form-group.remember-me label.control-label,#sb-main-container #client-login .form-group.remember-me label[for="sb_remember"]{display:inline !important;float:none !important;position:static !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;text-indent:0 !important;white-space:normal !important;overflow:visible !important;text-align:left !important;font-size:13px !important;font-weight:400 !important;color:#2c3339 !important;}
/* ===== einde Onthoud me ===== */

/* ===== MEESTER ANDREAS - extras compacter en teller pas na toevoegen (18-09-2026). Kaartjes kleiner gemaakt (afbeelding 52 naar 40 px, padding 12 naar 8 px, titel 15 naar 14 px) en het aantalvak staat pas in beeld zodra het product is toegevoegd. Verwijder dit blok om terug te draaien ===== */











/* ===== einde extras compacter ===== */

/* ===== MEESTER ANDREAS - knop Voeg toe mag niet meer afgesneden worden (18-09-2026). De tekstkolom krimpt nu en de knop houdt zijn maat_ op smalle schermen werd de knop anders uit de kaart geduwd en door overflow_hidden afgekapt ===== */







/* ===== einde knop niet afsnijden ===== */

/* ===== MEESTER ANDREAS - knopvak rechts uitlijnen (18-09-2026). Het vak om de knop Voeg toe was 80 px breed terwijl de knop 53 px is_ die 27 px loze ruimte stond rechts van de knop, waardoor de knop bij bredere tekst (telefoon) uit het vak liep. Nu staat de knop tegen de rechterkant en zit de speling links. ===== */




/* ===== einde knopvak rechts uitlijnen ===== */

/* ===== MEESTER ANDREAS - toegevoegd_knop zegt Toegevoegd (18-09-2026). Stond nog Voeg toe terwijl het product al in de boeking zat_ kleur was al groen. Verwijder dit blok om terug te draaien ===== */


/* ===== einde toegevoegd_knop ===== */


/* ===== MEESTER ANDREAS - alle styling van het extras-blok geldt alleen in een gewone browser, niet in de op het beginscherm geinstalleerde webapp (18-09-2026). Die webapp gebruikt een ander sjabloon waarin deze regels rommel maakten. ===== */
@media (display-mode: browser){
#sb-main-container #sb_booking_content #details #sb_product_container .title-main{font-size:16px !important;font-weight:600 !important;margin-bottom:12px !important;text-align:center !important;}
#sb-main-container #sb_booking_content #details #sb_product_container{margin-bottom:14px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .products-items-list{display:block !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item{width:100% !important;max-width:100% !important;flex:none !important;float:none !important;padding:0 !important;margin:0 0 10px 0 !important;height:auto !important;min-height:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{display:block !important;padding:12px !important;border:1px solid #e7ebee !important;border-radius:11px !important;background:#fff !important;height:auto !important;box-shadow:none !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .excerpt-info{display:flex !important;flex-direction:row !important;align-items:center !important;gap:13px !important;flex:1 1 auto !important;min-width:0 !important;height:auto !important;position:static !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader{flex:0 0 52px !important;width:52px !important;height:52px !important;max-height:52px !important;min-height:0 !important;border-radius:9px !important;overflow:hidden !important;padding:0 !important;position:relative !important;margin:0 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader .img,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader .user.img,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader .default.img{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:52px !important;height:52px !important;max-height:52px !important;margin:0 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader img,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader svg{width:52px !important;height:52px !important;max-height:52px !important;object-fit:cover !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab-pd{flex:1 1 auto !important;min-width:0 !important;padding:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content{width:auto !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .cap{font-size:15px !important;font-weight:600 !important;height:auto !important;margin:0 0 2px 0 !important;line-height:1.25 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .read-more{position:static !important;display:inline-block !important;margin:0 0 0 8px !important;font-size:12.5px !important;width:auto !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .bar-service{height:auto !important;margin:3px 0 0 0 !important;min-height:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .bar-service .clearfix{height:auto !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .badge.right{position:static !important;float:none !important;display:inline-block !important;background:none !important;box-shadow:none !important;color:#2c3339 !important;font-size:14px !important;font-weight:700 !important;padding:0 !important;width:auto !important;height:auto !important;transform:none !important;border-radius:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .badge.right::before,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .badge.right::after{content:none !important;display:none !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num{flex:0 0 auto !important;width:auto !important;padding:0 !important;margin:0 !important;height:auto !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num .wrapper{width:auto !important;height:auto !important;display:flex !important;align-items:center !important;gap:8px !important;position:relative !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check{position:absolute !important;-webkit-appearance:none !important;appearance:none !important;opacity:0 !important;width:100% !important;height:100% !important;left:0 !important;top:0 !important;margin:0 !important;cursor:pointer !important;z-index:2 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label{position:relative !important;cursor:pointer !important;background:#19b2d8 !important;color:#fff !important;padding:9px 16px !important;border-radius:999px !important;font-weight:600 !important;font-size:13px !important;height:auto !important;margin:0 !important;white-space:nowrap !important;text-align:center !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label:hover{background:#1596b6 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label::before,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label::after{display:none !important;content:none !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check:checked ~ .product-label,#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check:checked + .product-label{background:#3aa76d !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{border-color:#19b2d8 !important;}
#sb_booking_content #details #sb_product_container{order:2 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item{width:430px !important;max-width:100% !important;margin:0 auto 10px !important;float:none !important;}
#sb_product_container .product-item .tab.tab-col{padding-top:6px !important;padding-bottom:6px !important;}
#sb_product_container .product-item .user-img, #sb_product_container .product-item img{width:40px !important;height:40px !important;}
#sb-main-container #sb_sign_in_form,#sb-main-container #sb_sign_up_form,#sb-main-container #details .detail-step #sb_additional_fields,#sb-main-container #details .detail-step .right-side,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{border-color:#cfe8f0 !important;box-shadow:0 4px 14px rgba(26,178,216,.08) !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .active-count,
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .sb-group-counter-input-div{position:relative !important;z-index:5 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .plus,
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .minus{z-index:6 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .active-count{width:96px !important;height:80px !important;margin-top:10px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .sb-group-counter-input-div{height:80px !important;line-height:80px !important;font-weight:600 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .plus,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .minus{width:40px !important;height:38px !important;left:56px !important;border:1px solid #e7ebee !important;border-radius:10px !important;background:#f5f7f9 !important;box-sizing:border-box !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .plus{top:0 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .minus{top:42px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .plus::before,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .minus::after{top:50% !important;left:50% !important;right:auto !important;bottom:auto !important;margin:-4px 0 0 -8px !important;}
#sb-main-container #details .detail-step-wrap #sb_product_container .title-main{display:block !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{padding:8px !important;border-radius:10px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .excerpt-info{gap:9px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader{flex:0 0 40px !important;width:40px !important;height:40px !important;max-height:40px !important;border-radius:8px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .cap{font-size:14px !important;margin:0 !important;line-height:1.2 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .read-more{font-size:12px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .bar-service{font-size:13px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label{padding:7px 14px !important;font-size:13px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .products-items-list .product-item{margin-bottom:8px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num .active-count{display:none !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num input.c-item.check:checked ~ .active-count{display:block !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .title-main{margin-bottom:8px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{overflow:visible !important;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .excerpt-info{flex-wrap:nowrap !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab-pd{flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .cap{overflow-wrap:anywhere !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num{flex:0 0 auto !important;width:auto !important;max-width:none !important;overflow:visible !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num .wrapper{justify-content:flex-end !important;flex-wrap:nowrap !important;overflow:visible !important;width:auto !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label{white-space:nowrap !important;flex:0 0 auto !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num{display:flex !important;justify-content:flex-end !important;align-items:center !important;min-width:0 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num .wrapper{width:auto !important;max-width:100% !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label{max-width:100% !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab-pd{overflow:visible !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check:checked + .product-label{font-size:0 !important;line-height:normal !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:36px !important;box-sizing:border-box !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check:checked + .product-label::after{content:"Toegevoegd \2713" !important;display:inline-block !important;position:static !important;vertical-align:middle !important;font-size:13px !important;line-height:22px !important;width:auto !important;height:auto !important;min-width:0 !important;max-width:none !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;line-height:normal !important;color:#ffffff !important;white-space:nowrap !important;}
}
@media (display-mode: browser) and (max-width:460px){
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .excerpt-info{gap:10px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .cap{font-size:14px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label{padding:8px 12px !important;font-size:12.5px !important;}
}