/* Robuuste detailpagina, lightbox, formulieren en footer – bewust los van de basis-CSS voor cacheherstel. */
.analysis-detail .section-heading{align-items:flex-end}
.analysis-detail .section-heading>div{min-width:0}
.analysis-detail .packaging-card{display:grid;grid-template-columns:clamp(150px,18vw,210px) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,2rem);overflow:visible}
.analysis-detail .packaging-photo{min-width:0;width:100%;align-self:start}
.analysis-detail .packaging-content{min-width:0;position:relative}
.analysis-detail .packaging-content>*:first-child{margin-top:0}
.analysis-detail .image-zoom{position:relative;display:block;width:100%;min-width:0;min-height:0;padding:.65rem;border:2px solid var(--primary-dark);border-radius:15px;background:var(--primary-dark);overflow:hidden;cursor:zoom-in}
.analysis-detail .image-zoom::after{content:"Vergroten";position:absolute;right:.65rem;bottom:.65rem;padding:.3rem .55rem;border-radius:999px;background:rgba(0,47,70,.88);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.01em;pointer-events:none}
.analysis-detail .image-zoom img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:280px;object-fit:contain;border-radius:10px;background:#f5f8f9}
.analysis-detail .instruction{margin-top:1rem}
.lightbox[open]{display:block;z-index:100}
.lightbox figure{max-width:min(1100px,100%);margin:0 auto}
.lightbox-close{z-index:2}

/* Vaste verticale ritmes voor formulieren die nog geen form-group-component gebruiken. */
.login-card form{display:grid;gap:1.25rem}
.login-card form>label{display:grid;gap:.5rem;margin:0;font-weight:750}
.login-card form>label input{margin:0}
.login-card form>button{justify-self:start;margin-top:.25rem}
.form-actions,.wizard-actions,.selection-actions{row-gap:.75rem}
.form-group+.form-actions,.field+.form-actions,fieldset+.form-actions{margin-top:var(--space-actions,1.75rem)}
.card form>.actions:last-child,.admin-form form>.actions:last-child{margin-top:var(--space-actions,1.75rem);padding-top:1rem;border-top:1px solid var(--border)}

.footer-lines{display:grid!important;grid-template-columns:1fr!important;justify-items:center;align-items:center;gap:.45rem!important;text-align:center}
.footer-lines>*{display:block;margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere}
.footer-lines .footer-version{color:var(--primary-dark);font-weight:800}
@media(max-width:800px){
 .analysis-detail .packaging-card{grid-template-columns:1fr}
 .analysis-detail .packaging-photo{width:min(100%,430px);margin:0 auto}
 .analysis-detail .image-zoom img{max-height:420px}
}
@media(max-width:480px){
 .analysis-detail .section-heading{align-items:stretch}
 .analysis-detail .section-heading>.add-selection{align-self:stretch;width:100%}
 .analysis-detail .packaging-card{padding:1rem;gap:1.25rem}
 .analysis-detail .image-zoom::after{right:.5rem;bottom:.5rem}
 .login-card form>button{justify-self:stretch;width:100%}
 .site-footer{padding:1.5rem 0}
}