/* ctc-vfs-frontend */
:root{--ctc-vfs-primary: #0089cf;--ctc-vfs-primary-hover: #006da6;--ctc-vfs-text: #333;--ctc-vfs-text-light: #666;--ctc-vfs-border: #ddd;--ctc-vfs-bg: #fff;--ctc-vfs-bg-light: #f9f9f9;--ctc-vfs-success: #28a745;--ctc-vfs-error: #dc3545;--ctc-vfs-font-base: 16px;--ctc-vfs-font-title: 24px;--ctc-vfs-font-tile: 15px;--ctc-vfs-font-description: 14px;--ctc-vfs-font-button: 16px;--ctc-vfs-font-input: 16px;}.ctc-vfs-form-wrapper{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;font-size: var(--ctc-vfs-font-base) !important;color: var(--ctc-vfs-text) !important;line-height: 1.5 !important;}.ctc-vfs-form-wrapper *{box-sizing: border-box;}.ctc-vfs-form-wrapper, .ctc-vfs-form-wrapper p, .ctc-vfs-form-wrapper span, .ctc-vfs-form-wrapper div, .ctc-vfs-form-wrapper label{font-family: inherit !important;line-height: 1.5 !important;}.ctc-vfs-form-header{display: flex;align-items: center;gap: 12px;margin-bottom: 18px;}.ctc-vfs-form-header-logo img{display: block;height: 40px;width: auto;max-width: 120px;object-fit: contain;}.ctc-vfs-form-header-text{display: flex;flex-direction: column;line-height: 1.25;}.ctc-vfs-form-header-title{font-weight: 700;font-size: 16px;color: var(--ctc-vfs-text);}.ctc-vfs-form-header-subtitle{font-size: 13px;color: var(--ctc-vfs-text-light, #6b7280);margin-top: 2px;}.ctc-vfs-usp-footer{list-style: none;margin: 16px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px 18px;justify-content: center;}.ctc-vfs-usp-item{display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: var(--ctc-vfs-text-light, #6b7280);line-height: 1.3;}.ctc-vfs-usp-item .ctc-vfs-usp-icon{font-size: 14px;color: var(--ctc-vfs-primary);flex-shrink: 0;}.ctc-vfs-form-inner{width: 100%;max-width: 700px;min-width: 320px;margin: 0 auto;padding: 30px;background: var(--ctc-vfs-bg);border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}.ctc-vfs-mode-popup .ctc-vfs-form-inner{width: 700px;}.ctc-vfs-mode-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 10px;box-sizing: border-box;}.ctc-vfs-mode-popup.ctc-vfs-hidden{display: none;}.ctc-vfs-popup-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}.ctc-vfs-popup-container{position: relative;width: 700px;max-width: 100%;max-height: 90vh;overflow-y: auto;overflow-x: hidden;z-index: 1;box-sizing: border-box;}.ctc-vfs-popup-close{position: absolute;top: 15px;right: 15px;width: 32px;height: 32px;border: none;background: var(--ctc-vfs-bg-light);border-radius: 50%;font-size: 24px;line-height: 1;cursor: pointer;color: var(--ctc-vfs-text-light);z-index: 10;}.ctc-vfs-popup-close:hover{background: var(--ctc-vfs-border);color: var(--ctc-vfs-text);}.ctc-vfs-progress{margin-bottom: 30px;}.ctc-vfs-progress-steps{text-align: center;font-size: 14px;color: var(--ctc-vfs-text-light);margin-bottom: 10px;}.ctc-vfs-current-step{font-weight: 700;color: var(--ctc-vfs-primary);font-size: 18px;}.ctc-vfs-progress-bar{height: 6px;background: var(--ctc-vfs-bg-light);border-radius: 3px;overflow: hidden;}.ctc-vfs-progress-fill{height: 100%;background: var(--ctc-vfs-primary);border-radius: 3px;transition: width 0.3s ease;}.ctc-vfs-breadcrumb{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;margin-top: 15px;font-size: calc(var(--ctc-vfs-font-description) - 1px) !important;}.ctc-vfs-breadcrumb-item{color: var(--ctc-vfs-text-light);padding: 4px 10px;border-radius: 20px;background: var(--ctc-vfs-bg-light);}.ctc-vfs-breadcrumb-item.active{background: var(--ctc-vfs-primary);color: #fff;}.ctc-vfs-breadcrumb-item.completed{background: var(--ctc-vfs-success);color: #fff;}.ctc-vfs-breadcrumb-separator{color: var(--ctc-vfs-border);}.ctc-vfs-step{display: none;}.ctc-vfs-step.active{display: block;animation: ctcVfsFadeIn 0.3s ease;}@keyframes ctcVfsFadeIn{from{opacity: 0;transform: translateY(10px);}to{opacity: 1;transform: translateY(0);}}.ctc-vfs-step-title, .ctc-vfs-form-wrapper .ctc-vfs-step-title, .ctc-vfs-form-wrapper h2.ctc-vfs-step-title{font-size: var(--ctc-vfs-font-title) !important;font-weight: 700 !important;margin: 0 0 10px !important;padding: 0 !important;color: var(--ctc-vfs-text) !important;text-transform: none !important;letter-spacing: normal !important;line-height: 1.3 !important;}.ctc-vfs-step-description, .ctc-vfs-form-wrapper .ctc-vfs-step-description, .ctc-vfs-form-wrapper p.ctc-vfs-step-description{font-size: var(--ctc-vfs-font-description) !important;color: var(--ctc-vfs-text-light) !important;margin: 0 0 25px !important;text-transform: none !important;letter-spacing: normal !important;}.ctc-vfs-step-content{margin-bottom: 20px;min-width: 0;overflow-x: hidden;}.ctc-vfs-tiles{display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 15px;min-width: 0;}.ctc-vfs-tile{cursor: pointer;min-width: 0;}.ctc-vfs-tile-input{position: absolute;opacity: 0;pointer-events: none;}.ctc-vfs-tile-content{display: flex;flex-direction: column;align-items: center;padding: 20px 15px;background: var(--ctc-vfs-bg-light);border: 2px solid var(--ctc-vfs-border);border-radius: 12px;text-align: center;transition: all 0.2s;position: relative;min-width: 0;}.ctc-vfs-tile:hover .ctc-vfs-tile-content{border-color: var(--ctc-vfs-primary);background: #fff;}.ctc-vfs-tile-input:checked + .ctc-vfs-tile-content{border-color: var(--ctc-vfs-primary);background: rgba(0, 137, 207, 0.05);box-shadow: 0 0 0 3px rgba(0, 137, 207, 0.15);}.ctc-vfs-tile-image{width: 80px;height: 80px;margin-bottom: 12px;border-radius: 8px;overflow: hidden;}.ctc-vfs-tile-image img{width: 100%;height: 100%;object-fit: cover;}.ctc-vfs-tile-title, .ctc-vfs-form-wrapper .ctc-vfs-tile-title{font-weight: 600 !important;font-size: var(--ctc-vfs-font-tile) !important;color: var(--ctc-vfs-text) !important;margin: 0 0 4px 0 !important;padding: 0 !important;word-wrap: break-word;overflow-wrap: break-word;word-break: break-word;hyphens: auto;max-width: 100%;min-width: 0;text-transform: none !important;letter-spacing: normal !important;line-height: 1.3 !important;}.ctc-vfs-tile-description{font-size: calc(var(--ctc-vfs-font-description) - 1px) !important;color: var(--ctc-vfs-text-light);word-wrap: break-word;overflow-wrap: break-word;max-width: 100%;}.ctc-vfs-tile-check{position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;background: var(--ctc-vfs-primary);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;opacity: 0;transform: scale(0);transition: all 0.2s;}.ctc-vfs-tile-input:checked + .ctc-vfs-tile-content .ctc-vfs-tile-check{opacity: 1;transform: scale(1);}.ctc-vfs-input, .ctc-vfs-textarea, .ctc-vfs-select, .ctc-vfs-date{width: 100%;padding: 12px 16px;border: 2px solid var(--ctc-vfs-border);border-radius: 8px;font-size: var(--ctc-vfs-font-input) !important;font-family: inherit;transition: border-color 0.2s;}.ctc-vfs-input:focus, .ctc-vfs-textarea:focus, .ctc-vfs-select:focus, .ctc-vfs-date:focus{outline: none;border-color: var(--ctc-vfs-primary);}.ctc-vfs-textarea{resize: vertical;min-height: 100px;}.ctc-vfs-radio-group{display: flex;flex-direction: column;gap: 10px;}.ctc-vfs-radio-item{display: flex;align-items: center;gap: 10px;padding: 12px 16px;background: var(--ctc-vfs-bg-light);border: 2px solid var(--ctc-vfs-border);border-radius: 8px;cursor: pointer;transition: all 0.2s;font-size: var(--ctc-vfs-font-base) !important;}.ctc-vfs-radio-item:hover{border-color: var(--ctc-vfs-primary);}.ctc-vfs-radio-item input:checked + .ctc-vfs-radio-label{color: var(--ctc-vfs-primary);font-weight: 600;}.ctc-vfs-radio-item:has(input:checked){border-color: var(--ctc-vfs-primary);background: rgba(0, 137, 207, 0.05);}.ctc-vfs-navigation{display: flex;justify-content: space-between;gap: 15px;margin-top: 30px;padding-top: 20px;border-top: 1px solid var(--ctc-vfs-border);}.ctc-vfs-btn{display: inline-flex;align-items: center;gap: 8px;padding: 14px 28px;border: none;border-radius: 8px;font-size: var(--ctc-vfs-font-button) !important;font-weight: 600;cursor: pointer;transition: all 0.2s;}.ctc-vfs-btn-back{background: var(--ctc-vfs-bg-light);color: var(--ctc-vfs-text-light);}.ctc-vfs-btn-back:hover{background: var(--ctc-vfs-border);color: var(--ctc-vfs-text);}.ctc-vfs-btn-primary{background: var(--ctc-vfs-primary);color: #fff;margin-left: auto;}.ctc-vfs-btn-primary:hover{background: var(--ctc-vfs-primary-hover);}.ctc-vfs-btn:disabled{opacity: 0.5;cursor: not-allowed;}.ctc-vfs-btn-icon{font-size: 18px;}.ctc-vfs-field-error{color: var(--ctc-vfs-error);font-size: 14px;margin-top: 8px;}.ctc-vfs-step.has-error .ctc-vfs-input, .ctc-vfs-step.has-error .ctc-vfs-textarea, .ctc-vfs-step.has-error .ctc-vfs-select{border-color: var(--ctc-vfs-error);}.ctc-vfs-cf7-container{margin-top: 20px;}.ctc-vfs-cf7-container .wpcf7-form{max-width: 100%;}.ctc-vfs-cf7-container .wpcf7-form p{margin-bottom: 15px;}.ctc-vfs-cf7-container .wpcf7-form input[type="text"], .ctc-vfs-cf7-container .wpcf7-form input[type="email"], .ctc-vfs-cf7-container .wpcf7-form input[type="tel"], .ctc-vfs-cf7-container .wpcf7-form textarea{width: 100%;padding: 12px 16px;border: 2px solid var(--ctc-vfs-border);border-radius: 8px;font-size: var(--ctc-vfs-font-input) !important;font-family: inherit;}.ctc-vfs-cf7-container .wpcf7-form input:focus, .ctc-vfs-cf7-container .wpcf7-form textarea:focus{outline: none;border-color: var(--ctc-vfs-primary);}.ctc-vfs-cf7-container .wpcf7-submit{display: inline-flex;align-items: center;gap: 8px;padding: 14px 28px;background: var(--ctc-vfs-primary);color: #fff;border: none;border-radius: 8px;font-size: var(--ctc-vfs-font-button) !important;font-weight: 600;cursor: pointer;transition: all 0.2s;}.ctc-vfs-cf7-container .wpcf7-submit:hover{background: var(--ctc-vfs-primary-hover);}.ctc-vfs-success-message{text-align: center;padding: 32px 20px;}.ctc-vfs-success-icon{width: 64px;height: 64px;margin: 0 auto 16px;background: var(--ctc-vfs-success);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 32px;}.ctc-vfs-success-message h3, .ctc-vfs-success-title{font-size: 24px;margin: 0 0 8px;color: var(--ctc-vfs-text);}.ctc-vfs-success-text{color: var(--ctc-vfs-text-light);margin: 0 auto 20px;max-width: 480px;}.ctc-vfs-success-text p{margin: 0 0 8px;}.ctc-vfs-success-text p:last-child{margin-bottom: 0;}.ctc-vfs-success-summary{text-align: left;max-width: 480px;margin: 0 auto 20px;padding: 14px 18px;background: var(--ctc-vfs-bg-light);border: 1px solid var(--ctc-vfs-border);border-radius: 8px;}.ctc-vfs-success-summary-title{font-size: 13px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.4px;color: var(--ctc-vfs-text-light);margin: 0 0 8px;}.ctc-vfs-success-summary-list{list-style: none;margin: 0;padding: 0;}.ctc-vfs-success-summary-list li{display: flex;justify-content: space-between;gap: 12px;padding: 4px 0;font-size: 14px;border-bottom: 1px dashed rgba(0, 0, 0, 0.06);}.ctc-vfs-success-summary-list li:last-child{border-bottom: 0;}.ctc-vfs-success-summary-label{color: var(--ctc-vfs-text-light);flex: 0 0 auto;}.ctc-vfs-success-summary-value{color: var(--ctc-vfs-text);font-weight: 500;text-align: right;word-break: break-word;}.ctc-vfs-success-actions{margin-top: 8px;display: flex;justify-content: center;}.ctc-vfs-success-actions .ctc-vfs-success-button{min-width: 200px;}.ctc-vfs-html-content{padding: 20px;background: var(--ctc-vfs-bg-light);border-radius: 8px;}.ctc-vfs-error{color: var(--ctc-vfs-error);padding: 15px;background: rgba(220, 53, 69, 0.1);border-radius: 8px;}.ctc-vfs-step-badge{display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;background: var(--ctc-vfs-bg-light);border-radius: 20px;font-size: calc(var(--ctc-vfs-font-description) - 1px) !important;color: var(--ctc-vfs-text-light);margin: 0 0 20px;}.ctc-vfs-step-badge::before{content: "\2713";display: inline-flex;align-items: center;justify-content: center;width: 18px;height: 18px;background: var(--ctc-vfs-success);color: #fff;border-radius: 50%;font-size: 11px;font-weight: bold;}.ctc-vfs-tile-icon{font-size: 48px;line-height: 1;margin-bottom: 12px;display: block;}.ctc-vfs-tile-text{display: flex;flex-direction: column;}.ctc-vfs-tile{position: relative;}.ctc-vfs-tile-highlighted .ctc-vfs-tile-content{border-color: var(--ctc-vfs-primary);background: rgba(0, 137, 207, 0.03);}.ctc-vfs-tile-badge{background: var(--ctc-vfs-primary);color: #fff;padding: 3px 10px;border-radius: 20px;font-size: 10px;line-height: 1.3;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;white-space: nowrap;}.ctc-vfs-tile-badge-corner{position: absolute;top: 8px;right: 8px;left: auto;transform: none;z-index: 2;pointer-events: none;max-width: calc(100% - 16px);overflow: hidden;text-overflow: ellipsis;}.ctc-vfs-tile-badge-inline{display: inline-block;margin-left: 8px;padding: 2px 8px;font-size: inherit;font-weight: 600;letter-spacing: 0;text-transform: none;background: rgba(212, 101, 43, 0.12);color: var(--ctc-vfs-primary);vertical-align: baseline;border-radius: 12px;}.ctc-vfs-tiles-layout-grid{grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}.ctc-vfs-tiles-layout-list{grid-template-columns: 1fr;}.ctc-vfs-tiles-layout-list .ctc-vfs-tile-content{flex-direction: row;text-align: left;padding: 16px 20px;gap: 15px;}.ctc-vfs-tiles-layout-list .ctc-vfs-tile-icon{font-size: 32px;margin-bottom: 0;flex-shrink: 0;}.ctc-vfs-tiles-layout-list .ctc-vfs-tile-image{width: 50px;height: 50px;margin-bottom: 0;flex-shrink: 0;}.ctc-vfs-tiles-layout-list .ctc-vfs-tile-text{flex: 1;align-items: flex-start;}.ctc-vfs-tiles-layout-list .ctc-vfs-tile-check{position: relative;top: auto;right: auto;flex-shrink: 0;}.ctc-vfs-tiles-layout-list .ctc-vfs-tile-badge-corner{top: 8px;right: 48px;left: auto;transform: none;}.ctc-vfs-tiles-layout-2col{grid-template-columns: repeat(2, 1fr);}.ctc-vfs-tile-extra{display: none;flex-direction: column;gap: 6px;margin-top: 10px;padding: 12px;background: #fff;border: 1px solid var(--ctc-vfs-border);border-radius: 10px;text-align: left;cursor: text;}.ctc-vfs-tile-input:checked ~ .ctc-vfs-tile-extra, .ctc-vfs-tile.is-selected .ctc-vfs-tile-extra{display: flex;}.ctc-vfs-tiles-layout-list .ctc-vfs-tile-extra, .ctc-vfs-tile-has-extra .ctc-vfs-tile-extra{grid-column: 1 / -1;width: 100%;}.ctc-vfs-tile-extra-label{font-size: 12px;font-weight: 600;letter-spacing: 0.3px;text-transform: uppercase;color: #5A6474;}.ctc-vfs-tile-extra-req{color: var(--ctc-vfs-primary);}.ctc-vfs-tile-extra-input{width: 100%;box-sizing: border-box;padding: 10px 12px;font: inherit;font-size: 14px;color: inherit;background: #fafaf8;border: 2px solid var(--ctc-vfs-border);border-radius: 8px;outline: none;resize: vertical;min-height: 68px;transition: border-color 0.2s ease;}.ctc-vfs-tile-extra-input:focus{border-color: var(--ctc-vfs-primary);}.ctc-vfs-tile.has-error .ctc-vfs-tile-extra-input{border-color: #c0392b;}.ctc-vfs-tiles-chips .ctc-vfs-tile-extra{flex-basis: 100%;}.ctc-vfs-tiles-chips, .ctc-vfs-radio-chips{display: flex;flex-wrap: wrap;gap: 10px;}.ctc-vfs-tiles-chips .ctc-vfs-tile-content{flex-direction: row;padding: 10px 18px;min-width: auto;border-radius: 50px;gap: 8px;}.ctc-vfs-tiles-chips .ctc-vfs-tile-image, .ctc-vfs-tiles-chips .ctc-vfs-tile-icon, .ctc-vfs-tiles-chips .ctc-vfs-tile-description, .ctc-vfs-tiles-chips .ctc-vfs-tile-check{display: none;}.ctc-vfs-tiles-chips .ctc-vfs-tile-title{margin: 0;font-size: 14px;}.ctc-vfs-tiles-chips .ctc-vfs-tile-badge-corner{position: static;transform: none;padding: 2px 8px;font-size: 10px;}.ctc-vfs-radio-chips{flex-direction: row;}.ctc-vfs-radio-chips .ctc-vfs-radio-item{padding: 10px 18px;border-radius: 50px;background: var(--ctc-vfs-bg-light);}.ctc-vfs-radio-chips .ctc-vfs-radio-item input{display: none;}.ctc-vfs-radio-chips .ctc-vfs-radio-item:has(input:checked){background: var(--ctc-vfs-primary);border-color: var(--ctc-vfs-primary);}.ctc-vfs-radio-chips .ctc-vfs-radio-item:has(input:checked) .ctc-vfs-radio-label{color: #fff;}.ctc-vfs-summary-list{display: flex;flex-direction: column;gap: 12px;}.ctc-vfs-summary-item, .ctc-vfs-form-wrapper .ctc-vfs-summary-item{display: flex;align-items: center;padding: 16px 20px;background: var(--ctc-vfs-bg-light);border: 1px solid var(--ctc-vfs-border);border-radius: 8px;cursor: pointer;transition: all 0.2s;font-size: var(--ctc-vfs-font-base) !important;}.ctc-vfs-summary-item:hover{border-color: var(--ctc-vfs-primary);background: #fff;}.ctc-vfs-summary-label, .ctc-vfs-form-wrapper .ctc-vfs-summary-label{flex: 1;font-weight: 600 !important;font-size: var(--ctc-vfs-font-base) !important;color: var(--ctc-vfs-text) !important;text-transform: none !important;letter-spacing: normal !important;line-height: 1.4 !important;}.ctc-vfs-summary-value, .ctc-vfs-form-wrapper .ctc-vfs-summary-value{color: var(--ctc-vfs-primary) !important;font-weight: 500 !important;font-size: var(--ctc-vfs-font-base) !important;margin-right: 15px;text-transform: none !important;letter-spacing: normal !important;line-height: 1.4 !important;}.ctc-vfs-summary-edit{padding: 6px 12px;background: transparent;border: 1px solid var(--ctc-vfs-border);border-radius: 4px;font-size: 13px;color: var(--ctc-vfs-text-light);cursor: pointer;transition: all 0.2s;}.ctc-vfs-summary-edit:hover{border-color: var(--ctc-vfs-primary);color: var(--ctc-vfs-primary);}.ctc-vfs-summary-edit-hint{text-align: center;font-size: 13px;color: var(--ctc-vfs-text-light);margin-top: 15px;}.ctc-vfs-summary-item-group{flex-wrap: wrap;align-items: flex-start;}.ctc-vfs-summary-item-group .ctc-vfs-summary-value{width: 100%;margin-top: 8px;margin-right: 0;order: 3;font-weight: normal;line-height: 1.8;}.ctc-vfs-summary-item-group .ctc-vfs-summary-value strong{color: var(--ctc-vfs-text);}.ctc-vfs-form-group{display: flex;flex-wrap: wrap;gap: 12px 16px;}.ctc-vfs-form-field{display: flex;flex-direction: column;}.ctc-vfs-form-field-full{width: 100%;flex: 0 0 100%;}.ctc-vfs-form-field-half{width: calc(50% - 8px);flex: 0 0 calc(50% - 8px);}.ctc-vfs-form-field-third{width: calc(33.333% - 11px);flex: 0 0 calc(33.333% - 11px);}.ctc-vfs-form-field-label{font-weight: 600;font-size: 14px !important;margin-bottom: 4px;color: var(--ctc-vfs-text);line-height: 1.3;}.ctc-vfs-required{color: var(--ctc-vfs-error);margin-left: 2px;}.ctc-vfs-form-field .ctc-vfs-input, .ctc-vfs-form-field .ctc-vfs-textarea, .ctc-vfs-form-field .ctc-vfs-select{width: 100%;padding: 9px 12px;border: 1px solid var(--ctc-vfs-border);border-radius: 8px;font-size: 15px;line-height: 1.4;transition: border-color 0.2s;}.ctc-vfs-form-field .ctc-vfs-textarea{min-height: 84px;}.ctc-vfs-form-field .ctc-vfs-input:focus, .ctc-vfs-form-field .ctc-vfs-textarea:focus, .ctc-vfs-form-field .ctc-vfs-select:focus{outline: none;border-color: var(--ctc-vfs-primary);}.ctc-vfs-form-field.has-error .ctc-vfs-input, .ctc-vfs-form-field.has-error .ctc-vfs-textarea, .ctc-vfs-form-field.has-error .ctc-vfs-select, .ctc-vfs-form-field.has-error .ctc-vfs-chips-group{border-color: var(--ctc-vfs-error);}.ctc-vfs-form-field .ctc-vfs-field-error{color: var(--ctc-vfs-error);font-size: 13px;margin-top: 4px;}.ctc-vfs-form-field-info{}.ctc-vfs-info-box{display: flex;align-items: flex-start;gap: 10px;padding: 10px 14px;border-radius: 8px;border: 1px solid transparent;font-size: 13px;line-height: 1.45;}.ctc-vfs-info-box-icon{font-size: 16px;line-height: 1.2;flex-shrink: 0;}.ctc-vfs-info-box-body{flex: 1;min-width: 0;}.ctc-vfs-info-box-title{display: block;font-weight: 600;margin-bottom: 2px;}.ctc-vfs-info-box-text, .ctc-vfs-info-box-text p{margin: 0;}.ctc-vfs-info-box-text p + p{margin-top: 6px;}.ctc-vfs-info-box-text a{color: inherit;text-decoration: underline;}.ctc-vfs-info-box-tip{background: rgba(212, 101, 43, 0.10);border-color: rgba(212, 101, 43, 0.25);color: #7a3a17;}.ctc-vfs-info-box-info{background: rgba(0, 137, 207, 0.10);border-color: rgba(0, 137, 207, 0.25);color: #0b4d70;}.ctc-vfs-info-box-warning{background: rgba(245, 158, 11, 0.12);border-color: rgba(245, 158, 11, 0.30);color: #7a4d00;}.ctc-vfs-info-box-success{background: rgba(34, 165, 92, 0.12);border-color: rgba(34, 165, 92, 0.28);color: #1f5d36;}.ctc-vfs-info-box-neutral{background: rgba(0, 0, 0, 0.04);border-color: rgba(0, 0, 0, 0.10);color: var(--ctc-vfs-text);}.ctc-vfs-chips-group{display: flex;flex-wrap: wrap;gap: 10px;padding: 12px;border: 1px solid var(--ctc-vfs-border);border-radius: 8px;background: var(--ctc-vfs-bg-light);}.ctc-vfs-chips-group.ctc-vfs-chips-group-single{padding: 0;border: 0;background: transparent;border-radius: 0;}.ctc-vfs-chips-group.ctc-vfs-chips-group-single .ctc-vfs-chip{flex: 1 1 0;min-width: 0;}.ctc-vfs-chips-group.ctc-vfs-chips-group-single .ctc-vfs-chip-label{display: block;width: 100%;text-align: center;padding: 10px 14px;border-radius: 8px;}.ctc-vfs-form-field.has-error .ctc-vfs-chips-group.ctc-vfs-chips-group-single{border-color: transparent;}.ctc-vfs-chip{display: inline-flex;align-items: center;cursor: pointer;}.ctc-vfs-chip input{display: none;}.ctc-vfs-chip-label{padding: 8px 16px;background: var(--ctc-vfs-bg);border: 1px solid var(--ctc-vfs-border);border-radius: 50px;font-size: 14px;transition: all 0.2s;}.ctc-vfs-chip input:checked + .ctc-vfs-chip-label{background: var(--ctc-vfs-primary);border-color: var(--ctc-vfs-primary);color: #fff;}.ctc-vfs-chip:hover .ctc-vfs-chip-label{border-color: var(--ctc-vfs-primary);}.ctc-vfs-radio-stack{display: flex;flex-direction: column;gap: 8px;}.ctc-vfs-radio-row{position: relative;display: flex;align-items: center;gap: 12px;padding: 14px 18px;background: var(--ctc-vfs-bg-light);border: 2px solid var(--ctc-vfs-border);border-radius: 12px;cursor: pointer;transition: border-color 0.15s ease, background 0.15s ease;}.ctc-vfs-radio-row:hover{border-color: var(--ctc-vfs-primary);}.ctc-vfs-radio-row input{position: absolute;opacity: 0;pointer-events: none;}.ctc-vfs-radio-row-label{flex: 1;font-size: 15px;line-height: 1.3;color: inherit;}.ctc-vfs-radio-row-dot{flex-shrink: 0;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #D0CCC7;background: #fff;transition: all 0.15s ease;position: relative;}.ctc-vfs-radio-row input:checked ~ .ctc-vfs-radio-row-dot{border-color: var(--ctc-vfs-primary);}.ctc-vfs-radio-row input:checked ~ .ctc-vfs-radio-row-dot::after{content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;border-radius: 50%;background: var(--ctc-vfs-primary);transform: translate(-50%, -50%);}.ctc-vfs-radio-row:has(input:checked), .ctc-vfs-radio-row.is-selected{border-color: var(--ctc-vfs-primary);background: rgba(212, 101, 43, 0.05);}.ctc-vfs-form-field.has-error .ctc-vfs-radio-stack .ctc-vfs-radio-row{border-color: #c0392b;}.ctc-vfs-file-upload{display: flex;flex-direction: column;gap: 10px;}.ctc-vfs-file-dropzone{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;padding: 24px 18px;border: 2px dashed var(--ctc-vfs-border);border-radius: 12px;background: var(--ctc-vfs-bg-light);text-align: center;cursor: pointer;transition: border-color 0.15s ease, background 0.15s ease;}.ctc-vfs-file-dropzone:hover, .ctc-vfs-file-dropzone:focus, .ctc-vfs-file-dropzone.is-dragover{border-color: var(--ctc-vfs-primary);background: rgba(212, 101, 43, 0.05);outline: none;}.ctc-vfs-file-dropzone-icon{font-size: 28px;line-height: 1;}.ctc-vfs-file-dropzone-text strong{color: var(--ctc-vfs-primary);margin-right: 4px;}.ctc-vfs-file-dropzone-meta{font-size: 12px;color: #5A6474;}.ctc-vfs-file-input{position: absolute;inset: 0;opacity: 0;cursor: pointer;}.ctc-vfs-file-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 8px;}.ctc-vfs-file-list:empty{display: none;}.ctc-vfs-file-item{display: flex;align-items: center;gap: 12px;padding: 10px 12px;background: #fff;border: 1px solid var(--ctc-vfs-border);border-radius: 10px;}.ctc-vfs-file-item.has-error{border-color: #c0392b;background: rgba(192, 57, 43, 0.04);}.ctc-vfs-file-thumb{flex-shrink: 0;width: 40px;height: 40px;border-radius: 8px;background: var(--ctc-vfs-bg-light);display: flex;align-items: center;justify-content: center;overflow: hidden;font-size: 18px;color: #5A6474;}.ctc-vfs-file-thumb img{width: 100%;height: 100%;object-fit: cover;}.ctc-vfs-file-info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;}.ctc-vfs-file-name{font-size: 14px;color: inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.ctc-vfs-file-meta{font-size: 12px;color: #5A6474;}.ctc-vfs-file-item.has-error .ctc-vfs-file-meta{color: #c0392b;font-weight: 600;}.ctc-vfs-file-remove{flex-shrink: 0;background: none;border: none;color: #5A6474;font-size: 22px;line-height: 1;width: 28px;height: 28px;border-radius: 50%;cursor: pointer;transition: background 0.15s ease, color 0.15s ease;}.ctc-vfs-file-remove:hover{background: rgba(192, 57, 43, 0.1);color: #c0392b;}.ctc-vfs-step-cf7-silent .wpcf7, .ctc-vfs-step-cf7-silent .ctc-vfs-cf7-container > *{position: absolute !important;left: -9999px !important;width: 1px;height: 1px;overflow: hidden;pointer-events: none;opacity: 0;}.ctc-vfs-submit-status{display: flex;align-items: center;justify-content: center;gap: 10px;padding: 24px 18px;font-size: 15px;color: #5A6474;background: var(--ctc-vfs-bg-light);border: 1px solid var(--ctc-vfs-border);border-radius: 12px;text-align: center;}.ctc-vfs-submit-status.is-error{color: #c0392b;background: rgba(192, 57, 43, 0.06);border-color: rgba(192, 57, 43, 0.25);}@media (max-width: 768px){.ctc-vfs-popup-container{width: 100%;max-width: 95%;}.ctc-vfs-mode-popup .ctc-vfs-form-inner{width: 100%;min-width: 0;}}@media (max-width: 600px){.ctc-vfs-form-inner{padding: 20px 15px;min-width: 0;overflow-x: hidden;}.ctc-vfs-popup-container{max-width: 100%;padding: 0 10px;box-sizing: border-box;}.ctc-vfs-step-title{font-size: 20px;}.ctc-vfs-tiles{grid-template-columns: repeat(2, 1fr);gap: 10px;}.ctc-vfs-tiles-layout-list{grid-template-columns: 1fr;}.ctc-vfs-tiles-layout-2col{grid-template-columns: repeat(2, 1fr);gap: 8px;}.ctc-vfs-tile-content{padding: 15px 8px;}.ctc-vfs-tile-title{font-size: 13px;}.ctc-vfs-tile-image{width: 60px;height: 60px;}.ctc-vfs-tile-icon{font-size: 36px;}.ctc-vfs-btn{padding: 12px 20px;font-size: 14px;}.ctc-vfs-breadcrumb{font-size: 11px;}.ctc-vfs-tiles-chips, .ctc-vfs-radio-chips{gap: 8px;}.ctc-vfs-tiles-chips .ctc-vfs-tile-content, .ctc-vfs-radio-chips .ctc-vfs-radio-item{padding: 8px 14px;font-size: 13px;}.ctc-vfs-summary-item{flex-wrap: wrap;gap: 8px;}.ctc-vfs-summary-value{margin-right: 0;width: 100%;order: 3;}.ctc-vfs-summary-edit{margin-left: auto;}.ctc-vfs-form-group{gap: 10px;}.ctc-vfs-form-field-half, .ctc-vfs-form-field-third{width: 100%;flex: 0 0 100%;}.ctc-vfs-chips-group{padding: 10px;gap: 8px;}.ctc-vfs-chips-group.ctc-vfs-chips-group-single{padding: 0;}.ctc-vfs-chip-label{padding: 6px 12px;font-size: 13px;}}
/* ctc-vfs-cta-presets */
.ctc-vfs-popup-trigger{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;background: var(--ctc-vfs-primary, #0089cf);color: #fff;border: 1px solid transparent;border-radius: 8px;font-size: 16px;font-weight: 600;line-height: 1.2;cursor: pointer;text-decoration: none;transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;}.ctc-vfs-popup-trigger:hover{background: var(--ctc-vfs-primary-hover, #0070a8);}.ctc-vfs-popup-trigger.cta-link{background: transparent;color: var(--ctc-vfs-primary);padding: 4px 0;border: 0;border-radius: 0;font-weight: 600;}.ctc-vfs-popup-trigger.cta-link::after{content: '\2192';transition: transform 0.2s;}.ctc-vfs-popup-trigger.cta-link:hover{background: transparent;text-decoration: underline;}.ctc-vfs-popup-trigger.cta-link:hover::after{transform: translateX(3px);}.ctc-vfs-popup-trigger.cta-outline{background: transparent;color: var(--ctc-vfs-primary);border: 2px solid var(--ctc-vfs-primary);}.ctc-vfs-popup-trigger.cta-outline:hover{background: var(--ctc-vfs-primary);color: #fff;}.ctc-vfs-popup-trigger.cta-soft{background: color-mix(in srgb, var(--ctc-vfs-primary) 12%, transparent);color: var(--ctc-vfs-primary);}.ctc-vfs-popup-trigger.cta-soft:hover{background: color-mix(in srgb, var(--ctc-vfs-primary) 22%, transparent);}.ctc-vfs-popup-trigger.cta-solid{background: var(--ctc-vfs-primary);color: #fff;}.ctc-vfs-popup-trigger.cta-dark{background: #1B2A3D;color: #fff;}.ctc-vfs-popup-trigger.cta-dark:hover{background: #0e1a2a;}.ctc-vfs-popup-trigger.cta-pill{background: var(--ctc-vfs-primary);color: #fff;border-radius: 999px;padding-left: 28px;padding-right: 28px;}.ctc-vfs-popup-trigger.cta-glow{background: var(--ctc-vfs-primary);color: #fff;box-shadow: 0 6px 18px color-mix(in srgb, var(--ctc-vfs-primary) 45%, transparent);}.ctc-vfs-popup-trigger.cta-glow:hover{transform: translateY(-2px);box-shadow: 0 10px 24px color-mix(in srgb, var(--ctc-vfs-primary) 55%, transparent);}.ctc-vfs-popup-trigger.cta-pulse{background: var(--ctc-vfs-primary);color: #fff;position: relative;z-index: 0;}.ctc-vfs-popup-trigger.cta-pulse::before{content: '';position: absolute;inset: 0;border-radius: inherit;background: var(--ctc-vfs-primary);z-index: -1;animation: ctc-vfs-pulse 1.8s ease-out infinite;}@keyframes ctc-vfs-pulse{0%{transform: scale(1);opacity: 0.55;}70%{transform: scale(1.18);opacity: 0;}100%{transform: scale(1.18);opacity: 0;}}.ctc-vfs-popup-trigger.cta-small{padding: 8px 16px;font-size: 13px !important;}.ctc-vfs-popup-trigger.cta-large{padding: 16px 32px;font-size: 17px !important;}.ctc-vfs-popup-trigger.cta-block{display: flex;width: 100%;}
/* roofcraft-fonts */
@font-face{font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url('/wp-content/themes/roofcraft/assets/fonts/inter-latin.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: 'Outfit';font-style: normal;font-weight: 100 900;font-display: swap;src: url('/wp-content/themes/roofcraft/assets/fonts/outfit-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: 'Outfit';font-style: normal;font-weight: 100 900;font-display: swap;src: url('/wp-content/themes/roofcraft/assets/fonts/outfit-latin.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* roofcraft-tokens */
:root{--navy: #0a1830;--navy-2: #0f2547;--blue: #0077b6;--blue-d: #006a9e;--blue-on-dark: #009fe3;--blue-l: #eaf1fe;--green: #66b32e;--green-d: #0583af;--green-l: #e6f6ef;--spoed: #66b32e;--amber: #d97706;--ink: #222d56;--muted: #5b6678;--line: #e7ecf3;--surface: #f6f9fd;--card: #ffffff;--r: 6px;--r-sm: 11px;--maxw: 1180px;--sh-sm: 0 1px 2px rgba(13,30,60,.06), 0 2px 8px rgba(13,30,60,.05);--sh: 0 6px 22px rgba(13,30,60,.09);--sh-lg: 0 22px 60px rgba(13,30,60,.16);--font: 'Open Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;--display: 'Outfit', 'Inter', sans-serif;--green-dark: var(--green-d);--green-soft: #3fbf8a;--green-light: var(--green-l);--ink-soft: #23314a;--ink-mute: var(--muted);--line-soft: #f2f6fb;--bg: var(--card);--bg-soft: var(--surface);--bg-panel: var(--green-l);--emergency: var(--spoed);--whatsapp: #25d366;--shadow-sm: var(--sh-sm);--shadow: var(--sh);--shadow-lg: var(--sh-lg);--radius: var(--r);--radius-sm: var(--r-sm);--radius-lg: var(--r);}
/* roofcraft-core */
*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0;}html{scroll-behavior: smooth;-webkit-font-smoothing: antialiased;}body{font-family: var(--font);color: var(--ink-soft);background: var(--bg);line-height: 1.65;font-size: 16px;}h1, h2, h3, h4, h5{font-family: var(--display);font-weight: 700;color: var(--ink);line-height: 1.15;letter-spacing: -0.01em;}h1{font-size: clamp(32px, 5vw, 52px);font-weight: 800;}h2{font-size: clamp(26px, 3.5vw, 36px);}h3{font-size: clamp(20px, 2.5vw, 24px);}h4{font-size: 18px;}a{color: var(--blue);text-decoration: none;transition: color 0.15s;}a:hover{color: var(--blue-d);}img{max-width: 100%;height: auto;display: block;}button{font: inherit;cursor: pointer;border: none;background: none;}.two-columns{display: grid;grid-template-columns: repeat(2, 1fr);gap: 48px;}.why-list{margin-left:20px;}.google-review-link{display: inline-block;color: inherit;text-decoration: none;transition:0.3s;}.google-review-link:hover{opacity: 0.8;cursor: pointer;}@media (max-width: 768px){.two-columns{grid-template-columns: 1fr;}}@media (max-width: 768px){.content-columns{grid-template-columns: 1fr;gap: 24px;}}.screen-reader-text{border: 0;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;word-wrap: normal !important;}.skip-link:focus{clip: auto;-webkit-clip-path: none;clip-path: none;height: auto;width: auto;margin: 0;overflow: visible;position: fixed;top: 8px;left: 8px;z-index: 100001;padding: 12px 18px;background: #fff;color: var(--ink);font-weight: 700;border-radius: 6px;box-shadow: 0 4px 16px rgba(10, 24, 48, .25);text-decoration: underline;}.container{max-width: 1240px;margin: 0 auto;padding: 0 24px;}.container-narrow{max-width: 880px;margin: 0 auto;padding: 0 24px;}section{padding: 80px 0;}@media (max-width: 768px){section{padding: 50px 0;}}.eyebrow{display: inline-flex;align-items: center;gap: 8px;font-family: var(--display);font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0;color: var(--blue);margin-bottom: 6px;}.lede{font-size: clamp(17px, 1.6vw, 18px);color: var(--ink-soft);line-height: 1.65;max-width: 720px;}.rc-band--a{background: var(--card);}.rc-band--b{background: var(--surface);}.rc-band > section{background: transparent;}.topbar{background: var(--navy);color: #cdd9ee;font-size: 13px;padding: 9px 0;border-bottom: 1px solid rgba(255,255,255,.07);}.topbar .container{display: flex;justify-content: space-between;align-items: center;gap: 16px;}.topbar .meta{display: flex;gap: 14px;align-items: center;flex-wrap: wrap;}.topbar .meta > span{display: inline-flex;align-items: center;gap: 6px;}.topbar .meta > span + span::before{content: "·";opacity: .4;margin-right: 14px;color: #cdd9ee;}.topbar .meta .rating{gap: 7px;}.topbar .meta .stars{color: var(--blue);letter-spacing: 1px;}.topbar .meta strong{color: white;font-weight: 700;}.topbar .phones{display: flex;gap: 14px;align-items: center;}.topbar .phones a{color: white;font-weight: 600;}.topbar .phones a:hover{color: var(--blue);}.topbar .phones .label{color: var(--blue-on-dark, #009fe3);font-size: 12px;text-transform: uppercase;letter-spacing: 0.06em;margin-right: 4px;}@media (max-width: 880px){.topbar .meta{display: none;}.topbar .phones{font-size: 12px;line-height:14px;gap: 10px;flex-wrap: wrap;justify-content: center;width: 100%;}}.topbar .phones-intro{display: none;}@media (max-width: 767px){.topbar{padding: 6px 0;}.topbar .phones{flex-wrap: nowrap;gap: 0;font-size: 13px;line-height: 15px;white-space: nowrap;}.topbar .phones-intro{display: inline;margin-right: 6px;}.topbar .phones .num{display: none;}.topbar .phones .phone + .phone::before{content: "·";color: #cdd9ee;opacity: .6;margin: 0 7px;text-decoration: none;display: inline-block;}.topbar .phones .label{color: #fff;font-size: 13px;text-transform: none;letter-spacing: 0;margin-right: 0;text-decoration: underline;text-underline-offset: 2px;}}header.site{background: rgba(255,255,255,0.96);position: sticky;top: 0;z-index: 50;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}header.site .container{display: flex;justify-content: space-between;align-items: center;padding-top: 14px;padding-bottom: 14px;}.logo{display: flex;align-items: center;gap: 10px;}.logo img{height: 65px;width: auto;}.logo-fallback{display: flex;flex-direction: column;line-height: 1;}.logo-fallback .brand{font-family: var(--display);font-weight: 800;font-size: 21px;color: var(--ink);}.logo-fallback .tag{font-size: 11px;color: var(--blue);font-weight: 600;margin-top: 3px;letter-spacing: 0.04em;}nav.primary{display: flex;align-items: center;}nav.primary .menu{list-style: none;padding: 0;margin: 0;display: flex;gap: 28px;align-items: center;}nav.primary .menu li{list-style: none;padding: 0;margin: 0;position: relative;}nav.primary a{color: var(--ink-soft);font-weight: 600;font-size: 15px;padding: 8px 0;display: inline-flex;align-items: center;gap: 6px;}nav.primary a:hover{color: var(--green);}nav.primary .sub-toggle{background: none;border: 0;margin: 0;cursor: pointer;font-family: inherit;color: var(--ink-soft);font-weight: 600;font-size: 15px;padding: 8px 0;display: inline-flex;align-items: center;gap: 6px;}nav.primary .sub-toggle:hover{color: var(--green);}nav.primary .sub-toggle:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px;border-radius: 2px;}nav.primary .menu-item-overzicht{display: none;}nav.primary .menu-item-has-children > a::after, nav.primary .menu-item-has-children > .sub-toggle::after{content: "";width: 10px;height: 10px;border: solid currentColor;border-width: 0 1.5px 1.5px 0;transform: rotate(45deg) translateY(-2px);margin-left: 2px;transition: transform .15s ease;}nav.primary .menu-item-has-children.is-open > a::after, nav.primary .menu-item-has-children:hover > a::after, nav.primary .menu-item-has-children:focus-within > a::after, nav.primary .menu-item-has-children.is-open > .sub-toggle::after, nav.primary .menu-item-has-children:hover > .sub-toggle::after, nav.primary .menu-item-has-children:focus-within > .sub-toggle::after{transform: rotate(-135deg) translateY(-2px);}nav.primary .sub-menu{list-style: none;margin: 0;padding: 8px 0;position: absolute;top: 100%;left: -14px;min-width: 240px;background: #fff;border: 1px solid var(--line, #e5e7eb);border-radius: var(--radius-sm, 8px);box-shadow: 0 12px 28px rgba(0,0,0,.08);opacity: 0;visibility: hidden;transform: translateY(6px);transition: opacity .15s ease, transform .15s ease, visibility .15s;z-index: 50;}nav.primary .sub-menu li{width: 100%;}nav.primary .sub-menu a{display: block;padding: 10px 18px;font-size: 14px;color: var(--ink, #1f2937);}nav.primary .sub-menu a:hover{background: var(--blue-l);color: var(--green);}nav.primary .menu-item-has-children:hover > .sub-menu, nav.primary .menu-item-has-children:focus-within > .sub-menu, nav.primary .menu-item-has-children.is-open > .sub-menu{opacity: 1;visibility: visible;transform: translateY(0);}.nav-toggle{display: none;width: 40px;height: 40px;align-items: center;justify-content: center;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 0;margin-left: auto;}.nav-toggle-bar{display: block;width: 24px;height: 2px;background: var(--ink, #1f2937);transition: transform .2s ease, opacity .2s ease;}.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1){transform: translateY(7px) rotate(45deg);}.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2){opacity: 0;}.nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.header-cta{display: flex;gap: 10px;align-items: center;}@media (max-width: 980px){.nav-toggle{display: inline-flex;}nav.primary{position: fixed;top: 64px;left: 0;right: 0;bottom: 0;height: calc(100vh - 64px);width: 100vw;background: #fff;padding: 18px 20px;overflow-y: auto;transform: translateX(-100%);transition: transform .25s ease;z-index: 90;display: block;}nav.primary.is-open{transform: translateX(0);}nav.primary .menu{flex-direction: column;align-items: stretch;gap: 0;}nav.primary .menu > li{border-bottom: 1px solid var(--line, #e5e7eb);}nav.primary .menu > li > a, nav.primary .menu > li > .sub-toggle{padding: 14px 4px;font-size: 16px;width: 100%;text-align: left;}nav.primary .menu-item-has-children > a::after, nav.primary .menu-item-has-children > .sub-toggle::after{margin-left: auto;}nav.primary .menu-item-overzicht{display: list-item;}nav.primary .sub-menu{position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;border: 0;padding: 0 0 8px 14px;background: transparent;min-width: 0;max-height: 0;overflow: hidden;transition: max-height .25s ease;}nav.primary .menu-item-has-children.is-open > .sub-menu{max-height: 600px;}nav.primary .sub-menu a{padding: 8px 4px;font-size: 14.5px;}body.nav-open{overflow: hidden;}}.btn{display: inline-flex;align-items: center;gap: 8px;padding: 13px 22px;border-radius: 999px;font-weight: 700;font-family: var(--display);font-size: 14.5px;transition: all 0.18s;cursor: pointer;line-height: 1;white-space: nowrap;text-decoration: none;}.btn-primary{background: var(--blue);color: white;box-shadow: 0 8px 20px rgba(37,99,235,0.28);}.btn-primary:hover{background: var(--blue-d);transform: translateY(-2px);color: white;box-shadow: 0 12px 26px rgba(37,99,235,0.34);}.btn-green{background: var(--green);color: white;box-shadow: 0 8px 20px rgba(0,159,227,0.26);}.btn-green:hover{background: var(--green-d);transform: translateY(-2px);color: white;box-shadow: 0 12px 26px rgba(0,159,227,0.32);}.btn-spoed{background: var(--spoed);color: white;box-shadow: 0 8px 20px rgba(102,179,46,0.26);}.btn-spoed:hover{background: #418e04;transform: translateY(-2px);color: white;}.btn-light{background: var(--blue);color: #fff;box-shadow: var(--sh-sm);}.btn-light:hover{background: var(--blue-d);transform: translateY(-2px);box-shadow: var(--sh);color: #fff;}.btn-outline{background: transparent;color: var(--ink);border: 2px solid var(--ink);}.btn-outline:hover{background: var(--ink);color: white;}.btn-ghost{color: var(--ink);padding: 13px 14px;}.btn-ghost:hover{color: var(--green);}.btn-lg{padding: 16px 28px;font-size: 16px;}.btn-sm{padding: 22px 24px;font-size: 15px;box-shadow: none;}.btn-sm:hover{box-shadow: none;}.btn-sm:nth-of-type(2){background-color: var(--spoed);}.btn-sm:nth-of-type(2):hover{background-color: #418e04;}.breadcrumb{background: var(--bg-soft);padding: 14px 0;font-size: 13px;color: var(--ink-mute);border-bottom: 1px solid var(--line);}.breadcrumb a{color: var(--ink-mute);}.breadcrumb a:hover{color: var(--blue);}.breadcrumb span{color: var(--line);margin: 0 6px;}.breadcrumb strong{color: var(--ink);font-weight: 600;}footer.site{position: relative;overflow: hidden;background: var(--navy);color: #9fb1cb;padding: 110px 0 28px;font-size: 13.5px;}footer.site::before{content: "";position: absolute;left: 0;right: 0;top: -1px;height: 70px;background: var(--footer-cut, var(--surface));clip-path: polygon(0 0, 100% 0, 0 100%);z-index: 2;pointer-events: none;}footer.site .container{position: relative;z-index: 3;}footer.site h4, footer.site .footer-heading{color: white;font-size: 13px;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 8px;font-family: var(--display);}footer.site .footer-grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 36px;margin-bottom: 48px;}@media (max-width: 880px){footer.site .footer-grid{grid-template-columns: 1fr 1fr;gap: 28px;}}@media (max-width: 580px){footer.site .footer-grid{grid-template-columns: 1fr;}}footer.site .contact-regions{margin-bottom: 20px;}footer.site .brand-desc{margin-bottom: 20px;}footer.site .loc-label{text-transform: uppercase;letter-spacing: 0.1em;font-size: 13px;}footer.site ul{list-style: none;padding: 0;}footer.site li{padding: 3px 0;}footer.site a{color: #9fb1cb;}footer.site a:hover{color: #fff;}footer.site .brand-mark{margin-bottom: 14px;}footer.site .brand-logo{height: 70px;width: auto;display: block;}footer.site .brand-logo-svg{height: 44px;width: 44px;}footer.site .brand-name{display: none;}footer.site .nap p{color: #9fb1cb;padding: 4px 0;line-height: 1.6;}footer.site .nap strong{color: white;font-weight: 600;}footer.site .social{display: flex;gap: 10px;margin-top: 22px;}footer.site .social a{width: 36px;height: 36px;border-radius: 50%;background: rgba(255,255,255,0.08);display: inline-flex;align-items: center;justify-content: center;color: #D1D5DB;transition: background .18s, color .18s;}footer.site .social a:hover{background: var(--blue);color: white;}footer.site .social svg{display: block;}footer.site .footer-badge{margin-top: 17px;}footer.site .footer-badge .ti-widget-container{text-align: left !important;}footer.site .footer-badge pre.ti-widget{margin: 0;padding: 0;background: none;border: 0;white-space: normal;overflow: visible;}footer.site .bottom{border-top: 1px solid rgba(255,255,255,0.08);padding-top: 24px;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 14px;font-size: 12.5px;}footer.site .bottom .legal{display: flex;gap: 18px;}.icon-svg{width: 24px;height: 24px;flex-shrink: 0;}.btn-sm .icon-svg{width: 16px;height: 16px;}.stars{color: var(--blue);letter-spacing: 0.5px;}.ir-zone{background: white;border-left: 4px solid var(--blue);padding: 20px 22px;border-radius: 0 var(--radius) var(--radius) 0;box-shadow: var(--shadow);font-size: 16px;line-height: 1.7;color: var(--ink-soft);margin-bottom: 28px;}.ir-zone strong{color: var(--ink);font-weight: 700;}.ir-zone p{margin: 0;}.ir-zone p + p{margin-top: 10px;}.hero-cta{display: flex;gap: 12px;align-items: center;flex-wrap: wrap;margin-bottom: 36px;}.hero-cta .whats-link{color: var(--ink-mute);font-size: 14px;display: inline-flex;align-items: center;gap: 6px;}:where(html.bm-js) :where(section[data-reveal], .content-section) :where(.eyebrow, h2, .lede, .image-gallery-intro):not(:where(.hero, .cluster-hero) *){opacity: 0;transform: translateY(-30px);transition: opacity 1.4s ease, transform 1.4s cubic-bezier(.22,1,.36,1);}.eyebrow.reveal-in, h2.reveal-in, .lede.reveal-in, .image-gallery-intro.reveal-in, h1.reveal-in{opacity: 1;transform: translateY(0);}@media (max-width: 980px){header.site .container{display: flex;align-items: center;justify-content: flex-start;gap: 14px;}header.site .logo{order: 1;flex: 0 0 auto;}header.site .logo img{height: 42px;width: auto;}header.site .header-cta{order: 2;flex: 1 1 auto;display: flex;justify-content: center;margin: 0;}header.site .header-cta .btn-ghost{display: none;}header.site .header-cta .btn-green{padding: 14px 20px;font-size: 14px;white-space: nowrap;}header.site .nav-toggle{order: 3;margin-left: 0;flex: 0 0 auto;}header.site nav.primary{order: 4;}}@media (max-width: 389px){header.site .container{gap: 8px;}header.site .logo img{height: 34px;}header.site .header-cta{min-width: 0;}header.site .header-cta .btn-green{padding: 13px 12px;font-size: 13px;}}@media (max-width: 360px){header.site .container{padding-left: 16px;padding-right: 16px;}}:where(main) :where(p, td, dd, blockquote) a:where(:not([class*="btn"])), :where(main) :where(li:not([class])) > a:where(:not([class])){text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;}body .topbar .meta .stars, body .topbar .stars, body footer .bottom .trust .stars, html body .hero h1 .accent, body .lead-magnet .lm-left .eyebrow, body .hero .eyebrow, body .hero .accent, body .hero .stars, body .hero p a:not([class*="btn"]), body .cluster-hero .eyebrow, body .cluster-hero .accent, body .cluster-hero .stars, body .cluster-hero p a:not([class*="btn"]), body .cluster-hero .quick-fact h4, body .cluster-hero .quick-fact .quick-fact__label{color: var(--blue-on-dark, #009fe3);}body .related-card p, body .step-list li, body .faq-cta p, body .lm-form .privacy, body .cost-indications .ci-source, body .subsidy-table .subsidy-peildatum, body .subsidy-table-disclaimer, body .vca-vol, body .ctc-vfs-usp-item{font-size: 14px;}.hero-trust{font-size: 14px;line-height: 1.45;margin: 10px 0 0;color: var(--ink);}.hero-trust a{color: inherit;text-decoration: underline;text-underline-offset: 2px;}.hero .hero-trust, .cluster-hero .hero-trust{color: #fff;}@media (max-width: 767px){.hero-trust__extra{display: none;}}.home-block-contact__title{font-family: var(--display);font-weight: 700;font-size: clamp(20px, 2.5vw, 24px);line-height: 1.15;letter-spacing: -0.01em;color: #fff;margin: 0;}.bm-icon{display: inline-block;width: 1em;height: 1em;vertical-align: -0.125em;overflow: visible;flex-shrink: 0;}.bm-icon-text{line-height: 1;}picture.bm-pic{display: contents;}.bm-more-btn{display: none;}@media (max-width: 767px){.home .services .service-card .ph{display: none;}.home .services .service-card.has-photo .icon{display: none;}.home .services .service-card .bd{padding: 16px 20px;}.home .reviews .review-stats{grid-template-columns: repeat(2, 1fr);gap: 12px;margin-bottom: 28px;}.home .reviews .review-stats .stat{padding: 16px 10px;}.home .reviews .review-stats .num{font-size: 1.6rem;}.home .image-gallery .ig-masonry{grid-template-columns: repeat(2, 1fr);gap: 10px;}.home main .rc-band > section:not(.lead-magnet):not(.final-cta){padding-top: 40px;padding-bottom: 44px;}.home .csi-strip{padding: 84px 0 44px;}.home .services .service-card .eav{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;overflow: hidden;}.home .services .services-grid{gap: 10px;}.home .reviews .review-card blockquote{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-clamp: 4;overflow: hidden;}.bm-more:not(.is-expanded) > .bm-more-extra{display: none !important;}.bm-more-btn{display: inline-flex;align-items: center;margin: 16px 0 0;padding: 10px 18px;min-height: 44px;background: transparent;color: var(--blue-d);border: 2px solid var(--blue-d);border-radius: var(--r-sm, 8px);font: 600 15px/1.2 var(--font, inherit);cursor: pointer;}.bm-more-btn:focus-visible{outline: 2px solid var(--blue-d);outline-offset: 2px;}}.reviews-more{margin: 24px 0 0;text-align: center;}
/* roofcraft-fab-mobile */
.floating-button-stack{position: fixed;bottom: 24px;right: 24px;display: flex;flex-direction: column;gap: 10px;z-index: 100;}.floating-button{width: 56px;height: 56px;border-radius: 50%;color: white;display: flex;align-items: center;justify-content: center;box-shadow: 0 6px 20px rgba(0,0,0,0.18);transition: all 0.2s;}.floating-button:hover{transform: scale(1.08);box-shadow: 0 10px 28px rgba(0,0,0,0.25);}.floating-button.phone{background: var(--green);}.floating-button.whatsapp{background: var(--whatsapp);}.floating-button.tooltip{position: relative;}.floating-button.tooltip::before{content: attr(data-tip);position: absolute;right: calc(100% + 12px);top: 50%;transform: translateY(-50%);background: var(--ink);color: white;padding: 7px 12px;border-radius: 6px;font-size: 12px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.15s;font-weight: 600;}.floating-button.tooltip:hover::before{opacity: 1;}.bm-actiebalk{display: none;}@media (max-width: 767px){.floating-button-stack{display: none;}body{padding-bottom: 72px;}.bm-actiebalk{display: flex;gap: 8px;position: fixed;left: 0;right: 0;bottom: 0;z-index: 90;padding: 8px 12px calc(8px + env(safe-area-inset-bottom));background: #fff;border-top: 1px solid var(--line);box-shadow: 0 -4px 20px rgba(0,0,0,0.12);transform: translateY(110%);transition: transform 0.2s ease;}.bm-actiebalk.is-zichtbaar{transform: none;}.bm-actiebalk a{min-height: 48px;display: flex;align-items: center;justify-content: center;gap: 6px;padding: 0 14px;border-radius: 999px;font-family: var(--display);font-weight: 700;font-size: 15px;white-space: nowrap;text-decoration: none;}.bm-actiebalk__bel{flex: 0 0 auto;background: #fff;color: var(--navy);border: 2px solid var(--navy);}.bm-actiebalk__prim{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;background: var(--green);color: #fff;}.bm-actiebalk__wa{flex: 0 0 48px;padding: 0 !important;background: var(--whatsapp);color: #fff;}.bm-actiebalk__wa .bm-icon{width: 24px;height: 24px;}}@media (max-width: 767px) and (prefers-reduced-motion: reduce){.bm-actiebalk{transition: none;}}
/* bmdt-brand */
:root{--green: #006a9e;--green-dark: #13794f;--green-soft: #3fbf8a;--green-light: #e6f6ef;}