/* Shvoong Video Reels 1.0.3 - פלטת שוונג: ירוק #a0c83b, כחול #0077b0, אפור #ececec */
.inner-sections h2.shvr-title{display:flex;justify-content:space-between;align-items:flex-end}
.shvr-more{font-size:16px;color:#0077b0;font-weight:500;line-height:1.4}
.shvr-more:hover{color:#005a86;text-decoration:none}

.shvr{background:#ececec;padding:28px 0 32px;margin-bottom:20px;direction:rtl}
.shvr *{box-sizing:border-box}
.shvr-head{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.shvr-head p{font-size:17px;color:#333;margin:0}
.shvr-btns{display:flex;gap:8px}
.shvr-btn{display:inline-flex;align-items:center;gap:8px;color:#fff !important;font-weight:700;font-size:15px;padding:8px 16px;text-decoration:none !important}
.shvr-btn .shvr-logo{width:22px;height:22px;flex:none;display:block}
.shvr-btn .shvr-logo-yt{width:28px;height:20px}
.shvr-btn-ig{background:#0077b0}
.shvr-btn-yt{background:#e00}
.shvr-btn:hover{opacity:.9}

.shvr-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*14px)/6);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0 0 8px;scrollbar-width:thin}
.shvr-card{scroll-snap-align:start;margin:0}

/* דסקטופ: חיצים, פס גלילה בולט וגרירה */
.shvr-railwrap{position:relative}
.shvr-arrow{display:none;position:absolute;top:calc(50% - 30px);z-index:5;width:48px;height:48px;border-radius:50%;border:0;background:#a0c83b;color:#fff;font-size:30px;line-height:48px;text-align:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:transform .15s,opacity .2s;font-family:"Times New Roman",serif;padding:0}
.shvr-arrow:hover{transform:scale(1.1);background:#8fb52f}
.shvr-arrow svg,.shvr-nav svg{display:block;margin:auto;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.shvr-arrow svg{width:26px;height:26px}
.shvr-nav svg{width:40px;height:40px;stroke-width:2.5}
.shvr-arrow:focus-visible{outline:3px solid #0077b0;outline-offset:2px}
.shvr-arrow[hidden]{display:none !important}
.shvr-arrow-prev{right:-12px}
.shvr-arrow-next{left:-12px}
@media (hover:hover) and (pointer:fine) and (min-width:901px){
	.shvr-arrow{display:block}
	.shvr-rail{cursor:grab;scrollbar-width:auto;scrollbar-color:#a0c83b #d5d5d5;padding-bottom:14px}
	.shvr-rail::-webkit-scrollbar{height:10px}
	.shvr-rail::-webkit-scrollbar-track{background:#d5d5d5;border-radius:5px}
	.shvr-rail::-webkit-scrollbar-thumb{background:#a0c83b;border-radius:5px}
	.shvr-rail::-webkit-scrollbar-thumb:hover{background:#8fb52f}
	.shvr-rail,.shvr-rail .shvr-card>a{cursor:grab}
	.shvr-rail.shvr-dragging,.shvr-rail.shvr-dragging .shvr-card>a{cursor:grabbing}
	.shvr-rail.shvr-dragging{scroll-snap-type:none}
	.shvr-rail.shvr-dragging a{pointer-events:none}
}
.shvr-card>a{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#000;color:#fff;text-decoration:none}
.shvr-card img,.shvr-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.shvr-card img{transition:transform .4s}
.shvr-card>a:hover img{transform:scale(1.04)}
.shvr-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(transparent 50%,rgba(0,0,0,.88));z-index:2}
.shvr-t{font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.shvr-meta{font-size:13px;margin-top:6px;font-weight:500}
.shvr-pf{position:absolute;top:10px;left:10px;z-index:3;display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.6);font-size:12px;font-weight:700;padding:3px 8px 3px 6px;border-radius:99px;direction:ltr}
.shvr-pf .shvr-logo{width:17px;height:17px;flex:none;display:block}
.shvr-pf .shvr-logo-yt{width:22px;height:16px}
.shvr-play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#a0c83b;z-index:3;opacity:0;transition:opacity .2s;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.shvr-play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:17px solid #fff;border-block:10px solid transparent}
.shvr-yt>a:hover .shvr-play,.shvr-yt>a:focus-visible .shvr-play{opacity:1}
.shvr-prog{position:absolute;bottom:0;inset-inline:0;height:4px;background:rgba(255,255,255,.3);z-index:3}
.shvr-prog b{display:block;height:100%;width:0;background:#a0c83b}
.shvr-card>a:focus-visible{outline:3px solid #a0c83b;outline-offset:2px}

/* צפייה מלאה (סטורי) */
.shvr-modal{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;direction:rtl}
.shvr-modal.on{display:flex}
/* 9:18.5 = וידאו 9:16 + פס כותרת/כפתור מתחתיו; רוחב נגזר גם מגובה המסך */
/* הוידאו תמיד 9:16 בדיוק; הרוחב נגזר מגובה המסך פחות פס הכותרת (~130px) */
.shvr-story{position:relative;width:min(480px,92vw,calc((94vh - 130px) * 9 / 16));background:#000;overflow:hidden;display:flex;flex-direction:column}
.shvr-stage{position:relative;width:100%;aspect-ratio:9/16;flex:none}
.shvr-stage video,.shvr-stage iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;border:0}
.shvr-bars{position:absolute;top:10px;inset-inline:10px;display:flex;gap:4px;z-index:3}
.shvr-bars span{flex:1;height:3px;background:rgba(255,255,255,.35)}
.shvr-bars span.on{background:#a0c83b}
.shvr-bot{padding:14px 16px 16px;background:#000;color:#fff}
.shvr-bot h3{font-size:17px;font-weight:700;line-height:1.35;margin:0 0 12px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shvr-cta{display:block;text-align:center;background:#a0c83b;color:#fff !important;font-weight:700;padding:11px;font-size:16px;text-decoration:none !important}
.shvr-x,.shvr-nav{position:absolute;background:none;border:0;color:#fff;cursor:pointer;line-height:1;padding:8px;z-index:4}
.shvr-x{top:14px;left:18px;font-size:36px}
.shvr-nav{top:50%;transform:translateY(-50%);font-size:48px;font-family:"Times New Roman",serif}
.shvr-prev{right:5vw}.shvr-next{left:5vw}
body.shvr-lock{overflow:hidden}

@media (max-width:900px){
	.shvr-rail{grid-auto-columns:44%}
	.shvr-head p{font-size:15px}
	.shvr-btns{width:100%}
	.shvr-btn{flex:1;justify-content:center;padding:10px}
	.shvr-story{width:100vw;height:100dvh}
	.shvr-stage{flex:1;min-height:0;aspect-ratio:auto}
	.shvr-nav{display:none}
	.shvr-x{top:8px;left:10px}
	.inner-sections h2.shvr-title{font-size:26px}
}
@media (hover:none){.shvr-yt .shvr-play,.shvr-card>a[data-heavy] .shvr-play{opacity:1}}
@media (prefers-reduced-motion:reduce){.shvr-card img{transition:none}}