/* Livraison, montage et retour (inc/logistique.php, 01/10) : 8 lignes fixes, 2 colonnes sur ordinateur, source au survol. */
.logistique h2 { font-size: var(--t-xl); margin: 0 0 1rem; text-wrap: balance; }
.logistique__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.5rem, 4vw, 4rem); margin: 0; font: 400 var(--t-sm)/1.45 var(--sans); }
.logistique__ligne { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: 0 1rem; padding: 0.7rem 0; border-bottom: 1px solid var(--trait); min-width: 0; }
.logistique__ligne dt { font-weight: 500; color: var(--feutre); }
.logistique__ligne dd { margin: 0; min-width: 0; position: relative; overflow-wrap: anywhere; }
.logistique__val { color: var(--anthracite); }
.logistique__val[tabindex] { cursor: help; text-decoration: underline dotted var(--trait); text-underline-offset: 4px; }
.logistique__val[tabindex]:focus-visible { outline: 2px solid var(--moutarde); outline-offset: 2px; border-radius: 2px; }
.logistique__val--vide { color: var(--feutre); font-style: italic; }
/* The source: a bubble under the value, inside the cell (never wider than the page). */
.logistique__src { position: absolute; z-index: 5; left: 0; right: 0; top: 100%; margin-top: 0.3rem; padding: 0.5rem 0.65rem; border-left: 3px solid var(--moutarde); background: var(--moutarde-voile); color: var(--anthracite); font: 400 var(--t-xs)/1.4 var(--sans); font-style: normal; box-shadow: 0 6px 18px rgba(37, 39, 43, 0.12); visibility: hidden; pointer-events: none; }
.logistique__val:hover .logistique__src, .logistique__val:focus .logistique__src, .logistique__val:focus-within .logistique__src { visibility: visible; }
.logistique__note { margin: 0.9rem 0 0; font: 400 var(--t-xs)/1.45 var(--sans); color: var(--feutre); max-width: 60rem; }
.fiche-technique td .logistique__val { display: inline-block; position: relative; }
.fiche-technique td .logistique__src { min-width: 14rem; left: auto; right: 0; }
@media (max-width: 900px) {
  .logistique__liste { grid-template-columns: minmax(0, 1fr); }
  .logistique__ligne { grid-template-columns: 7.5rem minmax(0, 1fr); }
  .fiche-technique td .logistique__src { min-width: 0; width: min(16rem, 60vw); }
}