/* استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

/* إخفاء العناصر الأساسية */
body.custom-page-active header, 
body.custom-page-active .site-header, 
body.custom-page-active .header, 
body.custom-page-active .salla-header, 
body.custom-page-active .header-wrapper, 
body.custom-page-active .store-header, 
body.custom-page-active .site-header__outer, 
body.custom-page-active .top-nav,
body.custom-page-active.page-is-home .footer,
body.custom-page-active.page-is-home .site-footer,
body.custom-page-active.page-is-home footer,
body.custom-page-active [class*="testimonial"],
body.custom-page-active [id*="testimonial"],
body.custom-page-active .salla-section--testimonials,
body.custom-page-active.page-is-about .content,
body.custom-page-active.page-is-about .page-content,
body.custom-page-active.page-is-about .salla-page {
    display: none !important;
}

/* لون الخلفية (تم تعديله ليطابق الصورة اليسرى - بيج دافئ) */
body.custom-page-active {
    padding-top: 0 !important;
    margin: 0 !important;
    background-color: #e6e2de; /* درجة أدكن قليلاً وأكثر دفئاً */
}

/* الهيدر */
.custom-mokha-header {
    background-color: transparent !important;
    position: absolute;
    top: 0; left: 0; width: 100%; z-index: 9999;
    padding: 20px 40px;
    display: flex; justify-content: space-between; align-items: center;
    direction: rtl; box-sizing: border-box;
}
.mokha-logo { font-family: 'Helvetica Neue', sans-serif; font-size: 20px; font-weight: 600; color: #fff !important; text-decoration: none; letter-spacing: 3px; text-transform: uppercase; }
.mokha-nav a { font-family: 'Tajawal', sans-serif; color: #fff !important; margin-right: 25px; font-weight: 500; text-decoration: none; font-size: 14px; transition: 0.3s; }
.mokha-nav a:hover { opacity: 0.8; }

/* البانر */
.top-hero-container { width: 100%; position: relative; height: 100vh; overflow: hidden; }
.top-hero-container img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(0.70); }
.top-hero-container.short-hero { height: 50vh !important; min-height: 350px; max-height: 450px; }


/* --- تنسيق صفحة من نحن (مطابق للصورة اليسرى 100%) --- */
.custom-about-section { 
    background-color: #e6e2de; /* نفس الخلفية */
    padding: 80px 20px; 
    direction: rtl; 
    text-align: center; 
    font-family: 'Tajawal', sans-serif; 
}

/* العنوان الرئيسي - تم تصغيره */
.about-title { 
    font-family: 'Tajawal', sans-serif;
    font-size: 36px; /* تصغير الحجم ليطابق الصورة اليسرى */
    font-weight: 700; 
    margin-bottom: 5px; 
    color: #55524f; 
}

/* العنوان الفرعي */
.about-subtitle { 
    font-family: 'Tajawal', sans-serif;
    font-size: 17px; /* تصغير طفيف */
    font-weight: 600; 
    margin-bottom: 35px; 
    color: #666360; 
}

/* النص - محاذاة لليمين + ضبط الحجم */
.about-text { 
    font-family: 'Tajawal', sans-serif;
    font-size: 15px; 
    line-height: 1.8; 
    color: #4b4b4b; 
    
    /* 🔴 أهم تعديل: المحاذاة لليمين */
    text-align: right; 
    display: inline-block; /* يجعل بلوك النص في وسط الشاشة، لكن الكلام يبدأ من اليمين */
    max-width: 800px; 
    
    margin: 0 auto 50px; 
    font-weight: 500; 
}

.about-image-wrap { margin: 30px auto; max-width: 900px; width: 100%; border-radius: 4px; overflow: hidden; }
.about-image-wrap img { width: 100%; height: auto; display: block; }
.about-divider { height: 40px; }

@media (max-width: 768px) {
    .custom-mokha-header { position: relative; background: #222 !important; flex-direction: column; gap: 15px; padding: 20px; }
    .top-hero-container { height: 60vh; }
    .top-hero-container.short-hero { height: 35vh !important; }
    .about-title { font-size: 28px; }
    .about-text { font-size: 14px; padding: 0 15px; width: 100%; display: block;}
}