/* UX t96 : page Avis (maquette validée le 07/10/2026). Généré par maquettes\t96\livrable.ps1. */
    /* Page Avis (UX t96) */
    .md-a-relever { color: #555; background: #e9e9e9; border-radius: 3px; padding: 0 3px; }
    .md-avis-grille .wrapCard { padding-top: 24px; }
    .md-avis-grille .review { padding-top: 0; }
    .md-avis-grille .review strong.md-review-author { display: inline; }
    .md-avis-bloc { margin: 0 0 56px; }
    .md-avis-bloc h2 { margin-bottom: 18px; }
    .md-avis-table { overflow-x: auto; }
    .md-avis-table .table { background: #fff; border: 1px solid #ddd; font-size: 15px; color: #333; margin-bottom: 12px; }
    .md-avis-table .table > thead > tr > th { background: #f8f8f8; color: #000; border-bottom: 2px solid #000; font-weight: 700; vertical-align: bottom; }
    .md-avis-table .table > tbody > tr > th { color: #000; font-weight: 700; }
    .md-avis-table .table > tbody > tr > td, .md-avis-table .table > tbody > tr > th { padding: 12px 10px; vertical-align: top; }
    .md-avis-note p { font-size: 15px; color: #333; }
    .md-avis-grille { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
    .hero-light.md-hero-avis { height: auto; min-height: 0; padding-bottom: 48px; }
    .md-avis-visuel { position: relative; background: #6a67ce; border-radius: 24px; padding: 16px; margin: 8px 24px 0; }
    .md-avis-visuel > img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 16px; }
    .md-pastille { position: absolute; display: flex; flex-direction: column; gap: 2px; min-width: 150px; max-width: 190px; background: #fff; border-radius: 14px;
      padding: 10px 14px 12px; box-shadow: 0 6px 18px rgba(0,0,0,.18); color: #000 !important; text-decoration: none !important; font-family: Roboto, Arial, sans-serif; line-height: 1.2; }
    .md-pastille .md-etoiles { color: #ffb901; font-size: 16px; letter-spacing: 2px; }
    .md-pastille .md-pastille-note { font-size: 22px; font-weight: 900; color: #000; }
    .md-pastille .md-pastille-nb { font-size: 13px; color: #555; }
    .md-pastille .md-pastille-note.md-long { font-size: 14px; font-weight: 700; }
    .md-pastille .md-a-relever { padding: 0 2px; }
    .md-avis-visuel .md-p-1 { left: -28px; bottom: 36px; }
    .md-avis-visuel .md-p-2 { right: -28px; top: 36px; }
    .md-avis-visuel .md-p-3 { right: -28px; bottom: 150px; }
    .md-avis-photo { position: relative; min-height: 300px; border-radius: 16px; overflow: hidden; background: #6a67ce; }
    .md-avis-photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
    /* Pastille en haut à gauche : sur ces photos, le ciel, pas le télépilote */
    .md-avis-photo .md-pastille { left: 14px; top: 14px; }
    .md-avis-grille .wrapCard { margin: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
    .md-avis-grille .review p { color: #333; }
    .md-avis-suite { color: #333; margin-left: 2px; }
    .md-avis-source { display: block; font-size: 13px; color: #555; margin-top: 12px; }
    .md-avis-regles { background: #f8f8f8; border-radius: 8px; padding: 28px 32px 12px; }
    .md-avis-colonnes { columns: 2; column-gap: 40px; }
    .md-avis-colonnes p { break-inside: avoid; color: #333; font-size: 15px; }
    .md-avis-fin p { color: #333; }
    @media (max-width: 767px) {
      .md-avis-grille { grid-template-columns: 1fr; }
      /* Téléphone : les 3 pastilles sous la photo, dans le cadre violet */
      .md-avis-visuel { margin: 24px 0 0; padding: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
      .md-avis-visuel > img { grid-column: 1 / -1; aspect-ratio: 1 / 1; }
      .md-avis-visuel .md-pastille { position: static; min-width: 0; max-width: none; padding: 8px 8px 10px; border-radius: 10px; }
      .md-avis-visuel .md-etoiles { font-size: 12px; letter-spacing: 1px; }
      .md-avis-visuel .md-pastille .md-pastille-note { font-size: 16px; }
      .md-avis-visuel .md-pastille .md-pastille-note.md-long { font-size: 12px; }
      .md-avis-visuel .md-pastille-nb { font-size: 11px; }
      .md-pastille .md-pastille-note { font-size: 18px; }
      .md-avis-photo { min-height: 320px; }
      .md-avis-colonnes { columns: 1; }
      .md-avis-regles { padding: 20px 16px 4px; }
      .md-avis-table .table, .md-avis-table tbody, .md-avis-table tr, .md-avis-table th, .md-avis-table td { display: block; width: 100%; }
      .md-avis-table thead { display: none; }
      .md-avis-table .table { border: 0; background: transparent; }
      .md-avis-table tbody > tr { background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 12px; }
      .md-avis-table .table > tbody > tr > td, .md-avis-table .table > tbody > tr > th { border: 0; padding: 6px 12px; }
      .md-avis-table .table > tbody > tr > th { font-size: 17px; padding-top: 12px; }
      .md-avis-table td::before { content: attr(data-label) " : "; font-weight: 700; color: #000; }
    }
    /* t288 (MDdrone, 10/10/2026), ajout de brancher-valeurs.ps1 : adresses longues de la FAQ coupées à la ligne (sur téléphone, elles sortaient de leur carte) */
    #accordion-avis .panel-body a { overflow-wrap: anywhere; }