/* RMGT — carte produit (dépend de rmgt.css) */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s5);
  list-style:none;margin:0;padding:0}

.pcard{position:relative;display:flex;flex-direction:column;height:100%;
  background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--sh);
  transition:transform .08s,box-shadow .08s}
.pcard:hover,.pcard:focus-within{transform:translate(-2px,-2px);box-shadow:var(--sh-lg)}

/* Visuel : aplat de couleur par catégorie + badge d'état */
.pcard__media{position:relative;display:grid;place-items:center;aspect-ratio:16/10;
  font-size:3.5rem;background:var(--c,var(--grey));border-bottom:var(--bw) solid var(--ink)}
.pcard__media img{width:100%;height:100%;object-fit:contain;padding:var(--s3)}
.pcard__flag{position:absolute;top:var(--s2);left:var(--s2)}
.pcard__cond{position:absolute;top:var(--s2);right:var(--s2)}

.pcard__body{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);flex:1}
.pcard__brand{font:700 var(--fs-xs)/1 var(--font);text-transform:uppercase;letter-spacing:.08em;margin:0}
.pcard__title{font-size:var(--fs-md);line-height:1.25;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard__title a{color:var(--ink);text-decoration:none}
.pcard__title a:hover{background:none}
/* lien étiré : toute la carte est cliquable */
.pcard__title a::after{content:"";position:absolute;inset:0;z-index:1}

/* Bloc prix : le meilleur prix domine */
.pcard__price{margin-top:auto;padding:var(--s3);background:var(--yellow);
  border:var(--bw) solid var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3)}
.pcard__label{flex-basis:100%;font:700 var(--fs-xs)/1 var(--font);text-transform:uppercase;letter-spacing:.06em}
.pcard__best{font:700 var(--fs-price)/1 var(--font);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pcard__old{font:500 var(--fs-md)/1 var(--font);color:#333;text-decoration-thickness:3px;
  text-decoration-color:var(--red);font-variant-numeric:tabular-nums}
.pcard__save{margin-left:auto}
.pcard__price--from .pcard__best::before{content:"dès ";font-size:var(--fs-md);letter-spacing:0}

/* Méta : offres, Montgallet, fraîcheur */
.pcard__meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin:0;padding:0;list-style:none}
.pcard__offers{font-weight:700;font-size:var(--fs-sm)}
.pcard__offers strong{display:inline-block;min-width:1.6em;padding:0 var(--s1);text-align:center;
  background:var(--ink);color:var(--paper)}
.pcard__fresh{font-size:var(--fs-xs);color:#333}

/* Bandeau Montgallet : vert plein, en pied de carte */
.pcard__shop{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);
  background:var(--green);border-top:var(--bw) solid var(--ink);font:700 var(--fs-sm)/1.3 var(--font)}
.pcard__shop--none{background:var(--grey);color:#444;font-weight:500}

.pcard__cta{position:relative;z-index:2;margin-top:var(--s1)}

/* Variantes */
.pcard--refurb .pcard__price{background:var(--orange)}
.pcard--refurb{--c:var(--orange)}
.pcard--sold-out{opacity:.65}
.pcard--sold-out .pcard__price{background:var(--grey)}

/* Squelette (hx-indicator / chargement de liste) */
.pcard--skeleton{min-height:420px;background:var(--grey);animation:blink .9s steps(2,jump-none) infinite}

/* Charger plus (hx-trigger="revealed") */
.load-more{grid-column:1/-1;text-align:center}

@media (max-width:480px){
  .product-grid{grid-template-columns:1fr;gap:var(--s4)}
  /* carte horizontale compacte sur mobile 360px */
  .pcard__media{aspect-ratio:16/8;font-size:2.75rem}
}