/* تعيين الخط الأساسي للعربي والإنجليزي */
        body, h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, textarea, .main-menu, .mobile-nav {
            font-family: 'Alexandria', sans-serif !important;
        }

        html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* يمنع التمرير العرضي الذي يسبب فراغاً جانبيًا */
}

.mobile-menu {
    display: none; 
    position: fixed;
    top: 0;
    right: 0; /* ليتناسب مع RTL */
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.95);
    z-index: 999999; /* لضمان ظهورها فوق الفيديو والشات */
    transition: all 0.3s ease;
}
.mobile-menu.active {
    display: block !important;
}

.header-area, .top1 {
    transition: all 0.4s ease-in-out !important;
}

.footer-service {
    display: none !important;
}

.video-header {
    margin-top: 0;
    top: 0;
}
.top1 {
    top: 0; /* تأكدي أنها ملتصقة بالسقف */
}
/* تأكدي أن سطر الـ x التائه تحت الـ description قد تم حذفه */
        
        /* ضبط القائمة حسب اتجاه اللغة */
        [dir="rtl"] .main-menu {
            padding-right: 0;
            margin-right: 0;
            text-align: right;
        }
        
        [dir="ltr"] .main-menu {
            padding-left: 0;
            margin-left: 0;
            text-align: left;
        }
        
        .main-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .main-menu > li {
            margin: 0 15px;
        }
        
        .main-menu > li > a {
            color: white !important;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
            font-weight: 500;
            font-size: 14px;
            padding: 10px 0;
            transition: all 0.3s ease;
            text-decoration: none;
            font-family: 'Alexandria', sans-serif !important;
        }
        
        .main-menu > li > a:hover {
            color: #ffd700 !important;
            transform: translateY(-2px);
        }
        
        /* إخفاء القائمة الرئيسية على الموبايل */
        @media (max-width: 991px) {
            .desktop-menu {
                display: none !important;
            }
            .mobile-menu-btn {
                display: block !important;
            }
        }
        
        /* إظهار القائمة الرئيسية على الشاشات الكبيرة */
        @media (min-width: 992px) {
            .desktop-menu {
                display: block !important;
            }
            .mobile-menu-btn {
                display: none !important;
            }
        }

        /* فيديو الهيدر — الرئيسية كاملة / باقي الصفحات ~200px */
        .video-header {
            position: relative;
            width: 100%;
            overflow: hidden;
            background: #1a1a2e;
        }
        .video-header--home {
            height: 100vh;
            min-height: 560px;
        }
        .video-header--inner {
            height: 200px;
            min-height: 200px;
            max-height: 200px;
        }
        .video-header--inner .header-area {
            position: relative;
            top: 0;
            padding: 8px 0;
        }
        .video-header--inner .top1 {
            position: relative;
        }
        .video-header--inner .header-logo img {
            max-height: 55px !important;
        }
        .hero-cta-btn {
            border-radius: 30px;
            padding: 12px 40px;
            color: #333;
        }
        @media (max-width: 768px) {
            .video-header--inner { height: 180px; min-height: 180px; max-height: 180px; }
        }
        
        .header-video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 0;
            pointer-events: none;
        }
        
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.3);
            z-index: 1;
            pointer-events: none;
        }
        
        /* قسم top1 فوق الفيديو */
        .top1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1001;
            background: rgba(255, 255, 255, 0.15) !important;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 8px 0;
        }
        
        .top-home {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .top-home-li {
            display: flex;
            align-items: center;
        }
        
        /* تحسينات للغة - بدون أعلام */
        .currency {
            position: relative;
            display: inline-block;
        }
        
        .currency-head {
            color: white !important;
            font-weight: 500;
            margin-left: 5px;
            margin-right: 5px;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        }
        
        .currency-drop {
            display: inline-block;
            position: relative;
        }
        
        .eur {
            display: flex;
            align-items: center;
            cursor: pointer;
            padding: 5px 12px;
            border-radius: 20px;
            transition: all 0.3s ease;
            background: rgba(255,255,255,0.1);
            color: white;
        }
        
        .eur:hover {
            background: rgba(255,255,255,0.2);
        }
        
        .cur-name {
            color: white !important;
            font-weight: 500;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        }
        
        .all-currency {
            position: absolute;
            top: 100%;
            left: 0;
            background: rgba(255,255,255,0.95);
            backdrop-filter: blur(10px);
            border-radius: 8px;
            padding: 8px 0;
            margin: 5px 0 0 0;
            list-style: none;
            min-width: 120px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            z-index: 1000;
        }
        
        .currency-drop:hover .all-currency {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .all-currency li {
            margin: 0;
        }
        
        .all-currency a {
            display: block;
            padding: 8px 15px;
            color: #333 !important;
            text-decoration: none;
            transition: all 0.3s ease;
            text-align: center;
        }
        
        .all-currency a:hover {
            background: rgba(0,0,0,0.05);
        }
        
        /* روابط "اطلب الآن" في اليمين */
        .top-links {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .order-now-btn {
            background: #ff6b35;
            color: white !important;
            padding: 8px 20px;
            border-radius: 25px;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: all 0.3s ease;
            border: 2px solid #ff6b35;
        }
        
        .order-now-btn:hover {
            background: transparent;
            color: #ff6b35 !important;
            transform: translateY(-2px);
        }

        .company-profile-btn {
            background: #2b3481;
            color: white !important;
            padding: 8px 18px;
            border-radius: 25px;
            text-decoration: none;
            font-weight: 600;
            font-size: 13px;
            transition: all 0.3s ease;
            border: 2px solid #2b3481;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .company-profile-btn:hover {
            background: transparent;
            color: #fff !important;
            border-color: #fff;
            transform: translateY(-2px);
        }

        .top-action-btns { flex-wrap: wrap; justify-content: flex-end; }
        
        .top-contact {
            color: white !important;
            text-decoration: none;
            font-weight: 500;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        .top-contact:hover {
            color: #ffd700 !important;
        }
        
        .header-content {
            position: relative;
            z-index: 2;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
            padding-top: 60px;
        }
        
        .header-content h1 {
            font-size: 3.5rem;
            font-weight: bold;
            margin-bottom: 1rem;
            text-align: center;
            color: white;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }
        
        .header-content p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        }
        
        /* تحسينات للهيدر */
        .header-area {
            position: absolute;
            top: 70px;
            left: 0;
            width: 100%;
            z-index: 1000;
            background: transparent !important;
            transition: all 0.3s ease;
        }
        
        .header-main-area {
            background: transparent !important;
        }
        
        .header-bottom-area {
            background: transparent !important;
            padding: 20px 0;
        }
        
        .main-menu-area {
            background: transparent !important;
        }
        
        /* الشعار الكبير */
        .header-with-logo {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }
        
        .header-logo {
            flex-shrink: 0;
            margin-right: 40px;
        }
        
        .header-logo img {
            max-height: 100px;
            width: auto;
            transition: all 0.3s ease;
        }
        
        .main-navigation {
            flex-grow: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        /* القائمة الشفافة */
        .main-menu {
            background: transparent !important;
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .main-menu > li {
            margin: 0 15px;
        }
        
        .main-menu > li > a {
            color: white !important;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
            font-weight: 500;
            font-size: 14px;
            padding: 10px 0;
            transition: all 0.3s ease;
        }
        
        .main-menu > li > a:hover {
            color: #ffd700 !important;
            transform: translateY(-2px);
        }
        
        /* زر قائمة الموبايل */
        .mobile-menu-btn {
            display: none;
            background: transparent;
            border: 2px solid white;
            color: white;
            font-size: 20px;
            cursor: pointer;
            padding: 8px 12px;
            border-radius: 5px;
            transition: all 0.3s ease;
        }
        
        .mobile-menu-btn:hover {
            background: white;
            color: #333;
        }
        
        /* قائمة الموبايل المحسنة */
        .mobile-menu {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.98);
            z-index: 9999;
            padding: 0;
            overflow-y: auto;
        }
        
        .mobile-menu.active {
            display: block;
        }
        
        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            background: rgba(0,0,0,0.9);
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        
        .mobile-logo img {
            max-height: 50px;
            width: auto;
        }
        
        .mobile-menu-close {
            background: transparent;
            border: 2px solid white;
            color: white;
            font-size: 20px;
            cursor: pointer;
            padding: 8px 12px;
            border-radius: 5px;
            transition: all 0.3s ease;
        }
        
        .mobile-menu-close:hover {
            background: white;
            color: #333;
        }
        
        .mobile-nav {
            list-style: none;
            padding: 20px;
            margin: 0;
        }
        
        .mobile-nav li {
            margin-bottom: 0;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        
        .mobile-nav li:last-child {
            border-bottom: none;
        }
        
        .mobile-nav a {
            color: white;
            text-decoration: none;
            font-size: 18px;
            display: block;
            padding: 15px 10px;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        
        .mobile-nav a:hover {
            color: #ffd700;
            background: rgba(255,255,255,0.05);
            padding-left: 20px;
        }
        
        .mobile-order-btn {
            display: block;
            background: #b84119ff;
            color: white;
            text-align: center;
            padding: 15px;
            margin: 20px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.3s ease;
        }
        
        .mobile-order-btn:hover {
            background: #b84119ff;
            transform: translateY(-2px);
        }
        
        /* معلومات الاتصال */
        .img-hotline {
            display: flex;
            align-items: center;
            margin-left: 30px;
        }
        
        .image-line img {
            filter: brightness(0) invert(1);
            max-height: 30px;
        }
        
        .image-content {
            margin-left: 10px;
        }
        
        .hot-l, .image-content span {
            color: white !important;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
            font-weight: 500;
        }
        
        /* تحسينات للاستجابة */
        @media (max-width: 1200px) {
            .header-logo img {
                max-height: 70px;
            }
            
            .main-menu > li {
                margin: 0 12px;
            }
        }
        
        @media (max-width: 992px) {
            .header-content h1 {
                font-size: 2.8rem;
            }
            
            .header-logo img {
                max-height: 60px;
            }
            
            .main-navigation .main-menu {
                display: none;
            }
            
            .mobile-menu-btn {
                display: block;
            }
            
            .img-hotline {
                display: none;
            }
            
            .header-with-logo {
                justify-content: space-between;
            }
            
            .top1 {
                padding: 6px 0;
            }
            
            .top-links {
                gap: 15px;
            }
            
            .order-now-btn {
                padding: 6px 15px;
                font-size: 13px;
            }
            
            .top-contact {
                font-size: 13px;
            }
        }
        
        @media (max-width: 768px) {
            .header-content h1 {
                font-size: 2.2rem;
            }
            
            .header-content p {
                font-size: 1rem;
            }
            
            .header-logo img {
                max-height: 50px;
            }
            
            .header-bottom-area {
                padding: 15px 0;
            }
            
            .header-area {
                top: 40px;
            }
            
            .top-links {
                gap: 10px;
            }
            
            .order-now-btn {
                padding: 5px 12px;
                font-size: 12px;
            }
            
            .top-contact {
                font-size: 12px;
            }

        }
        
        @media (max-width: 576px) {
            .header-content h1 {
                font-size: 1.8rem;
            }
            
            .header-logo img {
                max-height: 45px;
            }
            
            .mobile-menu {
                padding: 0;
            }
            
            .mobile-logo img {
                max-height: 45px;
            }
            
            .top1 {
                padding: 4px 0;
            }
            
            .currency-head {
                font-size: 14px;
            }
            
            .eur {
                padding: 3px 8px;
            }

            
            .top-links {
                gap: 8px;
            }
            
            .order-now-btn {
                padding: 4px 10px;
                font-size: 11px;
            }

            .company-profile-btn .cp-label { display: none; }
            .company-profile-btn { padding: 6px 11px; font-size: 12px; }
            
            .top-contact {
                display: none;
            }
        }

/* تصميم كرت المنتج بالبوردر الأحمر الخفيف */
.custom-product-card {
    border: 1px solid rgba(255, 107, 53, 0.2); /* أحمر خفيف جداً */
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    background: #fff;
    position: relative;
}

/* التأثير عند تمرير الماوس (Hover) */
.custom-product-card:hover {
    border-color: rgba(255, 107, 53, 0.5); /* زيادة حدة اللون عند الوقوف عليه */
    box-shadow: 0 10px 20px rgba(255, 107, 53, 0.1); /* ظل أحمر خفيف */
    transform: translateY(-5px);
}

.custom-product-card .tr-pro-img img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.custom-product-card:hover .tr-pro-img img {
    transform: scale(1.05); /* زووم بسيط للصورة */
}

/* تنسيق عنوان المنتج */
.product-title-link {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    font-family: 'Alexandria', sans-serif;
    transition: color 0.3s;
}

.product-title-link:hover {
    color: #ff6b35 !important; /* لون الهوية عند المرور بالماوس */
}

/* أيقونة العين (Quick View) */
.w-c-q-icn {
    background: #fff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ff6b35;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
