#jednodniowe .day-valves{margin:24px 0;padding:16px;background:#f4f8fa;border:1px solid var(--line);min-width:0}
#jednodniowe .day-valves h4{font:700 19px/1.3 Arial,Helvetica,sans-serif;letter-spacing:-.3px;margin:10px 0 16px}
.day-valves-controls{display:flex;gap:8px;flex-wrap:wrap}
.day-valves-controls button{flex:1;min-height:44px;padding:9px 10px;font:700 12px/1.4 Arial,Helvetica,sans-serif;background:white;color:#183242;border:1px solid #9fb4c0;border-radius:6px;cursor:pointer}
.day-valves-controls button[aria-pressed=true]{color:white;background:#095b89;border-color:#095b89}
.day-valves-controls button:focus-visible{outline:3px solid #edaa34;outline-offset:3px}
.day-valves svg{display:block;width:100%;height:auto;margin:18px 0 4px}
.day-valves .day-balls,.day-valves .day-springs{transition:transform .3s ease}
.day-valves[data-flow=open] .day-balls{transform:translateX(16px)}
.day-valves .day-springs{transform:translateX(0)}
.day-valves[data-flow=open] .day-springs{transform:translateX(16px)}
.day-valves[data-flow=open] .day-flow-closed,.day-valves:not([data-flow=open]) .day-flow-open{display:none}
#jednodniowe .day-valves .day-valves-state{font-size:13px;line-height:1.65;margin:8px 0 0;min-height:65px;color:#486274}
@media(prefers-reduced-motion:reduce){.day-valves .day-balls,.day-valves .day-springs{transition:none}}

/* The lower assembly stays fixed while the upper body unscrews and withdraws. */
.day-valves .day-removal-only{visibility:hidden}
.day-valves[data-flow=removed] .day-removal-only{visibility:visible}
.day-valves[data-flow=removed] .day-assembled-only{visibility:hidden}
.day-valves .day-upper{transform:translateX(0);transition:transform .6s ease}
.day-valves[data-flow=removed] .day-upper{transform:translateX(-60px);transition-delay:.3s}
.day-valves[data-flow=removed] .day-unscrew{animation:day-unscrew-reveal .8s ease both}
.day-valves-controls button{flex:1 1 125px}
@keyframes day-unscrew-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.day-valves-controls button{flex:1 1 100%;min-height:44px}}
@media(prefers-reduced-motion:reduce){.day-valves .day-upper{transition:none;transition-delay:0s}.day-valves[data-flow=removed] .day-unscrew{animation:none}}

/* Axial compression expands the seal; the retaining ring keeps it compressed. */
.day-valves .day-rubber{transform-origin:537px 143px;transform:scale(.9,1.14);transition:transform .7s ease}
.day-valves[data-flow=loose] .day-rubber{transform:scale(1,1)}
.day-valves .day-lock-ring{transform:translateX(16px);transition:transform .7s steps(4,end)}
.day-valves[data-flow=loose] .day-lock-ring{transform:translateX(0)}
.day-valves[data-flow=loose] .day-flow-closed,.day-valves[data-flow=set] .day-flow-closed,.day-valves[data-flow=loose] .day-resin,.day-valves[data-flow=set] .day-resin{display:none}
#jednodniowe .day-valves-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#jednodniowe .day-valves-controls button{font-size:11px;padding:9px 3px;min-width:0;min-height:58px}
.day-valves-controls button span{display:block;font-size:15px;margin-bottom:5px}
#jednodniowe .day-valves .day-valves-state{min-height:100px}
@media(max-width:600px){#jednodniowe .day-valves-controls{grid-template-columns:repeat(2,minmax(0,1fr))}#jednodniowe .day-valves-controls button:last-child{grid-column:1/-1}#jednodniowe .day-valves-controls button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.day-valves .day-rubber,.day-valves .day-lock-ring{transition:none}}