/* Carrossel de destaques — track e progresso (setas ficam no header em index.blade.php) */
[data-dc-root] .dc-track {
    scroll-padding-inline: 0.75rem;
}

[data-dc-root] .dc-track > .oferta-destaque-card {
    flex-shrink: 0;
    scroll-snap-align: start;
}

@media (max-width: 767px) {
    [data-dc-root] .dc-track {
        gap: 0.625rem;
        padding-inline: 0.75rem;
        margin-inline: -0.75rem;
        width: calc(100% + 1.5rem);
    }

    [data-dc-root] .oferta-destaque-card {
        width: min(18rem, calc(100vw - 3.25rem));
        max-width: min(20rem, calc(100vw - 3.25rem));
    }
}

html.display-mode-standalone .offers-home-app [data-dc-root] .dc-progress {
    padding-inline: 0.75rem;
}