.opi-banner-grid-wrap {
    padding-left: 0;
    padding-right: 0;
}

/* Gutter minimo */
.opi-banner-row {
    margin-left: -3px;
    margin-right: -3px;
}
.opi-banner-row .opi-banner-col {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* Immagini: altezza fissa generosa per valorizzare i banner */
.opi-banner-link {
    display: block;
    overflow: hidden;
    padding: 0 !important;
}
.opi-banner-img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    transition: transform .25s ease, opacity .25s ease;
}
.opi-banner-link:hover .opi-banner-img {
    transform: scale(1.03);
    opacity: .92;
}

/* Tablet: leggermente più bassi */
@media (max-width: 767px) {
    .opi-banner-img { height: 110px; }
    .opi-banner-row { margin-left: -3px; margin-right: -3px; }
    .opi-banner-row .opi-banner-col { padding-left: 3px !important; padding-right: 3px !important; }
}

/* Mobile: immagine proporzionale */
@media (max-width: 575px) {
    .opi-banner-img { height: auto; aspect-ratio: 5 / 2; }
}