/* Sharm Voyager 1.3.3 – autoplaying videos (muted, loop, inline) with sound / pause buttons */
.svv { position: relative; overflow: hidden; display: block; background: #0b2233 linear-gradient(135deg, #0e3a52, #0b2233); }
.svv video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; background: transparent; }
.svv--tile video { z-index: 1; }
.svv--tile .svg-play { display: none; }
.svv.svv-noauto .svg-play, .svv.is-blocked .svg-play { display: block; z-index: 2; }
.svv-ctl { position: absolute; right: .5rem; bottom: .5rem; z-index: 3; display: flex; gap: .4rem; }
.svv-btn { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .55); color: #fff; cursor: pointer; display: grid; place-items: center; padding: 0;
  background-repeat: no-repeat; background-position: center; background-size: 1.2rem; }
.svv-btn:focus-visible { outline: 3px solid #ffb04c; outline-offset: 2px; }
.svv-btn:hover { background-color: rgba(0, 0, 0, .75); }
.svv-snd { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='m23 9-6 6M17 9l6 6'/%3E%3C/svg%3E"); }
.svv-snd.is-on { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E"); }
.svv-pp { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='6' y='5' width='4' height='14'/%3E%3Crect x='14' y='5' width='4' height='14'/%3E%3C/svg%3E"); }
.svv-pp.is-paused { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 4v16l13-8z'/%3E%3C/svg%3E"); }
.svr-tile.svv { aspect-ratio: 9 / 16; border-radius: inherit; }
.svr-ig-link { display: inline-block; margin-top: .35rem; font-size: .85rem; }
@media (prefers-reduced-motion: reduce) { .svr-track { scroll-behavior: auto; } }
