/* KAS116: payment flow and independent network/energy choices. */
body:is(.page-id-7522,.page-id-7524) #content#content{padding-top:150px!important}
body:is(.page-id-7522,.page-id-7524) .kasier-footer-cta{display:none!important}
.kt116 .kl114-hero{max-width:1000px}.kt116 h1{max-width:24ch}.kt116 .ku2-journey{padding-top:32px;scroll-margin-top:130px}.kt116 .ku2-demo{margin-top:24px}.kt116 .ku2-panels{min-height:290px}.kt116 .ku2-scene{margin:0}.kt116 .ku2-scene figcaption{text-align:center;padding:0 16px;font-size:14px}.kt116 .ku2-scene svg text{font-size:20px}.kt116 .ku2-tabs{grid-template-columns:1fr 1fr}.kt116 .ku2-tabs button{font-size:17px}.kt116 .ku2-tools button{font-size:16px;min-height:44px}.kt116-related{display:flex;gap:20px 32px;flex-wrap:wrap;margin-top:28px;font-size:16px}
.kt116-card{opacity:0;transition:opacity .3s ease,transform .8s ease}.kt116-paid{opacity:0;transition:opacity .4s ease}.kt116-door{transform-box:fill-box;transform-origin:left;transition:transform .8s ease}.kt116-payment-trace{opacity:.15}
.kt116-demo[data-kind='paiement'][data-step='1'] .kt116-card{opacity:1;transform:translate(-94px,54px)}
.kt116-demo[data-kind='paiement'][data-step='1'] .kt116-terminal{stroke:#c90907}
.kt116-demo[data-kind='paiement'][data-step='2'] .kt116-paid,.kt116-demo[data-kind='paiement'][data-step='3'] .kt116-paid{opacity:1}
.kt116-demo[data-kind='paiement'][data-step='2'] .kt116-payment-trace,.kt116-demo[data-kind='paiement'][data-step='3'] .kt116-payment-trace{opacity:1}
.kt116-demo[data-kind='paiement'][data-step='3'] .kt116-door{transform:scaleX(.18)}
.kt116-mobile,.kt116-solar{display:none}.kt116-demo[data-step='1'] .kt116-mobile,.kt116-demo[data-step='1'] .kt116-solar{display:block}.kt116-demo[data-step='1'] .kt116-ethernet,.kt116-demo[data-step='1'] .kt116-mains{display:none}
@media(max-width:1024px){.kt116 .ku2-demo{grid-template-columns:1fr;gap:0}.kt116 .ku2-scene svg{max-height:300px}.kt116 .ku2-controls{padding:24px}.kt116 .ku2-panels{min-height:0}}
@media(max-width:767px){body:is(.page-id-7522,.page-id-7524) #content#content{padding-top:104px!important}.kt116 .ku2-journey{padding-top:24px;scroll-margin-top:100px}.kt116 .ku2-controls{padding:20px 16px}.kt116 .ku2-tabs button{font-size:16px;padding:12px 9px;gap:8px}.kt116 .ku2-scene svg text{font-size:25px}.kt116 .ku2-scene svg{max-height:250px}.kt116 .ku2-scene figcaption{font-size:14px}.kt116-related{display:grid;gap:16px}}
@media(prefers-reduced-motion:reduce){.kt116-card,.kt116-paid,.kt116-door{transition:none!important}}