.avb-row{display:grid;grid-template-columns:repeat(var(--avb-columns,1),minmax(0,1fr));gap:18px;margin:32px 0;--avb-ratio:4}.avb-row[style*="--avb-columns:2"]{--avb-ratio:2}.avb-row[style*="--avb-columns:3"]{--avb-ratio:1.6}.avb-banner{display:block;min-width:0;border-radius:var(--avb-radius,14px);overflow:hidden;background:#f7f7f7;aspect-ratio:var(--avb-ratio);transition:box-shadow .2s}.avb-banner picture,.avb-banner img{display:block;width:100%;height:100%;object-fit:var(--avb-fit,contain)}a.avb-banner:hover{box-shadow:0 8px 24px #00000016}a.avb-banner:focus-visible{outline:3px solid #555;outline-offset:4px}.avb-page_top{margin:20px 0 28px}.avb-device-mobile{display:none}
@media(max-width:700px){.avb-row{grid-template-columns:1fr;gap:12px;margin:24px 0}.avb-banner{aspect-ratio:3}.avb-device-desktop{display:none}.avb-device-mobile{display:grid}.avb-page_top{margin:16px 0}}
@media(prefers-reduced-motion:reduce){.avb-banner{transition:none}}

.avb-row .avb-banner{padding:var(--avb-padding,0px)!important;box-sizing:border-box}.avb-row .avb-banner picture{min-width:0;min-height:0}@media(max-width:700px){.avb-row .avb-banner{padding:var(--avb-mobile-padding,0px)!important}}

@media(min-width:701px){.avb-row.avb-height-natural .avb-banner{aspect-ratio:auto;align-self:start}.avb-row.avb-height-natural picture,.avb-row.avb-height-natural img{height:auto}}@media(max-width:700px){.avb-row.avb-mobile-height-natural .avb-banner{aspect-ratio:auto;align-self:start}.avb-row.avb-mobile-height-natural picture,.avb-row.avb-mobile-height-natural img{height:auto}}/*
 * Jedan baner + cijela slika:
 * puna širina, prirodna visina, bez unutrašnjih praznina.
 */
.avb-row[style*="--avb-columns:1;"][style*="--avb-fit:contain"]
> .avb-banner {
    width: 100%;
    max-width: none;
    height: auto !important;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto !important;
    padding: 0 !important;
    align-self: start;
}

.avb-row[style*="--avb-columns:1;"][style*="--avb-fit:contain"]
> .avb-banner picture {
    display: block;
    width: 100%;
    height: auto !important;
}

.avb-row[style*="--avb-columns:1;"][style*="--avb-fit:contain"]
> .avb-banner picture img {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
}
