/* Shared illustration styling is provided by touch-light-demo.css. Interaction stays independent. */
.product-hero-grid:has(.charging-demo) .touch-hero-text h1{font-size:clamp(2.6rem,4.6vw,4.7rem)}
.charging-demo{--charging-brightness:1;--charging-level:100%;--charging-hold:0%;--touch-color:#ffe0aa;--touch-brightness:var(--charging-brightness);--touch-level:var(--charging-level);position:relative}
.charging-demo .touch-lamp-face strong{font-size:42px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.charging-demo .touch-lamp-face small{font-size:8px;letter-spacing:.18em}
.charging-demo-levels li{font-size:11px;letter-spacing:.07em}
.charging-demo[data-power="off"] .touch-lamp-face strong{color:#9da7a6}
.charging-demo[data-power="off"] .touch-lamp-face i{background:#596461}
.charging-demo[data-holding="true"] .touch-demo-button{border-color:#ffe0aa;box-shadow:0 0 0 4px #e5c78214,0 5px 22px #0004}
.charging-demo-interaction>div{flex:1}
.charging-demo [data-charging-status]{display:block;font-size:11px;line-height:1.6;min-height:18px;color:#c5cec8}
.charging-hold-progress{display:block;width:min(100%,190px);height:3px;margin-top:8px;background:#39413f;border-radius:3px;overflow:hidden;opacity:0}
.charging-demo[data-holding="true"] .charging-hold-progress{opacity:1}
.charging-hold-progress>span{display:block;height:100%;width:var(--charging-hold);background:#e2c99a}
.charging-power-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.charging-power-accessible:focus{position:static;width:auto;height:auto;clip-path:none;margin:0 0 14px;padding:10px 14px;white-space:normal;border:1px solid #e2c99a;border-radius:8px;background:#25312a;color:#f2e0b7;font-size:12px}
@media(max-width:540px){.charging-demo .touch-demo-topline{font-size:7px}.charging-demo .touch-lamp-face strong{font-size:38px}}