.hpvpy,.hpvpy *{box-sizing:border-box}.hpvpy{width:100%;background:var(--hpvpy-bg,#e30613)!important;color:var(--hpvpy-text,#fff)!important;padding:34px 16px;font-family:Arial,Helvetica,sans-serif}.hpvpy a,.hpvpy button,.hpvpy iframe{font-family:inherit!important}.hpvpy-inner{max-width:var(--hpvpy-max,1300px);margin:0 auto}.hpvpy-title{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 22px!important;color:var(--hpvpy-text,#fff)!important;font-size:24px;font-weight:800;line-height:1.2}.hpvpy-title svg{width:22px;height:22px;stroke:var(--hpvpy-accent,#fff);stroke-width:2.6;fill:none}.hpvpy-layout{display:grid;grid-template-columns:var(--hpvpy-list,360px) 1fr;gap:28px;align-items:stretch}.hpvpy-list{height:var(--hpvpy-height,520px);overflow:hidden;display:flex;flex-direction:column;gap:12px;position:relative}.hpvpy-list:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--hpvpy-bg,#e30613));pointer-events:none}.hpvpy-item{appearance:none;border:0!important;background:transparent!important;color:var(--hpvpy-text,#fff)!important;display:grid;grid-template-columns:120px 1fr;gap:12px;width:100%;padding:0!important;text-align:left;cursor:pointer;opacity:.82;transition:transform .22s ease,opacity .22s ease,filter .22s ease;box-shadow:none!important;outline:none!important;border-radius:var(--hpvpy-radius,12px)!important}.hpvpy-item:hover,.hpvpy-item.is-active{opacity:1;transform:translateX(5px);background:transparent!important;color:var(--hpvpy-text,#fff)!important}.hpvpy-item .thumb{position:relative;width:120px;height:78px;border-radius:calc(var(--hpvpy-radius,12px) - 2px);overflow:hidden;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}.hpvpy-item img{width:100%;height:100%;object-fit:cover;display:block}.hpvpy-item .play{position:absolute;left:7px;bottom:7px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.58);display:flex;align-items:center;justify-content:center}.hpvpy-item .play svg{width:15px;height:15px;fill:#fff;margin-left:1px}.hpvpy-item small{position:absolute;right:6px;bottom:7px;background:rgba(0,0,0,.62);border-radius:999px;padding:3px 7px;font-size:11px;color:#fff}.hpvpy-item .txt{display:flex;flex-direction:column;justify-content:center;min-width:0}.hpvpy-item em{font-style:normal;color:var(--hpvpy-muted,#ffe1e1)!important;font-size:13px;line-height:1.2;margin-bottom:4px}.hpvpy-item strong{font-size:15px;line-height:1.25;color:var(--hpvpy-text,#fff)!important;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hpvpy-player{height:var(--hpvpy-height,520px);background:rgba(0,0,0,.25);border-radius:var(--hpvpy-radius,12px);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 70px rgba(0,0,0,.18)}.hpvpy-player iframe{width:100%!important;height:100%!important;border:0!important;background:#050505;display:none}.hpvpy-player.is-ready iframe{display:block}.hpvpy-empty{position:absolute;inset:0;color:rgba(255,255,255,.82);font-size:20px;font-weight:700;display:flex;gap:10px;align-items:center;justify-content:center}.hpvpy-empty svg{width:54px;height:54px;border-radius:50%;padding:16px;background:rgba(255,255,255,.12);fill:#fff}.hpvpy-player.is-ready .hpvpy-empty{display:none}@media(max-width:900px){.hpvpy{padding:26px 12px}.hpvpy-layout{display:flex;flex-direction:column-reverse;gap:16px}.hpvpy-player{height:320px;border-radius:14px}.hpvpy-list{height:auto;overflow-x:auto;overflow-y:hidden;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;padding-bottom:8px;scroll-snap-type:x mandatory}.hpvpy-list:after{display:none}.hpvpy-item{grid-template-columns:100px 1fr;background:rgba(255,255,255,.10)!important;border-radius:14px!important;padding:8px!important;scroll-snap-align:start}.hpvpy-item:hover{transform:none}.hpvpy-item .thumb{width:100px;height:74px}.hpvpy-title{font-size:22px}}@media(max-width:520px){.hpvpy-player{height:230px}.hpvpy-list{grid-auto-columns:88%}.hpvpy-item strong{font-size:14px}}


/* v1.0.3 Elementor font compatibility */
.elementor-widget-hpvpy_video_plus .hpvpy-title,
.elementor-widget-hpvpy_video_plus .hpvpy-item .txt strong,
.elementor-widget-hpvpy_video_plus .hpvpy-item .txt em,
.elementor-widget-hpvpy_video_plus .hpvpy-item small{font-family:inherit;}
.elementor-widget-hpvpy_video_plus .hpvpy-title a,
.elementor-widget-hpvpy_video_plus .hpvpy-item .txt strong a{font:inherit;}