.snv .snv-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}
.snv .snv-title{margin:0;font-size:clamp(22px,4.6vw,30px);line-height:1.3;font-weight:800;color:#1f2421}
.snv .snv-sub{margin:0;color:#8a8f8b;font-size:14px}
.snv .snv-wrap{position:relative}
.snv .snv-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 4px 10px}
.snv .snv-track::-webkit-scrollbar{display:none}
.snv .snv-item{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}
@media (max-width:749px){.snv .snv-item{flex-basis:62%}}
.snv .snv-frame{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#163f57;box-shadow:0 10px 26px rgba(22,63,87,.14)}
.snv .snv-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.snv .snv-bar{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
.snv .snv-logo{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:#fff;color:#163f57;font-weight:800;font-size:12px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.snv .snv-logo svg{width:18px;height:18px}
.snv .snv-logo small{display:block;font-size:8px;letter-spacing:.5px;font-weight:700;opacity:.8}
.snv .snv-sound{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;border:0 !important;background:rgba(0,0,0,.6) !important;color:#fff !important;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.snv .snv-cap{text-align:center;display:flex;flex-direction:column;gap:2px}
.snv .snv-cap b{font-size:14px;color:#1f2421}
.snv .snv-cap small{font-size:12px;color:#8a8f8b}
.snv .snv-dots{display:flex;justify-content:center;gap:6px;margin-top:8px;min-height:8px}
.snv .snv-dots span{width:7px;height:7px;border-radius:99px;background:#d9d3c6;transition:width .25s}
.snv .snv-dots span.is-on{width:24px;background:#163f57}
.snv .snv-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;background:#fff !important;border:1px solid #e6e1d6 !important;box-shadow:0 6px 18px rgba(0,0,0,.10);display:grid;place-items:center;cursor:pointer;color:#163f57 !important;padding:0}
.snv .snv-arrow--prev{right:-10px}
.snv .snv-arrow--next{left:-10px}