* {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Cairo', sans-serif;

        }



        html, body {

            overflow-x: hidden !important;

        }



        body {

            background: #0a0c10;

            padding-top: 80px;

        }



        /* الهيدر الثابت - مضاد للاهتزاز */

        .main-header {

            position: fixed;

            top: 0;

            left: 0;

            right: 0;

            z-index: 9999;

            background: rgba(10, 12, 16, 0.98);

            backdrop-filter: blur(10px);

            border-bottom: 2px solid #ff6b00;

            transform: translate3d(0, 0, 0);

            -webkit-transform: translate3d(0, 0, 0);

            backface-visibility: hidden;

            -webkit-backface-visibility: hidden;

        }



        .header-container {

            max-width: 1400px;

            margin: 0 auto;

            padding: 0 20px;

            display: flex;

            justify-content: space-between;

            align-items: center;

            height: 80px;

        }



        /* اللوجو */

        .brand-logo {

            display: flex;

            align-items: center;

            gap: 10px;

            text-decoration: none;

            color: #fff;

            z-index: 10000;

        }



        .brand-icon {

            width: 45px;

            height: 45px;

            background: linear-gradient(135deg, #ff6b00, #ff9500);

            border-radius: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 20px;

            color: #000;

            flex-shrink: 0;

        }



        .brand-text {

            font-size: 22px;

            font-weight: 900;

            background: linear-gradient(90deg, #fff, #ff6b00);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            line-height: 1.2;

        }



        .brand-sub {

            font-size: 11px;

            color: #8b92a8;

            display: block;

            letter-spacing: 1px;

        }



        /* زر الموبايل */

        .mobile-toggle-btn {

            display: none;

            background: none;

            border: none;

            color: #fff;

            font-size: 24px;

            cursor: pointer;

            z-index: 10001;

            padding: 10px;

        }



        /* القائمة الرئيسية */

        .nav-list {

            display: flex;

            align-items: center;

            gap: 30px;

            list-style: none;

        }



        .nav-item {

            position: relative;

        }



        .nav-link {

            text-decoration: none;

            color: #b0b8d1;

            font-size: 15px;

            font-weight: 600;

            transition: all 0.3s;

            display: flex;

            align-items: center;

            gap: 8px;

            padding: 5px 0;

            position: relative;

            white-space: nowrap;

        }



        .nav-link:hover,

        .nav-link.active {

            color: #ff6b00;

        }



        .nav-link::after {

            content: '';

            position: absolute;

            bottom: 0;

            right: 0;

            width: 0;

            height: 2px;

            background: #ff6b00;

            transition: width 0.3s;

        }



        .nav-link:hover::after {

            width: 100%;

        }



        /* القائمة الفرعية (Dropdown) */

        .sub-menu {

            display: none;

            position: absolute;

            top: 100%;

            right: 0;

            background: #151921;

            min-width: 220px;

            border-radius: 10px;

            padding: 10px 0;

            margin-top: 10px;

            border: 1px solid rgba(255, 107, 0, 0.2);

            box-shadow: 0 10px 30px rgba(0,0,0,0.5);

            z-index: 1000;

            list-style: none;

        }



        .has-dropdown:hover > .sub-menu {

            display: block;

        }



        .sub-menu li {

            width: 100%;

        }



        .sub-menu a {

            padding: 12px 20px;

            font-size: 14px;

            border-bottom: 1px solid rgba(255,255,255,0.05);

            display: block;

            color: #b0b8d1;

            text-decoration: none;

            transition: all 0.3s;

        }



        .sub-menu a:hover {

            background: rgba(255,107,0,0.1);

            color: #ff6b00;

            padding-right: 25px;

        }



        .sub-menu li:last-child a {

            border-bottom: none;

        }



        .dropdown-arrow {

            font-size: 12px;

            transition: transform 0.3s;

            margin-right: 5px;

        }



        /* ===== التجاوب مع الموبايل ===== */

        @media (max-width: 968px) {

            .mobile-toggle-btn {

                display: block;

            }



            .nav-list {

                position: fixed;

                top: 0;

                right: -100%;

                width: 80%;

                max-width: 350px;

                height: 100vh;

                background: #0a0c10;

                flex-direction: column;

                padding: 100px 30px 30px;

                gap: 0;

                transition: right 0.4s ease;

                overflow-y: auto;

                border-left: 2px solid #ff6b00;

                z-index: 9998;

            }



            .nav-list.active {

                right: 0;

            }



            /* Overlay خلف القائمة */

            .nav-overlay {

                position: fixed;

                top: 0;

                left: 0;

                width: 100%;

                height: 100%;

                background: rgba(0,0,0,0.8);

                opacity: 0;

                visibility: hidden;

                transition: all 0.3s;

                z-index: 9997;

            }



            .nav-overlay.active {

                opacity: 1;

                visibility: visible;

            }



            .nav-item {

                width: 100%;

                border-bottom: 1px solid rgba(255,255,255,0.1);

            }



            .nav-link {

                padding: 18px 0;

                font-size: 18px;

                justify-content: space-between;

            }



            /* القائمة الفرعية في الموبايل */

            .sub-menu {

                position: static;

                display: none;

                background: rgba(255,255,255,0.03);

                box-shadow: none;

                border: none;

                width: 100%;

                min-width: auto;

                margin-top: 0;

                padding: 0;

                border-radius: 0;

            }



            .nav-item.dropdown-open > .sub-menu {

                display: block;

            }



            .sub-menu a {

                padding-right: 30px;

                border-bottom: 1px solid rgba(255,255,255,0.05);

            }



            .dropdown-arrow {

                transition: transform 0.3s;

            }



            .nav-item.dropdown-open .dropdown-arrow {

                transform: rotate(180deg);

            }

        }



        @media (max-width: 480px) {

            .main-header { height: 70px; }

            body { padding-top: 70px; }

            .header-container { height: 70px; }

            .brand-text { font-size: 18px; }

            .brand-icon { width: 40px; height: 40px; }

        }

    


.strong-hero{position:relative;min-height:clamp(520px,70vw,720px);overflow:hidden;background:#07090d;color:#fff;isolation:isolate;display:flex;align-items:center}
.strong-hero-media,.strong-hero-slide,.strong-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.strong-hero-slide{object-fit:cover;opacity:0;transition:opacity .8s ease}.strong-hero-slide.is-active{opacity:1}
.strong-hero-shade{z-index:1;background:linear-gradient(90deg,rgba(5,7,11,.2),rgba(5,7,11,.92) 58%,#05070b)}
.strong-hero-content{position:relative;z-index:2;width:min(1180px,100%);margin:auto;padding:80px 32px;text-align:right}
.strong-hero-kicker{display:inline-block;color:#ff8a1f;font:800 14px/1.2 Cairo,sans-serif;letter-spacing:1px;margin-bottom:16px}
.strong-hero h1{max-width:720px;margin:0 0 18px;font:900 clamp(34px,5.2vw,68px)/1.16 Cairo,sans-serif;color:#fff}
.strong-hero p{max-width:650px;margin:0 0 28px;color:#d4d9e4;font:500 clamp(16px,2vw,20px)/1.9 Cairo,sans-serif}
.strong-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.strong-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;font:800 15px/1 Cairo,sans-serif;text-decoration:none;transition:.2s ease}
.strong-hero-primary{background:linear-gradient(135deg,#ff8a1f,#ff5b00);color:#080a0e!important;box-shadow:0 12px 30px rgba(255,107,0,.25)}
.strong-hero-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(12,15,22,.66);color:#fff!important;backdrop-filter:blur(8px)}
.strong-hero-actions a:hover{transform:translateY(-2px)}.strong-hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#aeb7c7;font:600 13px/1.5 Cairo,sans-serif}
@media(max-width:767px){.strong-hero{min-height:650px;align-items:flex-end}.strong-hero-shade{background:linear-gradient(0deg,#05070b 15%,rgba(5,7,11,.82) 60%,rgba(5,7,11,.12))}.strong-hero-content{padding:220px 20px 46px}.strong-hero h1{font-size:36px}.strong-hero-actions{display:grid}.strong-hero-actions a{width:100%}.strong-hero-trust{gap:10px 14px}.strong-hero-media{height:58%}}
@media(prefers-reduced-motion:reduce){.strong-hero-slide,.strong-hero-actions a{transition:none}}




        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Cairo', sans-serif;

        }



        body {

            background-color: #0a0c10;

            color: #ffffff;

            padding: 50px 20px;

        }



        /* ========== عنوان القسم ========== */

        .pricing-header {

            text-align: center;

            margin-bottom: 40px;

        }



        .pricing-title {

            font-size: 42px;

            font-weight: 900;

            margin-bottom: 15px;

            color: #ffffff;

        }



        .pricing-title span {

            color: #ffc107;

        }



        .pricing-subtitle {

            font-size: 18px;

            color: #8b92a8;

            max-width: 600px;

            margin: 0 auto;

            line-height: 1.6;

        }



        /* ========== شعار التفعيل الفوري ========== */

        .instant-badge {

            background: rgba(255, 255, 255, 0.05);

            border: 1px solid rgba(255, 255, 255, 0.1);

            border-radius: 50px;

            padding: 15px 30px;

            display: inline-flex;

            align-items: center;

            gap: 10px;

            margin-bottom: 40px;

            color: #8b92a8;

            font-size: 15px;

        }



        .instant-badge i {

            color: #ffc107;

        }



        .instant-badge strong {

            color: #ffffff;

        }



        /* ========== حاوية البطاقات ========== */

        .pricing-container {

            max-width: 1400px;

            margin: 0 auto;

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

            gap: 25px;

        }



        /* ========== بطاقة السعر ========== */

        .pricing-card {

            background: linear-gradient(180deg, #151921 0%, #0f1117 100%);

            border: 1px solid #2a2f3d;

            border-radius: 20px;

            padding: 30px;

            position: relative;

            transition: all 0.3s ease;

            display: flex;

            flex-direction: column;

        }



        .pricing-card:hover {

            transform: translateY(-10px);

            border-color: #ffc107;

            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);

        }



        /* البطاقة الأكثر شهرة */

        .pricing-card.popular {

            border: 2px solid #ffc107;

            background: linear-gradient(180deg, #1a1f2d 0%, #12151c 100%);

        }



        /* البطاقة الأفضل قيمة */

        .pricing-card.best-value {

            border: 2px solid #00d4ff;

            background: linear-gradient(180deg, #0f2027 0%, #0f1117 100%);

        }



        .popular-badge {

            position: absolute;

            top: -12px;

            left: 50%;

            transform: translateX(-50%);

            background: linear-gradient(45deg, #ffc107, #ff9800);

            color: #000;

            padding: 5px 20px;

            border-radius: 20px;

            font-size: 13px;

            font-weight: 700;

            display: flex;

            align-items: center;

            gap: 5px;

        }



        .best-value-badge {

            position: absolute;

            top: -12px;

            left: 50%;

            transform: translateX(-50%);

            background: linear-gradient(45deg, #00d4ff, #0099cc);

            color: #fff;

            padding: 5px 20px;

            border-radius: 20px;

            font-size: 13px;

            font-weight: 700;

            display: flex;

            align-items: center;

            gap: 5px;

        }



        /* رأس البطاقة */

        .card-header {

            margin-bottom: 20px;

        }



        .package-duration {

            display: inline-block;

            background: rgba(255, 255, 255, 0.05);

            padding: 4px 12px;

            border-radius: 15px;

            font-size: 13px;

            color: #8b92a8;

            margin-bottom: 10px;

            border: 1px solid rgba(255, 255, 255, 0.1);

        }



        .package-title {

            font-size: 22px;

            font-weight: 700;

            color: #ffffff;

            margin-bottom: 5px;

        }



        /* المميزات */

        .features-list {

            list-style: none;

            margin-bottom: 25px;

            flex-grow: 1;

        }



        .features-list li {

            padding: 8px 0;

            color: #b0b8d1;

            font-size: 14px;

            display: flex;

            align-items: center;

            gap: 8px;

        }



        .features-list li::before {

            content: '•';

            color: #ffc107;

            font-size: 20px;

            font-weight: bold;

        }



        /* السعر */

        .price-section {

            margin-bottom: 20px;

            text-align: center;

        }



        .price {

            font-size: 42px;

            font-weight: 900;

            color: #ffffff;

            display: flex;

            align-items: flex-start;

            justify-content: center;

            gap: 2px;

        }



        .currency {

            font-size: 24px;

            margin-top: 5px;

        }



        .price-details {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            margin-top: 5px;

            flex-wrap: wrap;

        }



        .monthly {

            color: #8b92a8;

            font-size: 14px;

        }



        .save-badge {

            background: rgba(255, 193, 7, 0.15);

            color: #ffc107;

            padding: 2px 10px;

            border-radius: 10px;

            font-size: 12px;

            font-weight: 700;

        }



        .save-badge.blue {

            background: rgba(0, 212, 255, 0.15);

            color: #00d4ff;

        }



        /* زر الواتساب */

        .whatsapp-btn {

            background: #25d366;

            color: white;

            width: 100%;

            padding: 15px;

            border-radius: 12px;

            text-decoration: none;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            font-size: 16px;

            font-weight: 700;

            transition: all 0.3s ease;

            border: none;

            cursor: pointer;

            margin-bottom: 10px;

            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);

        }



        .whatsapp-btn:hover {

            background: #128c7e;

            transform: scale(1.02);

            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);

        }



        .whatsapp-btn i {

            font-size: 20px;

        }



        /* حالة التوفر */

        .stock-status {

            text-align: center;

            color: #4caf50;

            font-size: 13px;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 5px;

        }



        /* التجاوب */

        @media (max-width: 768px) {

            .pricing-title {

                font-size: 32px;

            }

            

            .pricing-container {

                grid-template-columns: 1fr;

                max-width: 400px;

            }

        }

    



        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Cairo', sans-serif;

        }



        body {

            background-color: #0a0c10;

            color: #ffffff;

            line-height: 1.6;

        }



        /* ========== قسم اكتشف المحتوى ========== */

        .content-section {

            padding: 80px 20px;

            max-width: 1200px;

            margin: 0 auto;

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 60px;

            align-items: center;

        }



        /* البطاقة الجانبية */

        .content-card {

            background: linear-gradient(145deg, #1e1e24, #151921);

            border-radius: 25px;

            padding: 50px 40px;

            border: 1px solid rgba(255, 255, 255, 0.1);

            position: relative;

            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);

        }



        /* الخط البرتقالي في الأعلى */

        .content-card::before {

            content: '';

            position: absolute;

            top: 0;

            left: 50%;

            transform: translateX(-50%);

            width: 60%;

            height: 3px;

            background: linear-gradient(90deg, transparent, #ff6b00, transparent);

            border-radius: 2px;

        }



        .content-title {

            font-size: 32px;

            font-weight: 900;

            margin-bottom: 25px;

            color: #ffffff;

            text-align: center;

        }



        .content-description {

            color: #b0b8d1;

            font-size: 16px;

            line-height: 1.9;

            margin-bottom: 25px;

        }



        .content-description a {

            color: #ff6b00;

            text-decoration: none;

            font-weight: 700;

            transition: color 0.3s;

        }



        .content-description a:hover {

            color: #ffc107;

        }



        /* قائمة المميزات */

        .content-features {

            list-style: none;

            margin-bottom: 30px;

        }



        .content-features li {

            padding: 10px 0;

            color: #e0e0e0;

            font-size: 16px;

            display: flex;

            align-items: center;

            gap: 12px;

        }



        .content-features li i {

            font-size: 18px;

            width: 25px;

            text-align: center;

        }



        .icon-target { color: #ff6b00; }

        .icon-fire { color: #ff9500; }

        .icon-new { color: #00d4ff; }

        .icon-star { color: #ffc107; }



        .content-footer {

            color: #8b92a8;

            font-size: 15px;

            margin-bottom: 30px;

            font-style: italic;

        }



        /* زر الاشتراك (واتساب) */

        .btn-subscribe {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            background: linear-gradient(45deg, #ff6b00, #ff9500);

            color: #000;

            padding: 16px 35px;

            border-radius: 50px;

            text-decoration: none;

            font-weight: 700;

            font-size: 18px;

            border: none;

            cursor: pointer;

            transition: all 0.3s ease;

            box-shadow: 0 4px 20px rgba(255, 107, 0, 0.4);

            width: 100%;

        }



        .btn-subscribe:hover {

            transform: translateY(-3px);

            box-shadow: 0 8px 30px rgba(255, 107, 0, 0.6);

        }



        .btn-subscribe i {

            font-size: 22px;

        }



        /* رابط الموقع */

        .site-link {

            display: block;

            text-align: center;

            margin-top: 20px;

            color: #007bff;

            text-decoration: none;

            font-size: 14px;

            transition: color 0.3s;

            font-weight: 600;

        }



        .site-link:hover {

            color: #ffc107;

            text-decoration: underline;

        }



        /* ========== الصورة الجانبية - تصحيح وضوحها ========== */

        .content-image {

            position: relative;

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100%;

            min-height: 400px;

        }



        .tv-image {

            width: 100%;

            height: auto;

            max-height: 450px;

            object-fit: contain;

            border-radius: 20px;

            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);

            border: 3px solid rgba(255, 107, 0, 0.3);

            transition: all 0.4s ease;

            background: #000;

        }



        .tv-image:hover {

            transform: scale(1.03);

            border-color: rgba(255, 107, 0, 0.6);

            box-shadow: 0 30px 70px rgba(255, 107, 0, 0.2);

        }



        /* تأثير توهج خلف الصورة */

        .content-image::before {

            content: '';

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 450px;

            height: 450px;

            background: radial-gradient(circle, rgba(255,107,0,0.2) 0%, transparent 70%);

            z-index: -1;

            pointer-events: none;

            animation: pulse 3s infinite;

        }



        @keyframes pulse {

            0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }

            50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; }

        }



        /* ========== التجاوب ========== */

        @media (max-width: 968px) {

            .content-section {

                grid-template-columns: 1fr;

                gap: 50px;

            }



            .content-card {

                padding: 35px 25px;

                order: 2;

            }



            .content-image {

                order: 1;

                min-height: auto;

            }



            .content-title {

                font-size: 28px;

            }



            .tv-image {

                max-height: 350px;

            }

        }



        @media (max-width: 480px) {

            .content-title {

                font-size: 24px;

            }

            

            .content-features li {

                font-size: 15px;

            }



            .btn-subscribe {

                font-size: 16px;

                padding: 14px 25px;

            }

        }



        /* زر واتساب العائم */

        .whatsapp-float {

            position: fixed;

            bottom: 30px;

            left: 30px;

            background: #25d366;

            color: white;

            width: 60px;

            height: 60px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 30px;

            text-decoration: none;

            box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);

            z-index: 1000;

            transition: transform 0.3s;

        }



        .whatsapp-float:hover {

            transform: scale(1.1);

        }

    



        /* إعدادات أساسية */

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box !important;

        }



        body {

            background-color: transparent;

            color: #ffffff;

            font-family: 'Cairo', sans-serif;

            overflow-x: hidden !important;

        }



        .testimonials-section {

            width: 100% !important;

            max-width: 1400px;

            margin: 0 auto;

            text-align: center;

            padding: 60px 0;

            overflow: hidden !important;

        }



        .testimonials-title {

            font-size: clamp(24px, 5vw, 42px);

            font-weight: 900;

            margin-bottom: 50px;

            color: #ffffff;

            line-height: 1.5;

            padding: 0 15px;

        }



        .testimonials-title span {

            color: #ff6b00;

            position: relative;

        }



        .testimonials-title span::after {

            content: '';

            position: absolute;

            bottom: -5px;

            left: 0;

            width: 100%;

            height: 3px;

            background: linear-gradient(90deg, #ff6b00, #ff9500);

        }



        /* ========== حاوية السلايدر ========== */

        .slider-container {

            position: relative;

            width: 100%;

            overflow: hidden;

            padding: 20px 0;

            direction: ltr !important; /* السلايدر يعمل من اليسار لليمين برمجياً */

        }



        .slider-wrapper {

            display: flex;

            transition: transform 0.5s ease-in-out;

            gap: 20px;

            padding: 20px 10px;

            cursor: grab;

            width: max-content;

        }



        .slider-wrapper:active { cursor: grabbing; }



        /* ========== تصميم بطاقة الواتساب ========== */

        .slide {

            min-width: 320px;

            width: 320px;

            height: 520px;

            background: #fff;

            border-radius: 25px;

            overflow: hidden;

            border: 3px solid #2a2f3d;

            box-shadow: 0 15px 35px rgba(0,0,0,0.5);

            position: relative;

            display: flex;

            flex-direction: column;

            flex-shrink: 0;

            transition: all 0.3s ease;

        }



        /* العلامة المائية الشفافة فوق كل المحادثات */

        .slide::after {

            content: 'tvstrong4k.com';

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%) rotate(-25deg);

            font-size: 28px;

            font-weight: 900;

            color: rgba(0,0,0,0.08);

            pointer-events: none;

            z-index: 100;

            white-space: nowrap;

            font-family: 'Arial', sans-serif;

            text-transform: lowercase;

        }



        /* رأس الواتساب */

        .wa-header {

            background: linear-gradient(180deg, #075e54 0%, #128c7e 100%);

            padding: 12px 15px;

            display: flex;

            align-items: center;

            gap: 12px;

            color: white;

            border-bottom: 1px solid rgba(0,0,0,0.1);

        }



        .wa-back { font-size: 16px; }



        .wa-avatar {

            width: 38px;

            height: 38px;

            background: #ddd;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #555;

            font-size: 18px;

            overflow: hidden;

            flex-shrink: 0;

        }



        .wa-info {

            flex: 1;

            font-family: 'Roboto', 'Cairo', sans-serif;

        }



        .wa-name {

            font-weight: 700;

            font-size: 15px;

            display: block;

            line-height: 1.2;

        }



        .wa-status {

            font-size: 12px;

            opacity: 0.9;

            color: #d1d7db;

        }



        .wa-icons {

            display: flex;

            gap: 15px;

            font-size: 16px;

        }



        /* خلفية المحادثة */

        .wa-chat {

            flex: 1;

            background: #efeae2;

            padding: 15px 10px;

            overflow-y: auto;

            display: flex;

            flex-direction: column;

            gap: 10px;

            position: relative;

            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%23efeae2'/%3E%3Cpath d='M0 0h100v100H0z' fill='none' stroke='%23d1d7db' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E");

        }



        /* رسائل الواتساب العامة */

        .msg {

            max-width: 85%;

            padding: 8px 12px;

            border-radius: 12px;

            font-size: 14px;

            line-height: 1.5;

            position: relative;

            word-wrap: break-word;

            font-family: 'Roboto', 'Cairo', sans-serif;

            box-shadow: 0 1px 2px rgba(0,0,0,0.1);

        }



        .msg-time {

            font-size: 10px;

            color: #888;

            margin-top: 4px;

            display: flex;

            align-items: center;

            gap: 4px;

            font-family: 'Roboto', sans-serif;

        }



        .check-blue { color: #53bdeb; font-size: 12px; }



        /* ===== المحادثات الإنجليزية (LTR) ===== */

        .slide-en .wa-info { text-align: left; }

        .slide-en .wa-chat { direction: ltr; }

        

        .slide-en .msg-received {

            background: #fff;

            color: #111;

            align-self: flex-start;

            border-bottom-left-radius: 4px;

            text-align: left;

        }



        .slide-en .msg-sent {

            background: #dcf8c6;

            color: #111;

            align-self: flex-end;

            border-bottom-right-radius: 4px;

            text-align: left;

        }

        

        .slide-en .msg-time { justify-content: flex-end; }



        /* ===== المحادثات العربية (RTL) ===== */

        .slide-ar { direction: rtl; }

        .slide-ar .wa-info { text-align: right; }

        .slide-ar .wa-chat { direction: rtl; }

        

        .slide-ar .msg-received {

            background: #fff;

            color: #111;

            align-self: flex-start; /* اليمين في RTL */

            border-bottom-right-radius: 4px;

            text-align: right;

        }



        .slide-ar .msg-sent {

            background: #dcf8c6;

            color: #111;

            align-self: flex-end; /* اليسار في RTL */

            border-bottom-left-radius: 4px;

            text-align: right;

        }

        

        .slide-ar .msg-time { justify-content: flex-end; }



        /* منطقة الكتابة أسفل الواتساب */

        .wa-input {

            background: #f0f0f0;

            padding: 10px;

            display: flex;

            align-items: center;

            gap: 10px;

            border-top: 1px solid #ddd;

        }



        .wa-input-box {

            flex: 1;

            background: #fff;

            padding: 8px 15px;

            border-radius: 20px;

            color: #999;

            font-size: 13px;

            text-align: inherit;

        }



        .wa-mic { color: #128c7e; font-size: 20px; }



        /* تأثير التحويم */

        .slide:hover {

            transform: translateY(-5px);

            border-color: #ff6b00;

        }



        /* أزرار التنقل */

        .slider-btn {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            background: rgba(255,107,0,0.9);

            color: #fff;

            border: none;

            width: 45px;

            height: 45px;

            border-radius: 50%;

            cursor: pointer;

            font-size: 18px;

            display: flex;

            align-items: center;

            justify-content: center;

            transition: all 0.3s;

            z-index: 20;

            box-shadow: 0 4px 10px rgba(0,0,0,0.3);

        }



        .slider-btn:hover {

            background: #ff6b00;

            transform: translateY(-50%) scale(1.1);

        }



        .slider-btn.prev { left: 10px; }

        .slider-btn.next { right: 10px; }



        /* النقاط والنجوم */

        .slider-dots {

            display: flex;

            justify-content: center;

            gap: 8px;

            margin-top: 20px;

            direction: ltr;

        }



        .dot {

            width: 10px;

            height: 10px;

            border-radius: 50%;

            background: rgba(255,255,255,0.3);

            cursor: pointer;

            transition: all 0.3s;

        }



        .dot.active {

            background: #ff6b00;

            transform: scale(1.2);

        }



        .stars {

            margin-top: 20px;

            color: #ffc107;

            font-size: 24px;

            letter-spacing: 5px;

        }



        .whatsapp-question-btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            margin-top: 30px;

            background: #25d366;

            color: #fff;

            padding: 14px 35px;

            border-radius: 50px;

            text-decoration: none;

            font-weight: 700;

            font-size: 16px;

            transition: all 0.3s;

            box-shadow: 0 4px 15px rgba(37,211,102,0.4);

            direction: rtl;

        }



        .whatsapp-question-btn:hover {

            background: #128c7e;

            transform: translateY(-3px);

        }



        /* ========== الحل الجذري للموبايل (توسيط 100%) ========== */

        @media (max-width: 768px) {

            .slider-btn { display: none; } /* إخفاء الأسهم في الموبايل */

            

            .slider-container {

                padding: 15px !important; /* هوامش خارجية متساوية */

            }



            .slider-wrapper {

                gap: 15px !important; /* مسافة بين الصور */

                padding: 0 !important;

            }



            .slide { 

                /* هذا السطر هو السحر: يأخذ 100% من الحاوية ليتوسطها بالمللي متر */

                min-width: 100% !important; 

                width: 100% !important;

                height: 500px;

                border-radius: 20px !important; 

            }



            .watermark { font-size: 24px; }

        }

    



        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Cairo', sans-serif;

        }



        body {

            background-color: #0a0c10;

            color: #ffffff;

            line-height: 1.6;

            overflow-x: hidden;

        }



        /* ========== قسم المميزات ========== */

        .features-section {

            padding: 80px 20px;

            max-width: 1200px;

            margin: 0 auto;

        }



        /* العنوان الرئيسي */

        .section-header {

            text-align: center;

            margin-bottom: 50px;

        }



        .section-title {

            font-size: clamp(22px, 5vw, 38px);

            font-weight: 900;

            margin-bottom: 15px;

            color: #ffffff;

            line-height: 1.3;

        }



        .section-title span {

            color: #ff6b00;

        }



        .section-subtitle {

            color: #8b92a8;

            font-size: clamp(14px, 2.5vw, 18px);

            max-width: 700px;

            margin: 0 auto;

            line-height: 1.6;

            padding: 0 10px;

        }



        /* شبكة المميزات */

        .features-grid {

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 25px;

            margin-bottom: 40px;

        }



        /* بطاقة الميزة */

        .feature-card {

            display: flex;

            align-items: flex-start;

            gap: 15px;

            padding: 25px;

            background: rgba(255, 255, 255, 0.02);

            border-radius: 16px;

            border: 1px solid rgba(255, 255, 255, 0.05);

            transition: all 0.3s ease;

            height: 100%;

        }



        .feature-card:hover {

            background: rgba(255, 255, 255, 0.05);

            transform: translateY(-5px);

            border-color: rgba(255, 107, 0, 0.3);

            box-shadow: 0 10px 30px rgba(0,0,0,0.3);

        }



        /* أيقونة الميزة */

        .feature-icon {

            min-width: 50px;

            height: 50px;

            border-radius: 12px;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 22px;

            flex-shrink: 0;

            box-shadow: 0 4px 15px rgba(0,0,0,0.3);

        }



        /* ألوان الأيقونات */

        .icon-blue { background: rgba(0, 123, 255, 0.15); color: #007bff; border: 1px solid rgba(0, 123, 255, 0.3); }

        .icon-green { background: rgba(0, 212, 170, 0.15); color: #00d4aa; border: 1px solid rgba(0, 212, 170, 0.3); }

        .icon-orange { background: rgba(255, 107, 0, 0.15); color: #ff6b00; border: 1px solid rgba(255, 107, 0, 0.3); }

        .icon-purple { background: rgba(138, 43, 226, 0.15); color: #8a2be2; border: 1px solid rgba(138, 43, 226, 0.3); }

        .icon-cyan { background: rgba(0, 212, 255, 0.15); color: #00d4ff; border: 1px solid rgba(0, 212, 255, 0.3); }

        .icon-pink { background: rgba(255, 0, 128, 0.15); color: #ff0080; border: 1px solid rgba(255, 0, 128, 0.3); }



        /* محتوى البطاقة */

        .feature-content {

            flex: 1;

            min-width: 0; /* مهم لمنع خروج النص عن الإطار */

        }



        .feature-content h3 {

            font-size: clamp(16px, 2vw, 20px);

            font-weight: 700;

            margin-bottom: 10px;

            color: #ffffff;

            display: flex;

            align-items: center;

            gap: 8px;

            flex-wrap: wrap;

        }



        .feature-content h3 span {

            color: #ff6b00;

            font-weight: 900;

        }



        .feature-content p {

            color: #8b92a8;

            font-size: clamp(13px, 1.5vw, 15px);

            line-height: 1.8;

            word-wrap: break-word;

            overflow-wrap: break-word;

        }



        /* ملاحظة أسفل */

        .feature-note {

            text-align: center;

            color: #666;

            font-size: clamp(12px, 1.5vw, 14px);

            margin-top: 40px;

            padding-top: 25px;

            border-top: 1px solid #2a2f3d;

            font-style: italic;

            padding-right: 15px;

            padding-left: 15px;

        }



        /* ========== التابلت (أقل من 992px) ========== */

        @media (max-width: 992px) {

            .features-section {

                padding: 60px 15px;

            }

            

            .features-grid {

                grid-template-columns: repeat(2, 1fr);

                gap: 20px;

            }

            

            .feature-card {

                padding: 20px;

            }

        }



        /* ========== الموبايل (أقل من 768px) ========== */

        @media (max-width: 768px) {

            .features-section {

                padding: 50px 15px;

            }

            

            .section-header {

                margin-bottom: 35px;

            }

            

            .section-title {

                font-size: 24px;

            }

            

            .section-subtitle {

                font-size: 15px;

            }

            

            .features-grid {

                grid-template-columns: 1fr; /* عمود واحد في الموبايل */

                gap: 15px;

            }

            

            .feature-card {

                padding: 18px;

                gap: 12px;

            }

            

            .feature-icon {

                min-width: 45px;

                height: 45px;

                font-size: 20px;

            }

            

            .feature-content h3 {

                font-size: 17px;

                margin-bottom: 8px;

            }

            

            .feature-content p {

                font-size: 14px;

                line-height: 1.7;

            }

            

            /* إلغاء التحويم في الموبايل */

            .feature-card:hover {

                transform: none;

                box-shadow: none;

            }

            

            .feature-card:active {

                transform: scale(0.98);

                background: rgba(255, 255, 255, 0.08);

            }

        }



        /* ========== موبايل صغير (أقل من 480px) ========== */

        @media (max-width: 480px) {

            .features-section {

                padding: 40px 12px;

            }

            

            .section-title {

                font-size: 22px;

                margin-bottom: 10px;

            }

            

            .section-subtitle {

                font-size: 14px;

                padding: 0 5px;

            }

            

            .feature-card {

                padding: 15px;

                gap: 10px;

                border-radius: 12px;

            }

            

            .feature-icon {

                min-width: 40px;

                height: 40px;

                font-size: 18px;

                border-radius: 10px;

            }

            

            .feature-content h3 {

                font-size: 16px;

                margin-bottom: 6px;

            }

            

            .feature-content p {

                font-size: 13px;

                line-height: 1.6;

            }

            

            .feature-note {

                margin-top: 30px;

                padding-top: 20px;

                font-size: 12px;

            }

        }



        /* ========== شاشات كبيرة جداً ========== */

        @media (min-width: 1400px) {

            .features-section {

                max-width: 1400px;

                padding: 100px 40px;

            }

            

            .features-grid {

                gap: 30px;

            }

        }

    



        /* إعدادات إجبارية لمنع خروج المحتوى خارج الشاشة */

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box !important;

            font-family: 'Cairo', sans-serif;

            -webkit-tap-highlight-color: transparent;

        }



        html, body {

            overflow-x: hidden !important;

            width: 100% !important;

            max-width: 100vw !important;

        }



        /* ========== قسم الأسئلة الشائعة ========== */

        .faq-section {

            padding: 60px 15px;

            width: 100% !important;

            max-width: 800px;

            margin: 0 auto;

            overflow: hidden !important;

        }



        .section-header {

            text-align: center;

            margin-bottom: 40px;

        }



        .section-title {

            font-size: clamp(24px, 5vw, 36px);

            font-weight: 900;

            margin-bottom: 15px;

            color: #ffffff;

        }



        .section-title span {

            color: #ff6b00;

            position: relative;

        }



        .section-subtitle {

            color: #8b92a8;

            font-size: 15px;

            padding: 0 10px;

        }



        .faq-container {

            display: flex;

            flex-direction: column;

            gap: 15px;

            width: 100% !important;

        }



        .faq-item {

            background: #151921;

            border: 1px solid rgba(255, 255, 255, 0.05);

            border-radius: 12px;

            width: 100% !important;

            transition: all 0.3s ease;

        }



        .faq-item.active {

            border-color: #ff6b00;

            background: #1a1e28;

        }



        /* ===== الحل الجذري للزر والنص ===== */

        .faq-question {

            width: 100% !important;

            background: none;

            border: none;

            padding: 20px 15px;

            display: flex !important;

            justify-content: space-between !important;

            align-items: center !important;

            cursor: pointer;

        }



        /* إجبار النص على النزول لسطر جديد */

        .question-text {

            text-align: right;

            font-size: 16px;

            font-weight: 700;

            color: #ffffff;

            line-height: 1.6;

            

            /* هذه الأوامر تمنع خروج النص من الشاشة تماماً */

            white-space: normal !important; 

            word-wrap: break-word !important;

            overflow-wrap: break-word !important;

            

            /* حساب العرض لترك مساحة للسهم */

            width: calc(100% - 50px) !important; 

            max-width: calc(100% - 50px) !important;

        }



        .faq-item.active .question-text {

            color: #ff6b00;

        }



        /* الأيقونة الثابتة */

        .faq-icon {

            width: 35px !important;

            height: 35px !important;

            min-width: 35px !important; /* يمنع تصغيرها */

            background: rgba(255, 255, 255, 0.05);

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 14px;

            color: #8b92a8;

            transition: transform 0.3s ease, background 0.3s, color 0.3s;

            flex-shrink: 0 !important; /* يمنعها من الانضغاط */

        }



        .faq-item.active .faq-icon {

            background: #ff6b00;

            color: #000;

            transform: rotate(180deg);

        }



        /* حاوية الإجابة */

        .faq-answer {

            max-height: 0;

            overflow: hidden;

            transition: max-height 0.4s ease-out;

        }



        .answer-content {

            padding: 0 20px 20px 20px;

            color: #b0b8d1;

            font-size: 14px;

            line-height: 1.8;

            white-space: normal !important;

        }



        .answer-content strong {

            color: #ffffff;

        }



        /* زر التواصل */

        .faq-footer {

            text-align: center;

            margin-top: 30px;

            width: 100%;

        }



        .contact-btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 10px;

            background: transparent;

            color: #ff6b00;

            border: 2px solid #ff6b00;

            padding: 12px 30px;

            border-radius: 50px;

            text-decoration: none;

            font-weight: 700;

            font-size: 15px;

            transition: all 0.3s ease;

            width: 100%;

            max-width: 300px;

        }



        .contact-btn:hover {

            background: #ff6b00;

            color: #000;

        }



        /* التجاوب مع الموبايل الصغير جداً */

        @media (max-width: 400px) {

            .question-text {

                font-size: 14px;

            }

            .faq-icon {

                width: 30px !important;

                height: 30px !important;

                min-width: 30px !important;

            }

        }

    



        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Cairo', sans-serif;

        }



        /* حاوية الفوتر الرئيسية */

        .site-footer {

            background-color: #050608;

            color: #b0b8d1;

            border-top: 2px solid rgba(255, 107, 0, 0.2);

            position: relative;

            overflow: hidden;

        }



        /* تأثير التوهج في الخلفية */

        .site-footer::before {

            content: '';

            position: absolute;

            top: 0;

            left: 50%;

            transform: translateX(-50%);

            width: 60%;

            height: 1px;

            background: linear-gradient(90deg, transparent, #ff6b00, transparent);

            box-shadow: 0 0 20px 2px #ff6b00;

        }



        /* ===== 1. قسم الأجهزة المدعومة ===== */

        .footer-devices {

            background: #0a0c10;

            padding: 30px 20px;

            border-bottom: 1px solid rgba(255, 255, 255, 0.05);

        }



        .devices-container {

            max-width: 1200px;

            margin: 0 auto;

            display: flex;

            justify-content: space-between;

            flex-wrap: wrap;

            gap: 20px;

            text-align: center;

        }



        .device-item {

            display: flex;

            flex-direction: column;

            align-items: center;

            gap: 8px;

            transition: transform 0.3s ease;

            flex: 1;

            min-width: 100px;

        }



        .device-item:hover {

            transform: translateY(-5px);

        }



        .device-item i {

            font-size: 32px;

            color: #ffffff;

            transition: color 0.3s ease;

        }



        .device-item:hover i {

            color: #ff6b00;

        }



        .device-item .dev-name {

            font-size: 14px;

            font-weight: 700;

            color: #fff;

        }



        .device-item .dev-sub {

            font-size: 11px;

            color: #64748b;

        }



        /* ===== 2. القسم الرئيسي (الأعمدة) ===== */

        .footer-main {

            max-width: 1200px;

            margin: 0 auto;

            padding: 60px 20px;

            display: grid;

            grid-template-columns: 2fr 1fr 1fr 1fr;

            gap: 40px;

        }



        .footer-col h3 {

            color: #ffffff;

            font-size: 20px;

            font-weight: 700;

            margin-bottom: 25px;

            position: relative;

            padding-bottom: 10px;

        }



        .footer-col h3::after {

            content: '';

            position: absolute;

            right: 0;

            bottom: 0;

            width: 40px;

            height: 3px;

            background: #ff6b00;

            border-radius: 2px;

        }



        /* نبذة الموقع (العمود الأول) */

        .footer-about .logo-text {

            font-size: 28px;

            font-weight: 900;

            background: linear-gradient(90deg, #fff, #ff6b00);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            margin-bottom: 15px;

            display: inline-block;

        }



        .footer-about p {

            font-size: 14px;

            line-height: 1.8;

            margin-bottom: 20px;

        }



        /* الروابط */

        .footer-links {

            list-style: none;

        }



        .footer-links li {

            margin-bottom: 15px;

        }



        .footer-links a {

            color: #b0b8d1;

            text-decoration: none;

            font-size: 15px;

            transition: all 0.3s ease;

            display: flex;

            align-items: center;

            gap: 8px;

        }



        .footer-links a i {

            font-size: 10px;

            color: #ff6b00;

            transition: transform 0.3s ease;

        }



        .footer-links a:hover {

            color: #ff6b00;

            padding-right: 8px;

        }



        .footer-links a:hover i {

            transform: translateX(-3px);

        }



        /* تواصل معنا */

        .contact-info li {

            display: flex;

            align-items: center;

            gap: 15px;

            margin-bottom: 20px;

            font-size: 15px;

        }



        .contact-info i {

            width: 35px;

            height: 35px;

            background: rgba(255, 107, 0, 0.1);

            color: #ff6b00;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 16px;

        }



        /* ===== 3. الشريط السفلي (الحقوق والدفع) ===== */

        .footer-bottom {

            background: #020304;

            padding: 20px;

            border-top: 1px solid rgba(255, 255, 255, 0.05);

        }



        .bottom-container {

            max-width: 1200px;

            margin: 0 auto;

            display: flex;

            justify-content: space-between;

            align-items: center;

            flex-wrap: wrap;

            gap: 20px;

        }



        .copyright {

            font-size: 14px;

            color: #64748b;

        }



        .copyright span {

            color: #ff6b00;

            font-weight: 700;

        }



        .payment-methods {

            display: flex;

            gap: 15px;

            font-size: 28px;

            color: #64748b;

        }



        /* ===== التجاوب ===== */

        @media (max-width: 968px) {

            .footer-main {

                grid-template-columns: 1fr 1fr;

            }

            .devices-container {

                justify-content: center;

            }

        }



        @media (max-width: 576px) {

            .footer-main {

                grid-template-columns: 1fr;

                text-align: center;

            }

            .footer-col h3::after {

                right: 50%;

                transform: translateX(50%);

            }

            .footer-links a {

                justify-content: center;

            }

            .contact-info li {

                flex-direction: column;

                gap: 10px;

            }

            .bottom-container {

                flex-direction: column;

                justify-content: center;

                text-align: center;

            }

            .device-item {

                min-width: 30%;

            }

        }