/* PRECOMMANDES v3.0 — Les 7 Royaumes
 * Listing : namespace .pc-*  |  Détail : namespace legacy .preco-*
 */
.preco{font-family:"Nunito",sans-serif;max-width:820px;margin:0 auto;color:#222}

/* ===== Hero (sous-titre) + intro ===== */
.pc-hero{margin:0 0 20px;padding-bottom:18px;border-bottom:2px solid #f0f0f0}
.pc-subtitle{margin:0;font-size:1.4em;font-weight:700;color:#333;letter-spacing:-.01em}
.pc-tagline{margin:6px 0 0;color:#666;font-size:1em;line-height:1.5}
.pc-intro{margin:0 0 18px;color:#555;font-size:.93em;line-height:1.55}

/* ===== FAQ accordeon (details/summary natifs) — version condensee ===== */
.pc-faq{margin:0 0 24px}
.pc-faq-item{border-bottom:1px solid #ececec}
.pc-faq-item:first-child{border-top:1px solid #ececec}
.pc-faq-item summary{list-style:none;cursor:pointer;padding:9px 4px;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#333;font-size:.92em;transition:color .15s}
.pc-faq-item summary::-webkit-details-marker{display:none}
.pc-faq-item summary::after{content:"";width:7px;height:7px;border-right:2px solid #888;border-bottom:2px solid #888;transform:rotate(45deg);transition:transform .2s;margin-left:12px;flex-shrink:0}
.pc-faq-item[open] summary::after{transform:rotate(-135deg)}
@media(hover:hover){.pc-faq-item summary:hover{color:#B62F2E}.pc-faq-item summary:hover::after{border-color:#B62F2E}}
.pc-faq-item summary:focus-visible{outline:2px solid #B62F2E;outline-offset:2px;border-radius:2px}
.pc-faq-body{padding:2px 4px 12px;color:#555;font-size:.9em;line-height:1.55}
.pc-faq-body p{margin:0 0 .8em}
.pc-faq-body p:last-child{margin-bottom:0}

/* ===== Filtres post-it royaume ===== */
.pc-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.pc-filter,.pc-filter:hover,.pc-filter:focus,.pc-filter:active{background:#fff;color:#222}
.pc-filter{display:inline-flex;align-items:center;padding:9px 16px 9px 14px;border:none;border-left:5px solid #999;border-radius:4px;font-family:inherit;font-size:.86em;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s,border-left-width .15s}
@media(hover:hover){
  .pc-filter:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.12)}
}
.pc-filter:focus,.pc-filter:focus-visible{outline:none}
.pc-filter[data-filter="all"]{border-left-color:#444}
.pc-filter[data-filter="tcg"]{border-left-color:#5FA9DE}
.pc-filter[data-filter="jds"]{border-left-color:#A0C500}
.pc-filter[data-filter="jdr"]{border-left-color:#EFB700}
.pc-filter[data-filter="jdf"]{border-left-color:#F75B16}
.pc-filter[data-filter="acc"]{border-left-color:#BE07EA}
/* Filtre actif : juste effet ombre + accent border-left (pas d inversion couleur) */
.pc-filter--active{box-shadow:0 3px 10px rgba(0,0,0,.15);border-left-width:7px;padding-left:12px}
.pc-filter-count{display:inline-block;margin-left:8px;background:rgba(0,0,0,.08);padding:1px 7px;border-radius:10px;font-size:.85em;font-weight:700}
.pc-filter--active .pc-filter-count{background:rgba(0,0,0,.15)}

/* ===== Cartes ===== */
.pc-card{border:1px solid #ddd;border-radius:8px;margin-bottom:15px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:box-shadow .2s,transform .2s;position:relative}
.pc-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}
.pc-card-header{padding:10px 14px 10px 18px;background:#fafafa;border-left:4px solid #ccc;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:8px 8px 0 0;position:relative;border-bottom:1px solid #f0f0f0}
.pc-card-header.pc-rk--jds{border-left-color:#A0C500}
.pc-card-header.pc-rk--jdr{border-left-color:#EFB700}
.pc-card-header.pc-rk--tcg{border-left-color:#5FA9DE}
.pc-card-header.pc-rk--jdf{border-left-color:#F75B16}
.pc-card-header.pc-rk--acc{border-left-color:#BE07EA}
.pc-card-header h3{margin:0;font-size:1.08em;font-weight:700;line-height:1.3;color:#222;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Tooltip magasin (top-right header) -- visible quand un message rattrapage existe.
 * Picto "i" noir/blanc partout (desktop + mobile), tooltip noir au hover/focus */
.pc-mag-tip,.pc-mag-tip:hover,.pc-mag-tip:focus,.pc-mag-tip:active{background:none;box-shadow:none}
.pc-mag-tip{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;cursor:pointer;outline:none;font-family:inherit;-webkit-tap-highlight-color:transparent}
/* Badge rond blanc commun pour tous les emoji (live type, bandes cat, bandes mois).
   Coherent avec le style des cloches Soon. Opacite 1 pour bonne lisibilite. */
.pc-emoji-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#fff;border:1px solid #d4d4d4;border-radius:50%;font-size:.78em;line-height:1;flex-shrink:0;user-select:none;opacity:1}
.pc-card-type{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#fff;border:1px solid #d4d4d4;border-radius:50%;font-size:.78em;line-height:1;user-select:none;opacity:1}
.pc-mag-tip:focus,.pc-mag-tip:focus-visible{outline:none}
.pc-mag-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#1a1a1a;color:#fff;font-size:.78em;font-weight:700;font-style:italic;font-family:Georgia,serif;line-height:1;border:1px solid #1a1a1a}
.pc-mag-tip-text{position:absolute;display:none;top:calc(100% + 6px);right:-2px;width:300px;max-width:calc(100vw - 32px);background:#1a1a1a;color:#fff;padding:8px 11px;border-radius:4px;box-shadow:0 4px 14px rgba(0,0,0,.3);font-size:.82em;font-weight:500;line-height:1.45;text-align:left;white-space:normal;z-index:50}
@media(hover:hover){
  .pc-mag-tip:hover .pc-mag-tip-text{display:block}
}
.pc-mag-tip:focus .pc-mag-tip-text,.pc-mag-tip:focus-within .pc-mag-tip-text,.pc-mag-tip:focus-visible .pc-mag-tip-text{display:block}
@media(max-width:700px){
  .pc-mag-tip-text{width:260px;right:0;font-size:.85em}
}

/* Banner image (clic = lien vers detail) */
.pc-card-banner{position:relative;display:block;height:280px;overflow:hidden;text-decoration:none;cursor:pointer;background:#222;border-radius:0 0 8px 8px}

/* ===== Mini-cards SOON (groupe côte à côte) ===== */
/* Affichage compact des prochaines sorties prédites par série, en grille 3 colonnes
 * desktop / 2 tablette / 1 mobile. Pas de banner noire géante, le visuel ne vole
 * plus la vedette aux campagnes actives. SEO bonifié (noms + dates indexables).
 *
 * Structure :
 *   header (titre centre + cloche absolute top-right, fond #FAFAFA)
 *   body (date centree, fond blanc)
 *
 * NOTE : flex 0 1 (= flex-grow 0) pour quune mini-card SEULE ne setire
 * pas a 100% du wrapper. Largeur fixe basee sur basis 33%, gap rempli par
 * espace vide. */
.pc-soon-group{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 24px;padding:0;align-items:stretch}
.pc-mini-card{flex:0 1 calc(33.333% - 8px);min-width:200px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;overflow:hidden;font-family:"Nunito",sans-serif}
.pc-mini-card-header{position:relative;background:#FAFAFA;padding:9px 36px 9px 12px;border-bottom:1px solid #f0f0f0}
.pc-mini-card-title{margin:0;font-size:.92em;font-weight:700;color:#222;line-height:1.3;letter-spacing:-.005em;text-align:center}
.pc-mini-card-body{flex:1;padding:12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.pc-mini-card-date{font-size:.86em;font-weight:600;color:#555;display:block}
.pc-mini-card-date--tba{color:#999;font-style:italic;font-weight:500}
/* Cloche en coin top-right du header — pattern e-commerce wishlist.
 * Defense Kadence : tous les etats declares ensemble avec !important pour
 * battre les overrides theme (rose pale hover sur button[disabled] etc). */
.pc-mini-card-cta,
.pc-mini-card-cta:hover,
.pc-mini-card-cta:focus,
.pc-mini-card-cta:focus-visible,
.pc-mini-card-cta:active,
.pc-mini-card-cta[disabled],
.pc-mini-card-cta[disabled]:hover,
.pc-mini-card-cta[disabled]:focus{
  position:absolute !important;
  top:6px !important;
  right:8px !important;
  width:26px !important;
  height:26px !important;
  padding:0 !important;
  margin:0 !important;
  background:#fff !important;
  color:#888 !important;
  border:1px solid #d4d4d4 !important;
  border-radius:50% !important;
  outline:none !important;
  font-size:.78em !important;
  font-weight:400 !important;
  font-family:inherit !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  transform:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  transition:background .15s,border-color .15s,color .15s !important;
}
.pc-mini-card-cta[disabled],
.pc-mini-card-cta[disabled]:hover,
.pc-mini-card-cta[disabled]:focus{cursor:not-allowed !important}
.pc-mini-card-cta.is-subscribed{background:#fff !important;border-color:#1f7a1f !important;color:#1f7a1f !important}
.pc-mini-card[data-status="soon"]{cursor:pointer;transition:transform .15s,box-shadow .15s}
.pc-mini-card[data-status="soon"]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}

/* Overlay "Prévenez-moi" sur card Soon — design cohérent avec la fiche produit PS */
#preco-soon-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);font-family:"Nunito",sans-serif;animation:preco-soon-fade .15s ease-out}
#preco-soon-overlay[hidden]{display:none}
@keyframes preco-soon-fade{from{opacity:0}to{opacity:1}}
.preco-soon-modal{background:#fff;border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:24px 24px 22px;max-width:460px;width:calc(100% - 32px);position:relative}
.preco-soon-modal-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.4em;color:#888;cursor:pointer;padding:4px 8px;line-height:1;font-family:inherit}
.preco-soon-modal-close:hover{color:#222}
.preco-soon-modal-title{margin:0 0 14px;font-size:.95em;font-weight:600;color:#444;line-height:1.3}
.preco-soon-modal-form{display:flex;gap:0;align-items:stretch}
.preco-soon-modal-input{flex:1;border:1px solid #e0e0e0;border-right:0;border-radius:0;padding:11px 14px;font-size:.92em;font-family:inherit;color:#222;background:#f5f5f5;outline:none;min-width:0}
.preco-soon-modal-input:focus{border-color:#bbb;background:#fff}
.preco-soon-modal-btn{background:#B62F2E;color:#fff;border:1px solid #B62F2E;border-radius:0;width:46px;flex:0 0 46px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.preco-soon-modal-btn:hover{background:#9a2625;border-color:#9a2625}
.preco-soon-modal-btn:disabled{opacity:.6;cursor:wait}
.preco-soon-modal-btn svg{width:18px;height:18px}
.preco-soon-modal-msg{margin-top:12px;padding:8px 10px;border-radius:4px;font-size:.86em;display:none}
.preco-soon-modal-msg.is-error{display:block;background:#fdeded;color:#9a2625;border:1px solid #f5c6c5}
.preco-soon-modal-msg.is-success{display:block;background:#edf7ed;color:#1f7a1f;border:1px solid #c5e5c5}
@media(max-width:700px){
  .pc-mini-card{flex:0 1 calc(50% - 6px);min-width:0}
  .pc-mini-card-header{padding:8px 32px 8px 10px}
  .pc-mini-card-title{font-size:.88em}
  .pc-mini-card-body{padding:10px 12px}
  .pc-mini-card-date{font-size:.82em}
  .pc-mini-card-cta,
  .pc-mini-card-cta:hover,
  .pc-mini-card-cta[disabled]{top:5px !important;right:6px !important;width:24px !important;height:24px !important;font-size:.72em !important}
}
@media(max-width:460px){
  .pc-mini-card{flex:0 1 100%}
}

/* ===== Mini-card Prochainement (catalogue PS, hors campagne) =====
 * Structure cohérente avec les grosses cards Live (v3.8.6) :
 *   - <header> : titre + border-left 4px royaume + fond #FAFAFA
 *   - <img>    : visuel produit (carré desktop, 2:1 mobile) + CTA absolute
 *                "Voir le produit" en pastille noir/blanc bottom-right
 *   - <footer> : date sortie alignée à droite
 * Pleine surface cliquable — c est une <a> directe vers la fiche produit PS.
 * Sobre, pas hero — destinée à enrichir la page sans concurrencer les cards live.
 */
.pc-prochainement-group{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 24px;padding:0;align-items:stretch}
/* Element invisible qui force un retour ligne dans flex-wrap. Insere entre
 * 2 groupes Prochainement quand changement de release_month OU changement
 * de category_name avec au moins un groupe >=2 items. La marge superieure
 * cree la respiration entre blocs sans fragmenter excessivement. */
.pc-prochainement-break{flex-basis:100%;height:0;margin:0;padding:0;border:0;display:block}
/* Margin-top sur la card suivant un break invisible (mode reorder ou break
   sans label). Pour les breaks AVEC data-section, le spacing est gere par
   la bande elle-meme (margin-bottom). */
.pc-prochainement-break:not([data-section]) + .pc-prochainement-card{margin-top:16px}
/* Bandes de section : titre en haut, ligne en bas. Apparaissent sur les
   breaks tagges avec data-section. Discret par defaut, plus marque pour les
   changements de mois. En mode reorder admin, le styling reorder prime. */
.pc-prochainement-break[data-section]{height:auto;margin:24px 0 14px;padding:0 0 8px;border:0;border-bottom:1px solid #ddd;font-family:"Nunito",sans-serif;font-weight:inherit;line-height:1}
h3.pc-prochainement-break[data-section]{font-size:inherit}
.pc-prochainement-break[data-section] .pc-section-label-text{font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:#888;font-weight:600;display:block}
.pc-prochainement-break[data-section]:not([data-section-kind="month"]){display:flex;align-items:center;justify-content:space-between;gap:12px}
.pc-prochainement-break[data-section-kind="month"]{margin:48px 0 14px;padding:0;border:0;background:transparent;line-height:1.2;display:flex;align-items:stretch;gap:0}
.pc-prochainement-break[data-section-kind="month"] .pc-emoji-badge{width:auto;min-width:50px;height:auto;padding:0 12px;background:#fff;border:1px solid #d4d4d4;border-right:0;border-radius:4px 0 0 4px;font-size:1.1em;flex-shrink:0;opacity:1}
/* HSL arc-en-ciel desactive (test visuel #4D4D4D uniforme) — reactivable :
.pc-prochainement-break[data-section-kind="month"][style*="--month-hue"]{background:linear-gradient(90deg,hsl(var(--month-hue),48%,30%) 0%,hsl(var(--month-hue),48%,30%) 55%,hsla(var(--month-hue),48%,30%,0) 100%)} */
.pc-prochainement-break[data-section-kind="month"] .pc-section-label-text{flex:1;background:#B62F2E;color:#fff;padding:14px 18px;border-radius:0 4px 4px 0;font-size:1.1em;font-weight:700;letter-spacing:.08em;display:flex;align-items:center}
.pc-prochainement-break[data-section-kind="month"] .pc-section-label-text::before{content:"";display:inline-block;width:6px;height:6px;background:#fff;border-radius:50%;margin-right:10px;flex-shrink:0}
.pc-prochainement-card{flex:0 1 calc(25% - 9px);min-width:180px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;overflow:hidden;font-family:"Nunito",sans-serif;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.pc-prochainement-card:hover,.pc-prochainement-card:focus{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12);text-decoration:none;color:inherit}
.pc-prochainement-header{padding:8px 12px;background:#fafafa;border-left:4px solid #ccc;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;min-height:36px}
.pc-prochainement-header.pc-rk--jds{border-left-color:#A0C500}
.pc-prochainement-header.pc-rk--jdr{border-left-color:#EFB700}
.pc-prochainement-header.pc-rk--tcg{border-left-color:#5FA9DE}
.pc-prochainement-header.pc-rk--jdf{border-left-color:#F75B16}
.pc-prochainement-header.pc-rk--acc{border-left-color:#BE07EA}
.pc-prochainement-title{margin:0;font-size:.78em;font-weight:700;color:#222;line-height:1.3;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.pc-prochainement-img-wrap{position:relative;width:100%;aspect-ratio:1/1;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1}
.pc-prochainement-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.pc-prochainement-img-fallback{font-size:2.5em;color:#bbb;line-height:1}
/* CTA "Voir le produit" : pastille style tooltip noir/blanc dans le footer
 * a gauche, equilibre avec la date a droite. Toujours visible — signal de
 * cliquabilite + l image reste pure (pas d overlay). */
.pc-prochainement-cta{background:rgba(0,0,0,.85);color:#fff;padding:4px 9px;border-radius:3px;font-size:.7em;font-weight:600;letter-spacing:.02em;line-height:1.3;box-shadow:0 1px 2px rgba(0,0,0,.15);pointer-events:none;white-space:nowrap;font-family:inherit}
.pc-prochainement-card:hover .pc-prochainement-cta,
.pc-prochainement-card:focus .pc-prochainement-cta{background:rgba(0,0,0,.95)}
.pc-prochainement-footer{padding:8px 12px;background:#fff;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:8px}
.pc-prochainement-date{font-size:.74em;font-weight:600;color:#666}
/* Breakpoints : 4 col >900, 3 col 700-900, 2 col 460-700, 1 col <460 */
@media(max-width:900px){
  .pc-prochainement-card{flex:0 1 calc(33.333% - 8px)}
}
@media(max-width:700px){
  .pc-prochainement-card{flex:0 1 calc(50% - 6px);min-width:0}
  .pc-prochainement-header{padding:6px 10px;min-height:32px}
  .pc-prochainement-title{font-size:.74em}
  .pc-prochainement-date{font-size:.7em}
  .pc-prochainement-footer{padding:6px 10px}
  .pc-prochainement-cta{padding:3px 7px;font-size:.66em}
}
@media(max-width:460px){
  .pc-prochainement-card{flex:0 1 100%}
  .pc-prochainement-img-wrap{aspect-ratio:2/1}
}
.pc-card-banner.pc-rk--jds{background:#A0C500}
.pc-card-banner.pc-rk--jdr{background:#EFB700}
.pc-card-banner.pc-rk--tcg{background:#5FA9DE}
.pc-card-banner.pc-rk--jdf{background:#F75B16}
.pc-card-banner.pc-rk--acc{background:#BE07EA}
.pc-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;display:block}

/* Lignes info — tout en blanc, halo text-shadow renforcé pour lisibilité sur image */
.pc-banner-info{position:absolute;left:18px;right:140px;bottom:18px;color:#fff;line-height:1.45;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.95),0 0 20px rgba(0,0,0,.85),0 0 35px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:4px}
.pc-info-line{display:block;font-size:.87em;font-weight:500}
.pc-info-line--current{font-size:1.0em;font-weight:800}

/* J-X éphéméride + pastille */
.pc-actions{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;z-index:3}
.pc-jx{width:120px;background:#fff;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.4);overflow:hidden;text-align:center;box-sizing:border-box}
.pc-jx-top{display:block;background:#b62f2f;color:#fff;font-size:.62em;font-weight:700;padding:5px 0;letter-spacing:.13em;text-transform:uppercase}
.pc-jx-num{display:block;font-size:1.9em;font-weight:800;color:#222;line-height:1;padding:10px 0;font-feature-settings:"tnum"}
.pc-jx-bot{display:block;font-size:.62em;color:#888;padding:5px 0;letter-spacing:.05em;text-transform:uppercase;font-weight:600}

.pc-pill{display:inline-block;color:#fff;padding:5px 10px;border-radius:4px;font-size:.8em;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1.4;text-decoration:none;text-align:center;width:120px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.35);box-sizing:border-box}
.pc-pill--encours{background:#e8841a}
.pc-pill--termine{background:#4a4a4a}
/* CTA Prévenez-moi (campagnes à venir, désactivé pour l instant en attendant la newsletter) */
.pc-pill--alert{background:#B62F2E;color:#fff;border:none;font-weight:700;cursor:not-allowed;padding:6px 14px;font-family:inherit;font-size:.8em;border-radius:4px;white-space:nowrap;line-height:1.4;text-align:center;min-width:90px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform .15s,box-shadow .15s;opacity:1}
.pc-pill--alert:disabled,.pc-pill--alert[disabled],.pc-pill--alert:hover,.pc-pill--alert:focus,.pc-pill--alert:active{background:#B62F2E;color:#fff;opacity:1}
@media(hover:hover){
  .pc-pill--alert:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.4)}
}

/* État vide listing (filtre sans résultat) */
.pc-empty{padding:48px 24px;text-align:center;color:#888;font-size:.95em;background:#fff;border:1px dashed #ddd;border-radius:8px;display:none}
.pc-list--empty .pc-empty{display:block}
.pc-empty--always{display:block}

/* ===== Détail campagne (legacy v2 conservé) ===== */
.preco-back{display:inline-flex;align-items:center;gap:6px;font-size:.88em;font-weight:600;color:#5ea9e0;text-decoration:none;margin:0 0 20px}
.preco-back:hover{text-decoration:underline}
.preco-detail-header{display:flex;gap:24px;margin:0 0 24px;align-items:flex-start}
.preco-detail-img{width:220px;height:220px;object-fit:contain;border-radius:10px;background:#f5f5f5;flex-shrink:0;padding:10px;box-sizing:border-box}
.preco-detail-info{flex:1}
.preco-detail-info h1{font-size:1.5em;font-weight:800;margin:0 0 10px;color:#282424}
.preco-detail-dates{font-size:.92em;color:#555;line-height:1.7;margin:0 0 12px}
.preco-detail-dates strong{color:#d84315}
.preco-detail-type{display:inline-block;padding:4px 12px;border-radius:14px;font-size:.8em;font-weight:700;margin:0 4px 10px 0}
.badge-open{background:rgba(46,125,50,.88);color:#fff}
.badge-closed{background:rgba(230,81,0,.85);color:#fff}
.badge-royaume{color:#fff}
.preco-detail-desc{font-size:.92em;color:#555;line-height:1.6;margin:0 0 16px}
.preco-products{margin:0 0 20px}
.preco-products h3{font-size:1em;font-weight:700;margin:0 0 12px;color:#282424}
.preco-prod{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0}
.preco-prod:last-child{border-bottom:none}
.preco-prod-img{width:52px;height:52px;object-fit:contain;border-radius:6px;background:#fafafa;flex-shrink:0}
.preco-prod-info{flex:1;min-width:0}
.preco-prod-name{display:block;font-size:.88em;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preco-prod-name a{color:inherit;text-decoration:none}
.preco-prod-name a:hover{color:#5ea9e0}
.preco-prod-price{font-size:.9em;font-weight:700;color:#282424}
.preco-prod-stock{font-size:.76em;color:#888}
.preco-prod-stock--low{color:#d84315;font-weight:600}
.preco-qty{display:flex;align-items:center;flex-shrink:0}
.preco-qty button{width:30px;height:30px;border:1px solid #ddd;background:#f8f8f8;font-size:1em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;font-family:inherit;transition:background .15s}
.preco-qty button:hover{background:#eee}
.preco-qty button:first-child{border-radius:6px 0 0 6px}
.preco-qty button:last-child{border-radius:0 6px 6px 0}
.preco-qty input{width:38px;height:30px;border:1px solid #ddd;border-left:0;border-right:0;text-align:center;font-family:inherit;font-size:.88em;font-weight:700;-moz-appearance:textfield;outline:none}
.preco-qty input::-webkit-outer-spin-button,.preco-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.preco-prod--off{opacity:.55}
.preco-alert-link{font-size:.82em;color:#5ea9e0;text-decoration:none;font-weight:600;white-space:nowrap}
.preco-alert-link:hover{text-decoration:underline}
.preco-cart-bar{padding:16px 20px;background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:20px 0}
.preco-total{font-size:1.05em;font-weight:700;color:#282424}
.preco-btn{display:inline-block;padding:11px 24px;border-radius:6px;font-family:inherit;font-size:.92em;font-weight:700;text-decoration:none;color:#fff;transition:opacity .15s;cursor:pointer;border:none}
.preco-btn:hover,.preco-btn:visited:hover{opacity:.88;color:#fff;text-decoration:none}
.preco-btn:visited{color:#fff}
.preco-btn--go{background:linear-gradient(135deg,#029345,#88C23F)}
.preco-btn--form{background:linear-gradient(135deg,#519BC0,#5ADEFC)}
.preco-btn--dim{background:#ccc;cursor:default;pointer-events:none}
.preco-form-block{text-align:center;padding:24px;background:#f8fbff;border:1px solid #d9edf7;border-radius:10px;margin:20px 0}
.preco-form-block p{font-size:.92em;color:#555;margin:0 0 14px;line-height:1.6}
.preco-note{padding:12px 16px;font-size:.88em;color:#e65100;background:#fff8e1;border-radius:8px;margin:0 0 16px;font-style:italic}

/* ===== Mobile ===== */
@media(max-width:700px){
  .pc-card-banner{height:240px}
  .pc-banner-info{right:115px;left:14px;bottom:14px}
  .pc-jx{width:108px}
  .pc-pill{width:108px;font-size:.74em;padding:4px 6px}
  .pc-actions{right:10px;bottom:10px;gap:6px}
  .pc-card-header{padding:9px 12px 9px 14px}
  .pc-card-header h3{font-size:.98em}
  .preco-detail-header{flex-direction:column;align-items:center;text-align:center}
  .preco-detail-img{width:160px;height:160px}
  .preco-prod{flex-wrap:wrap;gap:8px}
  .preco-prod-info{min-width:calc(100% - 68px)}
  .preco-qty{margin-left:auto}
  .preco-cart-bar{flex-direction:column;text-align:center}
}