.kale-nb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--kale-nb-gap,18px);width:100%}
.kale-nb-item{display:block;min-width:0;overflow:hidden;border-radius:var(--kale-nb-radius,12px);background:#f4f4f4;text-decoration:none;position:relative}
.kale-nb-item picture,.kale-nb-item img{display:block;width:100%}
.kale-nb-item img{width:100%;height:auto;transition:transform .28s ease}
.kale-nb-fit-contain img{object-fit:contain!important}
.kale-nb-fit-cover img{object-fit:cover!important}
.kale-nb-w-25{grid-column:span 3}.kale-nb-w-33{grid-column:span 4}.kale-nb-w-50{grid-column:span 6}.kale-nb-w-66{grid-column:span 8}.kale-nb-w-75{grid-column:span 9}.kale-nb-w-100{grid-column:1/-1}
/* Prirodna proporcija: nikakvo sečenje niti nametnuta visina */
.kale-nb-format-auto img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important}
/* Zadati formati */
.kale-nb-format-ultra6 img{aspect-ratio:6/1}
.kale-nb-format-ultra5 img{aspect-ratio:5/1}
.kale-nb-format-ultra4 img{aspect-ratio:4/1}
.kale-nb-format-ultra3 img{aspect-ratio:3/1}
.kale-nb-format-wide img{aspect-ratio:16/6}
.kale-nb-format-landscape img{aspect-ratio:16/9}
.kale-nb-format-square img{aspect-ratio:1/1}
.kale-nb-format-portrait img{aspect-ratio:4/5}
.kale-nb-shadow .kale-nb-item{box-shadow:0 8px 24px rgba(0,0,0,.08)}
@media(hover:hover) and (pointer:fine){.kale-nb-hover .kale-nb-item:hover img{transform:scale(1.018)}}
@media(max-width:1024px){
 .kale-nb-grid[data-tablet-cols="1"] .kale-nb-item{grid-column:1/-1}
 .kale-nb-grid[data-tablet-cols="2"] .kale-nb-item{grid-column:span 6}
 .kale-nb-grid[data-tablet-cols="3"] .kale-nb-item{grid-column:span 4}
 .kale-nb-grid[data-tablet-cols="2"] .kale-nb-w-100,.kale-nb-grid[data-tablet-cols="3"] .kale-nb-w-100{grid-column:1/-1}
}
@media(max-width:767px){
 .kale-nb-grid{gap:12px}
 .kale-nb-grid[data-mobile-cols="1"] .kale-nb-item{grid-column:1/-1}
 .kale-nb-grid[data-mobile-cols="2"] .kale-nb-item{grid-column:span 6}
 .kale-nb-grid[data-mobile-cols="2"] .kale-nb-w-100{grid-column:1/-1}
 /* Ako postoji posebna mobilna slika, njena prirodna proporcija ostaje čitava kod contain režima */
 .kale-nb-fit-contain img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
}