/* Shared overlay controls for every local video. */
.voxme-video-player{position:relative;width:100%;min-width:0;isolation:isolate}
.hero-video-frame .voxme-video-player,.real-video-thumb .voxme-video-player{height:100%}
.solutions-video-card .voxme-video-player{width:min(100%,320px);margin:0 auto}
.mobile-video-controls{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;margin:0;padding:28px 8px 8px;border:0;border-radius:0 0 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;z-index:3}
.mobile-video-controls[hidden]{display:none}
.mobile-video-controls button{min-width:0;min-height:44px;padding:6px 2px;border:0;border-radius:6px;background:rgba(0,0,0,.22);color:#fff;font:inherit;font-size:12px;line-height:1.2;cursor:pointer}
.mobile-video-controls button:focus-visible,.mobile-video-controls input:focus-visible{outline:2px solid var(--vox-turquoise);outline-offset:2px}
.mobile-video-controls input{grid-column:1/-1;width:100%;min-width:0;height:28px;margin:0;accent-color:var(--vox-turquoise)}
.mobile-video-time{grid-column:1/-1;text-align:center;font-size:13px;color:#fff;font-variant-numeric:tabular-nums}
.voxme-video-player:fullscreen{display:grid;place-items:center;background:#000;width:100%;height:100%}
.voxme-video-player:fullscreen video{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){
 .hero-video-frame,.solution-video-frame,.melissa-video-frame{transform:none;overflow:visible;height:auto;aspect-ratio:auto}
 .hero-video-frame video,.solution-video-frame video,.melissa-video-frame video,.solutions-video-card video,#salesforce .testimonial-clip video,.two-video-grid .real-video-thumb video{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:8px}
 .two-video-grid .real-video-thumb{display:block;aspect-ratio:auto;height:auto;overflow:visible}
 .hero-visual{height:auto;max-height:none}
}

.mobile-video-controls button{background:transparent;font-size:0}
.mobile-video-controls button:first-child{grid-column:1;grid-row:1}
.mobile-video-controls button:nth-child(2){grid-column:3;grid-row:1}
.mobile-video-controls button:nth-child(3){grid-column:3;grid-row:2}
.mobile-video-controls .mobile-video-time{grid-column:1/3;grid-row:2;text-align:left;padding-left:8px}
.mobile-video-controls input{grid-row:3}
.mobile-video-controls svg{width:22px;height:22px;fill:currentColor;display:block;margin:auto}
.mobile-video-controls svg .icon-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}