/* Photographs retain useful detail and their natural proportions. */
#su-dagje-uit.su-camping .c-stay-photo{width:100%;max-width:348px}
#su-dagje-uit.su-camping .c-story-photo{width:100%;max-width:390px}
#su-dagje-uit.su-camping .c-story-photo img{aspect-ratio:auto;object-fit:contain}
#su-dagje-uit.su-camping .cc-hero-photo figure{max-width:550px}
#su-dagje-uit.su-camping .cc-hero-photo img{height:auto;max-height:none;object-fit:contain}
#su-dagje-uit .c-gallery figure{margin:0}
#su-dagje-uit .c-gallery figure[hidden],#su-dagje-uit .c-gallery-controls[hidden]{display:none}
#su-dagje-uit .c-gallery figure img{aspect-ratio:4/3;object-fit:contain;background:var(--k-white)}
#su-dagje-uit .c-gallery figcaption{min-height:3.3em;padding:10px 4px 0;font-size:.875rem;line-height:1.5}
#su-dagje-uit .c-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;font-size:.875rem}
#su-dagje-uit .c-gallery-controls button{width:46px;height:44px;background:var(--k-white);color:var(--k-red);border:1px solid var(--k-line);border-radius:3px;cursor:pointer;font-size:1.3rem}
#su-dagje-uit .c-gallery-controls button:hover{border-color:var(--k-red)}
#su-dagje-uit .c-gallery-controls button:focus-visible{outline:2px solid var(--k-red);outline-offset:3px}
@container dagje (min-width:760px){
 #su-dagje-uit.su-camping .c-stay{grid-template-columns:300px minmax(0,1fr);column-gap:36px}
}
@container dagje (min-width:900px){
 #su-dagje-uit.su-camping .c-stay{grid-template-columns:348px minmax(0,1fr);column-gap:48px}
 #su-dagje-uit.su-camping .c-story{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:56px}
 #su-dagje-uit.su-camping .c-story-photo{max-width:390px}
}