/* ===== السلايدر ===== */
.slider-container { 
  width:100%; 
  background:#f8f9fa; 
  overflow:hidden; 
  border-radius:20px; 
  box-shadow:0 10px 30px rgba(0,0,0,0.2); 
}
.swiper { width:100%; height:65vh; position:relative; }
@media(min-width:992px){ .swiper { height:85vh; } }

.swiper-slide { 
  display:flex; flex-direction:column; 
  justify-content:center; align-items:center; 
  text-align:center; color:#fff; padding:20px; 
  position:relative; overflow:hidden; 
}
@media(min-width:992px){
  .swiper-slide { flex-direction:row-reverse; justify-content:space-between; padding:50px; }
  .slide-content { max-width:45%; text-align:right; }
  .slide-img { max-width:50%; }
}
.slide1 { background:linear-gradient(135deg,#007bff 75%,#00c6ff 25%);}
.slide2 { background:linear-gradient(135deg,#6a11cb 75%,#2575fc 25%);}
.slide3 { background:linear-gradient(135deg,#ff512f 75%,#dd2476 25%);}
.slide-title { font-size:clamp(22px, 3vw, 40px); font-weight:bold; margin-bottom:10px; opacity:0; transform:translateY(-30px); transition:all 1s ease; }
.slide-text { font-size:clamp(14px, 2vw, 22px); margin-bottom:25px; max-width:750px; opacity:0; transform:translateY(30px); transition:all 1s ease .3s; }
.slide-img { width:100%; height:auto; border-radius:20px; box-shadow:0 15px 35px rgba(0,0,0,0.35); opacity:0; transform:scale(.7); transition:all 1s ease .6s; position:relative; z-index:2; }

.shape { position:absolute; z-index:1; opacity:0.4; animation: float 6s infinite ease-in-out alternate; }
.circle { width:220px;height:220px;border-radius:50%; background:rgba(255,255,255,0.25); top:10%; left:5%; }
.square { width:200px;height:200px; background:rgba(255,255,255,0.25); bottom:10%; right:5%; transform:rotate(20deg); }
@keyframes float { from { transform:translateY(0) scale(1);} to { transform:translateY(-25px) scale(1.07);} }

.swiper-slide-active .slide-title, .swiper-slide-active .slide-text, .swiper-slide-active .slide-img { opacity:1; transform:none; }

.play-pause-btn { position:absolute; bottom:15px; right:15px; background:rgba(0,0,0,0.5); color:#fff; border:none; border-radius:50%; width:45px; height:45px; font-size:18px; cursor:pointer; z-index:1100; }