/* pxl-similar-1020 : cartes « Jeux similaires » des fiches jeux = copie des règles .pjp-* de physical-products.css (cartes de l'accueil), limitées au bloc #pxl-similar. Ne pas charger physical-products.css entier sur les fiches : il restyle aussi le menu et le bandeau. */
#pxl-similar{--card-bg:#13131a;--card-border:rgba(255,255,255,.07);--shadow-ambient:0 10px 30px rgba(0,0,0,.55);--shadow-ambient-hover:0 22px 54px rgba(0,0,0,.62);--shadow-glow:0 8px 26px rgba(229,22,58,.28);--glass2:rgba(255,255,255,.09);--border2:rgba(255,255,255,.13);--bg2:#13131a;--bg3:#1e1e28;--txt:#fff;--txt2:rgba(255,255,255,.6);--txt3:rgba(255,255,255,.28);--accent:#e5163a;--success:#1D9E75;--badge-sw1-bg:#2f6fed;--badge-sw1-txt:#fff;--badge-sw1-b:rgba(255,255,255,.25);--badge-sw2-bg:#e60012;--badge-sw2-txt:#fff;--badge-sw2-b:rgba(255,255,255,.25)}[data-pxl-theme="light"] #pxl-similar{--card-bg:#ffffff;--card-border:rgba(0,0,0,.07);--shadow-ambient:0 8px 24px rgba(17,17,23,.14);--shadow-ambient-hover:0 20px 44px rgba(17,17,23,.18);--shadow-glow:0 8px 22px rgba(229,22,58,.16);--glass2:rgba(0,0,0,.07);--border2:rgba(0,0,0,.13);--bg2:#ffffff;--bg3:#e8e7e2;--txt:#0c0a09;--txt2:rgba(12,10,9,.62);--txt3:rgba(12,10,9,.38);--accent:#e5163a;--success:#059669;--badge-sw1-bg:#2f6fed;--badge-sw1-txt:#fff;--badge-sw1-b:rgba(255,255,255,.3);--badge-sw2-bg:#e60012;--badge-sw2-txt:#fff;--badge-sw2-b:rgba(255,255,255,.3)}@keyframes pjp-card-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pjp-new-glow2{0%,100%{opacity:0}50%{opacity:1}}#pxl-similar .pjp-ext-ico{display:none}#pxl-similar .pjp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}#pxl-similar .pjp-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-ambient);transition:transform .32s cubic-bezier(.4,0,.2,1),border-color .25s;text-decoration:none;color:inherit}#pxl-similar .pjp-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-ambient-hover);border-color:var(--border2)}#pxl-similar .pjp-card.is-promo{border-color:rgba(229,22,58,.18)}#pxl-similar .pjp-card.is-promo:hover{border-color:rgba(229,22,58,.4);box-shadow:var(--shadow-ambient-hover),var(--shadow-glow)}#pxl-similar .pjp-sw2-banner{background:#e60012;padding:7px 4px;display:flex;align-items:center;justify-content:center;border-radius:14px 14px 0 0}#pxl-similar .pjp-sw2-banner svg{width:44px;height:auto;display:block}#pxl-similar .pjp-card-img{display:block;position:relative;background:var(--bg3);overflow:hidden;flex-shrink:0;text-decoration:none}#pxl-similar .pjp-card-img img{width:100%;height:auto;display:block;transition:transform .35s}#pxl-similar .pjp-no-img{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--txt3)}#pxl-similar .pjp-disc{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.3px;box-shadow:0 4px 16px rgba(229,22,58,.5)}#pxl-similar .pjp-disc-inline{display:inline-flex;align-items:center;background:rgba(229,22,58,.15);color:var(--accent);font-size:11px;font-weight:800;padding:2px 7px;border-radius:20px;letter-spacing:.2px;margin-left:6px;vertical-align:middle}#pxl-similar .pjp-new{position:absolute;top:8px;left:8px;background:var(--success);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}#pxl-similar .pjp-body{padding:11px 12px 12px;flex:1;display:flex;flex-direction:column;gap:6px}#pxl-similar .pjp-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:3px 10px;border-radius:100px;width:fit-content}#pxl-similar .pjp-badge-icon{height:15px;width:auto;display:block}#pxl-similar .pjp-b-sw2{background:var(--badge-sw2-bg);color:var(--badge-sw2-txt);border:1px solid var(--badge-sw2-b)}#pxl-similar .pjp-b-sw1{background:var(--badge-sw1-bg);color:var(--badge-sw1-txt);border:1px solid var(--badge-sw1-b)}#pxl-similar .pjp-title{font-size:13px;font-weight:600;line-height:1.35;color:var(--txt);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}#pxl-similar .pjp-title:hover{color:var(--accent)}#pxl-similar .pjp-title:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(229,22,58,.4);border-radius:4px}#pxl-similar .pjp-price-block{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:6px}#pxl-similar .pjp-sparkline{display:block;margin:-2px 0 1px;color:var(--accent);opacity:.85}#pxl-similar .pjp-price-orig{font-size:13px;color:var(--txt3);text-decoration:line-through;line-height:1}#pxl-similar .pjp-price-main{display:flex;align-items:baseline;gap:5px}#pxl-similar .pjp-price-from{font-size:11px;font-weight:700;color:var(--txt2);letter-spacing:.06em;text-transform:uppercase;line-height:1;padding-bottom:2px}#pxl-similar .pjp-price-val{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;color:var(--txt);letter-spacing:-.03em;line-height:1}#pxl-similar .pjp-price-val.is-promo{color:var(--accent)}#pxl-similar .pjp-buy-cta{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:14px;font-weight:700;color:#fff;text-decoration:none;padding:10px 18px;min-height:44px;box-sizing:border-box;border-radius:10px;border:none;background:linear-gradient(135deg,#E5163A,#C10E2E);opacity:1;box-shadow:var(--shadow-glow);transition:transform .15s ease}#pxl-similar .pjp-buy-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px rgba(229,22,58,.55)}#pxl-similar .pjp-buy-cta:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(229,22,58,.4),0 10px 28px rgba(229,22,58,.55)}#pxl-similar .pjp-card.is-promo .pjp-buy-cta{box-shadow:0 4px 14px rgba(229,22,58,.45)}#pxl-similar .pjp-card.is-promo .pjp-buy-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(229,22,58,.6)}#pxl-similar .pjp-soon-badge{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--txt2)}#pxl-similar .pjp-buy-cta.is-soon{background:var(--glass2);color:var(--txt);border:1px solid var(--border2);box-shadow:none}#pxl-similar .pjp-buy-cta.is-soon:hover{background:var(--glass2);box-shadow:none;transform:none}@media(max-width:640px){#pxl-similar .pjp-grid{grid-template-columns:repeat(2,1fr);gap:10px}#pxl-similar .pjp-badge{font-size:8px;letter-spacing:.03em;padding:2px 7px;gap:2px}#pxl-similar .pjp-price-from{font-size:8px}#pxl-similar .pjp-price-val{font-size:15px}#pxl-similar .pjp-disc-inline{font-size:9px;padding:1px 5px;margin-left:3px}#pxl-similar .pjp-body{padding:8px 8px 9px}}@media(max-width:380px){#pxl-similar .pjp-grid{gap:10px}}#pxl-similar .pjp-card.pjp-vis{animation:pjp-card-in .42s cubic-bezier(.16,1,.3,1) both}#pxl-similar .pjp-new{box-shadow:0 2px 8px rgba(29,158,117,.3)}#pxl-similar .pjp-new::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 16px rgba(29,158,117,.65);pointer-events:none;opacity:0;animation:pjp-new-glow2 2.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){#pxl-similar .pjp-new::after{animation:none}}#pxl-similar .pjp-card-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.38));pointer-events:none}[data-pxl-theme="light"] #pxl-similar .pjp-card-img::after{background:linear-gradient(transparent,rgba(0,0,0,.14))}#pxl-similar .pjp-disc{font-size:11px;font-weight:900;letter-spacing:.2px;padding:4px 10px}#pxl-similar .pjp-no-img{background:linear-gradient(135deg,var(--bg3) 0%,var(--bg2) 100%);color:var(--txt3)}
/* Retouches « couleurs pleines » des cartes (accounts.css), dans le même ordre que sur l'accueil. */
#pxl-similar{--pxa-red:#e5163a;--pxa-red-dark:#bd102d}#pxl-similar .pjp-card{position: relative; display: flex; flex-direction: column; border: 1px solid #24242a; border-radius: 14px; background: #13131a; box-shadow: 0 10px 30px #05050b; color: inherit; text-decoration: none; transition: transform .32s cubic-bezier(.4,0,.2,1), border-color .25s;}#pxl-similar .pjp-card:hover{transform: translateY(-7px); border-color: #323238; box-shadow: 0 22px 54px #030407;}#pxl-similar .pjp-card.is-promo{border-color: #391420;}#pxl-similar .pjp-card.is-promo:hover{border-color: #5c1b2c; box-shadow: 0 22px 54px #030407, 0 8px 26px #2b111a;}#pxl-similar .pjp-sw2-banner{display: flex; align-items: center; justify-content: center; padding: 7px 4px; border-radius: 14px 14px 0 0; background: #e60012;}#pxl-similar .pjp-sw2-banner svg{display: block; width: 44px; height: auto;}#pxl-similar .pjp-card-img{position: relative; display: block; overflow: hidden; flex-shrink: 0; border-radius: 13px 13px 0 0; background: #1e1e28; text-decoration: none;}#pxl-similar .pjp-card-img img{display: block; width: 100%; height: auto; transition: transform .35s;}#pxl-similar .pjp-no-img{display: flex; width: 100%; min-height: 180px; align-items: center; justify-content: center; background: #1e1e28; color: #55555a;}#pxl-similar .pjp-no-img svg{width: 34px; height: 34px;}#pxl-similar .pjp-body{flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 11px 12px 12px;}#pxl-similar .pjp-badge{display: inline-flex; align-items: center; width: fit-content; gap: 4px; padding: 3px 10px; border-radius: 100px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .09em;}#pxl-similar .pjp-b-sw1{border: 1px solid #6393f2; background: #2f6fed; color: #ffffff;}#pxl-similar .pjp-b-sw2{border: 1px solid #ec404d; background: #e60012; color: #ffffff;}#pxl-similar .pjp-title{flex: 1; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #ffffff; font-size: 13px; font-weight: 600; line-height: 1.35; text-decoration: none;}#pxl-similar .pjp-title:hover{color: var(--pxa-red);}#pxl-similar .pjp-price-block{display: flex; flex-direction: column; gap: 6px; margin-top: auto; padding-top: 8px;}#pxl-similar .pjp-price-orig{color: #55555a; font-size: 13px; line-height: 1; text-decoration: line-through; font-variant-numeric: tabular-nums;}#pxl-similar .pjp-price-main{display: flex; align-items: baseline; gap: 5px;}#pxl-similar .pjp-price-from{padding-bottom: 2px; color: #a1a1a3; font-size: 11px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: .06em;}#pxl-similar .pjp-price-val{color: #ffffff; font-family: 'Space Grotesk', sans-serif; font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums;}#pxl-similar .pjp-price-val.is-promo{color: var(--pxa-red);}#pxl-similar .pjp-disc-inline{display: inline-flex; align-items: center; margin-left: 6px; padding: 2px 7px; border-radius: 20px; background: #33131f; color: var(--pxa-red); font-size: 11px; font-weight: 800; letter-spacing: .2px; vertical-align: middle;}#pxl-similar .pjp-buy-cta{display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; box-sizing: border-box; padding: 10px 18px; border: 0; border-radius: 10px; background: var(--pxa-red); color: #ffffff; box-shadow: 0 8px 26px #2b111a; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; transition: transform .15s ease, background .15s ease;}#pxl-similar .pjp-buy-cta:hover{transform: translateY(-2px); background: var(--pxa-red-dark); color: #ffffff;}#pxl-similar .pjp-ext-ico{font-size: 12px;}@media (max-width: 640px){#pxl-similar .pjp-body{padding: 8px 8px 9px;}#pxl-similar .pjp-badge{padding: 2px 7px; font-size: 8px; letter-spacing: .03em; gap: 2px;}#pxl-similar .pjp-price-from{font-size: 8px;}#pxl-similar .pjp-price-val{font-size: 15px;}#pxl-similar .pjp-disc-inline{margin-left: 3px; padding: 1px 5px; font-size: 9px;}#pxl-similar .pjp-card{border-radius: 12px;}#pxl-similar .pjp-buy-cta{min-height: 40px; padding: 8px 12px; font-size: 12.5px;}#pxl-similar .pjp-card-img{border-radius: 11px 11px 0 0;}}@media (prefers-reduced-motion: reduce){#pxl-similar .pjp-card,#pxl-similar .pjp-card-img img{transition: none;}#pxl-similar .pjp-card:hover,#pxl-similar .pjp-card:hover .pjp-card-img img,#pxl-similar .pjp-buy-cta:hover{transform: none;}}
#pxl-similar .pxl-sim-sub{margin:0;padding:0 20px 14px;font-family:'DM Sans',sans-serif;font-size:13px;line-height:1.4;color:var(--txt2)}#pxl-similar .pjp-grid{padding:0 20px 20px}@media(max-width:640px){#pxl-similar .pxl-sim-sub{padding:0 14px 12px}#pxl-similar .pjp-grid{padding:0 14px 14px}}
/* pxl-series-link-1020 / pxl-series-btn-1020 : lien vers la page série. Ordinateur : pastille à droite du titre. Mobile : bouton pleine largeur sous les cartes. Couleurs pleines. */
#pxl-similar .pxl-sim-series-link,#pxl-similar .pxl-sim-series-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;line-height:1;color:#ffffff;background:#1e1e28;border:1px solid #2e2e3a;border-radius:999px;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s,transform .2s}
#pxl-similar .pxl-sim-series-link{margin-left:auto;padding:9px 14px 9px 16px}
#pxl-similar .pxl-sim-series-arrow{color:#ff4967;font-size:14px;transition:transform .2s}
#pxl-similar .pxl-sim-series-link:hover,#pxl-similar .pxl-sim-series-btn:hover{border-color:#e5163a;background:#26141b}
#pxl-similar .pxl-sim-series-link:hover .pxl-sim-series-arrow,#pxl-similar .pxl-sim-series-btn:hover .pxl-sim-series-arrow{transform:translateX(3px)}
#pxl-similar .pxl-sim-series-link:focus-visible,#pxl-similar .pxl-sim-series-btn:focus-visible{outline:2px solid #ff4967;outline-offset:2px}
#pxl-similar .pxl-sim-series-btn{display:none}
[data-pxl-theme="light"] #pxl-similar .pxl-sim-series-link,[data-pxl-theme="light"] #pxl-similar .pxl-sim-series-btn{color:#111117;background:#ffffff;border-color:#d9d8d2}
[data-pxl-theme="light"] #pxl-similar .pxl-sim-series-arrow{color:#e5163a}
[data-pxl-theme="light"] #pxl-similar .pxl-sim-series-link:hover,[data-pxl-theme="light"] #pxl-similar .pxl-sim-series-btn:hover{border-color:#e5163a;background:#fdeef1}
@media(max-width:640px){#pxl-similar .pxl-sim-series-link{display:none}#pxl-similar .pxl-sim-series-btn{display:flex;margin:0 14px 16px;min-height:46px;border-radius:12px;font-size:14px}}