/* RMGT — fiche produit : en-tête + tableau comparatif d'offres (dépend de rmgt.css) */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s6);align-items:start}
.pdp__media{display:grid;place-items:center;aspect-ratio:1/1;max-height:420px;font-size:8rem;background:var(--blue);
  border:var(--bw) solid var(--ink);box-shadow:var(--sh-lg)}
.pdp__badges{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}
.pdp__title{font-size:clamp(1.5rem,3vw,2.25rem)}
.pdp__best{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2) var(--s4);padding:var(--s4);margin:var(--s4) 0;
  background:var(--yellow);border:var(--bw-lg) solid var(--ink);box-shadow:var(--sh-lg)}
.pdp__best .pcard__label{flex-basis:100%}
.pdp__best .pcard__best{font-size:3.25rem}
.pdp__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:0 0 var(--s4);padding:0;list-style:none}
.pdp__facts li{padding:var(--s2) var(--s3);background:var(--paper);border:var(--bw) solid var(--ink);font-weight:700;font-size:var(--fs-sm)}
.pdp__facts b{display:block;font-size:var(--fs-xl);line-height:1}
.pdp__facts li:nth-child(3){background:var(--green)}

.toolbar{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:end;justify-content:space-between;margin:var(--s5) 0 var(--s4)}
.toolbar .tabs{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0;padding:0;list-style:none}
.toolbar .select{width:auto;min-width:220px}

.otable{width:100%;border-collapse:collapse;background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--sh)}
.otable caption{text-align:left;padding:0 0 var(--s2);font:700 var(--fs-sm)/1 var(--font)}
.otable th{padding:var(--s2) var(--s3);background:var(--ink);color:var(--yellow);text-align:left;
  font:700 var(--fs-xs)/1.2 var(--font);text-transform:uppercase;letter-spacing:.06em}
.otable td{padding:var(--s3);border-top:var(--bw) solid var(--ink);vertical-align:middle}
.otable tbody tr:hover td{background:#FFFBE0}
.otable tr.is-best td{background:var(--yellow)}
.otable .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.otable__shop{font-weight:700}
.otable__shop small{display:block;font-weight:500;font-size:var(--fs-xs)}
.otable__price{font:700 1.5rem/1 var(--font);letter-spacing:-.02em}
.otable__total{display:block;font:500 var(--fs-xs)/1.3 var(--font);margin-top:2px}
.stock{display:inline-flex;align-items:center;gap:var(--s1);font-weight:700;font-size:var(--fs-sm)}
.stock::before{content:"";width:10px;height:10px;background:var(--green);border:2px solid var(--ink)}
.stock--low::before{background:var(--orange)}.stock--out::before{background:var(--red)}

.history{margin:var(--s6) 0 0;padding:var(--s4);background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--sh)}
.history__bars{display:flex;align-items:end;gap:4px;height:120px;margin:var(--s3) 0 var(--s2);padding:0;list-style:none;border-bottom:var(--bw) solid var(--ink)}
.history__bars li{flex:1;background:var(--blue);border:2px solid var(--ink);border-bottom:0}
.history__bars li:last-child{background:var(--yellow)}
.history figcaption{display:flex;justify-content:space-between;font:700 var(--fs-xs)/1 var(--font);text-transform:uppercase}

@media (max-width:860px){.pdp{grid-template-columns:1fr}.pdp__media{max-height:240px;font-size:5rem}}
@media (max-width:640px){
  .otable thead{display:none}
  .otable,.otable tbody{display:block}
  .otable tr{display:grid;grid-template-columns:1fr auto;gap:var(--s1) var(--s3);padding:var(--s3);border-top:var(--bw) solid var(--ink)}
  .otable tr:first-child{border-top:0}
  .otable td{display:block;border:0;padding:0;text-align:left}
  .otable td[data-label]::before{content:attr(data-label) " : ";font:700 var(--fs-xs)/1 var(--font);text-transform:uppercase}
  .otable td.cell-shop,.otable td.cell-cta{grid-column:1/-1}
  .otable tr.is-best{background:var(--yellow)}
  .pdp__best .pcard__best{font-size:2.5rem}
}
