/* Oplever Klaar v79: foto's bekijken en vergroten, niet opslaan */
img{-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}
[data-ok-groot]{cursor:zoom-in}
[data-ok-groot]:focus-visible{outline:3px solid #E3BF73;outline-offset:3px}
.okf-lb{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(10,24,21,.94);padding:max(56px,env(safe-area-inset-top)) 64px max(56px,env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.okf-lb[hidden]{display:none}
.okf-foto{position:relative;width:min(100%,calc((100vh - 140px)*var(--r,0.75)));height:min(calc(100vh - 140px),calc((100vw - 128px)/var(--r,0.75)));background:center/contain no-repeat;border-radius:10px}
.okf-schild{position:absolute;inset:0}
.okf-merk{position:absolute;right:12px;bottom:10px;font:600 13px/1 system-ui,sans-serif;letter-spacing:.06em;color:rgba(255,255,255,.75);text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.okf-knop{position:absolute;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:400 26px/1 system-ui,sans-serif;cursor:pointer}
.okf-knop:hover,.okf-knop:focus-visible{background:#E3BF73;color:#123C35;outline:none}
.okf-sluit{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
.okf-vorige{left:max(10px,env(safe-area-inset-left));top:50%;transform:translateY(-50%)}
.okf-volgende{right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%)}
.okf-tel{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:rgba(255,255,255,.8);font:500 14px/1.3 system-ui,sans-serif;padding:0 70px}
@media (max-width:640px){.okf-lb{padding:64px 10px 70px}.okf-foto{width:min(100%,calc((100vh - 150px)*var(--r,0.75)));height:min(calc(100vh - 150px),calc((100vw - 20px)/var(--r,0.75)))}.okf-vorige,.okf-volgende{top:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:none}}
