DDR5 Desktop Memory

About

Here is the full collection page code: ```html @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600&display=swap'); :root { --ks-black: #0a0a0a; --ks-dark: #111111; --ks-card: #1a1a1a; --ks-card-alt: #161616; --ks-border: #2a2a2a; --ks-red: #e41b1b; --ks-red-dim: #b81515; --ks-red-glow: rgba(228,27,27,.12); --ks-white: #ffffff; --ks-grey: #a0a0a0; --ks-body: #d4d4d4; --ks-light: #e8e8e8; --ks-font-head: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif; --ks-font-body: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; --ks-radius: 4px; --ks-radius-lg: 8px; } .ks-col *, .ks-col *::before, .ks-col *::after { box-sizing: border-box; margin: 0; padding: 0; } .ks-col { font-family: var(--ks-font-body); background: var(--ks-black); color: var(--ks-body); font-size: 16px; line-height: 1.72; max-width: 1100px; margin: 0 auto; padding: 0 20px 64px; } /* ── HERO ───────────────────────────────────── */ .ks-col-hero { background: linear-gradient(135deg, #0d0000 0%, #1c0303 45%, #0a0a0a 100%); border-bottom: 3px solid var(--ks-red); margin: 0 -20px 52px; padding: 60px 20px 48px; position: relative; overflow: hidden; text-align: center; } .ks-col-hero::after { content: ''; position: absolute; top: -80px; right: -80px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(228,27,27,.15) 0%, transparent 65%); pointer-events: none; } .ks-col-hero::before { content: ''; position: absolute; bottom: -80px; left: -80px; width: 350px; height: 350px; background: radial-gradient(circle, rgba(228,27,27,.08) 0%, transparent 65%); pointer-events: none; } .ks-hero-label { display: inline-block; background: var(--ks-red); color: var(--ks-white); font-family: var(--ks-font-head); font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 4px 14px; border-radius: var(--ks-radius); margin-bottom: 20px; } .ks-col-hero h1 { font-family: var(--ks-font-head); font-size: clamp