/* TM PC Builder — "build a PC with this part" banner on a product page (owner, 9 October 2026) */
.pcb-bn{position:relative;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex:0 0 auto;margin:12px 0 0;border-radius:10px;text-decoration:none!important;color:#fff;font-family:inherit;line-height:1.3}
.pcb-bn:hover{color:#fff}
.pcb-bn b{font-weight:700}

/* A: plain dark card */
.pcb-bn-a{display:flex;gap:14px;align-items:center;padding:16px 16px 16px 14px;overflow:hidden;background:linear-gradient(135deg,#232f3e 0%,#2f3f53 100%)}
.pcb-bn-a::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(0,163,203,.18)}
[dir=rtl] .pcb-bn-a::after{right:auto;left:-30px}
.pcb-bn-a .pcb-bn-ic{flex:0 0 52px;height:52px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.pcb-bn-a .pcb-bn-ic svg{width:32px;height:32px}
.pcb-bn-a .pcb-bn-tt{display:block;font-size:16px;line-height:1.25;color:#fff}
.pcb-bn-a .pcb-bn-sub{display:block;font-size:12.5px;color:#c9d3df;margin-top:4px;line-height:1.35}
.pcb-bn-a .pcb-bn-go{display:inline-block;margin-top:9px;padding:7px 14px;border-radius:6px;background:#be0318;color:#fff;font-size:13.5px;font-weight:700}
.pcb-bn-a.pcb-bn-has .pcb-bn-sub{color:#9fe8ff}

/* O: rarity card */
.pcb-bn-o{--c:#8a96a3;--c2:#5d6875;--glow:rgba(138,150,163,0);padding:2px;background:#3a4654;isolation:isolate}
.pcb-bn-o .pcb-bn-in{display:block;position:relative;min-width:0;border-radius:8px;background:#0d141f;overflow:hidden}
.pcb-bn-o .pcb-bn-hd{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 45%,transparent),color-mix(in srgb,var(--c2) 25%,transparent))}
.pcb-bn-o .pcb-bn-st{letter-spacing:1px;font-size:12px;color:var(--c)}
.pcb-bn-o .pcb-bn-st s{text-decoration:none;color:rgba(255,255,255,.18)}
.pcb-bn-o .pcb-bn-bd{display:flex;gap:12px;padding:12px 14px;align-items:center}
.pcb-bn-o .pcb-bn-pic{position:relative;flex:0 0 112px;height:84px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px var(--glow);overflow:hidden}
.pcb-bn-o .pcb-bn-pic img,.pcb-bn-o .pcb-bn-pic picture{max-width:100px;max-height:72px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}
.pcb-bn-o .pcb-bn-stats{flex:1;min-width:0;font-size:12px;color:#b9c9da;line-height:1.55}
.pcb-bn-o .pcb-bn-stats b{display:block;color:#fff;font-size:13.5px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcb-bn-o .pcb-bn-rw{display:flex;justify-content:space-between;gap:6px}
.pcb-bn-o .pcb-bn-v{color:var(--c);white-space:nowrap}
.pcb-bn-o .pcb-bn-pw{display:block;height:4px;margin:0 14px 12px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.pcb-bn-o .pcb-bn-pw i{display:block;height:100%;background:linear-gradient(90deg,var(--c2),var(--c))}
.pcb-bn-o .pcb-bn-ft{padding:0 14px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#9fb3c8}
.pcb-bn-o .pcb-bn-btn{flex:0 0 auto;padding:8px 14px;border-radius:7px;font-size:13.5px;font-weight:700;color:#fff;background:#be0318;white-space:nowrap}
.pcb-bn-o.pcb-bn-has .pcb-bn-left{color:#9fe8ff}
.pcb-bn-t1 .pcb-bn-btn{background:#3a4654}
.pcb-bn-t2{--c:#2fc9ec;--c2:#00a3cb;--glow:rgba(0,163,203,.35);background:linear-gradient(135deg,#00a3cb,#1b5d73)}
.pcb-bn-t3{--c:#5b9dff;--c2:#2d5fd6;--glow:rgba(70,130,255,.5);background:linear-gradient(135deg,#5b9dff,#2d5fd6,#5b9dff)}
.pcb-bn-t3 .pcb-bn-pic::after{content:"✦";position:absolute;right:6px;top:2px;z-index:2;color:#5b9dff;font-size:14px;animation:pcbbn-blink 1.8s infinite}
.pcb-bn-t4{--c:#c77dff;--c2:#8a2be2;--glow:rgba(176,64,255,.6);background:linear-gradient(120deg,#8a2be2,#c77dff,#5b2bd6,#c77dff,#8a2be2);background-size:300% 100%;animation:pcbbn-flow 4s linear infinite}
.pcb-bn-t4 .pcb-bn-hd::after,.pcb-bn-t5 .pcb-bn-hd::after{content:"";position:absolute;top:0;left:-40%;width:30%;height:33px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:pcbbn-shine 3.2s ease-in-out infinite}
.pcb-bn-t4 .pcb-bn-btn{background:linear-gradient(90deg,#be0318,#8a2be2)}
.pcb-bn-t5{--c:#ffb547;--c2:#ff6a00;--glow:rgba(255,160,40,.75);padding:2.5px;background:conic-gradient(from var(--a,0deg),#ff6a00,#ffd166,#be0318,#ffb547,#ff6a00);animation:pcbbn-spin 3.5s linear infinite;box-shadow:0 0 26px rgba(255,140,0,.35)}
.pcb-bn-t5 .pcb-bn-in{background:radial-gradient(120% 90% at 20% 50%,#2a1a08 0%,#0d141f 60%)}
.pcb-bn-t5 .pcb-bn-hd{font-weight:700;background:linear-gradient(90deg,rgba(255,106,0,.55),rgba(255,209,102,.25))}
.pcb-bn-t5 .pcb-bn-nm{animation:pcbbn-pulse 2s ease-in-out infinite}
.pcb-bn-t5 .pcb-bn-pic{overflow:visible}
.pcb-bn-t5 .pcb-bn-rays{position:absolute;inset:-30px;z-index:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,181,71,.35) 0 8deg,transparent 8deg 22deg);animation:pcbbn-spin2 9s linear infinite}
.pcb-bn-t5 .pcb-bn-pic::before{content:"";position:absolute;inset:0;border-radius:9px;background:#fff;z-index:0}
.pcb-bn-t5 .pcb-bn-sp{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffd166;box-shadow:0 0 6px #ffb547;opacity:0;animation:pcbbn-spark 2.8s linear infinite;z-index:3;bottom:10px}
.pcb-bn-t5 .pcb-bn-sp:nth-of-type(1){left:20%}.pcb-bn-t5 .pcb-bn-sp:nth-of-type(2){left:45%;animation-delay:.7s;bottom:6px}.pcb-bn-t5 .pcb-bn-sp:nth-of-type(3){left:70%;animation-delay:1.4s}.pcb-bn-t5 .pcb-bn-sp:nth-of-type(4){left:88%;animation-delay:2.1s;bottom:8px}
.pcb-bn-t5 .pcb-bn-btn{background:linear-gradient(90deg,#be0318,#ff6a00,#ffb547);background-size:200% 100%;animation:pcbbn-flow 3s linear infinite;text-shadow:0 1px 2px rgba(0,0,0,.4)}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes pcbbn-spin{to{--a:360deg}}
@keyframes pcbbn-spin2{to{transform:rotate(360deg)}}
@keyframes pcbbn-flow{to{background-position:300% 0}}
@keyframes pcbbn-shine{0%{left:-40%}60%,100%{left:130%}}
@keyframes pcbbn-blink{50%{opacity:.25}}
@keyframes pcbbn-pulse{50%{text-shadow:0 0 10px #ffb547,0 0 18px #ff6a00}}
@keyframes pcbbn-spark{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-120px);opacity:0}}
@media (prefers-reduced-motion:reduce){.pcb-bn *,.pcb-bn{animation:none!important}}