.vpg-streaming{--vpg-bg:#090909;--vpg-card:#171717;position:relative;background:var(--vpg-bg);color:#fff;overflow:hidden;border-radius:20px;min-height:500px;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.vpg-streaming.vpg-fullwidth{width:100vw;max-width:none;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);border-radius:0}
.vpg-streaming .vpg-hero{position:relative;min-height:clamp(430px,64vw,720px);display:flex;align-items:flex-end;background-image:linear-gradient(90deg,rgba(7,7,7,.98) 0%,rgba(7,7,7,.78) 34%,rgba(7,7,7,.14) 72%),linear-gradient(0deg,#090909 0%,transparent 36%),var(--vpg-hero-image);background-size:cover;background-position:center 28%}
.vpg-streaming .vpg-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 55%,#090909 99%);pointer-events:none}
.vpg-hero-content{position:relative;z-index:2;width:min(590px,75%);padding:clamp(40px,7vw,90px);padding-bottom:clamp(75px,10vw,130px)}
.vpg-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vpg-eyebrow:before{content:"";width:9px;height:22px;border-radius:2px;background:var(--vpg-accent)}
.vpg-hero-content h1{margin:0 0 16px;color:#fff;font-size:clamp(38px,5.6vw,76px);font-weight:900;line-height:.98;letter-spacing:-.04em;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.vpg-hero-content>p{margin:0 0 25px;color:#ededed;font-size:clamp(15px,1.5vw,19px);line-height:1.65;text-shadow:0 2px 12px #000}
.vpg-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.vpg-hero-play,.vpg-hero-more{display:inline-flex!important;width:auto!important;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px!important;border:0!important;border-radius:6px!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer;transition:.2s!important}.vpg-hero-play{background:#fff!important;color:#080808!important}.vpg-hero-more{background:rgba(109,109,110,.75);color:#fff!important}.vpg-hero-play:hover,.vpg-hero-more:hover{transform:none!important;filter:brightness(.83);box-shadow:none!important}
.vpg-stream-body{position:relative;z-index:3;margin-top:-50px;padding:0 clamp(18px,4vw,58px) 55px}
.vpg-stream-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:26px}.vpg-stream-toolbar>strong{font-size:18px}.vpg-brand-dot{width:8px;height:28px;border-radius:2px;background:var(--vpg-accent)}.vpg-stream-toolbar .vpg-search{margin-inline-start:auto;width:min(320px,45vw)}
.vpg-stream-categories{display:flex;gap:9px;overflow-x:auto;margin:-10px 0 28px;padding:4px 0;scrollbar-width:none}.vpg-stream-categories::-webkit-scrollbar{display:none}.vpg-stream-categories button{flex:0 0 auto;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#191919;color:#cfcfcf;font:600 14px/1.2 inherit;cursor:pointer}.vpg-stream-categories button:hover,.vpg-stream-categories button.is-active{border-color:var(--vpg-accent);background:var(--vpg-accent);color:#fff}
.vpg-shelf{position:relative;margin:0 0 38px}.vpg-shelf[hidden]{display:none}.vpg-shelf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vpg-shelf-head h2{margin:0;color:#f6f6f6;font-size:clamp(20px,2vw,27px);font-weight:800;letter-spacing:-.02em}.vpg-row-controls{display:flex;direction:ltr;gap:6px;opacity:0;transition:.2s}.vpg-shelf:hover .vpg-row-controls{opacity:1}.vpg-row-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#202020;color:#fff;font:700 23px/1 inherit;cursor:pointer}.vpg-row-controls button:hover{background:var(--vpg-accent);border-color:var(--vpg-accent)}
.vpg-row{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:6px 2px 34px;margin-bottom:-34px}.vpg-row::-webkit-scrollbar{display:none}
.vpg-stream-card{position:relative;flex:0 0 clamp(210px,22vw,315px);scroll-snap-align:start;transition:z-index .01s}.vpg-stream-card .vpg-open{position:relative;overflow:visible;background:#181818;border-radius:7px;box-shadow:none;transition:transform .25s ease,box-shadow .25s ease;transform-origin:center bottom}.vpg-stream-card .vpg-cover{aspect-ratio:16/9;border-radius:7px;background-position:center;background-size:cover}.vpg-stream-card .vpg-card-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75));opacity:.75}.vpg-card-play{position:absolute;right:14px;bottom:12px;z-index:2;display:grid;place-items:center;width:39px;height:39px;padding-right:2px;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(0,0,0,.72);font-size:14px;opacity:0;transform:scale(.8);transition:.2s}.vpg-stream-card .vpg-info{position:absolute;z-index:4;top:calc(100% - 4px);right:0;left:0;padding:13px 15px 15px;background:#181818;border-radius:0 0 7px 7px;box-shadow:0 18px 28px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.vpg-stream-card .vpg-info strong{font-size:16px}.vpg-stream-card .vpg-info>span{font-size:13px;-webkit-line-clamp:2}.vpg-stream-card .vpg-info small{display:block;margin-top:9px;color:var(--vpg-views-color,#46d369);font-size:12px;font-weight:700}.vpg-stream-card:hover{z-index:10}.vpg-stream-card:hover .vpg-open,.vpg-stream-card:focus-within .vpg-open{transform:scale(1.07);box-shadow:0 16px 35px rgba(0,0,0,.65)}.vpg-stream-card:hover .vpg-info,.vpg-stream-card:focus-within .vpg-info,.vpg-stream-card:hover .vpg-card-play,.vpg-stream-card:focus-within .vpg-card-play{opacity:1;visibility:visible;transform:none}
.vpg-ranked-row{gap:20px}.vpg-ranked-row .vpg-stream-card{display:flex;align-items:flex-end;flex-basis:clamp(260px,27vw,390px);padding-right:clamp(60px,7vw,92px)}.vpg-rank{position:absolute;right:0;bottom:-12px;z-index:0;color:#050505;font-size:clamp(120px,14vw,190px);font-weight:1000;line-height:.8;-webkit-text-stroke:3px #777;text-shadow:0 6px 20px #000}.vpg-ranked-row .vpg-open{z-index:1;width:100%}
.vpg-streaming .vpg-modal{direction:rtl}.vpg-streaming .vpg-dialog{background:#181818;border:0;border-radius:12px}.vpg-streaming .vpg-modal-copy{padding:25px clamp(22px,4vw,45px) 38px}.vpg-streaming .vpg-modal-copy h2{font-size:clamp(25px,3vw,38px);font-weight:900}.vpg-streaming .vpg-modal-copy>div{font-size:16px;max-width:800px}.vpg-streaming .vpg-no-results{padding:60px 0}
.vpg-theme-light.vpg-streaming{--vpg-bg:#f4f4f5;--vpg-card:#fff;color:#151515}
.vpg-theme-light.vpg-streaming .vpg-hero{background-image:linear-gradient(90deg,rgba(7,7,7,.94) 0%,rgba(7,7,7,.67) 34%,rgba(7,7,7,.08) 72%),linear-gradient(0deg,#f4f4f5 0%,transparent 36%),var(--vpg-hero-image)}
.vpg-theme-light.vpg-streaming .vpg-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 55%,#f4f4f5 99%)}
.vpg-theme-light .vpg-stream-toolbar>strong,.vpg-theme-light .vpg-shelf-head h2{color:#171717}
.vpg-theme-light .vpg-stream-categories button{border-color:#d5d5d8;background:#fff;color:#3a3a3d}
.vpg-theme-light .vpg-stream-categories button:hover,.vpg-theme-light .vpg-stream-categories button.is-active{border-color:var(--vpg-accent);background:var(--vpg-accent);color:#fff}
.vpg-theme-light .vpg-row-controls button{border-color:#d6d6d8;background:#fff;color:#171717;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.vpg-theme-light .vpg-stream-card .vpg-open,.vpg-theme-light .vpg-stream-card .vpg-info{background:#fff;color:#161616}
.vpg-theme-light .vpg-stream-card .vpg-info{box-shadow:0 18px 28px rgba(0,0,0,.2)}
.vpg-theme-light .vpg-stream-card .vpg-info>span{color:#626269}.vpg-theme-light .vpg-rank{color:#f4f4f5;-webkit-text-stroke-color:#59595f;text-shadow:0 5px 16px rgba(0,0,0,.17)}
.vpg-theme-light.vpg-streaming .vpg-dialog{background:#fff;color:#171717}.vpg-theme-light.vpg-streaming .vpg-modal-copy h2{color:#171717}.vpg-theme-light.vpg-streaming .vpg-modal-copy>div{color:#55555c}
@media(max-width:760px){.vpg-streaming{border-radius:0}.vpg-streaming .vpg-hero{min-height:560px;align-items:flex-end;background-image:linear-gradient(0deg,#090909 3%,rgba(9,9,9,.2) 58%,rgba(9,9,9,.05)),var(--vpg-hero-image);background-position:center top}.vpg-hero-content{width:100%;padding:28px 20px 90px;text-align:center}.vpg-hero-content h1{font-size:39px}.vpg-hero-content>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vpg-hero-actions{justify-content:center}.vpg-stream-body{padding-inline:16px;margin-top:-42px}.vpg-stream-toolbar{flex-wrap:wrap}.vpg-stream-toolbar .vpg-search{order:2;width:100%;max-width:none;margin:8px 0 0}.vpg-row-controls{display:none}.vpg-shelf{margin-bottom:28px}.vpg-stream-card{flex-basis:72vw;max-width:285px}.vpg-stream-card .vpg-info{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:11px 12px}.vpg-stream-card .vpg-info>span{display:none}.vpg-stream-card .vpg-info small{margin-top:4px}.vpg-card-play{opacity:1;transform:none}.vpg-stream-card:hover .vpg-open,.vpg-stream-card:focus-within .vpg-open{transform:none}.vpg-ranked-row .vpg-stream-card{flex-basis:82vw;padding-right:62px}.vpg-rank{font-size:125px;-webkit-text-stroke:2px #777}}
@media(prefers-reduced-motion:reduce){.vpg-streaming *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.vpg-theme-light.vpg-streaming .vpg-hero{background-image:linear-gradient(0deg,#f4f4f5 3%,rgba(244,244,245,.08) 58%,rgba(9,9,9,.05)),var(--vpg-hero-image)}}
.vpg-stream-card .vpg-open{text-decoration:none}
.vpg-gallery{font-family:var(--vpg-body-font,inherit)}
.vpg-gallery h1,.vpg-gallery h2,.vpg-gallery h3,.vpg-gallery .vpg-info strong{font-family:var(--vpg-title-font,var(--vpg-body-font,inherit))}
.vpg-full-badge{position:absolute;z-index:3;top:10px;right:10px;padding:5px 9px;border-radius:5px;background:var(--vpg-accent);color:#fff;font-size:11px;font-weight:800;box-shadow:0 3px 12px rgba(0,0,0,.3)}
.vpg-card-progress{position:absolute;z-index:5;right:8px;bottom:0;left:8px;display:none;height:4px;border-radius:4px;background:rgba(255,255,255,.35);overflow:hidden}.vpg-card-progress.is-visible{display:block}.vpg-card-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--vpg-accent);transition:width .25s}.vpg-personal-shelf .vpg-shelf-head h2:after{content:"בשבילך";display:inline-block;margin-inline-start:9px;padding:3px 7px;border-radius:4px;background:color-mix(in srgb,var(--vpg-accent) 18%,transparent);color:var(--vpg-accent);font-size:10px;vertical-align:middle}