/* =========================================================
   INNO COATINGS KEUZEHULP - DESKTOP CLEAN BASIS
   ========================================================= 
*/

:root{--inno-brand:#0099FF; --inno-brand-dark:#058ae5; --inno-text:#667079; --inno-border:#e5e7eb; --inno-border-dark:#d9dee7; --inno-soft:#f9f9f9; --inno-white:#fff}

/* BASIS */
.inno-choice-helper,.inno-choice-helper *,#innoWizardOverlay,#innoWizardOverlay *{box-sizing:border-box!important; box-shadow:none!important; text-shadow:none!important; border-radius:0!important}
.inno-choice-helper{max-width:1180px; margin:0 auto; padding:28px 0; color:var(--inno-text); font-family:"Muli",Arial,sans-serif}
body.inno-wizard-open{overflow:hidden!important}

/* TYPOGRAFIE */
#innoWizardOverlay,#innoWizardOverlay p,#innoWizardOverlay li,#innoWizardOverlay span,#innoWizardOverlay small,#innoWizardOverlay label,#innoWizardOverlay input,#innoWizardOverlay a,#innoWizardOverlay button,.inno-choice-helper,.inno-choice-helper p,.inno-choice-helper li,.inno-choice-helper span,.inno-choice-helper small,.inno-choice-helper label,.inno-choice-helper input,.inno-choice-helper a,.inno-choice-helper button{font-family:"Muli",Arial,sans-serif!important; font-size:14px!important; line-height:1.55!important; color:var(--inno-text)!important; font-weight:100!important; letter-spacing:normal!important}
#innoWizardOverlay h1,#innoWizardOverlay h2,#innoWizardOverlay h3,.inno-choice-helper h1,.inno-choice-helper h2,.inno-choice-helper h3{font-family:"Montserrat",Arial,sans-serif!important; color:var(--inno-text)!important; font-weight:700!important; letter-spacing:normal!important; text-transform:none!important}

/* STARTBLOK OP PAGINA */
.inno-choice-helper__intro{background:#fff!important; border:1px solid var(--inno-border)!important; padding:28px!important; display:flex!important; justify-content:space-between!important; align-items:center!important; gap:24px!important}
.inno-choice-helper__intro h2{margin:0 0 8px!important; font-size:clamp(28px,4vw,46px)!important; letter-spacing:-.05em!important; line-height:1!important; color:var(--inno-text)!important}
.inno-choice-helper__intro p{margin:0!important; color:var(--inno-text)!important; font-size:17px!important; line-height:1.55!important}

/* BUTTONS ALGEMEEN */
.inno-btn,#innoWizardOverlay .inno-btn,#innoBackButton,#innoRestartButton,#innoFinishButton{appearance:none!important; cursor:pointer!important; min-height:52px!important; padding:0 24px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; text-decoration:none!important; line-height:1!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:14px!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:.02em!important; border:1px solid var(--inno-border-dark)!important; background:#fff!important; color:var(--inno-text)!important}
.inno-btn--primary,#innoFinishButton,#innoWizardOverlay #innoFinishButton{background:var(--inno-brand)!important; border-color:var(--inno-brand)!important; color:#fff!important}
.inno-btn--primary:hover,#innoFinishButton:hover,#innoWizardOverlay #innoFinishButton:hover{background:var(--inno-brand-dark)!important; border-color:var(--inno-brand-dark)!important; color:#fff!important}
.inno-btn--back:disabled,#innoBackButton:disabled{opacity:.45!important; cursor:not-allowed!important}
.is-hidden{display:none!important}

/* POPUP OVERLAY */
#innoWizardOverlay.inno-wizard-overlay{position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; padding:40px 24px!important; margin:0!important; background:rgba(12,18,28,.62)!important; z-index:2147483647!important; display:none!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; color:var(--inno-text)!important}
#innoWizardOverlay.inno-wizard-overlay.is-open{display:flex!important}

/* POPUP CONTAINER */
#innoWizardOverlay .inno-wizard{width:min(1120px,100%)!important; max-height:calc(100vh - 80px)!important; background:#fff!important; border:1px solid var(--inno-border)!important; display:grid!important; grid-template-rows:auto auto 1fr auto!important; overflow:hidden!important; position:relative!important}

/* HEADER */
#innoWizardOverlay .inno-wizard__header{padding:26px 42px 0!important; display:grid!important; grid-template-columns:minmax(0,1fr) 48px!important; gap:16px!important; align-items:start!important; background:#fff!important; border:0!important}
#innoWizardOverlay .inno-wizard__header>div{min-width:0!important}
#innoWizardOverlay .inno-wizard__label{display:block!important; margin:0 0 6px!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:13px!important; line-height:1.2!important; font-weight:700!important; letter-spacing:.08em!important; text-transform:uppercase!important; color:var(--inno-brand)!important}
#innoWizardOverlay .inno-wizard__header h2{margin:0!important; font-size:28px!important; line-height:1.16!important; color:var(--inno-text)!important}
.inno-close-btn { appearance:none !important; border:1px solid var(--inno-border-dark) !important; cursor:pointer !important; width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important; padding:0 !important; background:#ffffff !important; color:#667079 !important; font-size:18px !important; line-height:1 !important; font-weight:800 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
#innoWizardOverlay .inno-close-btn:hover{background:var(--inno-brand)!important; border-color:var(--inno-brand)!important; color:#fff!important}

/* PROGRESS */
#innoWizardOverlay .inno-progress{padding:22px 42px 20px!important; background:#fff!important; border-bottom:1px solid var(--inno-border)!important}
#innoWizardOverlay .inno-progress__meta{display:none!important}
#innoWizardOverlay .inno-progress__bar{width:100%!important; height:9px!important; background:#f3f4f6!important; overflow:hidden!important; margin:0!important}
#innoWizardOverlay #innoProgressFill{height:100%!important; background:var(--inno-brand)!important; transition:width .2s ease!important}

/* BODY / STAPPEN */
#innoWizardOverlay .inno-wizard__body{overflow:auto!important; padding:34px 42px 28px!important; background:#fff!important}
#innoWizardOverlay .inno-step{display:none!important}
#innoWizardOverlay .inno-step.is-active{display:block!important}
#innoWizardOverlay .inno-step h2,#innoWizardOverlay .inno-step h3{margin:0 0 10px!important; font-size:28px!important; line-height:1.22!important; color:var(--inno-text)!important; letter-spacing:-.02em!important}
#innoWizardOverlay .inno-step p{margin:0 0 24px!important; font-size:15px!important; line-height:1.55!important; color:var(--inno-text)!important}

/* KEUZEKAARTEN */
#innoWizardOverlay .inno-choice-grid,#innoWizardOverlay .inno-choice-grid--compact,#innoWizardOverlay #innoCategoryGrid,#innoWizardOverlay #innoSubcategoryGrid,#innoWizardOverlay #innoFinishGrid,#innoWizardOverlay #innoLoadGrid,#innoWizardOverlay #innoHeatingGrid{display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:28px!important; width:100%!important; margin:0!important}
#innoWizardOverlay .inno-choice-card,#innoWizardOverlay .inno-visual-card{display:grid!important; grid-template-columns:1fr!important; grid-template-rows:200px auto auto!important; gap:0!important; width:100%!important; min-height:0!important; padding:0!important; text-align:left!important; border:1px solid var(--inno-border-dark)!important; background:#fff!important; overflow:hidden!important; align-content:start!important; cursor:pointer!important; position:relative!important}
#innoWizardOverlay .inno-choice-card:hover,#innoWizardOverlay .inno-choice-card.is-selected,#innoWizardOverlay .inno-visual-card:hover,#innoWizardOverlay .inno-visual-card.is-selected{border-color:var(--inno-brand)!important}
#innoWizardOverlay .inno-choice-card.is-selected::after,#innoWizardOverlay .inno-visual-card.is-selected::after{display:none!important; content:none!important}
#innoWizardOverlay .inno-choice-icon,#innoWizardOverlay .inno-visual-img{width:100%!important; height:200px!important; min-height:200px!important; padding:10px!important; background:#fff!important; background-color:#fff!important; background-size:contain!important; background-position:center!important; background-repeat:no-repeat!important; overflow:hidden!important; }
#innoWizardOverlay .inno-card-image{display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; background:#fff!important; }
#innoWizardOverlay .inno-visual-content{padding:24px 28px 28px!important; display:flex!important; flex-direction:column!important; gap:10px!important}
#innoWizardOverlay .inno-choice-card strong,#innoWizardOverlay .inno-visual-content strong{display:block!important; margin:0!important; padding:0!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:18px!important; line-height:1.2!important; font-weight:700!important; color:var(--inno-text)!important; text-transform:uppercase!important}
#innoWizardOverlay .inno-choice-card>strong{padding:24px 28px 10px!important}
#innoWizardOverlay .inno-choice-card span,#innoWizardOverlay .inno-visual-content span{display:block!important; margin:0!important; padding:0!important; font-family:"Muli",Arial,sans-serif!important; font-size:14px!important; line-height:1.45!important; font-weight:100!important; color:var(--inno-text)!important; text-transform:none!important}
#innoWizardOverlay .inno-choice-card>span:not(.inno-choice-icon){padding:0 28px 28px!important}

/* FALLBACK VISUALS */
#innoWizardOverlay .inno-visual--beton{background:#ffffff!important}
#innoWizardOverlay .inno-visual--anhydriet{background:#fff!important}
#innoWizardOverlay .inno-visual--garage{background:#fff!important}
#innoWizardOverlay .inno-visual--cement{background:#fff!important}
#innoWizardOverlay .inno-visual--egaline{background:#fff!important}
#innoWizardOverlay .inno-visual--grind,#innoWizardOverlay .inno-visual--nietporeus,#innoWizardOverlay .inno-visual--poreus,#innoWizardOverlay .inno-visual--tegel,#innoWizardOverlay .inno-visual--linoleum,#innoWizardOverlay .inno-visual--marmoleum,#innoWizardOverlay .inno-visual--pvc,#innoWizardOverlay .inno-visual--hout,#innoWizardOverlay .inno-visual--parket,#innoWizardOverlay .inno-visual--schutting{background:#fff!important}
#innoWizardOverlay .inno-visual--natuursteen{background:#fff!important}
#innoWizardOverlay .inno-visual--gietvloer{background:#fff!important}
#innoWizardOverlay .inno-visual--kunststof{background:#fff!important}
#innoWizardOverlay .inno-visual--laminaat{background:#fff!important}
#innoWizardOverlay .inno-visual--vinyl{background:#fff!important}
#innoWizardOverlay .inno-visual--houten-trap{background:#fff!important}
#innoWizardOverlay .inno-visual--beton-trap{background:#fff!important}
#innoWizardOverlay .inno-visual--bitumen{background:#fff!important}
#innoWizardOverlay .inno-visual--twijfel{background:#fff!important}

/* RESULTAAT */
#innoWizardOverlay .inno-result{display:grid!important; grid-template-columns:1fr .92fr!important; gap:20px!important; align-items:stretch!important; width:100%!important}
#innoWizardOverlay .inno-advice-box{background:var(--inno-soft)!important; border:1px solid var(--inno-border)!important; padding:22px!important; overflow:hidden!important}
#innoWizardOverlay .inno-products-box{background:#fff!important; border:1px solid var(--inno-border)!important; padding:22px!important; overflow:hidden!important}
#innoWizardOverlay #innoResultTitle,#innoWizardOverlay .inno-advice-box h3{margin:0 0 12px!important; font-size:26px!important; line-height:1.25!important; color:var(--inno-text)!important}
#innoWizardOverlay .inno-tag-row{display:none!important; margin:0!important}
#innoWizardOverlay .inno-tag{display:none!important}

/* ADVIESREGELS */
#innoWizardOverlay .inno-steps-list{list-style:none!important; counter-reset:inno-step-counter!important; padding:0!important; margin:0!important; display:flex!important; flex-direction:column!important; gap:10px!important; width:100%!important; }
#innoWizardOverlay .inno-steps-list li{counter-increment:inno-step-counter!important; display:grid!important; grid-template-columns:30px minmax(0,1fr)!important; gap:12px!important; align-items:start!important; margin:0!important; padding:0!important; font-size:14px!important; line-height:1.55!important; color:var(--inno-text)!important; }
#innoWizardOverlay .inno-steps-list li::before{content:counter(inno-step-counter)!important; width:28px!important; height:28px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; border:1px solid var(--inno-border-dark)!important; font-family:"Muli",Arial,sans-serif!important; font-size:14px!important; line-height:1!important; font-weight:100!important; color:var(--inno-text)!important; box-sizing:border-box!important; }
#innoWizardOverlay .inno-steps-list li span{display:block!important; min-width:0!important; font-size:14px!important; line-height:1.55!important; color:var(--inno-text)!important; }
#innoWizardOverlay .inno-steps-list li strong{display:inline!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:14px!important; line-height:1.55!important; font-weight:700!important; color:var(--inno-text)!important; }

/* PRODUCTEN */
#innoWizardOverlay .inno-selected-floor-visual{position:relative!important; height:260px!important; margin-bottom:18px!important; border:1px solid var(--inno-border)!important; overflow:hidden!important; background:#fff!important; background-size:contain!important; background-position:center!important; background-repeat:no-repeat!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:10px!important; }
#innoWizardOverlay .inno-selected-floor-visual img,#innoWizardOverlay .inno-selected-floor-image{display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important; }
#innoWizardOverlay .inno-selected-floor-visual img,#innoWizardOverlay .inno-selected-floor-image{display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; object-position:center!important}
#innoWizardOverlay .inno-product-list{display:grid!important; gap:12px!important; margin-top:14px!important}
#innoWizardOverlay .inno-product{display:grid!important; grid-template-columns:64px 1fr auto!important; gap:12px!important; align-items:center!important; padding:12px!important; border:1px solid var(--inno-border-dark)!important; background:var(--inno-soft)!important}
#innoWizardOverlay .inno-product__icon{width:64px!important; height:64px!important; min-width:64px!important; min-height:64px!important; background:#fff!important; border:1px solid var(--inno-border-dark)!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; padding:4px!important}
#innoWizardOverlay .inno-product__icon img{width:100%!important; height:100%!important; object-fit:contain!important; display:block!important}
#innoWizardOverlay .inno-product strong{display:block!important; margin:0 0 3px!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:15px!important; line-height:1.25!important; font-weight:700!important; color:var(--inno-text)!important}
#innoWizardOverlay .inno-product small{display:block!important; margin:0!important; font-size:14px!important; line-height:1.55!important; color:var(--inno-text)!important}
#innoWizardOverlay .inno-mini-btn{display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:86px!important; height:40px!important; padding:0 16px!important; background:var(--inno-brand)!important; border:1px solid var(--inno-brand)!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:13px!important; line-height:1!important; color:#fff!important; white-space:nowrap!important; text-decoration:none!important; font-weight:700!important; text-transform:uppercase!important; }
#innoWizardOverlay .inno-mini-btn:hover{background:var(--inno-brand-dark)!important; border-color:var(--inno-brand-dark)!important; color:#fff!important; }

/* RESULT ACTIE */
#innoWizardOverlay .inno-result-actions{display:none!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; }
#innoWizardOverlay .inno-result-actions a,#innoWizardOverlay .inno-result-actions .inno-btn,#innoWizardOverlay #innoSystemLink{display:none!important; width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; visibility:hidden!important; }

/* VERWIJDER LOSSE HOEVEELHEID-BUTTON BIJ BENODIGDE PRODUCTEN */
#innoWizardOverlay .inno-products-box #innoQuantityButton,
#innoWizardOverlay .inno-products-box .inno-quantity-button,
#innoWizardOverlay .inno-products-box [data-inno-quantity],
#innoWizardOverlay .inno-products-box button:not(.inno-mini-btn){display:none!important}

/* CALCULATOR */
#innoWizardOverlay .inno-quantity-calculator{background:var(--inno-soft)!important; border:1px solid var(--inno-border)!important; padding:24px!important; margin-top:18px!important; margin-bottom:22px!important; display:block!important}
#innoWizardOverlay .inno-quantity-calculator h3,#innoWizardOverlay .inno-downloads-box h3{margin:0 0 10px!important; font-size:24px!important; line-height:1.25!important; color:var(--inno-text)!important}
#innoWizardOverlay .inno-quantity-calculator p,#innoWizardOverlay .inno-downloads-box p{font-size:14px!important; line-height:1.55!important; margin:0 0 18px!important; color:var(--inno-text)!important}
#innoWizardOverlay .inno-quantity-controls{display:grid!important; grid-template-columns:240px 1fr!important; gap:12px!important; align-items:end!important; margin:18px 0!important; width:100%!important}
#innoWizardOverlay .inno-quantity-field label{display:block!important; margin:0 0 8px!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:14px!important; font-weight:700!important; color:var(--inno-text)!important}
#innoWizardOverlay #innoSquareMeters{width:100%!important; height:52px!important; border:1px solid #d1d5db!important; background:#fff!important; padding:0 16px!important; font-size:14px!important; color:var(--inno-text)!important}
#innoWizardOverlay #innoQuantityButton{width:100%!important; height:52px!important; border:1px solid var(--inno-brand)!important; background:var(--inno-brand)!important; color:#fff!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:14px!important; font-weight:700!important; text-transform:uppercase!important; cursor:pointer!important}
#innoWizardOverlay .inno-quantity-results-new{display:grid!important; gap:12px!important; width:100%!important; margin-top:16px!important; margin-bottom:28px!important}
#innoWizardOverlay .inno-quantity-result-card{display:grid!important; grid-template-columns:1fr auto!important; gap:16px!important; align-items:center!important; width:100%!important; padding:16px!important; background:#fff!important; border:1px solid var(--inno-border-dark)!important; overflow:hidden!important}
#innoWizardOverlay .inno-quantity-result-info strong{display:block!important; margin:0 0 6px!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:15px!important; font-weight:700!important; color:var(--inno-text)!important}
#innoWizardOverlay .inno-quantity-result-info small,#innoWizardOverlay .inno-quantity-result-amount small{display:block!important; font-size:14px!important; line-height:1.45!important; color:var(--inno-text)!important}
#innoWizardOverlay .inno-quantity-result-amount{text-align:right!important}
#innoWizardOverlay .inno-quantity-result-amount small strong{font-weight:700!important; color:var(--inno-text)!important}

/* DATASHEETS */
#innoWizardOverlay .inno-downloads-box{background:var(--inno-soft)!important; border:1px solid var(--inno-border)!important; padding:24px!important; margin-top:18px!important; margin-bottom:22px!important; display:block!important; }
#innoWizardOverlay .inno-datasheet-row{display:block!important; width:100%!important; padding:16px!important; margin:0 0 12px!important; background:#fff!important; border:1px solid var(--inno-border-dark)!important; }
#innoWizardOverlay .inno-datasheet-row>strong{display:none!important; }
#innoWizardOverlay .inno-datasheet-buttons{display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; width:100%!important; align-items:stretch!important; justify-content:start!important; }
#innoWizardOverlay .inno-datasheet-buttons a{display:flex!important; width:100%!important; min-width:0!important; min-height:44px!important; padding:0 12px!important; align-items:center!important; justify-content:center!important; background:var(--inno-brand)!important; border:1px solid var(--inno-brand)!important; color:#fff!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:13px!important; font-weight:700!important; line-height:1.2!important; text-align:center!important; text-decoration:none!important; white-space:normal!important; overflow-wrap:break-word!important; }

/* WHATSAPP BLOK */
#innoWizardOverlay .inno-note-box{background:#f9f9f9!important; border:1px solid var(--inno-border)!important; padding:22px!important; margin-top:18px!important; display:flex!important; gap:18px!important; align-items:center!important; justify-content:space-between!important}
#innoWizardOverlay .inno-note-box strong{display:block!important; margin:0 0 6px!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:20px!important; line-height:1.2!important; font-weight:700!important; color:#667079!important}
#innoWizardOverlay .inno-note-box p{margin:0!important; font-size:15px!important; line-height:1.45!important; color:#667079!important}

/* WHATSAPP ICON IN BUTTON */
#innoWizardOverlay .inno-note-box .inno-btn--whatsapp{min-width:180px!important; height:52px!important; background:#47CF3E!important; border:1px solid #41e35f!important; color:#fff!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important}
#innoWizardOverlay .inno-note-box .inno-btn--whatsapp::before{content:""!important; width:18px!important; height:18px!important; min-width:18px!important; display:inline-block!important; background-image:url("https://data.inno-coatings.nl/keuzehulp/whatsapp.png")!important; background-repeat:no-repeat!important; background-position:center!important; background-size:contain!important}

/* FOOTER */
#innoWizardOverlay .inno-wizard__footer{padding:18px 42px!important; border-top:1px solid var(--inno-border)!important; display:flex!important; justify-content:flex-end!important; align-items:center!important; gap:12px!important; background:#fff!important}
#innoWizardOverlay .inno-footer-actions{display:flex!important; flex-direction:row!important; justify-content:flex-end!important; align-items:center!important; gap:12px!important; width:auto!important; margin:0!important}
#innoWizardOverlay #innoBackButton,#innoWizardOverlay #innoRestartButton{width:auto!important; min-width:180px!important; height:52px!important; margin:0!important; flex:0 0 auto!important}
#innoWizardOverlay #innoBackButton:hover,#innoWizardOverlay #innoRestartButton:hover{background:var(--inno-brand)!important; border-color:var(--inno-brand)!important; color:#fff!important}
#innoWizardOverlay #innoFinishButton{display:none!important}

/* PROGRESS VIA DATA-STEP */
#innoWizardOverlay[data-step="1"] #innoProgressFill{width:1%!important}
#innoWizardOverlay[data-step="2"] #innoProgressFill{width:20%!important}
#innoWizardOverlay[data-step="3"] #innoProgressFill{width:40%!important}
#innoWizardOverlay[data-step="4"] #innoProgressFill{width:60%!important}
#innoWizardOverlay[data-step="5"] #innoProgressFill{width:80%!important}
#innoWizardOverlay[data-step="6"] #innoProgressFill{width:100%!important}


/* =========================================================
   RESPONSIVE MOBIEL - CLEAN FINAL
   ========================================================= 
*/

@media (max-width:680px){

/* MOBILE BASE */
html,body{overflow-x:hidden!important}
body.inno-wizard-open{overflow:hidden!important}
#innoWizardOverlay,#innoWizardOverlay *{box-sizing:border-box!important}

/* MOBILE POPUP SHELL */
#innoWizardOverlay.inno-wizard-overlay{position:fixed!important; inset:0!important; width:100%!important; height:100dvh!important; padding:14px!important; margin:0!important; display:none!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; background:rgba(12,18,28,.62)!important; z-index:2147483647!important}
#innoWizardOverlay.inno-wizard-overlay.is-open{display:flex!important}
#innoWizardOverlay .inno-wizard{position:relative!important; width:calc(100vw - 28px)!important; max-width:420px!important; min-width:0!important; height:calc(100dvh - 28px)!important; max-height:calc(100dvh - 28px)!important; min-height:0!important; margin:0 auto!important; border:0!important; display:grid!important; grid-template-rows:auto auto 1fr auto!important; overflow:hidden!important; background:#fff!important}

/* MOBILE HEADER */
#innoWizardOverlay .inno-wizard__header{width:100%!important; min-width:0!important; padding:18px 24px 8px!important; display:grid!important; grid-template-columns:minmax(0,1fr) 40px!important; gap:12px!important; align-items:start!important; background:#fff!important}
#innoWizardOverlay .inno-wizard__header>div{width:100%!important; min-width:0!important; overflow:hidden!important}
#innoWizardOverlay .inno-wizard__label{font-size:12px!important; line-height:1.2!important; margin:0 0 5px!important; color:#0099FF!important}
#innoWizardOverlay .inno-wizard__header h2{width:100%!important; margin:0!important; font-size:21px!important; line-height:1.12!important; white-space:normal!important; overflow:visible!important; overflow-wrap:break-word!important; color:#667079!important}
#innoWizardOverlay .inno-close-btn{width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; padding:0!important; justify-self:end!important; font-size:18px!important; line-height:1!important; font-weight:800!important}
  
/* MOBILE PROGRESS */
#innoWizardOverlay .inno-progress{width:100%!important; min-width:0!important; padding:10px 24px 14px!important; border-bottom:1px solid #e5e7eb!important; background:#fff!important}
#innoWizardOverlay .inno-progress__meta{display:none!important}
#innoWizardOverlay .inno-progress__bar{width:100%!important; height:8px!important; margin:0!important; background:#f3f4f6!important; overflow:hidden!important}
#innoWizardOverlay #innoProgressFill{height:100%!important; background:#0099FF!important}

/* MOBILE BODY */
#innoWizardOverlay .inno-wizard__body{width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; padding:22px 18px 110px!important; overflow-y:auto!important; overflow-x:hidden!important; background:#fff!important}
#innoWizardOverlay .inno-step{width:100%!important; min-width:0!important; overflow:visible!important}
#innoWizardOverlay .inno-step h2,#innoWizardOverlay .inno-step h3{width:100%!important; margin:0 0 14px!important; font-size:23px!important; line-height:1.18!important; white-space:normal!important; overflow:visible!important; overflow-wrap:break-word!important; color:#667079!important}
#innoWizardOverlay .inno-step p{width:100%!important; margin:0 0 20px!important; font-size:15px!important; line-height:1.45!important; white-space:normal!important; overflow:visible!important; color:#667079!important}

/* MOBILE CHOICE CARDS */
#innoWizardOverlay .inno-choice-grid,#innoWizardOverlay .inno-choice-grid--compact,#innoWizardOverlay #innoCategoryGrid,#innoWizardOverlay #innoSubcategoryGrid,#innoWizardOverlay #innoFinishGrid,#innoWizardOverlay #innoLoadGrid,#innoWizardOverlay #innoHeatingGrid{display:flex!important; flex-direction:column!important; width:100%!important; max-width:100%!important; min-width:0!important; gap:16px!important; margin:22px 0 0!important; overflow:hidden!important; }
#innoWizardOverlay .inno-choice-card,#innoWizardOverlay .inno-visual-card{display:flex!important; flex-direction:column!important; width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; min-height:0!important; padding:0!important; margin:0!important; overflow:hidden!important; background:#fff!important; border:1px solid var(--inno-border-dark)!important; }
#innoWizardOverlay .inno-choice-icon,#innoWizardOverlay .inno-visual-img{display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:100%!important; min-width:0!important; height:210px!important; min-height:210px!important; max-height:210px!important; padding:10px!important; background:#fff!important; background-color:#fff!important; background-size:contain!important; background-position:center!important; background-repeat:no-repeat!important; overflow:hidden!important; }
#innoWizardOverlay .inno-card-image{display:block!important; width:100%!important; max-width:100%!important; height:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; background:#fff!important; }
#innoWizardOverlay .inno-visual-content{display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:0!important; margin:0!important; background:#fff!important; position:relative!important; z-index:2!important; }
#innoWizardOverlay .inno-choice-card strong,#innoWizardOverlay .inno-visual-content strong{display:block!important; width:100%!important; max-width:100%!important; margin:0!important; padding:20px 20px 8px!important; font-size:18px!important; line-height:1.15!important; white-space:normal!important; overflow:visible!important; overflow-wrap:break-word!important; background:#fff!important; }
#innoWizardOverlay .inno-choice-card span,#innoWizardOverlay .inno-visual-content span{display:block!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0 20px 20px!important; font-size:14px!important; line-height:1.45!important; white-space:normal!important; overflow:visible!important; overflow-wrap:break-word!important; background:#fff!important; }

/* MOBILE KEUZE BUTTONS 2-KOLOMS */
#innoWizardOverlay #innoFinishGrid,#innoWizardOverlay #innoLoadGrid,#innoWizardOverlay #innoHeatingGrid{display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; width:100%!important; max-width:100%!important; margin:22px 0 0!important; overflow:hidden!important; }
#innoWizardOverlay #innoFinishGrid .inno-choice-card,#innoWizardOverlay #innoLoadGrid .inno-choice-card,#innoWizardOverlay #innoHeatingGrid .inno-choice-card{display:flex!important; width:100%!important; min-width:0!important; min-height:54px!important; height:auto!important; padding:0!important; align-items:center!important; justify-content:center!important; background:#fff!important; border:1px solid var(--inno-border-dark)!important; overflow:hidden!important; text-align:center!important; cursor:pointer!important; }
#innoWizardOverlay #innoFinishGrid .inno-choice-card:hover,#innoWizardOverlay #innoFinishGrid .inno-choice-card.is-selected,#innoWizardOverlay #innoLoadGrid .inno-choice-card:hover,#innoWizardOverlay #innoLoadGrid .inno-choice-card.is-selected,#innoWizardOverlay #innoHeatingGrid .inno-choice-card:hover,#innoWizardOverlay #innoHeatingGrid .inno-choice-card.is-selected{background:var(--inno-brand)!important; border-color:var(--inno-brand)!important; color:#fff!important; }
#innoWizardOverlay #innoFinishGrid .inno-choice-card strong,#innoWizardOverlay #innoLoadGrid .inno-choice-card strong,#innoWizardOverlay #innoHeatingGrid .inno-choice-card strong{display:flex!important; width:100%!important; min-height:54px!important; margin:0!important; padding:12px 10px!important; align-items:center!important; justify-content:center!important; font-size:13px!important; line-height:1.2!important; text-align:center!important; color:var(--inno-text)!important; background:transparent!important; }
#innoWizardOverlay #innoFinishGrid .inno-choice-card span,#innoWizardOverlay #innoLoadGrid .inno-choice-card span,#innoWizardOverlay #innoHeatingGrid .inno-choice-card span{display:none!important; }
#innoWizardOverlay #innoFinishGrid .inno-choice-card.is-selected strong,#innoWizardOverlay #innoLoadGrid .inno-choice-card.is-selected strong,#innoWizardOverlay #innoHeatingGrid .inno-choice-card.is-selected strong,#innoWizardOverlay #innoFinishGrid .inno-choice-card:hover strong,#innoWizardOverlay #innoLoadGrid .inno-choice-card:hover strong,#innoWizardOverlay #innoHeatingGrid .inno-choice-card:hover strong{color:#fff!important; }

/* MOBILE RESULT */
#innoWizardOverlay .inno-result{display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important}
#innoWizardOverlay .inno-advice-box{width:100%!important; max-width:100%!important; min-width:0!important; padding:20px!important; margin:0 0 16px!important; background:#f7f7f7!important; border:1px solid #e1e6ed!important; overflow:hidden!important}
#innoWizardOverlay .inno-products-box{width:100%!important; max-width:100%!important; min-width:0!important; padding:18px!important; margin:0 0 16px!important; border:1px solid #e1e6ed!important; overflow:hidden!important}
#innoWizardOverlay #innoResultTitle{font-size:22px!important; line-height:1.16!important; margin:0 0 14px!important; color:#667079!important; overflow-wrap:break-word!important}
#innoWizardOverlay #innoResultText{font-size:15px!important; line-height:1.45!important; margin:0 0 14px!important; color:#667079!important}
#innoWizardOverlay .inno-advice-box h3,#innoWizardOverlay .inno-products-box h3,#innoWizardOverlay .inno-downloads-box h3{font-size:20px!important; line-height:1.2!important; margin:0 0 14px!important; color:#667079!important}
#innoWizardOverlay .inno-tag-row{display:none!important}
#innoWizardOverlay .inno-steps-list{margin:0!important; padding-left:0!important}
#innoWizardOverlay .inno-steps-list li{font-size:15px!important; line-height:1.5!important; margin:0 0 12px!important; padding-left:0!important}
#innoWizardOverlay .inno-steps-list li span,#innoWizardOverlay .inno-steps-list li strong{font-size:15px!important; line-height:1.5!important}
#innoWizardOverlay .inno-selected-floor-visual{display:none!important}
#innoWizardOverlay .inno-selected-floor-image{display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important}

/* MOBILE PRODUCT LIST */
#innoWizardOverlay .inno-product{display:grid!important; grid-template-columns:46px 1fr!important; gap:10px!important; width:100%!important; padding:10px!important; margin:0 0 10px!important}
#innoWizardOverlay .inno-product__icon{width:46px!important; height:46px!important; min-width:46px!important; min-height:46px!important}
#innoWizardOverlay .inno-product strong{font-size:15px!important; line-height:1.25!important}
#innoWizardOverlay .inno-product small{font-size:13px!important; line-height:1.35!important}
#innoWizardOverlay .inno-product .inno-mini-btn{grid-column:1/-1!important; width:100%!important; height:42px!important; margin-top:2px!important; font-size:12px!important; text-align:center!important}

/* MOBILE CALCULATOR */
#innoWizardOverlay .inno-quantity-calculator,#innoWizardOverlay #innoQuantityCalculator{width:100%!important; max-width:100%!important; min-width:0!important; margin:18px 0 0!important; padding:20px!important; background:#f9f9f9!important; border:1px solid #e5e7eb!important; overflow:hidden!important}
#innoWizardOverlay .inno-quantity-calculator h3,#innoWizardOverlay #innoQuantityCalculator h3{display:block!important; margin:0 0 14px!important; font-size:20px!important; line-height:1.2!important; font-weight:700!important; color:#667079!important}
#innoWizardOverlay .inno-quantity-calculator>p,#innoWizardOverlay #innoQuantityCalculator>p{margin:0 0 18px!important; font-size:14px!important; line-height:1.45!important}
#innoWizardOverlay .inno-quantity-controls,#innoWizardOverlay #innoQuantityControls,#innoWizardOverlay .inno-quantity-row,#innoWizardOverlay #innoQuantityForm{display:grid!important; grid-template-columns:minmax(72px,92px) minmax(0,1fr)!important; width:100%!important; max-width:100%!important; min-width:0!important; gap:12px!important; align-items:end!important; margin:0 0 18px!important}
#innoWizardOverlay .inno-quantity-field,#innoWizardOverlay #innoQuantityForm>div{width:auto!important; max-width:none!important; min-width:0!important}
#innoWizardOverlay .inno-quantity-field label,#innoWizardOverlay #innoQuantityForm label{display:block!important; margin:0 0 8px!important; font-size:14px!important; line-height:1.2!important; font-weight:700!important; color:#667079!important}
#innoWizardOverlay #innoSquareMeters,#innoWizardOverlay #innoQuantityForm input{width:100%!important; max-width:100%!important; min-width:0!important; height:54px!important; padding:0 14px!important; border:1px solid #d4d9df!important; background:#fff!important; font-size:15px!important; line-height:54px!important; text-align:left!important; color:#667079!important; font-family:"Muli",Arial,sans-serif!important; font-weight:100!important}
#innoWizardOverlay #innoQuantityButton,#innoWizardOverlay #innoQuantityForm button{width:100%!important; max-width:100%!important; min-width:0!important; height:54px!important; padding:0 12px!important; background:#0099FF!important; border:1px solid #0099FF!important; color:#fff!important; font-family:"Montserrat",Arial,sans-serif!important; font-size:14px!important; line-height:1.15!important; font-weight:700!important; text-transform:uppercase!important; white-space:normal!important; text-align:center!important}
#innoWizardOverlay .inno-quantity-results-new,#innoWizardOverlay #innoQuantityResults{display:flex!important; flex-direction:column!important; gap:14px!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important}
#innoWizardOverlay .inno-quantity-result-card,#innoWizardOverlay .inno-calc-result-row,#innoWizardOverlay #innoQuantityResults>div{display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:18px!important; border:1px solid #d4d9df!important; background:#fff!important; overflow:hidden!important}
#innoWizardOverlay .inno-quantity-result-info,#innoWizardOverlay .inno-calc-info{display:block!important; width:100%!important; margin:0!important; padding:0!important}
#innoWizardOverlay .inno-quantity-result-info strong,#innoWizardOverlay .inno-calc-info strong,#innoWizardOverlay .inno-quantity-result-card>strong,#innoWizardOverlay .inno-calc-result-row>strong{display:block!important; margin:0 0 12px!important; font-size:20px!important; line-height:1.2!important; font-weight:700!important; color:#667079!important}
#innoWizardOverlay .inno-quantity-result-info small,#innoWizardOverlay .inno-calc-info small{display:block!important; margin:0 0 8px!important; font-size:15px!important; line-height:1.45!important; color:#667079!important; white-space:normal!important; overflow-wrap:break-word!important}
#innoWizardOverlay .inno-quantity-result-amount,#innoWizardOverlay .inno-calc-amount{display:block!important; width:100%!important; margin:0!important; padding:0!important; text-align:left!important}
#innoWizardOverlay .inno-quantity-result-amount>div,#innoWizardOverlay .inno-calc-amount>div{display:none!important}
#innoWizardOverlay .inno-quantity-result-amount small,#innoWizardOverlay .inno-calc-amount small{display:block!important; margin:0!important; font-size:15px!important; line-height:1.45!important; color:#667079!important; text-align:left!important; white-space:normal!important; overflow-wrap:break-word!important}
#innoWizardOverlay .inno-quantity-result-amount small strong,#innoWizardOverlay .inno-calc-amount small strong{display:inline!important; font-weight:700!important; color:#667079!important}
#innoWizardOverlay .inno-quantity-note{display:block!important; margin:16px 0 0!important; font-size:13px!important; line-height:1.45!important}

/* MOBILE DATASHEETS */
#innoWizardOverlay #innoDownloadSheets{width:100%!important; max-width:100%!important; min-width:0!important; padding:20px!important; margin:18px 0 0!important; background:#f9f9f9!important; border:1px solid #e1e6ed!important; overflow:hidden!important}
#innoWizardOverlay #innoDownloadSheets h3{font-size:20px!important; line-height:1.18!important; margin:0 0 12px!important; color:#667079!important}
#innoWizardOverlay #innoDownloadSheets p{font-size:14px!important; line-height:1.45!important; margin:0 0 18px!important; color:#667079!important}
#innoWizardOverlay #innoDownloadSheets .inno-datasheet-row{display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0 0 12px!important; padding:0!important; background:transparent!important; border:0!important; overflow:hidden!important}
#innoWizardOverlay #innoDownloadSheets .inno-datasheet-row>strong{display:none!important}
#innoWizardOverlay #innoDownloadSheets .inno-datasheet-buttons{display:flex!important; flex-direction:column!important; flex-wrap:nowrap!important; width:100%!important; max-width:100%!important; min-width:0!important; gap:10px!important; align-items:stretch!important; justify-content:flex-start!important}
#innoWizardOverlay #innoDownloadSheets .inno-datasheet-buttons a{display:flex!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:52px!important; height:auto!important; padding:13px 12px!important; align-items:center!important; justify-content:center!important; background:#0099FF!important; border:1px solid #0099FF!important; color:#fff!important; font-size:14px!important; line-height:1.2!important; font-weight:700!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; text-decoration:none!important}

/* MOBILE FOOTER */
#innoWizardOverlay .inno-wizard__footer{width:100%!important; max-width:100%!important; min-width:0!important; padding:12px 14px!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; align-items:stretch!important; background:#fff!important; overflow:hidden!important}
#innoWizardOverlay .inno-footer-actions{display:contents!important}
#innoWizardOverlay #innoBackButton,#innoWizardOverlay #innoRestartButton{width:100%!important; max-width:100%!important; min-width:0!important; height:46px!important; min-height:46px!important; margin:0!important; padding:0 8px!important; font-size:12px!important; line-height:1!important; letter-spacing:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important}
#innoWizardOverlay #innoFinishButton{display:none!important}

/* MOBILE WHATSAPP NOTE */
#innoWizardOverlay .inno-note-box{display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:14px!important; padding:18px!important; margin-top:18px!important}
#innoWizardOverlay .inno-note-box strong{font-size:20px!important; line-height:1.2!important; margin:0 0 6px!important}
#innoWizardOverlay .inno-note-box p{font-size:15px!important; line-height:1.45!important; margin:0!important}
#innoWizardOverlay .inno-note-box .inno-btn--whatsapp{width:100%!important; min-width:0!important; height:52px!important; margin:0!important}
}