.gnc-gallery{display:grid!important;grid-template-columns:repeat(var(--gnc-columns),minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box;align-items:stretch}
.gnc-gallery .gnc-item{display:block!important;width:100%;min-width:0;aspect-ratio:4/3;overflow:hidden;background:#eee;text-decoration:none;box-sizing:border-box;line-height:0}
.gnc-gallery .gnc-item img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover;transition:transform .2s ease,opacity .5s ease}
.gnc-gallery .gnc-item:hover img{transform:scale(1.025)}
.gnc-empty{padding:1rem 0}.gnc-error{padding:1rem;border:1px solid #c00}
@media(max-width:900px){.gnc-gallery{grid-template-columns:repeat(min(3,var(--gnc-columns)),minmax(0,1fr))!important}}
@media(max-width:600px){.gnc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}}

/* WordPress wpautop/footer builders can inject <br> around shortcode output. In a CSS grid those become grid items and consume columns. */
.gnc-gallery > br,.gnc-gallery .gnc-item > br{display:none!important}

/* Fondu des photos lors de la rotation automatique : 0,5 s de sortie + 0,5 s d'entrée. */
.gnc-gallery .gnc-item img.gnc-fading{opacity:0!important}