/* ===== Featured Products – version premium adaptée smartphones (corrigé & responsive) ===== */

.mrfp {
  --mrfp-radius: 16px;
  --mrfp-gap: 18px;
  --mrfp-shadow: 0 8px 24px rgba(0,0,0,.08);
  --mrfp-accent: #6c5ce7;
  --mrfp-accent-2: #00d4ff;
  margin: 32px 0;
  padding: 20px 16px;
  background: radial-gradient(1200px 500px at 10% 0%, rgba(108,92,231,.05), rgba(0,212,255,.03));
  border-radius: 20px;
}

.mrfp-product {
  min-height: auto !important;
  height: auto !important;
  padding: 10px; /* même padding que PrestaShop */
}

/* Header */
.mrfp-head { 
  display:flex; 
  align-items:end; 
  justify-content:center; 
  gap:12px; 
  margin-bottom:10px; 
  
}
.mrfp-title h2{
  margin:0;
  font-size: clamp(1.15rem, 1.8vw, 1.5rem);
  font-weight: 800;
  letter-spacing:.1px;
  line-height:1.15;
  color:#111;
  
}
.mrfp-chip{ display:none; }

/* === Grille responsive === */
.mrfp-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);  /* 3 colonnes desktop */
  gap: var(--mrfp-gap);
  margin-top: 16px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

/* Tablette = 2 colonnes */
@media (max-width: 900px) {
  .mrfp-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile = 1 colonne */
@media (max-width: 540px) {
  .mrfp-list {
    grid-template-columns: 1fr;
  }
}

/* Carte */
.mrfp-card{
  position:relative; 
  background:#fff; 
  border-radius:var(--mrfp-radius);
  box-shadow: var(--mrfp-shadow); 
  overflow:hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.mrfp-card:hover{ 
  transform: translateY(-3px); 
  box-shadow: 0 12px 32px rgba(0,0,0,.12); 
}

/* Zone image */
.mrfp-media {
  aspect-ratio: unset !important;
  max-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Variantes de fit */
.mrfp--cover .mrfp-media { aspect-ratio: 4/3; }
.mrfp--cover .mrfp-media img{ 
  width:100%; height:100%; 
  object-fit:cover; object-position:center; 
  transform:scale(1); 
  transition: transform .35s ease; 
}
.mrfp--cover .mrfp-card:hover .mrfp-media img{ transform:scale(1.06); }

/* → Mode contain : ne coupe pas le téléphone */
.mrfp--contain .mrfp-media {
  aspect-ratio: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.mrfp--contain .mrfp-media img {
  max-width: 95%;
  max-height: 95%;
  object-fit: contain;
  object-position: center;
  margin-top: 30px;
}
.mrfp--contain .mrfp-card:hover .mrfp-media img{ transform:none; }

/* Badge “À la une” */
.mrfp-badge{
  position:absolute; top:12px; left:12px;
  padding:6px 10px; font-weight:700; font-size:.78rem; color:#fff;
  background: linear-gradient(135deg, var(--mrfp-accent), var(--mrfp-accent-2));
  border-radius:999px; box-shadow:0 6px 16px rgba(0,0,0,.15); z-index:2;
}

/* Ruban promo */
.mrfp-ribbon{
  position:absolute; top:12px; right:12px; padding:6px 10px;
  font-weight:700; font-size:.8rem; color:#fff;
  background: linear-gradient(135deg,#ff006e,#ff8e00);
  border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,.15);
}

/* Corps */
.mrfp-body{ 
  padding:12px 14px 14px; 
  display:grid; 
  gap:10px;  
  margin-top: 20px;
}
.mrfp-name{ 
  margin:0; 
  font-size:1rem; 
  line-height:1.25; 
  min-height:2.5em; 
  text-align: center;
}
.mrfp-name a{ color:#111; text-decoration:none; }
.mrfp-name a:hover{ text-decoration:underline; }
.mrfp-paypal{  
  margin:0; 
  font-size:0.95rem; 
  line-height:1.05; 
  min-height:2em; 
  font-style:italic;
  
  text-align: center;
}
/* Prix */
.mrfp-price-row{ margin:0; font-size:1rem; line-height:1.25; min-height:2.5em; text-align: center; }
.mrfp-price{ margin:0; font-size:1.05rem; font-weight: 900; line-height:1.25; min-height:2.5em; text-align: center; }
.mrfp-old{ color:#999; text-decoration:line-through; font-size:.95rem; }

/* Actions */
.mrfp-actions {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 0.2px;
}

.mrfp-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 12px; border-radius:12px; text-decoration:none; font-weight:700;
  border:1px solid rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
  cursor:pointer;
}
.mrfp-btn-primary{
  background: linear-gradient(90deg, var(--mrfp-accent), var(--mrfp-accent-2));
  color:#fff; border:0; box-shadow:0 8px 18px rgba(108,92,231,.25);
}
.mrfp-btn-primary:hover{ transform: translateY(-2px); }
.mrfp-btn-ghost{ background:#fff; color:#111; }
.mrfp-btn-ghost:hover{ background: rgba(0,0,0,.04); }

/* Empty */
.mrfp-empty{ padding: 24px; }
.mrfp-empty-inner{
  background:#fff; border-radius:var(--mrfp-radius);
  box-shadow: var(--mrfp-shadow); padding:28px; text-align:center;
}
.mrfp-empty .mrfp-empty-tip{ margin-top:6px; color:#666; font-size:.95rem; }