/* tableau-comparatif, table filtrable (desktop) + stack (mobile) */

.pd-tableau-wrapper {
  background: var(--pd-white);
  border: var(--pd-border);
  border-radius: var(--pd-radius-lg);
  overflow: hidden;
}

.pd-tableau-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pd-space-3);
  padding: var(--pd-space-4) var(--pd-space-5);
  background: var(--pd-neutral-50);
  border-bottom: var(--pd-border);
}
.pd-tableau-toolbar__title {
  margin: 0;
  font-size: var(--pd-fs-md);
  font-weight: var(--pd-fw-bold);
  flex: 1 1 100%;
}
@media (min-width: 768px) {
  .pd-tableau-toolbar__title { flex: 1 1 auto; }
}

.pd-tableau-filters {
  display: flex; flex-wrap: wrap; gap: var(--pd-space-2);
}

.pd-tableau-results {
  font-size: var(--pd-fs-sm);
  color: var(--pd-neutral-600);
}

/* Desktop table */
.pd-tableau {
  width: 100%;
  border-collapse: collapse;
  display: none;
}
@media (min-width: 1024px) {
  .pd-tableau { display: table; }
}

.pd-tableau th, .pd-tableau td {
  padding: var(--pd-space-3) var(--pd-space-4);
  text-align: left;
  border-bottom: 1px solid var(--pd-neutral-100);
  font-size: var(--pd-fs-sm);
}
.pd-tableau th {
  background: var(--pd-neutral-50);
  font-weight: var(--pd-fw-semibold);
  color: var(--pd-neutral-700);
  font-size: var(--pd-fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.pd-tableau td.pd-tableau__price {
  font-size: var(--pd-fs-lg);
  font-weight: var(--pd-fw-bold);
  color: var(--pd-accent-dark);
  font-variant-numeric: tabular-nums;
}

/* Mobile stack, cards inside */
.pd-tableau-stack {
  display: grid;
  gap: var(--pd-space-4);
  padding: var(--pd-space-4);
}
@media (min-width: 1024px) { .pd-tableau-stack { display: none; } }

.pd-tableau-empty {
  padding: var(--pd-space-7);
  text-align: center;
  color: var(--pd-neutral-600);
}