/* GLOBAL CS — styles propres à res01-fiche-produits (extraits du <head> inline d'origine) */
/* ─── Styles spécifiques fiche-produits ─── */
.fp-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.fp-filter{padding:8px 18px;border-radius:20px;border:1.5px solid var(--lt);background:var(--w);font-family:var(--F);font-size:12px;font-weight:700;color:var(--nlt);cursor:pointer;transition:all .2s;letter-spacing:.3px}
.fp-filter.active,.fp-filter:hover{background:var(--g);border-color:var(--g);color:var(--n)}
.fp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fp-card{background:var(--w);border-radius:16px;border:1px solid var(--lt);overflow:hidden;transition:all .28s;display:flex;flex-direction:column;position:relative}
.fp-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(36,46,61,.12);border-color:var(--g)}
.fp-card-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:6px;background:var(--gsft);color:var(--gdk)}
.fp-card-badge.new{background:#FEF3C7;color:#92400E}
.fp-card-badge.top{background:#FEE2E2;color:#991B1B}
.fp-card-img{height:130px;background:linear-gradient(135deg,var(--n) 0%,var(--nmid) 100%);display:flex;align-items:center;justify-content:center;font-size:72px;position:relative;overflow:hidden}
.fp-card-img::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(140,191,68,.18) 0%,transparent 60%)}
.fp-card-body{padding:22px 22px 18px;flex:1;display:flex;flex-direction:column;gap:10px}
.fp-card-cat{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gdk)}
.fp-card-name{font-size:17px;font-weight:800;color:var(--n);line-height:1.25}
.fp-card-desc{font-size:13px;color:#6B7280;line-height:1.58;flex:1}
.fp-card-specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.fp-spec{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:5px;background:var(--xlt);color:var(--nlt)}
.fp-card-actions{display:flex;gap:10px;padding:16px 22px;border-top:1px solid var(--lt);background:var(--xlt)}
.fp-btn{flex:1;text-align:center;padding:10px 12px;border-radius:8px;font-family:var(--F);font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}
.fp-btn-primary{background:var(--g);color:var(--n)}
.fp-btn-primary:hover{background:var(--g2)}
.fp-btn-outline{border:1.5px solid var(--lt);color:var(--nlt);background:var(--w)}
.fp-btn-outline:hover{border-color:var(--n);color:var(--n)}
.fp-tabs{display:flex;gap:0;border-bottom:2px solid var(--lt);margin-bottom:52px}
.fp-tab{padding:13px 22px;font-family:var(--F);font-size:13px;font-weight:700;color:#9CA3AF;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;display:flex;align-items:center;gap:8px}
.fp-tab.active,.fp-tab:hover{color:var(--n);border-bottom-color:var(--g)}
.fp-tab .fp-count{background:var(--gsft);color:var(--gdk);font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px}
.fp-section-title{font-size:13px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--gdk);margin:0 0 24px;padding-bottom:10px;border-bottom:2px solid var(--gsft)}
.compare-bar{position:sticky;bottom:20px;z-index:50;display:none;background:var(--n);border-radius:12px;padding:14px 20px;margin-top:32px;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid rgba(140,191,68,.3)}
.compare-bar.show{display:flex}
.compare-bar p{color:rgba(255,255,255,.7);font-size:13px;font-weight:600;margin:0}
.compare-bar p strong{color:#fff}
@media(max-width:900px){.fp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.fp-grid{grid-template-columns:1fr}.fp-tabs{overflow-x:auto;gap:0}.fp-filter-bar{gap:8px}}