/* ═══════════ רצועת הלקוחות ("בין לקוחותינו") · רכיב משותף · משימה 50 ═══════════
   רכיב אחד לשני עמודים (מפרט המחשבון המשפטי 1.8, 8.13.2 ו-8.13.8, כלל 11): דף הבית (section#clients) והמחשבון המשפטי (.nzl-clients).
   הלוגואים והסימון: assets/js/nz-clients.js, שבונה את הרצועה בתוך <div class="nz-clients" data-nz-clients>.
   הכללים עברו כמו שהם מבלוק ה-<style> של homepage-new.html (29/09/2026), רק עם .nz-clients במקום .clients
   (redesign.css מגדיר .marquee כללי עם display:flex, ולכן הכול תחת העטיפה). שינוי כאן משנה את שני העמודים: לבדוק את שניהם */
.nz-clients .marquee{display:block;overflow:hidden;direction:ltr;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.nz-clients .marquee__track{display:flex;width:max-content;animation:logos-scroll var(--speed,33s) linear infinite}
.nz-clients .marquee:hover .marquee__track{animation-play-state:paused}
.nz-clients .marquee__group{display:flex;align-items:center;gap:var(--gap,64px);padding-inline-end:var(--gap,64px)}
.nz-clients .marquee__group img{height:var(--h,40px);width:auto;max-width:200px;object-fit:contain;
  transition:filter .3s,opacity .3s,transform .3s}
/* Optical normalization (spec 1.2): visible logo height 40 square · 32 medium · 28 wide.
   --h = <img> box height, sized so the logo itself (without the file's transparent margin) hits that height. */
.nz-clients img[src$="/mobileye.webp"]{--h:43.6px}
.nz-clients img[src$="/apple.webp"]{--h:42.1px}
.nz-clients img[src$="/investo-capital.webp"]{--h:43.6px}
.nz-clients img[src$="/discount.webp"]{--h:37.6px}
.nz-clients img[src$="/novidea.webp"]{--h:36.4px}
.nz-clients img[src$="/tzvi-air.webp"]{--h:37.3px}
.nz-clients img[src$="/modiin-maccabim-reut.webp"]{--h:36.9px}
.nz-clients img[src$="/kata-group.webp"]{--h:36.9px}
.nz-clients img[src$="/regba.webp"]{--h:36.6px}
.nz-clients img[src$="/ot-vaed.webp"]{--h:37.1px}
.nz-clients img[src$="/snowflake.webp"]{--h:35.0px}
.nz-clients img[src$="/zahavi-atzmon.webp"]{--h:35.2px}
.nz-clients img[src$="/rmi-israel-land-authority.webp"]{--h:33.6px}
.nz-clients img[src$="/idf-disabled-veterans.webp"]{--h:33.6px}
.nz-clients img[src$="/shaish-dan.webp"]{--h:35.7px}
.nz-clients img[src$="/metodika.webp"]{--h:35.2px}
.nz-clients img[src$="/pk-electra-generators.webp"]{--h:36.7px}
.nz-clients .marquee__group img:hover{transform:scale(1.08)}
/* optional: gray logos that turn colorful on hover -> add class "is-mono" to .marquee */
.nz-clients .marquee.is-mono img{filter:grayscale(1);opacity:.65}
.nz-clients .marquee.is-mono img:hover{filter:none;opacity:1}
/* optional: scroll the other way -> add class "is-reverse" to .marquee */
.nz-clients .marquee.is-reverse .marquee__track{animation-direction:reverse}
@keyframes logos-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){.nz-clients .marquee{--gap:40px;--speed:33s}}
@media (prefers-reduced-motion:reduce){.nz-clients .marquee__track{animation:none}}
/* משימה 50 · עד ש-nz-clients.js (defer) בונה את הרצועה: המקום שלה שמור,
   כדי שמה שמתחתיה לא יקפוץ. 43.6px = ה---h הגבוה ביותר למעלה (mobileye, investo-capital), שהוא גובה הרצועה.
   רק כשה-div ריק: אחרי שהרצועה נבנתה הכלל לא חל, והמראה כמו קודם */
.nz-clients[data-nz-clients]:empty{min-height:43.6px}