.dc26-scroll-image__wrap {
    display: grid;
    grid-template-rows: var(--si-max-height, auto);
    align-items: start;
    overflow: hidden;
}

/* Hauteur après que le logo par défaut soit sorti (délai = durée exit) */
.dc26-scroll-image.is-scrolled .dc26-scroll-image__wrap {
    grid-template-rows: 60px;
    transition: grid-template-rows 0s 0.15s;
}

.dc26-scroll-image__link {
    display: contents;
}

.dc26-scroll-image__default,
.dc26-scroll-image__on-scroll {
    grid-area: 1 / 1;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.dc26-scroll-image__default {
    max-height: var(--si-max-height, none);
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease 0.25s, transform 0.3s ease 0.25s;
}

.dc26-scroll-image__on-scroll {
    max-height: 60px;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
}

.dc26-scroll-image.is-scrolled .dc26-scroll-image__default {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
}

.dc26-scroll-image.is-scrolled .dc26-scroll-image__on-scroll {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease 0.25s, transform 0.3s ease 0.25s;
}

@media (max-width: 768px) {
    .dc26-scroll-image__wrap {
        grid-template-rows: 50px;
    }
    .dc26-scroll-image__default,
    .dc26-scroll-image__on-scroll {
        max-height: 50px;
    }
}