/* Car Tint Planner in the shared Tinttotaal house style. Loaded only with the planner. */
body.tt-site #main-content .tt-planner-section {padding:0!important;background:#fff!important;scroll-margin-top:110px;}
body.tt-site #main-content .tt-planner-section .et_pb_code {margin:0!important;}
body.tt-site #page-container #main-content .tt-planner-intro {height:auto!important;min-height:0!important;padding:100px 100px!important;overflow:hidden!important;}
body.tt-site #page-container #main-content .tt-planner-intro>.et_pb_row {width:100%!important;max-width:1200px!important;padding:0!important;}
body.tt-site #page-container #main-content .tt-planner-intro .interly-breadcrumbs {margin-bottom:12px;}
body.tt-site #page-container #main-content .tt-planner-intro h1 {font-size:38px!important;line-height:1.15!important;}
body.tt-site #page-container #main-content .tt-planner-intro .et_pb_button_module_wrapper {margin-top:16px!important;}
.kliqer-ctp-shortcode .tt-planner-availability {font-size:16px!important;line-height:1.5!important;padding:16px 20px!important;margin:0 0 24px!important;background:#f5f5f5;border-left:3px solid #009c1d;color:#1d1d1d!important;}
.kliqer-ctp-shortcode .tt-planner-availability a {color:inherit;text-decoration:underline;}
@media(max-width:599px){body.tt-site #page-container #main-content .tt-planner-intro h1 {font-size:30px!important;}}
.kliqer-ctp-shortcode.ctp-form-brand {
  --ctp-primary: #1d1d1d !important;
  --ctp-accent: #b71368 !important;
  --ctp-button: #009c1d !important;
  --ctp-text: #1d1d1d !important;
  --ctp-bg: #fff !important;
  --ctp-font: 'Neue Haas Roman', Arial, sans-serif !important;
  --ctp-radius: 4px;
  --ctp-card-selected-bg: #edf7ef;
  --ctp-card-selected-text: #1d1d1d;
  --ctp-card-hover-border: #009c1d;
  --ctp-option-title-size: 16px !important;
  --ctp-option-label-size: 14px !important;
  font-synthesis: none;
}
body.tt-site #main-content .kliqer-ctp-shortcode .ctp-form-embed .container {width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:40px 20px!important;box-sizing:border-box;}
.kliqer-ctp-shortcode .ctp-form-embed .form-header { padding:0 0 32px; }
.kliqer-ctp-shortcode .ctp-form-embed .brand-logo { display:none!important; }
.kliqer-ctp-shortcode .ctp-form-embed h1,
.kliqer-ctp-shortcode .ctp-form-embed h2,
.kliqer-ctp-shortcode .ctp-form-embed h3,
.kliqer-ctp-shortcode .ctp-form-embed h4,
.kliqer-ctp-shortcode .ctp-form-embed button,
.kliqer-ctp-shortcode .ctp-form-embed .step,
.kliqer-ctp-shortcode .ctp-form-embed strong,
.kliqer-ctp-shortcode .ctp-form-embed .price-display {
  font-family:'Neue Haas Medium',Arial,sans-serif !important;
  font-weight:400 !important;
}
.kliqer-ctp-shortcode .ctp-form-embed .form-header h2 { font-size:36px !important; line-height:1.15 !important; padding-right:0 !important; margin-bottom:24px !important; letter-spacing:-.02em !important; }
.kliqer-ctp-shortcode .ctp-form-embed .form-content { padding:0; }
.kliqer-ctp-shortcode .ctp-form-embed .main-grid { grid-template-columns:minmax(0,1fr) 350px; gap:40px; }
.kliqer-ctp-shortcode .ctp-form-embed .main-grid > * { min-width:0; }
.kliqer-ctp-shortcode .ctp-form-embed .steps { gap:12px; }
.kliqer-ctp-shortcode .ctp-form-embed .step { border-radius:3px; padding:10px 14px; color:#626262; background:#f5f5f5; border-color:#e4e4e4; font-size:15px; }
.kliqer-ctp-shortcode .ctp-form-embed .step.active { background:#1d1d1d; color:white; border-color:#1d1d1d; }
.kliqer-ctp-shortcode .ctp-form-embed .step.completed { background:#edf7ef; color:#1d1d1d; border-color:#009c1d; }
.kliqer-ctp-shortcode .ctp-form-embed .step-number { border-radius:50%; }
.kliqer-ctp-shortcode .ctp-form-embed .car-display { border:0; border-radius:4px; background:#f5f5f5; box-shadow:none; padding:24px; margin-bottom:28px; }
.kliqer-ctp-shortcode .ctp-form-embed .car-display h3 { font-size:22px !important; text-align:left; }
.kliqer-ctp-shortcode .ctp-form-embed .car-layered { max-width:680px; }
.kliqer-ctp-shortcode .ctp-form-embed .option-group { margin-bottom:28px; }
.kliqer-ctp-shortcode .ctp-form-embed .option-group h3 { font-size:18px !important; margin-bottom:12px !important; }
.kliqer-ctp-shortcode .ctp-form-embed .option-grid { gap:8px; }
.kliqer-ctp-shortcode .ctp-form-embed .option-card { min-height:48px; border:1px solid #dedede; border-radius:3px; padding:12px 10px; box-shadow:none; background:white; color:#1d1d1d; }
.kliqer-ctp-shortcode .ctp-form-embed .option-card:hover { border-color:#009c1d; transform:none; }
.kliqer-ctp-shortcode .ctp-form-embed .option-card.selected { border-color:#009c1d !important; background:#edf7ef !important; color:#1d1d1d !important; box-shadow:inset 0 0 0 1px #009c1d; }
.kliqer-ctp-shortcode .ctp-form-embed .option-card.selected :is(div,span) { color:inherit !important; }
.kliqer-ctp-shortcode .ctp-form-embed .option-card:focus-within,
.kliqer-ctp-shortcode .ctp-form-embed :is(button,a,input,select,textarea,[tabindex]):focus-visible { outline:2px solid #b71368; outline-offset:3px; }
.kliqer-ctp-shortcode .ctp-form-embed .sidebar { background:#f5f5f5 !important; border:0 !important; border-radius:32px 0 0 0 !important; box-shadow:none !important; padding:24px !important; }
.kliqer-ctp-shortcode .ctp-form-embed .sidebar h3 { font-size:24px !important; margin-bottom:18px !important; }
.kliqer-ctp-shortcode .ctp-form-embed :is(.summary-block,.features) { border:0; border-radius:3px; padding:16px; }
.kliqer-ctp-shortcode .ctp-form-embed .ov-item strong { font-size:13px !important; text-transform:none; letter-spacing:0; color:#626262 !important; }
.kliqer-ctp-shortcode .ctp-form-embed .ov-item span { font-size:15px !important; color:#1d1d1d !important; }
.kliqer-ctp-shortcode .ctp-form-embed .overview-columns { gap:14px; }
.kliqer-ctp-shortcode .ctp-form-embed .price-display { background:#1d1d1d; color:white; border:0; border-radius:3px; font-size:28px !important; padding:16px !important; }
.kliqer-ctp-shortcode .ctp-form-embed .price-display small { font-family:'Neue Haas Roman',Arial,sans-serif; font-size:13px !important; }
.kliqer-ctp-shortcode .ctp-form-embed :is(.btn-next,.btn-prev) { min-height:48px; border-radius:0; padding:14px 20px; font-size:16px !important; line-height:1.3; box-shadow:none; text-transform:none; letter-spacing:0; }
.kliqer-ctp-shortcode .ctp-form-embed .btn-next { background:#009c1d !important; border-color:#009c1d; color:white !important; }
.kliqer-ctp-shortcode .ctp-form-embed .btn-next:hover { background:#00821a !important; transform:none; }
.kliqer-ctp-shortcode .ctp-form-embed .btn-next:disabled { background:#d9dfda !important; color:#5a635c !important; opacity:1; cursor:not-allowed; }
.kliqer-ctp-shortcode .ctp-form-embed .btn-prev { background:white !important; border:1px solid #1d1d1d; color:#1d1d1d !important; }
.kliqer-ctp-shortcode .ctp-form-embed .step-actions-bar :is(.btn-next,.btn-prev) { font-size:15px !important; min-height:48px; }
.kliqer-ctp-shortcode .ctp-form-embed .sidebar .step-actions-bar[data-state="step3"] #confirmBooking { white-space:normal; font-size:15px !important; }
.kliqer-ctp-shortcode .ctp-form-embed .feature { font-size:14px; color:#626262; }
.kliqer-ctp-shortcode .ctp-form-embed .checkmark { color:#009c1d; }
.kliqer-ctp-shortcode .ctp-form-embed :is(input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),select,textarea) { border:1px solid #d8d8d8; border-radius:3px; background:white; color:#1d1d1d; font-size:16px !important; min-height:48px; }
.kliqer-ctp-shortcode .ctp-form-embed :is(input,select,textarea):focus { border-color:#009c1d; }
.kliqer-ctp-shortcode .ctp-form-embed input[type="range"] { accent-color:#009c1d; }
.kliqer-ctp-shortcode .ctp-form-embed .ctp-preview-banner { margin:0 0 24px; border:1px solid #dfcda4; border-radius:3px; font-size:14px; font-weight:400; }
.tt-planner-mobile-bar { display:none; }
@media(max-width:1024px) {
 .kliqer-ctp-shortcode .ctp-form-embed .main-grid { grid-template-columns:1fr; gap:24px; }
 .kliqer-ctp-shortcode .ctp-form-embed .sidebar { margin-top:0; }
}
@media(max-width:768px) {
 body.tt-site #page-container #main-content .tt-planner-intro {padding:60px 24px!important;}
 body.tt-site .tt-inspiratie .slick-prev {left:0!important;}
 body.tt-site .tt-inspiratie .slick-next {right:0!important;}
 body.tt-site #main-content .kliqer-ctp-shortcode .ctp-form-embed .container { padding:24px 20px 110px!important; }
 .kliqer-ctp-shortcode .ctp-form-embed .form-header h2 { font-size:30px !important; padding-right:0 !important; margin-bottom:20px !important; }
 .kliqer-ctp-shortcode .ctp-form-embed .steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
 .kliqer-ctp-shortcode .ctp-form-embed .step { padding:10px 4px; gap:6px; font-size:12px; justify-content:center; flex-direction:column; text-align:center; }
 .kliqer-ctp-shortcode .ctp-form-embed .step span { display:block !important; line-height:1.25; }
 .kliqer-ctp-shortcode .ctp-form-embed .step-number { width:24px; height:24px; }
 .kliqer-ctp-shortcode .ctp-form-embed .car-display { padding:12px; margin-bottom:20px; }
 .kliqer-ctp-shortcode .ctp-form-embed .option-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .kliqer-ctp-shortcode .ctp-form-embed .option-card { font-size:14px !important; padding:12px 8px; }
 .kliqer-ctp-shortcode .ctp-form-embed .sidebar { padding:20px !important; border-radius:28px 0 0 0 !important; }
 .kliqer-ctp-shortcode .ctp-form-embed .overview-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tt-planner-mobile-bar:not([hidden]) { display:flex; align-items:center; gap:16px; position:fixed; z-index:99990; inset:auto 0 0; padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); background:white; color:#1d1d1d; border-top:1px solid #dedede; box-shadow:0 -4px 20px #0000000a; font:16px/1.3 'Neue Haas Roman',Arial,sans-serif; }
 .tt-planner-mobile-bar .tt-planner-mobile-price { flex:0 0 auto; font:22px/1.15 'Neue Haas Medium',Arial,sans-serif; }
 .tt-planner-mobile-bar small { display:block; font:12px/1.4 'Neue Haas Roman',Arial,sans-serif; color:#626262; }
 .tt-planner-mobile-bar button { flex:1; min-height:48px; padding:10px 14px; border:0; border-radius:0; background:#009c1d; color:white; font:16px/1.25 'Neue Haas Medium',Arial,sans-serif; cursor:pointer; }
 .tt-planner-mobile-bar button:focus-visible { outline:2px solid #b71368; outline-offset:3px; }
 .tt-planner-mobile-bar button:disabled { background:#d9dfda; color:#5a635c; cursor:not-allowed; }
 body.tt-planner-bar-visible .es-forms-floating-button { bottom:105px !important; }
}
@media(prefers-reduced-motion:reduce) {
 .kliqer-ctp-shortcode .ctp-form-embed *, .tt-planner-mobile-bar * { animation:none !important; transition:none !important; }
}
.kliqer-ctp-shortcode .ctp-form-embed .iti,
.kliqer-ctp-shortcode .ctp-form-embed .iti input { width:100%; }