<style>
/* La table prend 100% et la désignation s’étire vraiment */
.vogproductlist .table.vpl-table{width:100%;table-layout:auto}
.vogproductlist .vpl-col-name-col{width:auto}
.vogproductlist td.vpl-col-name{width:35%}

/* Empêcher que le nom soit compressé : il prend la place disponible */
.vogproductlist td.vpl-col-name a{display:inline-block;max-width:100%}
.vogproductlist td.vpl-col-name{white-space:normal}

/* Paliers sous le prix de base */
.vogproductlist td.vpl-col-price .vpl-price-line{line-height:1.28}
.vogproductlist td.vpl-col-price .vpl-tiers{
  margin-top:.4rem;border:1px solid #e2e6ea;border-radius:6px;overflow:hidden
}

/* >>> Spécificité haute + !important pour battre le thème <<< */
.vogproductlist table.vpl-table td .vpl-tiers .vpl-tier{
  padding:.32rem .6rem;display:block;border-top:1px solid #e9ecef !important
}
.vogproductlist table.vpl-table td .vpl-tiers .vpl-tier:first-child{border-top:0 !important}
.vogproductlist table.vpl-table td .vpl-tiers .vpl-tier.odd{background:#f0f2f5 !important}
.vogproductlist table.vpl-table td .vpl-tiers .vpl-tier.even{background:#ffffff !important}
/* Bouton "retour en haut" */
.vpl-backtop{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 999;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid #d0d7de;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
  pointer-events: none; /* clique désactivé tant qu'il est caché */
}
.vpl-backtop:hover{ box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.vpl-backtop.vpl-show{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

</style>
