body {
    font-family: 'Cairo', sans-serif;
}
section.hero-one .titles {
    font-family: 'Amiri', serif !important;
}


/* =========================
   HERO — CLEAN, SINGLE SOURCE
   ========================= */

:root{
  --header-offset: 80px;     /* مساحة للهيدر الشفاف */
  --jaw-line: 120px!important;         /* طول الخطين حول JAWAHARA (ديسكتوب) */
  --hero-x: 57%;             /* تمركز أفقي للصورة على الديسكتوب */
  --hero-y: 0%!important;             /* تمركز رأسي للصورة على الديسكتوب (اقلّلها لرفع الكادر) */
}

/* ===== القاعدة العامة (ديسكتوب كافتراضي) ===== */
.hero-one{
  position: relative;
  color:#fff;
  overflow:hidden;
  width:100%;
  min-height:102vh;
  background-color:#000;
  background-image: var(--bg);
  background-repeat:no-repeat;
  background-size: cover;                                   /* desktop */
  background-position: var(--hero-x) var(--hero-y);         /* desktop focus */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding-top: var(--header-offset);
}
.hero-one__overlay{
  position:relative; inset:0;
  background:linear-gradient(90deg,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.25) 50%,
    rgba(0,0,0,.05) 100%);
  pointer-events:none;
}
.hero-one__content{ position:absolute; inset:0; display:grid; align-items:center; }
.hero-one__inner{ width:min(1200px,92%); margin:auto; }

/* ===== العناوين ===== */
.titles{ max-width:820px; margin-inline-start:auto; margin-inline-end:0; text-align:right; }
.t-ar{ font-weight:800; line-height:1.15; font-size:56px; margin:0 0 12px; }
.t-en{
  font-weight:700; letter-spacing:.22em; font-size:26px;
  display:inline-flex; align-items:center; gap:12px; margin:.4rem 0 1.1rem;
}
.t-en::before, .t-en::after{
  content:""; display:block; height:2px; width:var(--jaw-line); background:#fff; opacity:.9;
}
.sub{ font-size:20px; opacity:.96; margin:.25rem 0; }
.sub-en{ letter-spacing:.06em; }

/* ===== موبايل: الصورة كاملة تقريبًا + النص متراص ===== */
@media (max-width: 992px){
  .hero-one{
    min-height:auto;                          /* نسيب الارتفاع للنسبة */
 
    background-size: contain;                 /* إظهار الصورة كاملة */
    background-position: center top;
    padding-top: calc(var(--header-offset) + 6px);
  }
  
  .hero-one__inner{ width:min(1200px,65%); margin:auto; }

  .titles{ text-align:center; margin:0 auto; max-width:92%; }
  .t-ar, .sub{ text-align:center; }

  .t-ar{ font-size:26px; }
  .t-en{ font-size:16px; gap:8px; }
  .t-en::before, .t-en::after{
    width: clamp(36px, 18vw, 64px);          /* خطين قصار للموبايل */
  }
  .sub{ font-size:13px; }
}

/* هاتف صغير جدًا */
@media (max-width: 380px){
  .t-ar{ font-size:28px; }
  .sub{  font-size:15px; }
}

/* ===== Desktop: حرّك بلوك العناوين لليمين وخلّيه في منتصف الارتفاع ===== */
@media (min-width: 993px){
  /* المحتوى جوّه الهيرو يكون Flex ويتحط لليمين */
  .hero-one__content{
    display:flex !important;
    align-items:center !important;        /* منتصف رأسي */
    justify-content:flex-start !important;  /* لليمين */
  }

  /* الغلاف الداخلي مايبقاش في النص */
  .hero-one__inner{
    margin:0 !important;
    width:auto !important;
    /* مسافة مريحة من الناحية اليمين (RTL = start) */
    padding-inline-start: clamp(32px, 8vw, 140px) !important;
    padding-inline-end: 24px !important;
  }

  /* البلوك نفسه يمين وتحت بعض */
  .titles{
    max-width: 760px !important;
    text-align: right !important;
    margin: 0 !important;                 /* بلاش margin auto */
  }
  .t-ar, .t-en, .sub{ text-align: right !important; }

  /* طول الخطين حوالين JAWAHARA */
  .t-en{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    letter-spacing:.22em !important;
    font-size:20px !important;
  }
  .t-en::before, .t-en::after{
    content:"" !important;
    display:block !important;
    height:2px !important;
    width: var(--jaw-line, 120px) !important;
    background:#fff !important;
    opacity:.95 !important;
  }
}



    section.hero-one {
        min-height: 109vh !important;}