/* Produkte */
.prod-hero{ align-items:end; }
.prod-hero__title{ font-size:clamp(2.6rem, 5.4vw, 5.6rem); max-width:14ch; }

.prod-split{ position:relative; }
.prod-panel{ position:relative; overflow:hidden; isolation:isolate; padding-block:clamp(80px,10vw,140px); }
.prod-panel--erp{ background:radial-gradient(70% 60% at 80% 40%, rgba(4,111,164,.35), transparent 70%), var(--ink-900); }
.prod-panel--evl{ background:radial-gradient(60% 60% at 75% 45%, rgba(81,255,140,.12), transparent 70%), var(--evl-page); }
.prod-panel--evl .eyebrow{ color:var(--evl-green); }
.prod-panel--hr{ background:radial-gradient(60% 60% at 78% 45%, rgba(14,56,255,.28), transparent 70%), var(--hr-page); }
.prod-panel--hr .eyebrow{ color:var(--hr-cyan); }
.prod-panel--hr .lead{ color:#A7B3D6; }
.prod-panel--hr .hr-wordmark, .prod-panel--erp .erp-wordmark{ gap:clamp(12px, 1.4vw, 20px); }
.prod-panel--hr .hr-wordmark img, .prod-panel--erp .erp-wordmark img{ width:clamp(40px, 4vw, 60px); height:auto; }
.prod-panel--hr .hr-frame{ transform:perspective(1400px) rotateY(-6deg); }
.prod-panel--evl .lead{ color:#b3b8bd; }
.prod-panel__grid{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,5vw,80px); align-items:center; }
.prod-panel--evl .prod-panel__grid{ grid-template-columns:minmax(0,7fr) minmax(0,4fr); }
.prod-panel h2{ font-size:clamp(2.2rem, 4.2vw, 4rem); }
.prod-panel__visual .ph, .prod-panel__visual picture, .prod-panel__visual img{ /** border-radius:var(--r-4); width:100%; **/ display:block; object-fit:cover; }
@media (max-width:900px){ .prod-panel__grid, .prod-panel--evl .prod-panel__grid{ grid-template-columns:1fr; } }


/* Desktop pinned wipe */
.prod-split.is-scene{ height:100vh; }
.prod-split.is-scene .prod-panel{ position:absolute; inset:0; display:grid; align-items:center; padding-top:var(--header-h); }
.prod-split.is-scene .prod-panel + .prod-panel{ clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }

/* EVL panel: the real charger render (transparent) on a green glow */
.prod-charger{ position:relative; width:min(100%, 320px); margin-inline:auto; isolation:isolate; }
.prod-charger::before{ content:""; position:absolute; inset:15% 5% 5%; z-index:-1; border-radius:50%; background:radial-gradient(closest-side, rgba(81,255,140,.3), transparent 75%); filter:blur(24px); }
.prod-panel__visual .prod-charger picture, .prod-panel__visual .prod-charger img{ border-radius:0; object-fit:contain; filter:drop-shadow(0 30px 40px rgba(0,0,0,.8)); }
.prod-panel--hr .hr-wordmark, .prod-panel--erp .erp-wordmark{ white-space:nowrap; } /* logo + name stay on one line, same size as the EVL panel title */