/* Video testimonials roller (class prefix: tr-). Markup is generated by testimonials.js */
.tr-section{position:relative;padding:96px 0;overflow:hidden;min-height:760px;color:#f4eefc;font-family:'Noto Sans Hebrew','Manrope',system-ui,sans-serif}
.tr-head{max-width:780px;margin:0 auto 22px;padding:0 16px;text-align:center;display:grid;gap:10px;justify-items:center}
.tr-eyebrow{margin:0;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d25bff}
.tr-title{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.15;font-weight:800;text-wrap:balance;color:#fff}
.tr-sub{margin:0;max-width:34em;font-size:19px;line-height:1.6;color:#b3a8cb}
.tr-tools{max-width:1100px;margin:22px auto 10px;padding:0 16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.tr-count{font-size:15px;color:#b3a8cb}
.tr-toggle{font:inherit;font-size:15px;font-weight:700;color:#f4eefc;cursor:pointer;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 18px}
.tr-toggle:hover{background:rgba(160,32,240,.3)}
.tr-toggle:focus-visible,.tr-card:focus-visible,.tr-close:focus-visible{outline:3px solid #d25bff;outline-offset:3px}

.tr-roller{position:relative;overflow:hidden;padding:14px 0;direction:ltr}
.tr-roller::before,.tr-roller::after{content:"";position:absolute;inset-block:0;width:72px;z-index:2;pointer-events:none}
.tr-roller::before{left:0;background:linear-gradient(90deg,#120d1f,transparent)}
.tr-roller::after{right:0;background:linear-gradient(270deg,#120d1f,transparent)}
.tr-lane{display:flex;width:max-content;direction:ltr;animation:tr-run 78s linear infinite}
.tr-roller:hover .tr-lane,.tr-roller:focus-within .tr-lane,.tr-roller.tr-paused .tr-lane,.tr-roller.tr-touch .tr-lane{animation-play-state:paused}
.tr-set{display:flex;gap:20px;padding-inline:10px}
@keyframes tr-run{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.tr-card{direction:rtl;position:relative;flex:0 0 auto;width:min(232px,66vw);padding:0;overflow:hidden;color:inherit;font:inherit;cursor:pointer;background:#1b142d;border:1px solid rgba(255,255,255,.14);border-radius:22px;display:grid;transition:transform .2s,border-color .2s,box-shadow .2s}
.tr-card:hover{transform:translateY(-4px);border-color:rgba(210,91,255,.6);box-shadow:0 24px 50px -24px rgba(160,32,240,.8)}
.tr-poster{position:relative;display:block;aspect-ratio:9/16;background:#170f2c}
.tr-poster img{display:block;width:100%;height:100%;object-fit:cover}
.tr-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,6,20,0) 62%,rgba(10,6,20,.82) 100%)}
.tr-play{position:absolute;inset:0;margin:auto;z-index:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a020f0,#5a1fb8);box-shadow:0 10px 28px -8px rgba(160,32,240,.9);transition:transform .2s}
.tr-card:hover .tr-play{transform:scale(1.08)}
.tr-play svg{width:22px;height:22px;margin-inline-start:3px;fill:#fff}
.tr-dur{position:absolute;z-index:1;inset-block-start:10px;inset-inline-start:10px;direction:ltr;font-weight:700;font-size:13px;color:#fff;background:rgba(0,0,0,.66);padding:3px 9px;border-radius:8px;font-variant-numeric:tabular-nums}
.tr-body{position:absolute;z-index:1;inset-inline:0;inset-block-start:0;padding:12px 14px 14px 76px;display:grid;gap:2px;justify-items:start;text-align:right;direction:rtl}
.tr-name{font-size:19px;font-weight:800;line-height:1.25;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.tr-role{font-size:14.5px;line-height:1.35;color:#e3daf2}

@media (prefers-reduced-motion:reduce){.tr-lane{animation:none}.tr-roller{overflow-x:auto}.tr-set+.tr-set{display:none}.tr-card,.tr-play{transition:none}}

.tr-scrim{position:fixed;inset:0;z-index:100001;background:rgba(10,6,20,.86);display:grid;place-items:center;padding:16px}
.tr-scrim[hidden]{display:none}
.tr-dialog{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:grid;gap:12px;background:#1b142d;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:16px}
.tr-screen{aspect-ratio:9/16;max-height:68vh;margin-inline:auto;width:auto;height:68vh;max-width:100%;border-radius:14px;overflow:hidden;background:#000}
.tr-screen iframe{display:block;width:100%;height:100%;border:0}
.tr-dtitle{margin:0;font-size:21px;font-weight:800;padding-inline-end:44px;color:#fff}
.tr-dmeta{margin:0;color:#b3a8cb;font-size:15px}
.tr-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(20,12,40,.8);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.tr-close:hover{background:#a020f0}
html.tr-lock{overflow:hidden}
.tr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}