/* SaraStones Product Video – frontend */
.ssv-video{position:relative;width:100%;background:var(--ssv-bg,#123F38);border-radius:var(--ssv-radius,6px);overflow:hidden;line-height:0}
.ssv-video__el{display:block;width:100%;max-height:80vh;background:var(--ssv-bg,#123F38);object-fit:var(--ssv-fit,contain)}
.ssv-block{margin:0 0 2rem}
.ssv-block__title{margin:0 0 .75rem;font-size:1.25rem}
.ssv-video--block{max-width:720px}

/* Gallery overlay */
.ssv-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:var(--ssv-bg,#123F38);border-radius:inherit}
.ssv-overlay[hidden]{display:none}
.ssv-overlay .ssv-video{height:100%;border-radius:inherit;display:flex;align-items:center;justify-content:center}
.ssv-overlay .ssv-video__el{width:100%;height:100%;max-height:none}
.ssv-back{position:absolute;top:10px;left:10px;z-index:2;border:0;cursor:pointer;padding:6px 12px;border-radius:999px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.2;background:rgba(255,255,255,.92);color:#123F38;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.ssv-back:hover{background:#fff}

/* Thumbnail */
.ssv-thumb{position:relative;cursor:pointer;list-style:none}
.ssv-thumb__btn{position:relative;display:block;width:100%;height:100%;min-height:48px;padding:0;margin:0;border:2px solid transparent;border-radius:var(--ssv-radius,6px);overflow:hidden;background:var(--ssv-bg,#123F38);cursor:pointer;aspect-ratio:1/1}
.ssv-thumb__btn img{display:block;width:100%;height:100%;object-fit:cover;opacity:.85}
.ssv-thumb.ssv-is-active .ssv-thumb__btn,.ssv-thumb__btn:focus-visible{border-color:var(--ssv-accent,#C9A24A);outline:none}
.ssv-thumb__tag{position:absolute;left:0;right:0;bottom:0;padding:2px 4px;font-family:inherit;font-weight:600;font-size:10px;line-height:1.3;text-align:center;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));text-transform:uppercase;letter-spacing:.04em}

/* Play icon (pure CSS) */
.ssv-play{position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--ssv-accent,#C9A24A);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.ssv-play::before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -4px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #123F38}
.ssv-play--sm{position:static;display:inline-block;width:18px;height:18px;margin:0 6px 0 0;flex:none;box-shadow:none}
.ssv-play--sm::before{margin:-4px 0 0 -3px;border-width:4px 0 4px 7px}

/* Floating pill when there is no thumbnail strip */
.ssv-badge{position:absolute;left:12px;bottom:12px;z-index:20;display:inline-flex;align-items:center;padding:6px 14px 6px 8px;border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;line-height:1;color:#123F38;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ssv-badge:hover{background:#fff}