/* Mobile parity: show on phones what desktop shows */
@media(max-width:800px){
#valora .vt-name{display:block!important}
.wa-launch span{display:inline!important}
.wj-bottom .wj-track{display:block!important;width:46px}
}
/* Services: pinned scroll scene on phones, same story as desktop */
@media(max-width:700px){
#services.sl-scroll .sl-pin{height:100svh;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding:84px 6% 34px!important;overflow:hidden}
html body #services.service-lab.sl-scroll .sl-top{position:relative!important;inset:auto!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box;margin:0 0 10px!important;padding:0!important}
#services.sl-scroll .sl-top p,#services.sl-scroll .sl-top a{font-size:12px}
#services.sl-scroll .sl-stage{display:block;min-height:0;position:relative}
#services.sl-scroll .sl-choices{position:relative;z-index:1}
#services.sl-scroll .sl-choice{padding:6px 0 8px!important}
#services.sl-scroll .sl-choice strong{font-size:clamp(34px,10.5vw,46px)!important;line-height:1}
#services.sl-scroll .sl-choice small{font-size:12px;margin-top:4px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s}
#services.sl-scroll .sl-choice[aria-pressed=true] small{max-height:40px;opacity:1}
#services.sl-scroll .sl-visual{position:absolute;right:-6%;top:0;width:62%;height:100%;max-width:none;opacity:.35;pointer-events:none;z-index:0}
#services.sl-scroll .sl-bottom{margin:14px 0 0!important;padding:0!important;flex:1;min-height:0}
#services.sl-scroll .sl-panel>div:first-child{max-width:100%;margin-top:0}
#services.sl-scroll .sl-panel h3{font-size:clamp(19px,5.4vw,23px)!important;margin:0 0 6px;line-height:1.15}
#services.sl-scroll .sl-panel p{font-size:12.5px;line-height:1.5}
#services.sl-scroll .sl-links{position:relative;top:auto;right:auto;width:100%;margin-top:12px;gap:2px!important}
#services.sl-scroll .sl-links a{font-size:clamp(21px,6vw,26px)!important;padding:8px 0!important}
#services.sl-scroll .sl-links small{font-size:11.5px;margin-top:3px}
#services.sl-scroll .sl-pin:after{bottom:14px}
}
@media(max-width:700px) and (max-height:720px){
#services.sl-scroll .sl-pin{padding-top:78px!important}
#services.sl-scroll .sl-choice strong{font-size:clamp(30px,9vw,38px)!important}
#services.sl-scroll .sl-panel p{display:none}
#services.sl-scroll .sl-links small{display:none}
#services.sl-scroll .sl-links a{padding:6px 0!important}
}
