@font-face {
    font-family: 'LamaSans';
    src: url('../fonts/LamaSans-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LamaSans';
    src: url('../fonts/LamaSans-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LamaSans';
    src: url('../fonts/LamaSans-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root{
  --purple:  #4D18FE;
  --pink:    #F4217E;
  --dark:    #10212D;
  --card-bg: #F5F5F5;
  --pill-bg: #F1F3F6;
  --white:   #FFFFFF;

  /* أحجام الخط - متناسقة */
  --fs-nav:   1.05rem;   /* روابط النافبار */
  --fs-title: 2.4rem;    /* عنوان الهيرو */
  --fs-text:  1.1rem;    /* فقرة الهيرو */
  --fs-btn:   1.05rem;   /* الأزرار */
}

*{ box-sizing:border-box; }

body{
 font-family: 'LamaSans', sans-serif;
  background:var(--white);
  color:var(--dark);
  margin:0;
}

/* ============ Navbar ============ */
.site-header{ padding:20px 40px; }

.brand-logo{
  display:flex; align-items:center;
  order:0;
}
.logo-img{
  height:56px; width:auto; display:block;
}

.nav-pill{
  background:var(--pill-bg);
  border-radius:66px;
  padding:9px 26px;
  display:flex; align-items:center; gap:30px;
  order:1;
}
.nav-pill a{
  text-decoration:none; color:var(--dark);
  font-weight:500; font-size:var(--fs-nav);
  opacity:.95; transition:.2s; letter-spacing:-0.02em;
}
.nav-pill a:hover{ color:var(--purple); }
.nav-pill a.active{ color:var(--purple); font-weight:700; opacity:1; }

.btn-book{
  background:var(--pink); color:#fff; border:none;
  border-radius:99px; padding:11px 28px;
  font-weight:500; font-size:var(--fs-btn); transition:.2s;
  order:2;
}
.btn-book:hover{ background:#d81a6c; }

/* ============ Hero ============ */
.hero{ padding:0 40px 40px; }
.hero-card{
  background:var(--card-bg);
  border-radius:32px;
  padding:44px;
}

.hero-img-wrap{
  border-radius:24px;
  width:100%;
  display:flex; align-items:center; justify-content:center;
}
.hero-img{
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  border-radius:24px;
}

.hero-anim{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .5s ease, transform .5s ease;
}
.hero-anim.is-in{
  opacity:1;
  transform:translateY(0);
}
.hero-text.hero-anim{ transition-delay:.08s; }

.hero-img{
  opacity:0;
  transform:scale(.98);
  transition:opacity .5s ease, transform .5s ease;
}
.hero-img.is-in{
  opacity:1;
  transform:scale(1);
}

.hero-title{
  font-weight:700; font-size:var(--fs-title);
  line-height:1.5; color:var(--dark); margin-bottom:18px;
}
.hero-title .accent{ color:var(--purple); }

.hero-text{
  font-weight:500; font-size:var(--fs-text);
  line-height:1.9; color:var(--dark); margin-bottom:28px;
  max-width:560px;
}

.btn-trial{
  background:var(--purple); color:#fff; border:none;
  border-radius:34px; padding:12px 30px;
  font-weight:500; font-size:var(--fs-btn);
  display:inline-flex; align-items:center; gap:10px; transition:.2s;
}
.btn-trial:hover{ background:#3a10c4; }

.thumbs-wrap{
  display:flex; align-items:center; gap:12px; margin-top:32px;
}
.thumbs-row{
  display:flex; gap:12px; overflow:hidden; 
}
.thumb{
  width:110px; height:110px; border-radius:12px;
  background-size:cover; background-position:center;
  flex:none; cursor:pointer; opacity:.6; transition:.25s;
  outline:3px solid transparent;
  outline-offset:2px;
}
.thumb:hover{ opacity:.85; }
.thumb.active{
  opacity:1;
}

.nav-arrow{
  width:30px; height:30px; border-radius:50%;
  background:var(--pink); color:#fff; border:none;
  display:flex; align-items:center; justify-content:center;
  font-size:16px; flex:none; transition:.2s;
}
.nav-arrow:hover{ background:#d81a6c; }

/* ============================================================
   ============ Challenges Section (التحديات) ============
   ============================================================ */
.challenges{
  background:var(--pill-bg);
  padding:70px 40px;
}
.challenges-head{
  text-align:center;
  max-width:820px;
  margin:0 auto 48px;
}
.challenges-title{
  font-weight:700;
  font-size:2rem;
  color:var(--dark);
  margin-bottom:16px;
}
.challenges-title .accent{ color:var(--purple); }
.challenges-sub{
  font-weight:500;
  font-size:1.05rem;
  line-height:1.9;
  color:#6b7683;
  margin:0;
}
.challenges-sub .brand{ color:var(--dark); font-weight:700; }

/* شبكة البطاقات */
.challenges-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 70px;              /* المسافة الأفقية أوسع مكان السهم */
  max-width:1200px;
  margin:0 auto;
  position:relative;
}

/* البطاقة */
.challenge-card{
  background:var(--white);
  border-radius:18px;
  padding:20px 22px;
  display:flex;
  align-items:center;
  gap:16px;
  box-shadow:0 8px 24px rgba(16,33,45,.05);
  transition:.25s;
}
.challenge-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(16,33,45,.10);
}
.challenge-icon{
  width:64px; height:64px; flex:none;
  display:flex; align-items:center; justify-content:center;
}
.challenge-icon img{ width:100%; height:100%; object-fit:contain; }
.challenge-icon .problem-ico{
  font-size:30px;
  color:var(--purple);
  background:var(--pill-bg);
  width:56px; height:56px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
}
.challenge-text{
  font-weight:500;
  font-size:1rem;
  line-height:1.7;
  color:var(--dark);
  margin:0;
}


@media (max-width:991px){
  .challenges{ padding:48px 18px; }
  .challenges-grid{ grid-template-columns:1fr; gap:16px; }
  .challenges-title{ font-size:1.5rem; }
}

/* ============================================================
   ============ CTA Section (احصل على نسختك) ============
   ============================================================ */
.cta{
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#10212d url('../images/cta-bg.png') center/cover no-repeat;
}
/* طبقة التدرّج فوق الصورة */
.cta-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(272.92deg, rgba(77,24,254,.80) -39%, rgba(77,24,254,.56) 26%, rgba(0,0,0,.80) 104%),
    linear-gradient(270deg, #10212D -1%, rgba(16,33,45,.80) 49%, #000000 100%);
}
.cta-content{
  position:relative; z-index:2;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:60px 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.cta-text{
  color:#fff;
  font-weight:400;
  font-size:2rem;
  line-height:1.9;
  text-align:right;
  margin:0;
  max-width:780px;
}
.btn-cta{
  background:var(--pink);
  color:#fff;
  border:none;
  border-radius:20px;
  padding:22px 56px;
  font-weight:700;
  font-size:1.4rem;
  white-space:nowrap;
  flex:none;
  transition:.2s;
}
.btn-cta:hover{ background:#d81a6c; transform:translateY(-2px); }

@media (max-width:991px){
  .cta-content{ flex-direction:column; padding:44px 20px; }
  .cta-text{ font-size:1.3rem; order:1; }
  .btn-cta{ order:2; font-size:1.2rem; padding:16px 40px; }
}

/* ============================================================
   ============ Solutions Slider (الحلول الذكية) ============
   ============================================================ */
.solutions{
  background:var(--white);
  padding:70px 40px;
}
.solutions-title{
  text-align:center;
  font-weight:700;
  font-size:2rem;
  color:var(--dark);
  margin-bottom:44px;
}
.solutions-title .accent{ color:var(--purple); }

.solutions-slider{
  max-width:1200px;
  margin:0 auto;
}

/* رأس الشريحة */
.sol-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:40px;
  gap:20px;
}
.sol-heading{
  display:flex;
  align-items:center;
  gap:18px;
  text-align:right;
}
.sol-number{
  font-weight:700;
  font-size:3.4rem;
  color:var(--purple);
  line-height:1;
  flex:none;
}
.sol-slide-title{
  font-weight:700;
  font-size:1.6rem;
  color:var(--dark);
  margin:0 0 6px;
}
.sol-slide-sub{
  font-weight:500;
  font-size:1.05rem;
  color:#9aa4af;
  margin:0;
}
.sol-arrows{
  display:flex;
  gap:12px;
  flex:none;
}
.sol-arrow{
  width:38px; height:38px; border-radius:50%;
  background:transparent;
  border:1.5px solid var(--pink);
  color:var(--pink);
  display:flex; align-items:center; justify-content:center;
  font-size:15px; transition:.2s;
}
.sol-arrow:hover{ background:var(--pink); color:#fff; }

/* بطاقات المميزات */
.sol-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}
.sol-card{
  background:#F6F7FB;
  border-radius:20px;
  padding:28px 26px;
  text-align:right;
  transition:.25s;
}
.sol-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(77,24,254,.08);
}
.sol-card-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.sol-card-title{
  font-weight:700;
  font-size:1.15rem;
  color:var(--purple);
  margin:0;
}
.sol-card-icon{
  width:46px; height:46px; border-radius:12px;
  background:var(--purple);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; flex:none;
}
.sol-card-text{
  font-weight:400;
  font-size:.98rem;
  line-height:1.85;
  color:#5b6672;
  margin:0;
}

/* حركة دخول البطاقات */
.sol-cards.fade{ opacity:0; transform:translateY(12px); }
.sol-cards{ transition:opacity .4s ease, transform .4s ease; }

@media (max-width:991px){
  .solutions{ padding:48px 18px; }
  .solutions-title{ font-size:1.5rem; }
  .sol-cards{ grid-template-columns:1fr; }
  .sol-head{ flex-direction:column-reverse; align-items:stretch; }
  .sol-heading{ justify-content:flex-end; }
  .sol-arrows{ justify-content:center; }
  .sol-number{ font-size:2.6rem; }
}

/* ============================================================
   ============ How It Works (كيف يعمل النظام) ============
   ============================================================ */
.howit{
  background:var(--dark);
  padding:70px 40px 80px;
  position:relative;
  overflow:hidden;
}
.howit-title{
  text-align:center;
  color:#fff;
  font-weight:700;
  font-size:2rem;
  margin-bottom:60px;
}

.howit-steps{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  position:relative;
}

/* الخط الوردي الواصل بين الشارات */
.howit-steps::before{
  content:'';
  position:absolute;
  left:15%;
  right:15%;
  top:calc(240px + 40px);
  height:3px;
  background:var(--pink);
  z-index:1;
  width:70%;
}

.howit-step{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.howit-img{
  height:240px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  margin-bottom:24px;
}
.howit-img img{
  max-width:100%;
  max-height:240px;
  object-fit:contain;
  border-radius:12px;
}
.howit-badge{
  width:38px; height:38px;
  border-radius:5px;
  background:#fff;
  color:var(--pink);
  font-weight:700;
  font-size:1.1rem;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:22px;
  box-shadow:0 0 0 6px rgba(244,33,126,.15);
}
.howit-text{
  color:#c9d1d9;
  font-weight:400;
  font-size:1.02rem;
  line-height:1.9;
  margin:0;
  max-width:300px;
}

@media (max-width:991px){
  .howit{ padding:48px 18px 56px; }
  .howit-title{ font-size:1.5rem; margin-bottom:36px; }
  .howit-steps{ grid-template-columns:1fr; gap:48px; }
  .howit-steps::before{ display:none; }
  .howit-img{ height:auto; }
  .howit-img img{ max-height:200px; }
}

/* ============================================================
   ============ Stats Section (الإحصائيات) ============
   ============================================================ */
.stats{
  background:var(--white);
  padding:70px 40px;
}
.stats-title{
  text-align:center;
  font-weight:700;
  font-size:2rem;
  line-height:1.8;
  color:var(--dark);
  margin-bottom:44px;
}
.stats-title .accent{ color:var(--purple); }

.stats-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.stat-card{
  background:var(--pill-bg);
  border-radius:16px;
  padding:30px 24px;
  text-align:center;
  transition:.25s;
}
.stat-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 26px rgba(77,24,254,.08);
}
.stat-num{
  font-weight:700;
  font-size:2.6rem;
  color:var(--purple);
  line-height:1.2;
}
.stat-label{
  font-weight:600;
  font-size:1.15rem;
  color:var(--dark);
  margin-top:6px;
}

@media (max-width:991px){
  .stats{ padding:48px 18px; }
  .stats-title{ font-size:1.5rem; }
  .stats-grid{ grid-template-columns:1fr 1fr; gap:16px; }
  .stat-num{ font-size:2rem; }
}

/* ============================================================
   ============ Quote Banner (بانر اقتباس) ============
   ============================================================ */
.quote-banner{
  position:relative;
  background:var(--purple);
  padding:80px 40px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
/* الدائرتين الزخرفيتين */
.quote-ellipse{
  position:absolute;
  width:552px; height:552px;
  border-radius:50%;
  background:#AB92FF;
  opacity:.3;
  pointer-events:none;
}
.quote-ellipse-1{
  top:-276px;
  left:-100px;   /* بالـ RTL: left = الجهة اليسرى */
}
.quote-ellipse-2{
  bottom:-276px;
  right:-100px;
}
.quote-text{
  position:relative;
  z-index:2;
  color:#fff;
  font-weight:400;
  font-size:2rem;
  line-height:1.9;
  text-align:center;
  max-width:1000px;
  margin:0;
}

@media (max-width:991px){
  .quote-banner{ padding:56px 20px; }
  .quote-text{ font-size:1.3rem; }
  .quote-ellipse{ width:340px; height:340px; }
  .quote-ellipse-1{ top:-170px; left:-120px; }
  .quote-ellipse-2{ bottom:-170px; right:-120px; }
}

/* ============================================================
   ============ Why Us (لماذا يختارنا) ============
   ============================================================ */
.whyus{
  background:var(--white);
  padding:70px 40px;
}
.whyus-head{
  text-align:center;
  margin-bottom:44px;
}
.whyus-title{
  font-weight:700;
  font-size:2rem;
  color:var(--purple);
  margin-bottom:12px;
}
.whyus-sub{
  font-weight:500;
  font-size:1.2rem;
  color:#686868;
  margin:0;
}

.whyus-list{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* الصف */
.why-row{
  display:flex;
  align-items:center;
  gap:24px;
  background:var(--white);
  border:1px solid #CBCBCB;
  border-radius:16px;
  padding:22px 30px;
  cursor:pointer;
  transition:.25s;
}
.why-row:hover{
  box-shadow:0 10px 26px rgba(16,33,45,.06);
}
.why-num{
  font-weight:700;
  font-size:2.2rem;
  color:var(--purple);
  flex:none;
  min-width:46px;
  text-align:center;
  order:0;   /* يمين بالـ RTL */
}
.why-content{
  flex:1;
  text-align:right;
  order:1;
}
.why-row-title{
  font-weight:600;
  font-size:1.5rem;
  color:var(--dark);
  margin:0 0 6px;
}
.why-row-text{
  font-weight:400;
  font-size:1.05rem;
  line-height:1.9;
  color:var(--dark);
  margin:0;
}
.why-arrow{
  width:56px; height:56px;
  border-radius:50%;
  background:var(--purple);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:22px;
  flex:none;
  order:2;   /* يسار بالـ RTL */
}

/* الصف الفعّال */
.why-row.is-active{
  background:var(--purple);
  border-color:var(--purple);
}
.why-row.is-active .why-num,
.why-row.is-active .why-row-title,
.why-row.is-active .why-row-text{
  color:#fff;
}
.why-row.is-active .why-arrow{
  background:var(--pink);
}

@media (max-width:991px){
  .whyus{ padding:48px 18px; }
  .whyus-title{ font-size:1.5rem; }
  .whyus-sub{ font-size:1rem; }
  .why-row{ gap:14px; padding:18px 18px; }
  .why-num{ font-size:1.6rem; min-width:34px; }
  .why-row-title{ font-size:1.15rem; }
  .why-row-text{ font-size:.95rem; }
  .why-arrow{ width:44px; height:44px; font-size:18px; }
}

/* ============================================================
   ============ FAQ (الأسئلة الشائعة) ============
   ============================================================ */
.faq{
  background:var(--card-bg);
  padding:70px 40px;
}
.faq-title{
  text-align:center;
  font-weight:700;
  font-size:2rem;
  color:var(--dark);
  margin-bottom:44px;
}

.faq-list{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.faq-item{
  background:var(--white);
  border:1px solid #DDDDDD;
  border-radius:22px;
  box-shadow:0 5px 25px -1px rgba(19,16,34,.05);
  overflow:hidden;
  transition:.25s;
}

/* السؤال (الزر) */
.faq-q{
  width:100%;
  display:flex;
  align-items:center;
  gap:18px;
  background:transparent;
  border:none;
  padding:22px 26px;
  cursor:pointer;
  text-align:right;
}
.faq-icon{
  width:44px; height:44px;
  border-radius:50%;
  background:transparent;
  color:#262836;
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
  flex:none;
  transition:.3s;
  order:0;   /* يسار بالـ RTL */
}
/* السهم مغلق: يشير لليسار */
.faq-icon i{ transform:rotate(90deg); transition:transform .3s; }
.faq-q-text{
  flex:1;
  font-weight:500;
  font-size:1.4rem;
  color:var(--dark);
  order:1;   /* يمين بالـ RTL */
}

/* الجواب (مطوي) */
.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease, padding .35s ease;
  padding:0 26px;
}
.faq-a p{
  font-weight:400;
  font-size:1.15rem;
  line-height:1.7;
  color:#686868;
  text-align:right;
  margin:0;
}

/* الحالة المفتوحة */
.faq-item.is-open .faq-q{
  background:var(--purple);
}
.faq-item.is-open .faq-q-text{ color:#fff; }
.faq-item.is-open .faq-icon{
  background:var(--pink);
  color:#fff;
}
.faq-item.is-open .faq-icon i{ transform:rotate(0deg); }  /* يشير لأسفل */
.faq-item.is-open .faq-a{
  max-height:400px;
  padding:22px 26px;
}

@media (max-width:991px){
  .faq{ padding:48px 18px; }
  .faq-title{ font-size:1.5rem; }
  .faq-q{ padding:16px 18px; gap:12px; }
  .faq-q-text{ font-size:1.05rem; }
  .faq-icon{ width:36px; height:36px; font-size:15px; }
  .faq-a p{ font-size:1rem; }
}

/* ============================================================
   ============ CTA 2 (دعوة نهائية) ============
   ============================================================ */
.cta2{
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#10212d url('../images/cta2-bg.png') center/cover no-repeat;
}
.cta2-overlay{
  position:absolute; inset:0;
  background:linear-gradient(272.92deg, rgba(77,24,254,.80) -39%, rgba(77,24,254,.56) 26%, rgba(0,0,0,.80) 104%);
}
.cta2-content{
  position:relative; z-index:2;
  width:100%;
  max-width:1100px;
  margin:0 auto;
  padding:60px 40px;
  text-align:center;
}
.cta2-text{
  color:#fff;
  font-weight:500;
  font-size:1.7rem;
  line-height:1.9;
  margin:0 0 36px;
}
.cta2-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}
.btn-cta2-pink{
  background:var(--pink);
  color:#fff;
  border:none;
  border-radius:14px;
  padding:16px 34px;
  font-weight:700;
  font-size:1.1rem;
  white-space:nowrap;
  transition:.2s;
}
.btn-cta2-pink:hover{ background:#d81a6c; transform:translateY(-2px); }

.btn-cta2-dark{
  background:#17102d9c;
  color:#fff;
  border:none;
  border-radius:14px;
  padding:16px 34px;
  font-weight:600;
  font-size:1.1rem;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:12px;
  transition:.2s;
}
.btn-cta2-dark:hover{ background:#1c3547; transform:translateY(-2px); }

@media (max-width:991px){
  .cta2{ min-height:auto; }
  .cta2-content{ padding:48px 20px; }
  .cta2-text{ font-size:1.2rem; }
  .cta2-actions{ flex-direction:column; }
  .btn-cta2-pink, .btn-cta2-dark{ width:100%; justify-content:center; }
}

/* ============================================================
   ============ Footer (الفوتر) ============
   ============================================================ */
.site-footer{
  background:var(--dark);
  color:#fff;
  padding:40px 40px 0;
}
.footer-top{
  max-width:1400px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
  padding-bottom:32px;
}
.footer-logo img{
  height:64px; width:auto; display:block;
  order:0;   /* يمين */
}

.footer-links{
  display:flex;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
  order:1;
}
.footer-links a{
  text-decoration:none;
  color:#fff;
  font-size:1rem;
  letter-spacing:-0.02em;
  transition:.2s;
}
.footer-links a:hover{ color:var(--pink); }

.footer-social{
  display:flex;
  align-items:center;
  gap:14px;
  order:2;   /* يسار */
}
.footer-social .soc{
  color:#fff;
  width:38px; height:38px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size: 22px;
  text-decoration:none;
  transition:.2s;
}
.footer-social .soc:hover{ transform:translateY(-2px);color:var(--pink) }

/* الشريط السفلي */
.footer-bottom{
  border-top:1px solid rgba(244,245,248,.2);
  padding:26px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  max-width:1400px;
  margin:0 auto;
}
.footer-dev,
.footer-rights{
  font-size:0.95rem;
  color:#fff;
}

@media (max-width:991px){
  .site-footer{ padding:32px 18px 0; }
  .footer-top{ flex-direction:column; text-align:center; gap:24px; padding-bottom:24px; }
  .footer-links{ justify-content:center; gap:22px; }
  .footer-links a{ font-size:1rem; }
  .footer-bottom{ flex-direction:column; text-align:center; gap:12px; padding:20px 0; }
  .footer-dev, .footer-rights{ font-size:.95rem; }
}

/* ============================================================
   ============ Pricing (خطط الاشتراك) ============
   ============================================================ */
.pricing{
  padding:0 40px 20px 40px;
  background:var(--white);
}
.pricing-wrap{
  background:var(--card-bg);
  border-radius:32px;
  padding:56px 40px;
  margin:0 auto;
}
.pricing-title{
  text-align:center;
  font-weight:700;
  font-size:2rem;
  color:var(--dark);
  margin-bottom:44px;
}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
  max-width:820px;
  margin:0 auto;
}
.price-card{
  background:var(--white);
  border:2px solid transparent;
  border-radius:22px;
  padding:34px 30px;
  display:flex;
  flex-direction:column;
  box-shadow:0 10px 30px rgba(16,33,45,.05);
}
.price-card.is-featured{
  border-color:var(--pink);
}
.price-card-title{
  font-weight:700;
  font-size:1.5rem;
  color:var(--dark);
  text-align:right;
  margin:0 0 24px;
}
.price-features{
  list-style:none;
  margin:0 0 30px;
  padding:0;
  flex:1;
}
.price-features li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 0;
  text-align:right;
}
.price-features li + li{
  border-top:1px dashed #D3D3D3;
}
.price-check{
  width:22px; height:22px;
  border-radius:6px;
  background:var(--pink);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:12px;
  flex:none;
  margin-top:2px;
}
.price-feature-text{
  flex:1;
  font-weight:400;
  font-size:1rem;
  line-height:1.7;
  color:#9aa4af;
}
.price-btn{
  background:var(--purple);
  color:#fff;
  border:none;
  border-radius:12px;
  padding:14px 20px;
  font-weight:500;
  font-size:1.05rem;
  width:100%;
  transition:.2s;
}
.price-btn:hover{ background:#3a10c4; }

@media (max-width:991px){
  .pricing{ padding:44px 0px; }
  .pricing-wrap{ padding:36px 18px; }
  .pricing-title{ font-size:1.5rem; }
  .pricing-grid{ grid-template-columns:1fr; }
}


.subform{
  padding:20px 40px 80px 40px;
  background:var(--white);
}
.subform-wrap{
  margin:0 auto;
}
.subform-title{
  font-weight:700;
  font-size:2rem;
  color:#252839;
  text-align:right;
  margin:0 0 34px;
}
.subform-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px 26px;
}
.field{
  display:flex;
  flex-direction:column;
  text-align:right;
}
.field label{
  font-weight:600;
  font-size:1.1rem;
  color:var(--purple);
  margin-bottom:12px;
}
.field .control{
  background:#F4F5F8;
  border:none;
  border-radius:13px;
  padding:18px 20px;
  font-family:inherit;
  font-weight:500;
  font-size:1rem;
  color:#252839;
  text-align:right;
  width:100%;
  outline:none;
  transition:.2s;
}
.field .control::placeholder{ color:#6F7775; }
.field .control:focus{ box-shadow:0 0 0 2px rgba(77,24,254,.25); }

.field select.control{
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234D18FE' viewBox='0 0 16 16'><path d='M8 11L3 6h10z'/></svg>");
  background-repeat:no-repeat;
  background-position:left 20px center;
  cursor:pointer;
}

.subform-actions{
  display:flex;
  justify-content:flex-start;   /* يسار بالـ RTL */
  margin-top:34px;
}
.btn-submit{
    background: var(--pink);
    color: #fff;
    border: none;
    border-radius: 11px;
    padding: 13px 35px;
    font-weight: 500;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 5px 16px rgba(244, 33, 126, .25);
    transition: .2s;
}
.btn-submit:hover{ background:#d81a6c; transform:translateY(-2px); }

@media (max-width:991px){
  .subform{ padding:12px 16px 48px; }
  .subform-title{ font-size:1.5rem; }
  .subform-grid{ grid-template-columns:1fr; }
  .subform-actions{ justify-content:stretch; }
  .btn-submit{ width:100%; justify-content:center; }
}

/* ============================================================
   ============ Contact Page (تواصل معنا) ============
   ============================================================ */
.contact{
  padding:50px 40px 70px;
  background:var(--white);
}
.contact-head{
  text-align:center;
  margin-bottom:36px;
}
.contact-head h1{
  font-weight:700;
  font-size:2rem;
  color:var(--purple);
  margin:0 0 12px;
}
.contact-breadcrumb{
  font-weight:500;
  font-size:1.05rem;
  color:var(--purple);
}
.contact-breadcrumb a{
  color:#9aa4af;
  text-decoration:none;
  transition:.2s;
}
.contact-breadcrumb a:hover{ color:var(--purple); }
.contact-breadcrumb .sep{ margin:0 8px; color:#9aa4af; }

.contact-card{
  margin:0 auto;
  background:var(--card-bg);
  border-radius:24px;
  padding:44px 40px;
  display:grid;
  grid-template-columns:1fr 1.7fr;
  gap:40px;
}

/* عمود الفورم */
.contact-form-title{
  font-weight:700;
  font-size:1.7rem;
  color:var(--purple);
  text-align:center;
  margin:0 0 30px;
}
.contact-field{ margin-bottom:20px; }
.contact-field label{
  display:block;
  font-weight:600;
  font-size:1.05rem;
  color:var(--dark);
  text-align:right;
  margin-bottom:10px;
}
.contact-field label .req{ color:var(--pink); }
.contact-control{
  width:100%;
  background:var(--white);
  border:1px solid #E6E8ED;
  border-radius:12px;
  padding:15px 18px;
  font-family:inherit;
  font-weight:500;
  font-size:1rem;
  color:var(--dark);
  text-align:right;
  outline:none;
  transition:.2s;
}
.contact-control::placeholder{ color:#9aa4af; }
.contact-control:focus{ border-color:var(--purple); box-shadow:0 0 0 2px rgba(77,24,254,.15); }
textarea.contact-control{ resize:vertical; min-height:120px; }

/* حقل الجوال مع الدولة */
.phone-group{
  display:flex;
  gap:12px;
}
.phone-group .contact-control{ flex:1; }
.phone-country{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--white);
  border:1px solid #E6E8ED;
  border-radius:12px;
  padding:0 14px;
  flex:none;
  min-width:130px;
}
.phone-country select{
  border:none; background:transparent; outline:none;
  font-family:inherit; font-size:.95rem; color:var(--dark);
  cursor:pointer; width:100%;
  padding:15px 0;
}

.btn-contact-send{
  background:var(--pink);
  color:#fff;
  border:none;
  border-radius:12px;
  padding:14px 40px;
  font-weight:600;
  font-size:1.05rem;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow:0 5px 16px rgba(244,33,126,.25);
  transition:.2s;
  margin-top:8px;
}
.btn-contact-send:hover{ background:#d81a6c; transform:translateY(-2px); }

/* العمود الجانبي */
.contact-side{
  background:var(--white);
  border-radius:18px;
  padding:30px 26px;
  align-self:start;
}
.contact-side-brand{
  font-weight:700;
  font-size:1.3rem;
  color:var(--purple);
  text-align:right;
  line-height:1.5;
  margin:0 0 22px;
  padding-bottom:22px;
  border-bottom:1px dashed #D3D3D3;
}
.contact-side-block{
  text-align:right;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px dashed #D3D3D3;
}
.contact-side-block:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
.contact-side-block h4{
  font-weight:700;
  font-size:1.05rem;
  color:var(--dark);
  margin:0 0 12px;
}
.contact-side-block p{
  font-weight:400;
  font-size:.92rem;
  line-height:1.7;
  color:#9aa4af;
  margin:0;
}
.contact-side-list{
  list-style:none; margin:0; padding:0;
}
.contact-side-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-weight:400;
  font-size:.92rem;
  line-height:1.6;
  color:#5b6672;
  padding:6px 0;
}
.contact-side-list .chk{
  width:18px; height:18px; border-radius:5px;
  background:var(--purple); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:10px; flex:none; margin-top:3px;
}
.contact-side-list .txt{ flex:1; order:1; }

@media (max-width:991px){
  .contact{ padding:36px 16px 48px; }
  .contact-head h1{ font-size:1.5rem; }
  .contact-card{ grid-template-columns:1fr; gap:28px; padding:24px; }
  .contact-form-title{ font-size:1.4rem; }
}

/* ============================================================
   ============ Legal Page (سياسة الخصوصية / الشروط) ============
   ============================================================ */
.legal{
  padding:20px 40px 70px 40px ;
  background:var(--white);
}
.legal-head{
  text-align:center;
  margin-bottom:32px;
}
.legal-head h1{
  font-weight:700;
  font-size:2rem;
  color:var(--purple);
  margin:0 0 12px;
}
.legal-breadcrumb{
  font-weight:500;
  font-size:1.05rem;
  color:var(--purple);
}
.legal-breadcrumb a{ color:#9aa4af; text-decoration:none; transition:.2s; }
.legal-breadcrumb a:hover{ color:var(--purple); }
.legal-breadcrumb .sep{ margin:0 8px; color:#9aa4af; }

.legal-card{
  margin:0 auto;
  background:#F4F5F8;
  border-radius:32px;
  padding:44px 40px;
  text-align:right;
}
.legal-intro{
  font-weight:500;
  font-size:1.1rem;
  line-height:2;
  color:var(--dark);
  margin:0 0 32px;
  text-align:center;
}
.legal-intro .brand{ color:var(--purple); font-weight:700; }

/* كل قسم بصندوق أبيض خاص */
.legal-section{
  background:#FFFFFF;
  border-radius:34px;
  padding:36px 40px;
  margin-bottom:26px;
  box-shadow:0 6px 22px rgba(16,33,45,.04);
}
.legal-section:last-child{ margin-bottom:0; }
.legal-section h2{
  font-weight:700;
  font-size:1.3rem;
  color:var(--purple);
  margin:0 0 16px;
}
.legal-section > p{
  font-weight:400;
  font-size:1.02rem;
  line-height:1.9;
  color:#4a5560;
  margin:0 0 14px;
}
.legal-list{
  list-style:none;
  margin:0;
  padding:0;
}
.legal-list li{
  position:relative;
  font-weight:400;
  font-size:1.02rem;
  line-height:1.8;
  color:#4a5560;
  padding:7px 22px 7px 0;
}
/* نقطة صغيرة بدل المربع */
.legal-list li::before{
  content:'';
  position:absolute;
  right:6px;
  top:16px;
  width:7px; height:7px;
  border-radius:50%;
  background:var(--purple);
}

.legal-note{
  background:rgba(244,33,126,.08);
  border-right:3px solid var(--pink);
  border-radius:10px;
  padding:14px 18px;
  margin:16px 0 0;
  font-size:.98rem;
  line-height:1.8;
  color:#4a5560;
}
.legal-note strong{ color:var(--pink); }

@media (max-width:991px){
  .legal{ padding:36px 16px 48px; }
  .legal-head h1{ font-size:1.5rem; }
  .legal-card{ padding:28px 20px; border-radius:22px; }
  .legal-section h2{ font-size:1.15rem; }
}

/* ملخص سريع */
.legal-summary{
  margin:26px auto 0;
  background:#F4F5F8;
  border-radius:32px;
  padding:70px 44px 36px;
  position:relative;
  text-align:right;
}
.legal-summary-badge{
  position:absolute;
  top:0;
  right:44px;
  background:var(--pink);
  color:#fff;
  font-weight:700;
  font-size:1.2rem;
  padding:14px 20px 22px;
  border-radius:0 0 12px 12px;
  line-height:1;
  box-shadow:0 6px 16px rgba(244,33,126,.25);
}
.legal-summary-list{
  list-style:none;
  margin:22px 0 0;
  padding:0;
}
.legal-summary-list li{
  position:relative;
  font-weight:500;
  font-size:1.05rem;
  line-height:1.9;
  color:#4a5560;
  padding:9px 22px 9px 0;
}
.legal-summary-list li::before{
  content:'';
  position:absolute;
  right:6px;
  top:19px;
  width:7px; height:7px;
  border-radius:50%;
  background:var(--purple);
}

@media (max-width:991px){
  .legal-summary{ padding:60px 20px 26px; border-radius:22px; }
  .legal-summary-badge{ right:20px; font-size:1rem; padding:12px 16px 18px; }
  .legal-summary-list li{ font-size:.98rem; }
}

/* ============================================================
   ============ About Page (عن النظام) ============
   ============================================================ */
.about{
  padding:20px 40px 60px;
  background:var(--white);
}
.about-head{
  text-align:center;
  margin-bottom:40px;
}
.about-head h1{
  font-weight:700;
  font-size:2rem;
  color:var(--purple);
  margin:0 0 12px;
}
.about-breadcrumb{
  font-weight:500;
  font-size:1.05rem;
  color:var(--purple);
}
.about-breadcrumb a{ color:#9aa4af; text-decoration:none; transition:.2s; }
.about-breadcrumb a:hover{ color:var(--purple); }
.about-breadcrumb .sep{ margin:0 8px; color:#9aa4af; }

.about-intro{
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

.about-figure{
  position:relative;
}
.about-figure > img{
  width:100%;
  border-radius:20px;
  display:block;
}

.about-figure-badge{
    position: absolute;
    bottom: 0px;
    right: 0;
    background: var(--pink);
    border-radius: 20px;
    padding: 45px 0px;
}
.about-figure-badge img{
  height:75px; width:auto; display:block;
}

/* النص (يمين) */
.about-text{ text-align:right; }
.about-text h2{
  font-weight:700;
  font-size:1.5rem;
  color:var(--purple);
  margin:0 0 18px;
}
.about-text p{
  font-weight:400;
  font-size:1.3rem;
  line-height:2;
  color:#4a5560;
  margin:0;
}
.about-text .brand{ color:var(--purple); font-weight:700; }

@media (max-width:991px){
  .about{ padding:20px 16px 44px; }
  .about-head h1{ font-size:1.5rem; }
  .about-intro{ grid-template-columns:1fr; gap:40px; }
  .about-text{ text-align:center; }
  .about-text h2{ font-size:1.3rem; }
}

/* ============================================================
   ============ About - المحاور التشغيلية ============
   ============================================================ */
.pillars{
  padding:60px 40px 70px;
  background:var(--white);
}
.pillars-title{
  text-align:center;
  font-weight:700;
  font-size:2rem;
  color:var(--dark);
  margin-bottom:44px;
}
.pillars-title .accent{ color:var(--purple); }

.pillars-grid{
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}
.pillar-card{
  background:var(--white);
  border:1px solid #E4E6EB;
  border-radius:20px;
  padding:28px 30px;
  display:flex;
  align-items:flex-start;
  gap:22px;
  box-shadow:0 6px 20px rgba(16,33,45,.04);
  transition:.25s;
}
.pillar-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(16,33,45,.09);
}
.pillar-head{
  flex:none;
  text-align:right;
  min-width:150px;
  order:0;   /* يمين بالـ RTL */
}
.pillar-num{
  font-weight:700;
  font-size:1.6rem;
  color:var(--purple);
  margin-bottom:6px;
}
.pillar-name{
  font-weight:700;
  font-size:1.3rem;
  color:var(--dark);
  line-height:1.5;
  margin:0;
}
.pillar-text{
  flex:1;
  order:1;
  font-weight:400;
  font-size:1rem;
  line-height:1.9;
  color:#6b7683;
  text-align:right;
  margin:0;
}

@media (max-width:991px){
  .pillars{ padding:44px 16px; }
  .pillars-title{ font-size:1.5rem; }
  .pillars-grid{ grid-template-columns:1fr; gap:18px; }
  .pillar-card{ flex-direction:column; gap:12px; }
  .pillar-head{ min-width:0; }
}

/* ============================================================
   ============ About - المزايا الرئيسية ============
   ============================================================ */
.features{
  padding:60px 40px 70px;
  background:var(--white);
}
.features-title{
  text-align:center;
  font-weight:700;
  font-size:2rem;
  color:var(--dark);
  margin-bottom:50px;
}
.features-title .accent{ color:var(--purple); }

.features-grid{
  max-width:1150px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:50px 20px;
}
.feature-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  position:relative;
}
.feature-icon{
  width:78px; height:78px;
  border-radius:50%;
  background:var(--white);
  box-shadow:0 8px 22px rgba(16,33,45,.10);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:18px;
}
.feature-icon img{
  width:40px; height:40px; object-fit:contain;
  /* تلوين الأيقونة بنفسجي */
  filter:invert(18%) sepia(97%) saturate(6800%) hue-rotate(258deg) brightness(97%) contrast(105%);
}
.feature-name{
  font-weight:600;
  font-size:1.1rem;
  color:var(--dark);
  margin:0;
}


.features-grid .feature-item:nth-child(4n+1)::before{ display:none; }
.feature-icon{ position:relative; z-index:1; }

@media (max-width:991px){
  .features{ padding:44px 16px; }
  .features-title{ font-size:1.5rem; }
  .features-grid{ grid-template-columns:1fr 1fr; gap:36px 16px; }
  .feature-name{ font-size:.98rem; }
}

/* ============ Responsive ============ */
@media (max-width:991px){
  :root{ --fs-title:1.8rem; --fs-text:1rem; }
  .site-header{ padding:14px 18px; }
  .brand-logo{ order:0; }
  .nav-pill{ order:2; width:100%; justify-content:center; }
  .btn-book{ order:1; }
  .hero{ padding:0 16px 24px; }
  .hero-card{ padding:22px; }
  .nav-pill{ gap:18px; }
}