/* Social Reels Vertical — carrusel horizontal y visor vertical */
.hl-srv{--hl-srv-width:1200px;--hl-srv-card-width:220px;--hl-srv-card-height:390px;--hl-srv-gap:14px;--hl-srv-radius:14px;position:relative;width:100%;max-width:var(--hl-srv-width);margin-inline:auto;font-family:inherit}
.hl-srv *{box-sizing:border-box}
.hl-srv-carousel-wrap{position:relative;width:100%;padding:0 34px}
.hl-srv-grid{display:flex;gap:var(--hl-srv-gap);width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 1px 8px;overscroll-behavior-x:contain}
.hl-srv-grid::-webkit-scrollbar{display:none}
.hl-srv-card{position:relative;display:block;flex:0 0 var(--hl-srv-card-width);width:var(--hl-srv-card-width);height:var(--hl-srv-card-height);padding:0;overflow:hidden;border:0;border-radius:var(--hl-srv-radius);background:#222;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start}
.hl-srv-cover{display:block;width:100%;height:100%;object-fit:cover}
.hl-srv-cover-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#252525,#555);font-size:28px}
.hl-srv-card-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.hl-srv-card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:18px;border:1px solid rgba(255,255,255,.4)}
.hl-srv-card-profile{position:absolute;left:12px;right:10px;bottom:13px;display:flex;align-items:center;gap:9px;color:#fff;text-shadow:0 1px 5px #000}
.hl-srv-card-avatar{display:block;flex:0 0 34px;width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#555}
.hl-srv-card-name{color:#fff;font-size:14px;font-weight:700;overflow-wrap:anywhere;min-width:0;max-height:2.7em;overflow:hidden}
.hl-srv-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#fff;color:#222;box-shadow:0 2px 12px rgba(0,0,0,.18);font-size:30px;line-height:1;cursor:pointer}
.hl-srv-prev{left:0}.hl-srv-next{right:0}.hl-srv-nav:disabled{opacity:.28;cursor:default}
.hl-srv-empty{padding:20px;border:1px dashed #999;border-radius:8px}
.hl-srv-modal{position:fixed;z-index:999999;inset:0;background:#050505;color:#fff;display:none;overscroll-behavior:contain}.hl-srv-modal.is-open{display:block}
.hl-srv-modal-track{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.hl-srv-modal-track::-webkit-scrollbar{display:none}
.hl-srv-slide{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#050505;overflow:hidden}
.hl-srv-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.hl-srv-media video{display:block;width:auto;height:auto;max-width:100vw;max-height:100%;aspect-ratio:9/16;object-fit:contain;background:#000}
.hl-srv-embed{width:min(100%,605px);height:min(90vh,900px);overflow:auto;background:#fff;color:#111;border-radius:8px}.hl-srv-embed iframe{width:100%;height:100%;border:0}.hl-srv-embed blockquote{margin:0 auto!important}
.hl-srv-top{position:absolute;z-index:5;top:16px;left:16px;right:16px;display:flex;justify-content:flex-end;gap:10px;pointer-events:none}.hl-srv-control{pointer-events:auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:20px;cursor:pointer}
.hl-srv-info{position:absolute;z-index:4;left:50%;right:auto;bottom:clamp(22px,5vh,54px);transform:translateX(-50%);width:min(560px,56.25vh,calc(100vw - 24px));max-width:100%;padding:0 16px;text-shadow:0 1px 8px #000;overflow-wrap:anywhere}.hl-srv-creator{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:700;min-width:0}.hl-srv-creator span{min-width:0;overflow-wrap:anywhere}.hl-srv-avatar{display:block;width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover;object-position:center;background:#555;border:2px solid rgba(255,255,255,.9)}.hl-srv-description{font-size:14px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:22vh;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.hl-srv-original{display:inline-block;margin-top:10px;color:#fff;text-decoration:underline;font-size:13px}
body.hl-srv-lock{overflow:hidden!important}
@media(max-width:767px){.hl-srv-carousel-wrap{padding:0 24px}.hl-srv{--hl-srv-card-width:min(68vw,260px);--hl-srv-card-height:min(118vw,460px)}.hl-srv-card{border-radius:var(--hl-srv-radius)}.hl-srv-card-name{font-size:13px}.hl-srv-card-avatar{width:30px;height:30px;flex-basis:30px}.hl-srv-nav{width:30px;height:30px;font-size:24px}.hl-srv-media{padding:0}.hl-srv-media video{width:auto;height:auto;max-width:100vw;max-height:100%;object-fit:contain}.hl-srv-info{width:min(56.25vh,calc(100vw - 16px));bottom:24px;padding:0 12px}.hl-srv-top{top:12px;left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.hl-srv-grid,.hl-srv-modal-track{scroll-behavior:auto}}