body {
  font-family: "Somar", sans-serif;
}
html {
  scroll-behavior: smooth;
}
.container {
  width: 84% !important;
  margin: 0 auto !important;
}
.container-fluid {
  width: 90% !important;
  margin: 0 auto !important;
}
.chip {
  background: rgba(48, 2, 135, 0.05);
}
.card-shadow {
  box-shadow: 0 10px 30px #cdcdcd29;
}

/* لا نريد أي سكرول أفقي */
html, body { overflow-x: hidden; }

/* نفس الواجهة، بس نعطي إشارة للحالة الحالية */
body.rtl { direction: rtl; font-family: "Somar", sans-serif;}
body.ltr { direction: ltr; font-family: "ExpoArabic", sans-serif; }

/* عكس بعض الديكورات المطلقة في LTR (بنضيف IDs لها تحت) */
/* html[dir="ltr"] #decor-hero-triangle { left: auto; right: -40px; rotate: 180deg; } */
html[dir="ltr"] #decor-why-triangle  { left: auto; right: 86.77px; }
html[dir="ltr"] #decor-offers-pt     { right: auto; left: -74.42px; rotate: 180deg;}
html[dir="ltr"] #decor-offers-big    { left: auto; right: -100.42px; rotate: 180deg;}