/* HIMS GROUP V15 — YouTube-inspired business video playlist */
.hims-video-gallery{background:#0a0c0a;color:#fff;padding:110px 0 120px;overflow:hidden;position:relative}
.hims-video-gallery:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-250px;top:-260px;background:radial-gradient(circle,rgba(181,216,61,.15),transparent 66%);pointer-events:none}
.hims-video-gallery .hvg-shell{width:min(1240px,calc(100% - 48px));margin:auto;position:relative;z-index:2}
.hvg-heading{margin-bottom:34px}.hvg-kicker{display:flex;align-items:center;gap:12px;color:#b5d83d;font-size:10px;letter-spacing:.24em;font-weight:700}.hvg-kicker i{display:block;width:46px;height:1px;background:#b5d83d}.hvg-kicker b{color:rgba(255,255,255,.4);font-weight:600}.hvg-heading h2{font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.05em;margin:14px 0 12px;color:#fff}.hvg-heading h2 em{color:#b5d83d;font-style:normal}.hvg-heading p{margin:0;color:rgba(255,255,255,.56);font-size:15px}
.hvg-player-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch}
.hvg-main-card{min-width:0;background:#111411;border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 90px rgba(0,0,0,.34)}
.hvg-main-media{position:relative;aspect-ratio:16/9;min-height:420px;overflow:hidden;background:#050605}.hvg-main-video{width:100%;height:100%;display:block;object-fit:cover;background:#050605}.hvg-main-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 32%,transparent 58%,rgba(0,0,0,.78));pointer-events:none}.hvg-main-top{position:absolute;left:22px;right:22px;top:20px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;z-index:3;color:rgba(255,255,255,.78)}.hvg-live-dot{width:7px;height:7px;border-radius:50%;background:#b5d83d;box-shadow:0 0 0 6px rgba(181,216,61,.12),0 0 18px rgba(181,216,61,.7);animation:hvgPulse 1.8s infinite}.hvg-main-counter{margin-left:auto}.hvg-big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.24);backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:4;transition:.35s cubic-bezier(.2,.8,.2,1)}.hvg-big-play:hover{background:#b5d83d;color:#10120e;transform:translate(-50%,-50%) scale(1.09);box-shadow:0 0 40px rgba(181,216,61,.24)}.hvg-big-play span{font-size:20px;margin-left:3px}.hvg-big-play.is-playing{opacity:0;pointer-events:none}.hvg-main-media:hover .hvg-big-play.is-playing{opacity:.9;pointer-events:auto}.hvg-main-caption{position:absolute;left:24px;bottom:22px;z-index:3;display:flex;flex-direction:column;gap:5px}.hvg-main-caption small{text-transform:uppercase;letter-spacing:.2em;font-size:9px;color:#b5d83d}.hvg-main-caption strong{font-size:24px;letter-spacing:-.02em}.hvg-main-bar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.hvg-main-label{color:rgba(255,255,255,.55)}.hvg-hint{color:rgba(255,255,255,.3)}
.hvg-playlist{background:#111411;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;min-height:0;max-height:calc(100% + 0px)}.hvg-playlist-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px;letter-spacing:.18em}.hvg-playlist-head strong{font-weight:700}.hvg-playlist-head span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#b5d83d;color:#10120e;font-size:9px;font-weight:800}.hvg-list{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(181,216,61,.55) transparent;max-height:calc(100vh - 280px);min-height:0}.hvg-list::-webkit-scrollbar{width:5px}.hvg-list::-webkit-scrollbar-track{background:transparent}.hvg-list::-webkit-scrollbar-thumb{background:rgba(181,216,61,.55);border-radius:10px}
.hvg-item{width:100%;display:grid;grid-template-columns:112px 1fr 18px;gap:12px;align-items:center;padding:12px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:.28s ease}.hvg-item:hover{background:rgba(255,255,255,.055)}.hvg-item.is-active{background:linear-gradient(90deg,rgba(181,216,61,.14),rgba(181,216,61,.025));box-shadow:inset 3px 0 #b5d83d}.hvg-thumb-wrap{height:68px;position:relative;overflow:hidden;background:#050605;border-radius:5px}.hvg-thumb-wrap video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82)}.hvg-item:hover .hvg-thumb-wrap video{filter:saturate(1.05)}.hvg-thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.58);font-size:9px;padding-left:1px}.hvg-item-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.hvg-item-copy b{font-size:10px;letter-spacing:.12em}.hvg-item-copy small{font-size:10px;color:rgba(255,255,255,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hvg-item-arrow{color:rgba(255,255,255,.28);font-size:16px;transition:.25s}.hvg-item:hover .hvg-item-arrow,.hvg-item.is-active .hvg-item-arrow{color:#b5d83d;transform:translate(2px,-2px)}.hvg-empty{padding:30px 20px;color:rgba(255,255,255,.45);font-size:12px;line-height:1.7}.hvg-empty-state .hvg-main-card{opacity:.7}
@keyframes hvgPulse{0%,100%{box-shadow:0 0 0 5px rgba(181,216,61,.1),0 0 12px rgba(181,216,61,.5)}50%{box-shadow:0 0 0 9px rgba(181,216,61,.03),0 0 24px rgba(181,216,61,.8)}}
@media(max-width:980px){.hvg-player-grid{grid-template-columns:1fr}.hvg-playlist{max-height:none}.hvg-list{max-height:320px}.hvg-main-media{min-height:0}.hvg-item{grid-template-columns:120px 1fr 18px}}
@media(max-width:600px){.hims-video-gallery{padding:75px 0}.hims-video-gallery .hvg-shell{width:min(100% - 28px,1240px)}.hvg-main-bar{height:auto;min-height:50px;gap:10px;align-items:flex-start;flex-direction:column;justify-content:center;padding:10px 14px}.hvg-hint{display:none}.hvg-main-caption strong{font-size:19px}.hvg-big-play{width:64px;height:64px}.hvg-item{grid-template-columns:94px 1fr 14px;padding:9px 10px}.hvg-thumb-wrap{height:58px}}
