/* ================================================================ Wiki Cards Premium */
.fpm-side-btn{
  display:flex; align-items:center; gap:8px; width:100%; margin-bottom:10px; padding:10px 12px;
  border-radius:12px; cursor:pointer; font:inherit; font-size:0.82rem; font-weight:700;
  color:#1a1408; border:none; background:linear-gradient(135deg, var(--gold-a), var(--gold-b));
  box-shadow:0 6px 18px rgba(245,214,124,0.25);
}
.fpm-side-btn svg{width:17px; height:17px;}
.fpm-side-btn.on{background:var(--panel-2); color:var(--gold-a); border:1px solid rgba(245,214,124,0.35); box-shadow:none;}

.fpm-badge{
  display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:100px; cursor:pointer;
  font-size:0.7rem; font-weight:800; letter-spacing:0.06em; text-transform:uppercase;
  color:#1a1408; background:linear-gradient(135deg, var(--gold-a), var(--gold-b));
}
.fpm-badge svg{width:13px; height:13px;}

.fpm-promo{
  display:flex; align-items:center; gap:10px; width:100%; max-width:420px; margin:10px auto 0; padding:10px 14px;
  border-radius:14px; cursor:pointer; font:inherit; font-size:0.8rem; text-align:left; color:var(--text);
  background:linear-gradient(135deg, rgba(245,214,124,0.14), rgba(245,214,124,0.03)); border:1px dashed rgba(245,214,124,0.45);
  transition:border-color .15s, transform .15s;
}
.fpm-promo:hover{border-style:solid; transform:translateY(-1px);}
.fpm-promo b{color:var(--gold-a);}
.fpm-promo em{margin-left:auto; font-style:normal; font-weight:700; white-space:nowrap; color:var(--gold-a);}
.fpm-promo-ico svg{width:20px; height:20px; color:var(--gold-a); display:block;}

/* 50 pastilles de stock : plus petites pour rester lisibles */
.fp-packs-pips:has(i:nth-child(11)){gap:3px;}
.fp-packs-pips:has(i:nth-child(11)) i{height:9px; border-radius:3px;}

/* fenêtre d'offre */
.fpm-overlay{position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(5,6,10,0.7); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); opacity:0; transition:opacity .2s;}
.fpm-overlay.open{opacity:1;}
.fpm-modal{position:relative; width:100%; max-width:440px; max-height:calc(100vh - 40px); overflow:auto; padding:28px 26px 22px;
  border-radius:22px; background:linear-gradient(170deg, rgba(245,214,124,0.12), transparent 45%), var(--panel);
  border:1px solid rgba(245,214,124,0.35); box-shadow:0 30px 80px rgba(0,0,0,0.5); transform:translateY(10px); transition:transform .2s;}
.fpm-overlay.open .fpm-modal{transform:none;}
.fpm-close{position:absolute; top:10px; right:12px; width:32px; height:32px; border:none; background:none; color:var(--text-dim); font-size:1.5rem; cursor:pointer;}
.fpm-head{text-align:center;}
.fpm-crown{display:inline-flex; width:52px; height:52px; border-radius:16px; align-items:center; justify-content:center;
  color:#1a1408; background:linear-gradient(135deg, var(--gold-a), var(--gold-b)); box-shadow:0 10px 30px rgba(245,214,124,0.35);}
.fpm-crown svg{width:28px; height:28px;}
.fpm-head h2{font-family:'Fraunces', serif; margin:12px 0 4px; font-size:1.5rem;}
.fpm-head p{color:var(--text-dim); font-size:0.88rem; margin:6px 0 0;}
.fpm-price{font-family:'Fraunces', serif; font-size:2rem; font-weight:700; color:var(--gold-a);}
.fpm-price small{font-size:0.9rem; color:var(--text-dim); font-weight:400;}
.fpm-compare{display:flex; align-items:center; justify-content:center; gap:14px; margin:18px 0 6px;}
.fpm-compare > div{flex:1; text-align:center; padding:12px 8px; border-radius:14px; background:var(--panel-2); border:1px solid var(--line);}
.fpm-compare > div.on{border-color:var(--gold-a); background:rgba(245,214,124,0.1);}
.fpm-compare small{display:block; font-size:0.66rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-dim);}
.fpm-compare b{display:block; font-family:'Fraunces', serif; font-size:1.9rem; line-height:1.2;}
.fpm-compare .on b{color:var(--gold-a);}
.fpm-compare span{font-size:0.72rem; color:var(--text-dim);}
.fpm-compare i{font-style:normal; color:var(--gold-a); font-size:1.2rem;}
.fpm-perks{list-style:none; padding:0; margin:16px 0; display:flex; flex-direction:column; gap:9px; font-size:0.86rem;}
.fpm-perks li{display:flex; gap:9px; align-items:flex-start; line-height:1.4;}
.fpm-perks svg{width:17px; height:17px; flex-shrink:0; color:#7fce9a; margin-top:1px;}
.fpm-consent{display:flex; gap:9px; align-items:flex-start; font-size:0.74rem; color:var(--text-dim); line-height:1.45; cursor:pointer; margin-bottom:14px;}
.fpm-consent input{margin-top:2px; accent-color:var(--gold-a); flex-shrink:0;}
.fpm-cta{width:100%; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 18px;}
.fpm-cta svg{width:17px; height:17px;}
.fpm-cta:disabled{opacity:0.45; cursor:not-allowed;}
.fpm-fine{font-size:0.7rem; color:var(--text-faint, var(--text-dim)); text-align:center; margin:10px 0 0;}