/* Identité Kris Vitres et photographies exactes de la maquette fournie */
.wizard-header{background:#061a36;border-bottom:3px solid #08cbd5;color:#fff}.brand{color:#fff}.brand small{color:#42e1e7}.step{color:#9eb5ce}.step.active{color:#5ee8ec}.step.active i{background:#08cbd5;box-shadow:0 5px 12px #004a66}.rail{background:#36516e}.rail.active{background:#08cbd5}.promise b{color:#fff}.promise small{color:#9ed9df}.promise>span{color:#08cbd5}.intro{background:linear-gradient(110deg,#061a36,#0b3654);margin:0 -28px 12px;padding:18px 28px;color:#fff}.intro h1{color:#fff}.help{border-color:#53dce2;color:#5ee8ec}.help small{color:#d4f3f5}
.art.photo{position:relative;overflow:hidden;width:100%;height:100%;background-image:url('assets/fenetres-clean.png');background-size:400% 400%;background-position:var(--bx) var(--by);background-repeat:no-repeat;border-radius:7px}
.examples>div:nth-child(1) .pane{background-position:-64px -867px}.examples>div:nth-child(2) .pane{background-position:-150px -867px}.examples>div:nth-child(3) .pane{background-position:-245px -867px}.examples>div:nth-child(4) .pane{background-position:-343px -867px}.examples>div:nth-child(5) .pane{background-position:-451px -867px}.examples>div:nth-child(6) .pane{background-position:-704px -867px}.examples>div:nth-child(7) .pane{background-position:-836px -867px}.pane{background-image:url('assets/fenetres-reference.png')!important;background-size:1536px 1024px!important;border:0!important;color:transparent!important;font-size:0!important}.pane>*{display:none!important}
@media(max-width:780px){.intro{margin:0 -10px 10px;padding:16px 10px}.wizard-header{border-bottom-width:2px}.steps{border-top-color:#244667}.art.photo{min-height:90px}.card .art.photo{grid-row:1/3}.extra-group .art.photo{height:105px}}

/* Schémas de comptage déterministes : un panneau visible par vitre */
.pane.diagram{height:58px!important;margin:0!important;transform:none!important;display:grid!important;position:relative;background:#eefaff!important;border:4px solid #647985!important;border-top-color:#a5b6bf!important;border-left-color:#a5b6bf!important;box-shadow:inset 0 0 0 2px #fff,0 2px 3px rgba(0,50,90,.12);color:#087cf0!important;font-size:12px!important;overflow:hidden}.pane.diagram>*{position:static!important;display:grid!important;place-items:center!important;color:#087cf0!important;font-size:12px!important;font-style:normal!important;text-decoration:none!important;background:linear-gradient(135deg,#dff6ff,#9cddff)!important;border-right:2px solid #647985!important}.pane.diagram>*:last-child{border-right:0!important}.pane.diagram.one{grid-template-columns:1fr}.pane.diagram.two{grid-template-columns:repeat(2,1fr)}.pane.diagram.three{grid-template-columns:repeat(3,1fr)}.pane.diagram.four{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.pane.diagram.four>*{border-bottom:2px solid #647985!important}.pane.diagram.four>*:nth-child(2n){border-right:0!important}.pane.diagram.four>*:nth-child(n+3){border-bottom:0!important}.pane.diagram.opening:after{content:"";position:absolute;right:5px;top:24px;width:3px;height:3px;border-radius:50%;background:#315c90}.pane.diagram.sliding:before,.pane.diagram.sliding:after{content:"";position:absolute;top:25px;border:4px solid transparent}.pane.diagram.sliding:before{left:30%;border-right-color:#087cf0}.pane.diagram.sliding:after{right:30%;border-left-color:#087cf0}.pane.diagram.roof{transform:skew(-10deg)!important;margin:3px 9px!important}