#softSentinel {
  display: block;
  min-height: 1px;
  width: 100%;
}

/* =========================================================
   MOBILE AMAZON LIST (image gauche, contenu droite)
   Forcer le rendu ≤ 560px
========================================================= */
@media (max-width: 560px) {
  /* Grille → 1 colonne (liste) */
  .soft-panel__grid.is-products {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Carte en rangée horizontale */
  .soft-panel__grid.is-products .soft-prod,
  .soft-panel__grid.is-products .soft-prod > .soft-prod__link {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0 !important;
    background: #fff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .soft-panel__grid.is-products .soft-prod__link {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  /* Image gauche (vignette) */
  .soft-panel__grid.is-products .soft-prod__imgwrap {
    flex: 0 0 120px !important;
    /* ajuste 112–132 si besoin */
    width: 120px !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    border-right: 1px solid #eee !important;
    background: #f8f8f8 !important;
    /* fond clair façon Amazon */
    position: relative !important;
    overflow: hidden !important;
  }

  .soft-panel__grid.is-products .soft-prod__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* vignettes bien remplies */
    display: block !important;
    opacity: 1 !important;
    /* pas de fade-in qui bouge la hauteur */
  }

  /* Corps à droite, compact */
  .soft-panel__grid.is-products .soft-prod__body,
  .soft-panel__grid.is-products .soft-prod__content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 10px 12px 12px !important;
  }

  /* Titre : multi-lignes, sans ellipsis */
  .soft-panel__grid.is-products .soft-prod__title {
    margin: 0 0 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    /* Amazon: médium, pas extra-bold */
    line-height: 1.35 !important;
    white-space: normal !important;
    /* 🔑 enlève le “nowrap” */
    overflow: visible !important;
    /* 🔑 enlève le masquage */
    text-overflow: clip !important;
    /* 🔑 enlève les “…” */
    display: block !important;
    /* 🔑 désactive -webkit-line-clamp */
  }

  /* Ligne prix + infos secondaires */
  .soft-panel__grid.is-products .soft-priceRow {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin: 0 0 4px !important;
  }

  .soft-panel__grid.is-products .sa-card__price {
    font-size: 14px !important;
    font-weight: 700 !important;
    /* prix bien lisible */
    color: #111 !important;
  }

  .soft-panel__grid.is-products .soft-price--compare {
    font-size: 12px !important;
    color: #888 !important;
    text-decoration: line-through !important;
  }

  .soft-panel__grid.is-products .sa-card__usd {
    font-size: 12px !important;
    color: #888 !important;
  }

  /* Mini méta (ex: condition, mini note, petite info) */
  .soft-panel__grid.is-products .soft-prod__meta,
  .soft-panel__grid.is-products .sa-card__brand {
    font-size: 12px !important;
    color: #666 !important;
    margin: 0 0 6px !important;
  }

  /* Étoiles/compteurs éventuels */
  .soft-panel__grid.is-products .sa-card__stats {
    font-size: 12px !important;
    color: #777 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 2px !important;
  }

  /* Bouton favori, discret */
  .soft-panel__grid.is-products .soft-like.sa-card__fav-btn {
    top: 6px !important;
    right: 6px !important;
    width: 30px !important;
    height: 30px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
  }

  .soft-panel__grid.is-products .soft-like.sa-card__fav-btn svg {
    width: 16px !important;
    height: 16px !important;
  }

  /* Nettoyage de règles conflictuelles */
  .soft-panel__grid.is-products .soft-prod__imgwrap img {
    max-width: none !important;
    max-height: none !important;
  }

  .soft-panel__grid.is-products .soft-prod * {
    box-sizing: border-box !important;
  }

  /* Densité Amazon : réduire l’espace vertical entre blocs */
  .soft-panel__grid.is-products .sa-card__pricebox {
    gap: 6px !important;
  }

  .soft-panel__grid.is-products .soft-pill,
  .soft-panel__grid.is-products .soft-badge {
    display: none !important;
    /* garder la liste propre en mobile */
  }
}

/* =========================================================
   MOBILE AMAZON — Partie body avec titre tronqué "..."
========================================================= */
@media (max-width: 560px) {
  .soft-panel__grid.is-products .soft-prod__body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 10px 12px !important;
    gap: 4px !important;
  }

  /* Titre tronqué avec "…" */
  .soft-panel__grid.is-products .soft-prod__title {
    flex: 0 0 auto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 0 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    /* ✅ 2 lignes max */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    /* pour autoriser plusieurs lignes */
  }

  /* Ligne prix : toujours sous le titre */
  .soft-panel__grid.is-products .soft-priceRow {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .soft-panel__grid.is-products .sa-card__price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111 !important;
  }

  .soft-panel__grid.is-products .soft-price--compare {
    font-size: 12px !important;
    color: #888 !important;
    text-decoration: line-through !important;
  }

  .soft-panel__grid.is-products .sa-card__usd {
    font-size: 12px !important;
    color: #999 !important;
  }
}