/* Mobile customer experience — 1.1.0 */
html{scroll-padding-top:110px}main,section,article,aside,.grid>*,.split>*,.footer-grid>*{min-width:0}
input,select,textarea{max-width:100%}input,select,textarea,[tabindex="-1"]{scroll-margin-top:110px;scroll-margin-bottom:100px}
.group-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #32405a;margin-top:36px;padding-top:30px}
.group-links h3{margin-bottom:10px}.group-links p{margin-bottom:10px}.group-links a{display:inline-flex;align-items:center;min-height:44px;color:white;text-decoration:underline}
.partner-callout{margin-top:30px;padding:26px;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:6px;background:#f3f5f6}.partner-callout h3{font-size:24px}.partner-callout p{font-size:16px}.partner-callout a{display:inline-flex;min-height:44px;align-items:center;font-weight:700}
.nav a,.footer a,summary{touch-action:manipulation}.service-choice-photo[src*="commandounit"]{object-position:center 58%}
@media(max-width:900px){
 .header .nav{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;padding:16px 24px;gap:4px;box-shadow:0 15px 24px #07172b33}
 .header .nav>a{display:flex;align-items:center;min-height:48px;padding:10px 12px}.header .nav>.btn{margin-top:8px;justify-content:center}
 .menu{min-height:48px;min-width:88px}.header .wrap{min-height:76px}
 .service-result{grid-template-columns:1fr;gap:22px}.service-result .actions{flex-direction:row}.service-result .actions .btn{flex:1}
}
@media(max-width:600px){
 body.admin-bar .header{top:0}html{scroll-padding-top:90px}body{padding-bottom:calc(76px + env(safe-area-inset-bottom));font-size:16px}
 .wrap{width:calc(100% - 36px)}.header .wrap{min-height:72px;gap:12px}.header .logo img{width:138px}.topbar a{min-height:36px;display:flex;align-items:center}
 h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:auto}.intro h1{font-size:clamp(30px,8.5vw,40px);line-height:1.15}.corporate-intro h1{font-size:clamp(34px,10.7vw,46px)}
 .section h2,.choice-heading h2{font-size:clamp(28px,8vw,34px);line-height:1.15}.intro p.lead{font-size:18px;line-height:1.65}
 .section{padding:44px 0}.two,.split{gap:30px}.card{padding:24px;min-height:0}.card a{min-height:44px;display:inline-flex;align-items:center}
 .service-result{padding:20px;gap:20px}.service-result:has(.service-choice-photo){gap:20px}.service-result h3{font-size:25px;line-height:1.2}.service-result .actions{flex-direction:column}.service-result .btn{width:100%}
 .service-photo{height:auto;aspect-ratio:4/3;object-fit:cover}.service-photo[src*="calamiteit-politie"]{aspect-ratio:auto;height:auto}.service-choice-photo{height:auto;aspect-ratio:16/10}
 .choice-buttons button{font-size:14px;line-height:1.35;min-height:52px;padding:12px 8px}.choice-buttons{gap:8px}
 .formbox{padding:22px 18px}.formbox input,.formbox select,.formbox textarea,.help-body input,.help-body textarea{font-size:16px;min-height:50px}.formbox h2{font-size:26px}.formbox label,.help-body label{font-size:15px}
 .progress{gap:4px}.progress span{padding:9px 6px;font-size:12px;line-height:1.4}.formbox .actions{gap:10px}.formbox .actions .btn{min-width:0;flex:1;padding:12px;gap:8px}
 .mobile-cta{gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #1020390a}.mobile-cta .btn{font-size:13px;min-height:48px}
 body:has(#quote-form) .mobile-cta,body:has(#contact-form) .mobile-cta,body:has(dialog[open]) .mobile-cta,body:has(.nav.open) .mobile-cta{display:none}
 dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px);margin:auto;overflow-y:auto;overscroll-behavior:contain}.help-head{position:sticky;top:0;z-index:1}.help-body{padding:22px 18px}.help-body .btn{width:100%}
 .footer{padding:44px 0 30px}.footer a{min-height:44px;display:flex;align-items:center;margin:0;padding:6px 0;font-size:14px}.footer-grid{gap:28px 20px}.footer h3{font-size:16px}.footer-bottom{gap:8px 20px;margin-top:30px}.footer-bottom>span{flex-basis:100%}.footer .logo{margin-bottom:18px}
 .group-links{grid-template-columns:1fr;gap:24px}.group-links p{font-size:15px}.partner-callout{padding:22px}.partner-callout a{overflow-wrap:anywhere}
 .trust-grid{grid-template-columns:1fr;gap:12px}.trust-item{padding:24px}.trust-item h3{font-size:19px}.trust-item p{font-size:15px;margin:0}.trust-item img,.iso-mark{height:64px;margin-bottom:18px}.iso-mark strong{font-size:34px}
 .page-links a{min-height:48px}.callout{padding:24px}.steps{gap:24px}.btn{min-height:50px}.photo-label strong{font-size:clamp(20px,5.8vw,24px)}
}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.footer-grid,.steps{grid-template-columns:1fr}.service-result{padding:16px}.formbox .actions{flex-direction:column}.formbox .actions .btn{width:100%}.corporate-photo>img{object-position:53% 10%}.progress span{font-size:11px}}
@media(max-height:540px) and (max-width:900px){.header .nav{max-height:calc(100dvh - 90px)}.mobile-cta{display:none}}