/* Страница «Компьютеры» */
.pcs-page{padding-bottom:30px}
.pcs-hero{padding:22px 0 8px}
.pcs-hero-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;padding:2.6rem 2.8rem;border-radius:28px;border:1px solid var(--line2,var(--line));background:radial-gradient(900px 340px at 85% -10%,rgba(37,99,235,.35),transparent 60%),linear-gradient(165deg,var(--card),var(--card2,var(--card)))}
.pcs-eyebrow{display:inline-flex;gap:.5rem;align-items:center;font:700 .74rem/1 var(--font-d,inherit);letter-spacing:.14em;color:var(--electric,#3b82f6)}
.pcs-hero h1{font:800 clamp(2rem,4.2vw,3.2rem)/1.05 var(--font-d,inherit);margin:.7rem 0 .8rem}
.pcs-hero h1 em{font-style:normal;background:var(--brand-grad,linear-gradient(90deg,#3b82f6,#22d3ee));-webkit-background-clip:text;background-clip:text;color:transparent}
.pcs-hero p{max-width:560px;color:var(--muted,#94a3b8);margin:0 0 1.2rem}
.pcs-hero-stats{display:flex;flex-wrap:wrap;gap:12px}
.pcs-hero-stats div{padding:.7rem 1.1rem;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.pcs-hero-stats b{display:block;font:800 1.15rem/1.1 var(--font-d,inherit)}.pcs-hero-stats span{font-size:.78rem;color:var(--muted,#94a3b8)}
.pcs-hero-perks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pcs-hero-perks li{display:flex;gap:14px;align-items:center;padding:1rem 1.2rem;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.035)}
.pcs-hero-perks i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(37,99,235,.16);color:var(--electric,#3b82f6);font-size:1.1rem;flex:none}
.pcs-hero-perks b{display:block}.pcs-hero-perks span{font-size:.84rem;color:var(--muted,#94a3b8)}
.pcs-list{padding:22px 0}
.pcs-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}
.pcs-search{flex:1 1 280px;display:flex;align-items:center;gap:.6rem;padding:0 1rem;height:46px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.pcs-search input{flex:1;border:0;background:none;outline:0;color:inherit;font:inherit;min-width:0}
.pcs-chips{display:flex;flex-wrap:wrap;gap:8px}
.pcs-chips button{height:40px;padding:0 1rem;border-radius:12px;border:1px solid var(--line);background:var(--card);color:inherit;font:600 .86rem var(--font-b,inherit);cursor:pointer}
.pcs-chips button.on{background:var(--brand-grad,#2563eb);border-color:transparent;color:#fff}
.pcs-bar select{height:46px;padding:0 .9rem;border-radius:14px;border:1px solid var(--line);background:var(--card);color:inherit;font:inherit}
.pcs-count{margin:6px 2px 14px;color:var(--muted,#94a3b8);font-size:.9rem}.pcs-count span{font-weight:800;color:inherit}
.pcs-help{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:30px;padding:1.8rem 2rem;border-radius:24px;border:1px solid var(--line2,var(--line));background:linear-gradient(120deg,rgba(37,99,235,.22),rgba(34,211,238,.08))}
.pcs-help h2{font:800 1.35rem var(--font-d,inherit);margin:0 0 .3rem}.pcs-help p{margin:0;color:var(--muted,#94a3b8);max-width:620px}
@media(max-width:991px){.pcs-hero-shell{grid-template-columns:1fr;padding:1.8rem 1.4rem}}

/* ===== Карточки сборок v2 ===== */
.pcs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pc2{display:flex;flex-direction:column;border-radius:26px;border:1px solid var(--line2,var(--line));background:linear-gradient(170deg,var(--card),var(--card2,var(--card)));overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;content-visibility:auto;contain-intrinsic-size:auto 560px}
.pc2[hidden]{display:none}
.pc2:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.6);box-shadow:0 24px 50px -22px rgba(37,99,235,.55)}
.pc2-vis{position:relative;background:radial-gradient(circle at 50% 45%,rgba(59,130,246,.34),transparent 66%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/28px 28px,rgba(2,6,18,.35)}
.pc2-img{display:grid;place-items:center;aspect-ratio:4/3;padding:18px}
.pc2-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));transition:transform .4s}.pc2:hover .pc2-img img{transform:scale(1.05)}
.pc2-noimg{font-size:4.6rem;color:var(--electric,#3b82f6);opacity:.5}
.pc2-badge{position:absolute;left:14px;top:14px;padding:.32rem .75rem;border-radius:10px;font:800 .74rem var(--font-d,inherit);background:#2563eb;color:#fff}.pc2-badge.b-sale{background:#e11d48}.pc2-badge.b-new{background:#059669}
.pc2-fav{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(8,12,26,.55);color:#fff;cursor:pointer;backdrop-filter:blur(6px)}
.pc2-stock{position:absolute;left:14px;bottom:12px;display:inline-flex;gap:.4rem;align-items:center;padding:.28rem .65rem;border-radius:999px;font-size:.74rem;font-weight:600;background:rgba(8,12,26,.6);color:#fff}.pc2-stock.ok i{color:#22c55e}.pc2-stock.no i{color:#f87171}
.pc2-body{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.3rem 1.3rem}
.pc2-name{font:800 1.2rem/1.25 var(--font-d,inherit);color:inherit;text-decoration:none}.pc2-name:hover{color:var(--electric,#3b82f6)}
.pc2-rate{display:flex;gap:.5rem;align-items:center;margin-top:.35rem;font-size:.8rem;color:var(--muted,#94a3b8)}
.pc2-specs{list-style:none;margin:1rem 0 1.1rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc2-specs li{display:flex;gap:.55rem;align-items:center;min-width:0;padding:.55rem .7rem;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:.8rem;font-weight:600}
.pc2-specs i{color:var(--electric,#3b82f6);flex:none;width:16px;text-align:center}.pc2-specs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc2-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.pc2-price b{display:block;font:800 1.5rem/1 var(--font-d,inherit)}.pc2-price s{color:var(--muted,#94a3b8);font-size:.85rem}
.pc2-act{display:flex;gap:8px;align-items:center}
.pc2-more{display:inline-flex;gap:.45rem;align-items:center;padding:.65rem 1rem;border-radius:12px;border:1px solid var(--line);color:inherit;text-decoration:none;font-weight:700;font-size:.86rem}.pc2-more:hover{border-color:var(--electric,#3b82f6)}
.pc2-cart{width:44px;height:44px;border-radius:12px;border:0;background:var(--brand-grad,#2563eb);color:#fff;cursor:pointer;font-size:1rem}.pc2-cart:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1199px){.pcs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.pcs-grid{grid-template-columns:1fr}.pcs-chips{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.pcs-chips button{flex:none}}
@media(prefers-reduced-motion:reduce){.pc2,.pc2-img img{transition:none}}
html.lite .pc2{box-shadow:none!important}