/* Ajoute un espace significatif pour libérer la pagination */
.thumbnail-container {
    position: relative !important;
    margin-bottom: 0 !important;
    padding-bottom: 100px !important; /* augmente jusqu'à ne plus avoir de chevauchement */
    overflow: visible !important;
}

/* Les boutons restent à leur place, plus de débordement absolu ! */
.btn-row {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    gap: 8px;
    justify-content: center;
    margin-top: 15px;
}

/* S'assure que la pagination reste toujours au-dessus et parfaitement cliquable */
nav.pagination,
nav.pagination .page-list,
nav.pagination .js-search-link,
ul.page-list,
ul.page-list li,
ul.page-list a {
    position: relative !important;
    z-index: 100 !important;
    background: #fff !important;
    pointer-events: auto !important;
}

/* Optionnel (surtout pour mobile) : accentuer l'espace entre produits et pagination */
nav.pagination {
    margin-top: 32px !important;
    padding-top: 12px !important;
}

/* Si malgré tout le bouton cache la pagination au hover : force la transparence */
.btn-row {
    background: transparent !important;
}