/* === GRID 3 PAR LIGNE === */

.cards-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-bottom: 100px;
    padding-top: 20px;
  }
  
  /* 1 par ligne par défaut (mobile) */
  .cards-grid-item {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0.75rem 1.5rem;
    display: flex; /* pour que la card puisse s'étirer en hauteur */
  }
  
  /* 3 par ligne à partir de 768px */
  @media (min-width: 768px) {
    .cards-grid-item {
      width: 33.3333%;
    }
  }
  
  /* === STYLE DES CARTES (type Bootstrap) === */
  
  .presta-card {
    border: 1px solid #dee2e6;
    border-radius: 1.75rem;
    background-color: #ffffff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  .card-img-top {
    width: 100%;
    display: block;
  }
  
  .card-body {
    padding: 1.25rem 1.5rem;
    flex: 1 1 auto; /* pour que toutes les cards aient la même hauteur */
  }
  
  .card-footer {
    padding: 1.75rem 1.5rem;
    background-color: #5B246D;
    border-top: 1px solid #dee2e6;
  }

  .card-text{
    margin-bottom: 30px;
  }
  
  /* Petit bouton */
  .btn-presta-xs {
    display: inline-block;
    font-size: 1.75rem;
    padding: 0.15rem 0.5rem;
    line-height: 1.2;
    border-radius: 999px;
    color: #fff;
  }
  
  .card-footer:last-child {
    border-radius: 0 0 4px 4px;
  }

  .productstabs-section .cards-grid-item .card.presta-card .card-img-top {
    width: 100%;
    height: 300px;      /* ou 140 / 160px, à ajuster */
    object-fit: cover;
    border-radius: 10px 10px 0 0;
  }
  
  
  @media (min-width: 992px) {
    .productstabs-section .cards-grid-item .card.presta-card .card-img-top {
      height: 300px;
      border-radius: 10px 10px 0 0;

    }
  }

    
  @media (max-width: 991px) {
    .productstabs-section .cards-grid-item .card.presta-card .card-img-top {
      height: 200px;
      border-radius: 10px 10px 0 0;

    }
    
  }