#bpw-startscherm { position:fixed; box-sizing:border-box; z-index:99999; top:clamp(24px,10vh,110px); left:50%; transform:translateX(-50%); width:calc(100% - 40px); max-width:480px; margin:0; border:1px solid #aaa; border-radius:2px; background:#f4f4f4; color:#303030; box-shadow:0 4px 18px #0003; font:18px/1.5 Arial,Helvetica,sans-serif; text-align:left; }
#bpw-startscherm::after { content:''; position:absolute; width:24px; height:24px; bottom:-13px; left:calc(50% - 12px); transform:rotate(45deg); background:#f4f4f4; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
#bpw-startscherm * { box-sizing:border-box; }
#bpw-startscherm .bpw-panel { max-height:calc(85vh - env(safe-area-inset-bottom,0px)); overflow:auto; padding:32px 24px 22px; border-radius:2px; }
#bpw-startscherm .bpw-header { display:flex; gap:18px; align-items:center; margin-bottom:26px; padding-right:10px; }
#bpw-startscherm img { width:80px; height:80px; object-fit:contain; border-radius:10px; flex-shrink:0; }
#bpw-startscherm p { margin:12px 0; font:inherit; color:inherit; }
#bpw-startscherm p.bpw-title { margin:0; font-size:23px; line-height:1.5; }
#bpw-startscherm strong { font:inherit; font-weight:700; }
#bpw-startscherm p:empty { display:none; }
#bpw-startscherm button { cursor:pointer; font:inherit; min-height:44px; text-transform:none; letter-spacing:normal; }
#bpw-startscherm .bpw-close { position:absolute; z-index:1; right:5px; top:5px; display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#888; font:34px/1 Arial,sans-serif; border-radius:50%; }
#bpw-startscherm .bpw-close::before { content:''; position:absolute; inset:7px; border:1.5px solid #999; border-radius:50%; }
#bpw-startscherm ol { margin:0; padding-left:26px; list-style:decimal outside; }
#bpw-startscherm li { margin:9px 0; padding-left:2px; font:inherit; }
#bpw-startscherm .bpw-step-line { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#bpw-startscherm .bpw-step-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:30px; height:30px; border-radius:7px; color:#373943; background:#e6e6ec; }
#bpw-startscherm .bpw-step-icon svg { width:23px; height:23px; }
#bpw-startscherm p.bpw-help { font-size:12px; line-height:1.5; margin:18px 0 0; color:#626262; }
#bpw-startscherm p.bpw-caption { font-size:13px; line-height:1.5; margin:12px 0 0; color:#626262; }
#bpw-startscherm .bpw-install { background:var(--bpw-accent); color:white; border:0; border-radius:6px; padding:10px 20px; margin-top:12px; }
#bpw-startscherm [hidden] { display:none !important; }
#bpw-startscherm :focus-visible { outline:3px solid #b06b00; outline-offset:3px; }
@media (min-width:600px) { #bpw-startscherm { font-size:21px; } #bpw-startscherm p.bpw-title { font-size:25px; } }
@media (max-width:359px) { #bpw-startscherm { width:calc(100% - 24px); font-size:16px; } #bpw-startscherm .bpw-panel { padding:30px 16px 18px; } #bpw-startscherm p.bpw-title { font-size:20px; } #bpw-startscherm img { width:62px; height:62px; } }
@media (max-height:500px) { #bpw-startscherm { top:12px; } #bpw-startscherm .bpw-panel { max-height:calc(100vh - 50px); } }
@media print { #bpw-startscherm { display:none; } }