/* ===== המלצות בכתב: שני פסים רצים בכיוונים מנוגדים (8.10.2026, רועי: "שירוץ בקרוסלה בשתי שורות לכיוונים מנוגדים... כמו ברפרנס" — liavmatzri.co.il) =====
   עמוד הבית בלבד. הכרטיס עצמו לא השתנה (v2.css), רק הסידור: שתי שורות מקצה לקצה של המסך, כפתור עצירה מתחת.
   ה-JS ב-js/ct-mq.js מחלק את הכרטיסים לשתי שורות, משכפל כל שורה פעם אחת לרצף בלי תפר, ומחשב את משך הסבב לפי הרוחב. */
.lp.home .ct-mq{display:grid;gap:20px;margin-inline:calc(50% - 50vw)}   /* מקצה לקצה של המסך, בלי דהייה */
.lp.home .ct-row{overflow:hidden}
.lp.home .ct-track{display:flex;align-items:stretch;width:max-content;animation:ctmq var(--dur,90s) linear infinite}
.lp.home .ct-row.ct-rev .ct-track{animation-direction:reverse}
.lp.home .ct-mq.paused .ct-track,.lp.home .ct-mq.off .ct-track,.lp.home .ct-row:hover .ct-track{animation-play-state:paused}
@keyframes ctmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* מרווח על הכרטיס ולא gap על המסילה, אחרת חצי המסילה לא שווה בדיוק לעותק אחד ויש קפיצה בכל סבב */
.lp.home .ct-mq .ct-card{flex:none;margin:0 20px 0 0;opacity:1;transform:none}
.lp.home .ct-mq .ct-w1{width:400px}
.lp.home .ct-mq .ct-w2{width:480px}
.lp.home .ct-mq .ct-w3{width:560px}
.lp.home .ct-mq .ct-w4{width:720px}
.lp.home .ct-pause{display:flex;justify-content:center;margin-top:40px}
.lp.home .ct-pause button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:50%;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--ink);cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.lp.home .ct-pause button:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.lp.home .ct-pause button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lp.home .ct-pause svg{width:16px;height:16px;fill:currentColor}
.lp.home .ct-pause .i-play,.lp.home .ct-mq.paused+.ct-pause .i-pause{display:none}
.lp.home .ct-mq.paused+.ct-pause .i-play{display:block}
@media (max-width:900px){
  .lp.home .ct-mq{gap:12px}
  .lp.home .ct-mq .ct-card{margin-right:12px}
  .lp.home .ct-mq .ct-w1{width:270px}
  .lp.home .ct-mq .ct-w2{width:300px}
  .lp.home .ct-mq .ct-w3{width:320px}
  .lp.home .ct-mq .ct-w4{width:340px}
  .lp.home .ct-pause{margin-top:24px}
}
/* בלי תנועה: השורות נגללות ביד, בלי העותקים ובלי כפתור */
@media (prefers-reduced-motion:reduce){
  .lp.home .ct-track{animation:none}
  .lp.home .ct-row{overflow-x:auto}
  .lp.home .ct-track>[aria-hidden="true"],.lp.home .ct-pause{display:none}
}
/* בטלפון אין כותרת, אז המירכאות עולות לשורה משלהן מעל הטקסט במקום לשבת עליו */
@media (max-width:767px){
  .lp.home .ct-mq .ct-q{position:static;display:block;margin-bottom:12px}
  .lp.home .ct-mq .ct-card p{margin-top:0}
}