.page-onderdelen{--line:rgba(255,255,255,0.06);--line-strong:rgba(255,255,255,0.12)}.page-onderdelen .od-hero{padding:140px 64px 74px;background:#1c1c1c;border-bottom:1px solid var(--line)}.page-onderdelen .od-eyebrow{font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.page-onderdelen .od-hero h1{font-size:clamp(40px,6vw,80px);font-weight:700;letter-spacing:-.04em;line-height:.95;color:#fff;margin:16px 0 24px}.page-onderdelen .od-hero-sub{font-size:18px;color:rgba(255,255,255,.55);max-width:560px;line-height:1.6}.page-onderdelen .cta-primary{display:inline-block;background:#fff;color:#191919;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:16px 28px;border-radius:3px;text-decoration:none;transition:background .2s}.page-onderdelen .cta-primary:hover{background:#f0f0f0}.page-onderdelen .cta-secondary{display:inline-block;background:transparent;color:rgba(255,255,255,.7);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:16px 28px;border:1px solid rgba(255,255,255,.2);border-radius:3px;text-decoration:none;transition:color .2s,border-color .2s}.page-onderdelen .cta-secondary:hover{color:#fff;border-color:rgba(255,255,255,.4)}.page-onderdelen .od-hero-cta{margin-top:32px}.page-onderdelen .od-hero-cta .cta-arrow{display:inline-block;transition:transform .25s cubic-bezier(.16,1,.3,1)}.page-onderdelen .od-hero-cta:hover .cta-arrow{transform:translateX(4px)}.page-onderdelen .usp-band{background:#191919;padding:0}.page-onderdelen .usp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--line)}.page-onderdelen .usp-cell{background:#191919;padding:40px 48px}.page-onderdelen .usp-cell h2{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:8px}.page-onderdelen .usp-cell p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.55}.page-onderdelen .usp-cell .usp-mark{display:block;width:26px;height:2px;background:var(--accent);margin-bottom:18px;border-radius:2px}.page-onderdelen .parts-section{background:#191919;padding:56px 64px 8px}.page-onderdelen .parts-section.has-top-border{border-top:1px solid var(--line)}.page-onderdelen .parts-label{font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:24px}.page-onderdelen .parts-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--line)}.page-onderdelen .part-card{display:flex;align-items:center;gap:22px;background:#191919;overflow:hidden;transition:background .2s;text-decoration:none;color:inherit;padding:24px 26px}.page-onderdelen .part-card:hover{background:#202020}.page-onderdelen .part-thumb{position:relative;flex:0 0 96px;width:96px;height:96px;align-self:flex-start;background:#ffffff;overflow:hidden;border-radius:12px}.page-onderdelen .part-thumb-img{object-fit:contain;padding:12px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.page-onderdelen .part-card:hover .part-thumb-img{transform:scale(1.05)}.page-onderdelen .part-card-body{display:flex;flex-direction:column;flex:1 1;min-width:0}.page-onderdelen .part-eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}.page-onderdelen .part-title{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:6px}.page-onderdelen .part-desc{font-size:14px;color:rgba(255,255,255,.45);line-height:1.55}.page-onderdelen .part-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px}.page-onderdelen .part-price{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:-.01em}.page-onderdelen .part-view{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.4);transition:color .2s;white-space:nowrap}.page-onderdelen .part-view .part-view-arrow{display:inline-block;transition:transform .25s cubic-bezier(.16,1,.3,1)}.page-onderdelen .part-card:hover .part-view{color:var(--accent)}.page-onderdelen .part-card:hover .part-view .part-view-arrow{transform:translate(3px,-3px)}.page-onderdelen .advice{background:#1c1c1c;padding:74px 64px}.page-onderdelen .advice-inner{max-width:680px}.page-onderdelen .advice h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.03em;color:#fff;margin-bottom:16px}.page-onderdelen .advice p{font-size:16px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:28px}.page-onderdelen .od-cta{background:#191919;padding:84px 64px;text-align:center}.page-onderdelen .od-cta h2{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.04em;color:#fff;margin-bottom:12px}.page-onderdelen .od-cta>p{font-size:16px;color:rgba(255,255,255,.45);margin-bottom:36px}.page-onderdelen .od-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width:1024px){.page-onderdelen .parts-grid,.page-onderdelen .usp-grid{grid-template-columns:1fr}.page-onderdelen .usp-cell{padding:32px 40px}}@media (max-width:768px){.page-onderdelen .advice,.page-onderdelen .od-cta,.page-onderdelen .od-hero,.page-onderdelen .parts-section{padding-left:24px;padding-right:24px}.page-onderdelen .usp-cell{padding:28px 24px}}@media (max-width:420px){.page-onderdelen .part-card{gap:16px;padding:20px}.page-onderdelen .part-thumb{flex-basis:80px;width:80px;height:80px}}@media (prefers-reduced-motion:reduce){.page-onderdelen .cta-arrow,.page-onderdelen .part-card-img,.page-onderdelen .part-view-arrow{transition:none}}