/* تصميم قسم العملاء - شريط متحرك أنيق */
.clients-section {position:relative; padding:70px 0; background:linear-gradient(135deg,#fafbfc,#f5f7fa); overflow:hidden;}
.clients-section .section-header {margin-bottom:45px;}

.clients-marquee {position:relative; width:100%; overflow:hidden; padding:15px 0; mask-image:linear-gradient(to left,transparent,black 8%,black 92%,transparent); -webkit-mask-image:linear-gradient(to left,transparent,black 8%,black 92%,transparent);}
.clients-gradient {position:absolute; top:0; width:120px; height:100%; z-index:3; pointer-events:none;}
.clients-gradient-left {right:0; background:linear-gradient(270deg,rgba(250,251,252,0.95),rgba(250,251,252,0));}
.clients-gradient-right {left:0; background:linear-gradient(90deg,rgba(250,251,252,0.95),rgba(250,251,252,0));}

.clients-track {display:flex; align-items:center; gap:55px; animation:clients-scroll 35s linear infinite; width:max-content;}
.clients-track:hover {animation-play-state:paused;}

.client-item {display:flex; flex-direction:column; align-items:center; gap:10px; min-width:140px; position:relative; filter:grayscale(100%) brightness(0.6); opacity:.55; transition:.45s ease;}
.client-item:before {content:""; position:absolute; inset:-14px -18px; background:radial-gradient(circle at 50% 50%,rgba(102,126,234,.18),rgba(255,255,255,0) 70%); opacity:0; transform:scale(.6); transition:.5s;}
.client-item:hover {filter:grayscale(0%) brightness(1); opacity:1;}
.client-item:hover:before {opacity:1; transform:scale(1);}

.client-logo-wrapper {width:110px; height:70px; display:flex; align-items:center; justify-content:center; position:relative;}
.client-logo-wrapper img {max-width:100%; max-height:64px; object-fit:contain; filter:invert(0) drop-shadow(0 4px 10px rgba(0,0,0,.08)); transition:.5s; opacity:.9;}
.client-item:hover img {opacity:1; transform:translateY(-4px) scale(1.03); filter:drop-shadow(0 6px 14px rgba(102,126,234,.25));}

.client-initials {font-size:28px; font-weight:700; background:linear-gradient(135deg,#6366f1,#764ba2); -webkit-background-clip:text; color:transparent; letter-spacing:1px;}
.client-company-name {font-size:.8rem; font-weight:600; color:#1f2937; letter-spacing:.3px; white-space:nowrap; max-width:140px; overflow:hidden; text-overflow:ellipsis;}
.client-item.clone {opacity:.4;}

/* تأثير أنيق أسفل القسم */
.clients-section:after {content:""; position:absolute; left:50%; bottom:-60px; width:60%; height:120px; background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.15),transparent 70%); transform:translateX(-50%); filter:blur(8px); opacity:.6;}

@keyframes clients-scroll {0% {transform:translateX(0);} 100% {transform:translateX(-50%);} }

/* في حال كان عدد العملاء قليلاً أوقف الحركة لتجنب فراغ */
@media (prefers-reduced-motion:reduce){ .clients-track {animation:none;} }
@media (max-width: 575px){ .clients-track {gap:40px;} .client-logo-wrapper {width:90px; height:60px;} }