.rc-wrapper{
  --rc-star:#FFC93C;
  --rc-badge:#3B9BEE;
  --rc-border:#e9e9ee;
  --rc-text:#2b2b33;
  --rc-muted:#8a8a94;
  max-width:1180px !important;
  margin:32px auto !important;
  padding:0 44px !important;
  font-family:"Cairo","Tahoma",sans-serif !important;
  position:relative !important;
  box-sizing:border-box !important;
  direction:rtl !important;
}
.rc-wrapper *{ box-sizing:border-box !important; }
.rc-wrapper .rc-track-container{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
}
.rc-wrapper .rc-track{
  display:flex !important;
  gap:16px !important;
  transition:transform .45s ease !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.rc-wrapper .rc-card{
  /* المقاس بيتحدد ديناميكيًا من الجافاسكريبت حسب المساحة الفعلية المتاحة */
  background:#fff !important;
  border:1px solid var(--rc-border) !important;
  border-radius:14px !important;
  padding:20px 18px !important;
  box-shadow:0 2px 10px rgba(20,20,40,.04) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  min-height:190px !important;
  flex-grow:0 !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
}
.rc-wrapper .rc-stars{
  color:var(--rc-star) !important;
  font-size:18px !important;
  letter-spacing:2px !important;
  margin:0 0 12px !important;
  line-height:1 !important;
  text-align:center !important;
  width:100% !important;
}
.rc-wrapper .rc-text{
  color:var(--rc-text) !important;
  font-size:14.5px !important;
  line-height:1.9 !important;
  margin:0 0 16px !important;
  text-align:center !important;
  width:100% !important;
}
.rc-wrapper .rc-footer{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-size:13px !important;
  color:var(--rc-muted) !important;
  width:100% !important;
  margin-top:auto !important;
}
.rc-wrapper .rc-name{ text-align:center !important; }
.rc-wrapper .rc-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  color:var(--rc-badge) !important;
  font-weight:600 !important;
}

/* الأسهم: متحطة "جوه" حدود الودجت نفسه (مش برّه) عشان أي سكشن بيقص المحتوى الزايد
   ("overflow:hidden") ميخفيهاش، وبتترسم بخطوط CSS بدل SVG عشان محرر ووردبريس
   أحيانًا بيغيّر أو يشيل أكواد SVG الخام. */
.rc-wrapper .rc-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  border:none !important;
  background:#f2f2f5 !important;
  color:#666 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  z-index:5 !important;
  transition:background .2s !important;
  padding:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.rc-wrapper .rc-arrow:hover{ background:#e4e4ea !important; }
.rc-wrapper .rc-arrow::before{
  content:'' !important;
  display:block !important;
  width:9px !important;
  height:9px !important;
  border-style:solid !important;
  border-color:#666 !important;
  border-width:0 2px 2px 0 !important;
}
.rc-wrapper .rc-arrow-prev{ right:2px !important; }
.rc-wrapper .rc-arrow-prev::before{ transform:rotate(-45deg) !important; margin-right:-3px !important; }
.rc-wrapper .rc-arrow-next{ left:2px !important; }
.rc-wrapper .rc-arrow-next::before{ transform:rotate(135deg) !important; margin-left:-3px !important; }

.rc-wrapper .rc-dots{
  display:flex !important;
  justify-content:center !important;
  gap:8px !important;
  margin-top:20px !important;
}
.rc-wrapper .rc-dot{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#e0e0e6 !important;
  cursor:pointer !important;
  transition:background .2s, width .2s !important;
}
.rc-wrapper .rc-dot.active{
  background:#3ecf8e !important;
  width:22px !important;
  border-radius:5px !important;
}

@media(max-width:640px){
  .rc-wrapper{ padding:0 40px !important; }
}