/* ========================================================= MKSB STORE — MOBILE TEST 01 PART 1: STORE BACKGROUND ONLY اختبار خلفية المتجر فقط ========================================================= */ @media (max-width: 767px) { /* ========================================================= 1) خلفية المتجر الرئيسية ========================================================= */ html, body, #app, .app-inner { background: #050506 !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 02 PART 2: PRODUCTS SECTIONS BACKGROUND اختبار خلفية أقسام المنتجات فقط ========================================================= */ @media (max-width: 767px) { /* ========================================================= 2) خلفية أقسام المنتجات ========================================================= */ .s-block--angel-products { background: radial-gradient( circle at 8% 18%, rgba(255,255,255,.22) 0 1px, transparent 1.5px ), radial-gradient( circle at 22% 46%, rgba(255,255,255,.12) 0 1px, transparent 1.4px ), radial-gradient( circle at 38% 14%, rgba(255,255,255,.18) 0 1px, transparent 1.4px ), radial-gradient( circle at 55% 62%, rgba(255,255,255,.10) 0 1px, transparent 1.4px ), radial-gradient( circle at 72% 28%, rgba(255,255,255,.16) 0 1px, transparent 1.4px ), radial-gradient( circle at 91% 76%, rgba(255,255,255,.13) 0 1px, transparent 1.4px ), radial-gradient( ellipse at 12% 28%, rgba(255,255,255,.025), transparent 42% ), radial-gradient( ellipse at 88% 75%, rgba(255,255,255,.018), transparent 43% ), linear-gradient( 180deg, #09090a 0%, #030304 50%, #070708 100% ) !important; border: 0 !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 03 PART 3: SECTION DIVIDER اختبار الفاصل بين الأقسام فقط ========================================================= */ @media (max-width: 767px) { /* ========================================================= 3) الفاصل بين الأقسام ========================================================= */ .s-angel--divider { position: relative !important; overflow: hidden !important; background: linear-gradient( 180deg, #0b0b0c 0%, #070708 50%, #030304 100% ) !important; border-top: 1px solid rgba(255,255,255,.025) !important; border-bottom: 1px solid rgba(255,255,255,.02) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.012), inset 0 -1px 0 rgba(0,0,0,.45), 0 8px 20px rgba(0,0,0,.18) !important; } /* ========================================================= محتوى الفاصل ========================================================= */ .s-angel--divider .divider-container { position: relative !important; z-index: 2 !important; background: transparent !important; } /* ========================================================= الخط العلوي الخفيف ========================================================= */ .s-angel--divider::before { content: ""; position: absolute; top: 0; left: 28%; right: 28%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.10), transparent ); pointer-events: none; } /* ========================================================= وهج خفيف أعلى الفاصل ========================================================= */ .s-angel--divider::after { content: ""; position: absolute; width: 220px; height: 70px; top: -60px; left: 50%; transform: translateX(-50%); background: radial-gradient( ellipse, rgba(255,255,255,.018), transparent 72% ); pointer-events: none; } /* ========================================================= عنوان الفاصل ========================================================= */ .s-angel--divider h1, .s-angel--divider h2, .s-angel--divider h3 { color: #ffffff !important; font-weight: 900 !important; text-shadow: 0 2px 10px rgba(0,0,0,.45); } /* ========================================================= وصف الفاصل ========================================================= */ .s-angel--divider p { color: #b9b9bd !important; } /* ========================================================= رابط عرض الكل ========================================================= */ .s-angel--divider a { color: #ffffff !important; opacity: .90; } } /* ========================================================= MKSB STORE — MOBILE TEST 04A LITE PART 4A LITE: PRODUCT CARD LIGHT STYLE كرت خفيف بدون مؤثرات ثقيلة ========================================================= */ @media (max-width: 767px) { /* ========================================================= 4A LITE) جسم كرت المنتج ========================================================= */ .angel-products-container custom-salla-product-card.s-product-card-entry { background: linear-gradient( 145deg, #202022 0%, #141416 55%, #0b0b0d 100% ) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 22px !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04A-2 PART 4A-2: LIGHT PRODUCT CARD SHADOW اختبار ظل خفيف للكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry { box-shadow: 0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04A-3 PART 4A-3: PRODUCT CARD OVERFLOW اختبار overflow للكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry { overflow: hidden !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04A-4 PART 4A-4: PRODUCT CARD POSITION اختبار position للكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry { position: relative !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-1 PART 4B-1: PRODUCT CONTENT BACKGROUND اختبار خلفية محتوى الكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry .s-product-card-content { background: #111113 !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-2 PART 4B-2: PRODUCT CONTENT GRADIENT اختبار تدرج خلفية محتوى الكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry .s-product-card-content { background: linear-gradient( 160deg, #1a1a1c 0%, #101012 58%, #09090b 100% ) !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-3 PART 4B-3: PRODUCT CONTENT RADIAL GLOW اختبار الوهج الشعاعي داخل محتوى الكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry .s-product-card-content { background: radial-gradient( circle at 100% 0%, rgba(255,255,255,.045), transparent 35% ), linear-gradient( 160deg, #1a1a1c 0%, #101012 58%, #09090b 100% ) !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-4 PART 4B-4: PRODUCT CONTENT TOP BORDER اختبار الحد العلوي لمحتوى الكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry .s-product-card-content { border-top: 1px solid rgba(255,255,255,.07) !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-5 PART 4B-5: PRODUCT CONTENT INNER SHADOW اختبار الظل الداخلي لمحتوى الكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry .s-product-card-content { box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-6 PART 4B-6: PRODUCT CONTENT TECH LINE اختبار الخط التقني أعلى محتوى الكرت فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card.s-product-card-entry .s-product-card-content::before { content: ""; position: absolute; top: -1px; right: 12%; left: 12%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(0,255,25,.22), rgba(255,255,255,.18), rgba(0,255,25,.22), transparent ); pointer-events: none; } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-7 PART 4B-7: PRODUCT TITLE STYLE اختبار تنسيق عنوان المنتج فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card .s-product-card-content h3, .angel-products-container custom-salla-product-card .s-product-card-content h4 { color: #ffffff !important; font-weight: 800 !important; text-shadow: 0 2px 10px rgba(0,0,0,.32); } } /* ========================================================= MKSB STORE — MOBILE TEST 04B-8 PART 4B-8: PRODUCT DESCRIPTION STYLE اختبار تنسيق وصف المنتج فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card .s-product-card-content p { color: #c7c7cb !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 05A PART 5A: PRODUCT CARD FLEX LAYOUT اختبار توزيع الكرت وتوحيد ارتفاع المحتوى فقط ========================================================= */ @media (max-width: 767px) { /* ========================================================= جعل الكرت عموديًا ========================================================= */ .s-product-card-entry { display: flex !important; flex-direction: column !important; } /* ========================================================= محتوى الكرت يأخذ المساحة المتاحة ========================================================= */ .s-product-card-content { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0 !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 05B PART 5B: PRODUCT CARD HEIGHT اختبار ارتفاع الكرت فقط ========================================================= */ @media (max-width: 767px) { .s-product-card-entry { height: 100% !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 05C PART 5C: PRICE ALIGNMENT اختبار توحيد مستوى الأسعار فقط ========================================================= */ @media (max-width: 767px) { /* ========================================================= دفع منطقة السعر لأسفل الكرت ========================================================= */ .s-product-card-content-sub.justify-center.gap-2 { margin-top: auto !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 06A PART 6A: PRODUCT PRICE STYLE اختبار تنسيق السعر فقط ========================================================= */ @media (max-width: 767px) { .angel-products-container custom-salla-product-card .s-product-card-price, .angel-products-container custom-salla-product-card .s-product-card-sale-price { font-weight: 900 !important; text-shadow: 0 2px 10px rgba(0,0,0,.4); } } /* ========================================================= MKSB STORE — MOBILE TEST 06B PART 6B: DISCOUNT PRICE COLORS اختبار ألوان السعر الجديد والقديم فقط ========================================================= */ @media (max-width: 767px) { /* ========================================================= السعر الحالي بعد الخصم ========================================================= */ .angel-products-container .s-product-card-sale-price .s-product-card-price, .angel-products-container .s-product-card-sale-price .s-product-card-price i { color: #ffffff !important; font-weight: 900 !important; } /* ========================================================= السعر القديم المشطوب ========================================================= */ .angel-products-container .s-product-card-price-before, .angel-products-container .s-product-card-price-before * { color: #ff1f2d !important; opacity: 1 !important; } } /* ========================================================= MKSB STORE — PRODUCT PROMOTION BADGE PREMIUM عنوان ترويجي تقني بلون هوية MKSB ========================================================= */ @media (max-width: 767px) { /* ========================================================= شكل العنوان الترويجي ========================================================= */ .angel-products-container .s-product-card-promotion-title { background: linear-gradient( 135deg, #202022 0%, #151517 50%, #0d0d0f 100% ) !important; color: #ffffff !important; /* إطار أخضر فاقع */ border: 1px solid #FF0019 !important; /* شكل تقني بسيط */ border-radius: 10px 10px 10px 3px !important; padding: 7px 12px !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 800 !important; text-align: center !important; /* يسمح للعنوان يتمدد قبل النزول لسطر جديد */ width: max-content !important; max-width: calc(100% - 8px) !important; white-space: normal !important; box-sizing: border-box !important; /* عمق خفيف بدون ثقل */ box-shadow: 0 0 0 1px rgba(0,255,25,.06), 0 5px 12px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* ========================================================= الخط التقني الأخضر بالطرف ========================================================= */ .angel-products-container .s-product-card-promotion-title::before { content: ""; position: absolute; top: 5px; bottom: 5px; right: 4px; width: 3px; border-radius: 3px; background: linear-gradient( 180deg, #FF0019, #FF0019, #FF0019 ) !important; box-shadow: 0 0 5px rgba(0,255,25,.45); } } @media (max-width: 767px) { /* ========================================================= زر أضف للسلة ========================================================= */ .angel-products-container custom-salla-product-card .s-product-card-content .s-button-element, .angel-products-container custom-salla-product-card .s-product-card-content button { background: linear-gradient( 180deg, rgba(255,255,255,.055), rgba(255,255,255,.018) ) !important; border: 1px solid rgba(255,255,255,.50) !important; border-radius: 13px !important; color: #ffffff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 7px 16px rgba(0,0,0,.20) !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 09 PART 9: TESTIMONIAL CARDS تصميم آراء العملاء كامل ========================================================= */ @media (max-width: 767px) { /* ========================================================= كرت رأي العميل ========================================================= */ #testimonials-2-slider .swiper-slide > div { position: relative !important; min-height: 0 !important; background: linear-gradient( 145deg, #151516 0%, #0f0f10 55%, #09090a 100% ) !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 16px !important; box-shadow: 0 8px 20px rgba(0,0,0,.22) !important; overflow: visible !important; } /* ========================================================= المحتوى الداخلي للكرت ========================================================= */ #testimonials-2-slider .swiper-slide > div > div { min-height: 0 !important; padding: 0 14px 16px !important; } /* ========================================================= صورة العميل ========================================================= */ #testimonials-2-slider .testimonial__avatar { width: 58px !important; height: 58px !important; border-radius: 50% !important; border: 2px solid rgba(255,255,255,.12) !important; box-shadow: 0 6px 14px rgba(0,0,0,.25) !important; } #testimonials-2-slider .testimonial__avatar > div { width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center !important; } /* ========================================================= اسم العميل ========================================================= */ #testimonials-2-slider .s-testimonials--slider--img > p:first-of-type { margin-top: 7px !important; margin-bottom: 2px !important; font-size: 14px !important; font-weight: 700 !important; } /* ========================================================= النجوم ========================================================= */ #testimonials-2-slider .testimonial__rating { margin-top: 2px !important; margin-bottom: 8px !important; } #testimonials-2-slider .s-rating-stars-wrapper { gap: 1px !important; } #testimonials-2-slider .s-rating-stars-small svg { width: 15px !important; height: 15px !important; } /* ========================================================= نص التقييم ========================================================= */ #testimonials-2-slider .swiper-slide > div > div > p.text-base { margin: 0 !important; padding: 8px 4px 2px !important; min-height: 0 !important; font-size: 20px !important; line-height: 1.65 !important; font-weight: 500 !important; text-align: center !important; } /* ========================================================= علامة الاقتباس ========================================================= */ #testimonials-2-slider .testimonial__icon { top: 12px !important; left: 12px !important; font-size: 25px !important; opacity: .06 !important; } /* ========================================================= السلايد نفسه ========================================================= */ #testimonials-2-slider .swiper-slide { padding-top: 26px !important; padding-bottom: 10px !important; } } /* ========================================================= MKSB STORE — MOBILE TEST 10 PART 10: FEATURES CARDS — ANGEL THEME وضع كل ميزة داخل كرت مستقل ========================================================= */ @media (max-width: 767px) { /* ========================================================= كل ميزة داخل مربع مستقل ========================================================= */ .s-block--features > .container > div > div, .angel-features > .container > div > div { background: linear-gradient( 145deg, #171719 0%, #101012 60%, #09090b 100% ) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 16px !important; padding: 16px 12px !important; box-shadow: 0 6px 16px rgba(0,0,0,.22) !important; } /* ========================================================= العنوان داخل الميزة ========================================================= */ .s-block--features > .container > div > div h2, .angel-features > .container > div > div h2 { color: #ffffff !important; font-weight: 800 !important; } /* ========================================================= الوصف داخل الميزة ========================================================= */ .s-block--features > .container > div > div p, .angel-features > .container > div > div p { color: #b9b9bd !important; } } /* ========================================================= MKSB STORE — MOBILE HEADER PREMIUM تصميم هيدر داكن وتقني بهوية MKSB ========================================================= */ @media (max-width: 767px) { #mainnav .header-inner { /* اللون الأساسي */ --header-bg: #0b0b0d !important; /* تدرج تقني خفيف */ background-image: linear-gradient( 135deg, rgba(255,255,255,.025) 0%, transparent 45%, rgba(0,255,25,.018) 100% ) !important; /* عمق خفيف للهيدر */ box-shadow: 0 7px 18px rgba(0,0,0,.28), inset 0 -1px 0 rgba(255,255,255,.035) !important; } } /* ========================================================= MKSB STORE — MOBILE FOOTER PREMIUM تصميم فوتر داكن ونظيف بدون خط هوية ========================================================= */ /* ========================================================= MKSB STORE — MOBILE BOTTOM HEADER PREMIUM تصميم شريط التنقل السفلي ========================================================= */ @media (max-width: 767px) { .store-header .bottom-header { background: linear-gradient( 180deg, rgba(24,24,26,.97) 0%, rgba(12,12,14,.98) 100% ) !important; border-top: 1px solid rgba(255,255,255,.08) !important; box-shadow: 0 -8px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04) !important; } } /* ========================================================= MKSB STORE — FIXED BANNER ========================================================= */ @media (max-width: 767px) { .s-block--fixed-banner { background: transparent !important; padding: 0 !important; } .s-block--fixed-banner > .container { padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; } } /* ========================================================= MKSB STORE — VERIFIED FIXED BANNER LARGE تكبير بانر موثقين في المركز السعودي للأعمال ========================================================= */ @media (max-width: 767px) { /* توسيع الحاوية */ .s-block--fixed-banner > .container { width: 100% !important; max-width: 100% !important; padding-left: 4px !important; padding-right: 4px !important; } /* تكبير البانر نفسه */ .s-block--fixed-banner .banner--fixed { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 115px !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; } } /* إزالة الظل/التعتيم الجانبي من قسم المزايا */ @media (max-width: 767px) { .s-block--features, .angel-features, .s-block--features > .container, .angel-features > .container { box-shadow: none !important; filter: none !important; } .s-block--features::before, .s-block--features::after, .angel-features::before, .angel-features::after, .s-block--features > .container::before, .s-block--features > .container::after, .angel-features > .container::before, .angel-features > .container::after { display: none !important; content: none !important; background: none !important; box-shadow: none !important; } } /* إزالة التعتيم/الظل الجانبي من قسم المزايا */ @media (max-width: 767px) { .s-block--features, .s-block--features .container, .s-block--features .container > div, .angel-features, .angel-features .container, .angel-features .container > div { box-shadow: none !important; -webkit-mask-image: none !important; mask-image: none !important; -webkit-mask: none !important; mask: none !important; filter: none !important; } .s-block--features::before, .s-block--features::after, .s-block--features .container::before, .s-block--features .container::after, .s-block--features .container > div::before, .s-block--features .container > div::after, .angel-features::before, .angel-features::after, .angel-features .container::before, .angel-features .container::after, .angel-features .container > div::before, .angel-features .container > div::after { content: none !important; display: none !important; background: transparent !important; box-shadow: none !important; } } /* إجبار نصوص المزايا على الأبيض الناصع */ @media (max-width: 767px) { .s-block--features .container > div > div h1, .s-block--features .container > div > div h2, .s-block--features .container > div > div h3, .s-block--features .container > div > div h4, .s-block--features .container > div > div p, .s-block--features .container > div > div span, .angel-features .container > div > div h1, .angel-features .container > div > div h2, .angel-features .container > div > div h3, .angel-features .container > div > div h4, .angel-features .container > div > div p, .angel-features .container > div > div span { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; opacity: 1 !important; filter: none !important; text-shadow: none !important; } } /* ========================================================= MKSB STORE — PRODUCT PAGE PREMIUM تصميم صفحة المنتج كاملة — Mobile Only ========================================================= */ @media (max-width: 767px) { /* ========================================================= 1) خلفية صفحة المنتج ========================================================= */ body.product-single, body.product-single .app-inner { background: #050506 !important; } /* ========================================================= 2) مسار التنقل Breadcrumbs ========================================================= */ body.product-single .breadcrumbs { padding-top: 10px !important; padding-bottom: 10px !important; } body.product-single .s-breadcrumb-wrapper { color: #9b9ba0 !important; font-size: 11px !important; } body.product-single .s-breadcrumb-item a { color: #c7c7cb !important; } /* ========================================================= 3) صورة المنتج ========================================================= */ body.product-single .details-slider { background: #0b0b0d !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 8px 18px rgba(0,0,0,.28) !important; } /* ========================================================= 4) العنوان الترويجي فوق صورة المنتج ========================================================= */ body.product-single .promotion-title { background: linear-gradient( 135deg, #202022 0%, #151517 55%, #0d0d0f 100% ) !important; color: #ffffff !important; border: 1px solid #00FF19 !important; border-radius: 10px 10px 10px 3px !important; padding: 7px 12px !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 800 !important; width: max-content !important; max-width: calc(100% - 16px) !important; box-sizing: border-box !important; box-shadow: 0 5px 12px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important; } /* ========================================================= 5) أزرار المفضلة والمشاركة ========================================================= */ body.product-single .wish-share .s-button-element { background: #101012 !important; border: 1px solid rgba(255,255,255,.12) !important; color: #ffffff !important; border-radius: 50% !important; box-shadow: 0 5px 12px rgba(0,0,0,.25) !important; } /* ========================================================= 6) عنوان المنتج ========================================================= */ body.product-single .main-content h1.da-tm { color: #ffffff !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.5 !important; margin-top: 6px !important; } /* ========================================================= 7) العنوان الفرعي ========================================================= */ body.product-single .product-entry__sub-title { color: #a9a9ae !important; font-size: 13px !important; line-height: 1.6 !important; } /* ========================================================= 8) الوصف المختصر ========================================================= */ body.product-single #more-details { margin-top: 8px !important; margin-bottom: 8px !important; } body.product-single #more-details p { color: #c7c7cb !important; line-height: 1.75 !important; font-size: 13px !important; } body.product-single #more-details .more-details { color: #00FF19 !important; font-weight: 700 !important; } /* ========================================================= 9) السعر الحالي ========================================================= */ body.product-single .price .total-price, body.product-single .total.details .total-price { color: #ffffff !important; font-size: 22px !important; font-weight: 900 !important; text-shadow: 0 2px 8px rgba(0,0,0,.35) !important; } /* ========================================================= 10) السعر القديم المشطوب ========================================================= */ body.product-single .price .before-price, body.product-single .total.details .before-price { color: #ff1f2d !important; opacity: 1 !important; font-weight: 700 !important; } /* ========================================================= 11) حالة توفر المنتج ========================================================= */ body.product-single .product-availablity { width: max-content !important; margin-top: 8px !important; padding: 6px 11px !important; background: #0d130e !important; border: 1px solid rgba(0,255,25,.24) !important; border-radius: 10px !important; } body.product-single .product-availablity strong { color: #00FF19 !important; font-size: 12px !important; font-weight: 800 !important; } /* ========================================================= 12) التبويبات الخيارات / التفاصيل / التقييمات ========================================================= */ body.product-single .tabs.tabs__product { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; padding: 6px !important; background: #0c0c0e !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 14px 14px 0 0 !important; } body.product-single .tabs__product .tab-trigger { min-width: 0 !important; padding: 10px 5px !important; background: #151517 !important; color: #a9a9ae !important; border: 1px solid rgba(255,255,255,.06) !important; border-radius: 9px !important; font-size: 12px !important; font-weight: 700 !important; } body.product-single .tabs__product .tab-trigger.is-active, body.product-single .tabs__product .tab-trigger.active { color: #ffffff !important; border-color: #00FF19 !important; background: #121713 !important; } /* ========================================================= 13) جسم التبويبات ========================================================= */ body.product-single .tabs-wrapper__product { background: linear-gradient( 160deg, #151517 0%, #0e0e10 60%, #080809 100% ) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top: 0 !important; border-radius: 0 0 16px 16px !important; overflow: hidden !important; } /* ========================================================= 14) عنوان الخيارات ========================================================= */ body.product-single .s-product-options-option-label { margin-bottom: 12px !important; } body.product-single .s-product-options-option-label b { color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; } body.product-single .s-product-options-option-label b > span { color: #ff1f2d !important; } body.product-single .s-product-options-option-label small { color: #89898f !important; font-size: 11px !important; } /* ========================================================= 15) شبكة الخيارات ========================================================= */ body.product-single .s-product-options-grid-mode { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; } /* ========================================================= 16) إخفاء Radio الأصلي فقط بصريًا ========================================================= */ body.product-single .s-product-options-grid-mode > label > input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } /* ========================================================= 17) الخيار غير المحدد ========================================================= */ body.product-single .s-product-options-grid-mode-span { min-height: 46px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 8px 6px !important; background: linear-gradient( 145deg, #1b1b1d, #101012 ) !important; color: #d5d5d8 !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 11px !important; font-size: 12px !important; font-weight: 800 !important; box-sizing: border-box !important; } /* ========================================================= 18) الخيار المحدد ========================================================= */ body.product-single .s-product-options-grid-mode > label > input:checked + .s-product-options-grid-mode-span { background: linear-gradient( 145deg, #182019, #0c120d ) !important; color: #ffffff !important; border: 1px solid #00FF19 !important; box-shadow: inset 0 0 0 1px rgba(0,255,25,.08), 0 4px 10px rgba(0,0,0,.22) !important; } /* ========================================================= 19) عدد مرات الشراء — الكرت ========================================================= */ body.product-single section.is-sold.details { margin-top: 14px !important; margin-bottom: 14px !important; background: linear-gradient( 145deg, #1b1112 0%, #120c0d 55%, #09090a 100% ) !important; border: 1px solid rgba(255,31,45,.38) !important; border-radius: 14px !important; box-shadow: 0 6px 16px rgba(0,0,0,.24) !important; overflow: hidden !important; } /* ========================================================= 20) محتوى عدد مرات الشراء ========================================================= */ body.product-single section.is-sold.details .details__container { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 14px !important; } /* ========================================================= 21) عنوان عدد مرات الشراء ========================================================= */ body.product-single section.is-sold.details .details__title { display: flex !important; align-items: center !important; gap: 8px !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; } /* ========================================================= 22) أيقونة النار الحمراء المتحركة ========================================================= */ body.product-single section.is-sold.details .details__title .sicon-fire { color: #ff1f2d !important; font-size: 20px !important; display: inline-block !important; text-shadow: 0 0 5px rgba(255,31,45,.65), 0 0 10px rgba(255,31,45,.25) !important; animation: mksb-fire 1s ease-in-out infinite alternate !important; transform-origin: center bottom; } /* ========================================================= 23) رقم عدد مرات الشراء ========================================================= */ body.product-single section.is-sold.details .sold-count { color: #ffffff !important; font-size: 20px !important; font-weight: 900 !important; letter-spacing: .3px !important; } /* ========================================================= 24) بلوك السعر داخل الخيارات ========================================================= */ body.product-single section.total.details { margin-top: 12px !important; background: linear-gradient( 145deg, #171719, #0d0d0f ) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 14px !important; overflow: hidden !important; } body.product-single section.total.details .details__container { padding: 12px 14px !important; } body.product-single section.total.details .details__title { color: #bcbcc1 !important; font-weight: 700 !important; } /* ========================================================= 25) شريط الشراء ========================================================= */ body.product-single .sticky-product-bar { background: linear-gradient( 145deg, #171719, #0b0b0d ) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 16px !important; box-shadow: 0 8px 18px rgba(0,0,0,.26) !important; } /* ========================================================= 26) عداد الكمية ========================================================= */ body.product-single .s-quantity-input-container { background: #0c0c0e !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 11px !important; overflow: hidden !important; } body.product-single .s-quantity-input-button { color: #ffffff !important; background: #151517 !important; } body.product-single .s-quantity-input-input { color: #ffffff !important; background: #0c0c0e !important; font-weight: 800 !important; } /* ========================================================= 27) زر أضف للسلة ========================================================= */ body.product-single .sticky-product-bar__btn .s-button-element { background: linear-gradient( 180deg, #00FF19 0%, #00d616 100% ) !important; color: #050506 !important; border: 1px solid #00FF19 !important; border-radius: 12px !important; min-height: 46px !important; font-weight: 900 !important; box-shadow: 0 6px 14px rgba(0,0,0,.25) !important; } /* ========================================================= 28) تفاصيل المنتج ========================================================= */ body.product-single .product__description { color: #d0d0d4 !important; font-size: 14px !important; line-height: 1.9 !important; } body.product-single .product__description h1, body.product-single .product__description h2, body.product-single .product__description h3 { color: #ffffff !important; font-weight: 900 !important; } /* ========================================================= 29) الروابط داخل التفاصيل ========================================================= */ body.product-single .product__description a { color: #00FF19 !important; } } /* ========================================================= MKSB — FIRE ANIMATION حركة النار في عدد مرات الشراء ========================================================= */ @keyframes mksb-fire { 0% { transform: translateY(1px) scale(.94); opacity: .82; } 50% { transform: translateY(-1px) scale(1.08); opacity: 1; } 100% { transform: translateY(0) scale(1); opacity: .92; } }

مزايا الاشتراك

ضمان على الاشتراك طوال مدة الاشتراك
الوصول إلى مزايا Snapchat+ الحصرية
خيارات إضافية لتخصيص التطبيق
أيقونات مخصصة لتطبيق Snapchat
شارة Snapchat+ الخاصة بالمشترك
مزايا إضافية داخل المحادثات
خصائص وتجارب حصرية لمشتركي Snapchat+
الوصول المبكر لبعض المزايا الجديدة عند توفرها
خيارات إضافية لتخصيص تجربة الاستخدام
مزايا متنوعة يتم تحديثها وإضافتها من Snapchat
/* ========================================================= MKSB — PRODUCT FEATURES مزايا الاشتراك تحت عدد مرات الشراء ========================================================= */ @media (max-width: 767px) { body.product-single .mksb-product-features { margin: 14px 0 !important; padding: 14px !important; background: linear-gradient( 145deg, #171719 0%, #0f0f11 60%, #09090a 100% ) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 16px !important; box-shadow: 0 6px 16px rgba(0,0,0,.22) !important; } /* العنوان */ body.product-single .mksb-product-features__title { margin: 0 0 12px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; } /* الشبكة */ body.product-single .mksb-product-features__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } /* كل ميزة */ body.product-single .mksb-feature { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; min-height: 105px !important; padding: 11px !important; background: linear-gradient( 145deg, #1d1d20, #111113 ) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 12px !important; box-sizing: border-box !important; } /* صندوق الأيقونة */ body.product-single .mksb-feature i { width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #101c12 !important; color: #00FF19 !important; border: 1px solid rgba(0,255,25,.24) !important; border-radius: 9px !important; font-size: 16px !important; } /* نص الميزة */ body.product-single .mksb-feature span { color: #d2d2d6 !important; font-size: 12px !important; line-height: 1.65 !important; font-weight: 700 !important; } } /* ========================================================= MKSB STORE — PRODUCT DESCRIPTION PRO STYLE تصميم احترافي لوصف المنتج — Mobile Only ========================================================= */ @media (max-width: 767px) { /* الحاوية العامة */ body.product-single .product__description { color: #e7e7ea !important; font-size: 15px !important; line-height: 2 !important; } /* عنوان المنتج الرئيسي */ body.product-single .product__description > h1 { position: relative !important; margin: 0 0 14px !important; padding: 16px 18px !important; background: linear-gradient(145deg, #17181b 0%, #0d0e10 100%) !important; border: 1px solid rgba(0,255,25,.25) !important; border-radius: 16px !important; color: #ffffff !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1.6 !important; text-align: center !important; box-shadow: 0 10px 24px rgba(0,0,0,.22) !important; } body.product-single .product__description > h1::after { content: ""; position: absolute; right: 50%; transform: translateX(50%); bottom: 8px; width: 60px; height: 3px; background: #00ff19; border-radius: 999px; box-shadow: 0 0 10px rgba(0,255,25,.45); } /* المقدمة */ body.product-single .product__description > h1 + p { margin: 0 0 18px !important; padding: 16px 18px !important; background: linear-gradient(145deg, #111214 0%, #090a0c 100%) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; color: #e6e6e8 !important; font-size: 16px !important; line-height: 2 !important; text-align: center !important; } /* عناوين الأقسام */ body.product-single .product__description > h2 { position: relative !important; margin: 26px 0 14px !important; padding: 16px 18px !important; background: linear-gradient(145deg, #17181b 0%, #0e0f11 100%) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; color: #ffffff !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.6 !important; text-align: center !important; box-shadow: 0 8px 18px rgba(0,0,0,.18) !important; } body.product-single .product__description > h2::after { content: ""; position: absolute; right: 50%; transform: translateX(50%); bottom: 8px; width: 72px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, #00ff19, #00d915) !important; box-shadow: 0 0 12px rgba(0,255,25,.45); } /* الفقرات بعد العناوين */ body.product-single .product__description > h2 + p { margin: 0 0 14px !important; padding: 15px 16px !important; background: linear-gradient(145deg, #111214 0%, #090a0c 100%) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 14px !important; color: #ececef !important; font-size: 16px !important; line-height: 1.9 !important; text-align: center !important; } /* القوائم */ body.product-single .product__description > ul, body.product-single .product__description > ol { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; gap: 12px !important; } /* حذف النقاط الأصلية */ body.product-single .product__description > ul > li::marker, body.product-single .product__description > ol > li::marker { content: "" !important; } /* عناصر القوائم بشكل كروت */ body.product-single .product__description > ul > li, body.product-single .product__description > ol > li { position: relative !important; list-style: none !important; margin: 0 !important; padding: 16px 18px 16px 62px !important; background: linear-gradient(145deg, #131417 0%, #0a0b0d 100%) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; color: #f0f0f2 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.9 !important; box-shadow: 0 8px 16px rgba(0,0,0,.16) !important; box-sizing: border-box !important; overflow: hidden !important; } /* لمسة خضراء جانبية */ body.product-single .product__description > ul > li::after, body.product-single .product__description > ol > li::after { content: "" !important; position: absolute !important; right: 0 !important; top: 14px !important; bottom: 14px !important; width: 4px !important; background: linear-gradient(180deg, #00ff19, #00c914) !important; border-radius: 999px !important; box-shadow: 0 0 12px rgba(0,255,25,.35) !important; } /* أيقونة الصح — أوضح */ body.product-single .product__description > ul > li::before, body.product-single .product__description > ol > li::before { content: "✓" !important; position: absolute !important; left: 16px !important; top: 50% !important; transform: translateY(-50%) !important; width: 30px !important; height: 30px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(145deg, #00ff19, #00cf14) !important; color: #051006 !important; border-radius: 10px !important; font-size: 18px !important; font-weight: 900 !important; box-shadow: 0 0 0 2px rgba(0,255,25,.14), 0 0 14px rgba(0,255,25,.28) !important; } /* أول قسم مزايا — نعطيه هوية أوضح */ body.product-single .product__description > h2:first-of-type + ul > li, body.product-single .product__description > h2:first-of-type + ol > li { background: linear-gradient(145deg, rgba(0,255,25,.09), rgba(0,255,25,.03), #0b0c0e) !important; border-color: rgba(0,255,25,.24) !important; } /* قسم الملاحظات — أيقونة مختلفة */ body.product-single .product__description > h2:last-of-type + ul > li::before { content: "!" !important; background: linear-gradient(145deg, #ffbf47, #d99a16) !important; color: #1b1200 !important; box-shadow: 0 0 0 2px rgba(255,191,71,.12), 0 0 14px rgba(255,191,71,.22) !important; } body.product-single .product__description > h2:last-of-type + ul > li::after { background: linear-gradient(180deg, #ffbf47, #c38a12) !important; box-shadow: 0 0 12px rgba(255,191,71,.22) !important; } /* تحسين النصوص الداخلية */ body.product-single .product__description p, body.product-single .product__description li, body.product-single .product__description span { color: inherit !important; } /* إزالة الفراغات المزعجة */ body.product-single .product__description > p:empty, body.product-single .product__description > p:has(br:only-child) { display: none !important; } } /* ========================================================= PRODUCT PAGE — OFFER BADGE NEXT TO STRUCK PRICE وش يغيّر؟ - يضيف عبارة "وفر فلوسك!" جنب السعر المشطوب - البادج يكون مايل وجذاب - يشتغل بصفحة المنتج فقط ========================================================= */ body.product-single .price, body.product-single .price-wrapper, body.product-single .details_wrapper .price-wrapper { overflow: visible !important; } /* استهداف السعر المشطوب */ body.product-single .price del, body.product-single .price .line-through, body.product-single .price .price-before, body.product-single .price [class*="before"] { position: relative !important; display: inline-flex !important; align-items: center !important; overflow: visible !important; margin-left: 95px !important; /* مساحة للبادج */ } /* البادج */ body.product-single .price del::after, body.product-single .price .line-through::after, body.product-single .price .price-before::after, body.product-single .price [class*="before"]::after { content: "وفر فلوسك!" !important; position: absolute !important; left: -88px !important; top: 50% !important; transform: translateY(-50%) rotate(-10deg) !important; background: linear-gradient(135deg, #00ff19 0%, #69ff8d 100%) !important; color: #041106 !important; padding: 5px 11px !important; border-radius: 10px 10px 10px 3px !important; border: 1px solid rgba(255,255,255,.18) !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 8px 18px rgba(0, 255, 25, .28), 0 2px 8px rgba(0, 0, 0, .35) !important; z-index: 5 !important; pointer-events: none !important; } /* ========================================================= MKSB STORE — CART PAGE PREMIUM ========================================================= */ @media (max-width: 767px) { /* خلفية صفحة السلة */ body.cart, body.cart .app-inner { background: #050506 !important; } /* رأس الصفحة */ body.cart .nav-header { background: linear-gradient( 145deg, #141416 0%, #09090b 100% ) !important; border-bottom: 1px solid rgba(255,255,255,.07) !important; padding-top: 18px !important; padding-bottom: 18px !important; } /* عنوان السلة */ body.cart .nav-title h1 { color: #ffffff !important; font-size: 24px !important; font-weight: 900 !important; text-align: center !important; width: 100% !important; } /* عدد المنتجات */ body.cart #items-count { display: inline-flex !important; margin-right: 6px !important; padding: 4px 9px !important; background: #101a12 !important; color: #00FF19 !important; border: 1px solid rgba(0,255,25,.24) !important; border-radius: 999px !important; font-size: 11px !important; opacity: 1 !important; } /* Breadcrumbs */ body.cart .breadcrumbs { text-align: center !important; margin-top: 8px !important; } body.cart .s-breadcrumb-wrapper { justify-content: center !important; font-size: 11px !important; color: #88888d !important; } /* ========================================================= كرت المنتج ========================================================= */ body.cart .cart-item { background: linear-gradient( 145deg, #18181b 0%, #101012 55%, #09090b 100% ) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 18px !important; padding: 14px !important; box-shadow: 0 8px 20px rgba(0,0,0,.24) !important; overflow: hidden !important; } /* صورة المنتج */ body.cart .cart-item img { width: 88px !important; height: 88px !important; object-fit: cover !important; border: 1px solid rgba(0,255,25,.18) !important; border-radius: 14px !important; background: #0b0b0d !important; box-shadow: 0 5px 12px rgba(0,0,0,.25) !important; } /* اسم المنتج */ body.cart .cart-item h2 a { color: #ffffff !important; font-size: 15px !important; line-height: 1.65 !important; font-weight: 800 !important; } /* السعر */ body.cart .cart-item .item-price, body.cart .cart-item .item-total { color: #ffffff !important; font-weight: 900 !important; font-size: 15px !important; } /* السعر القديم */ body.cart .cart-item .item-original-price, body.cart .cart-item .item-regular-price { color: #ff1f2d !important; opacity: 1 !important; } /* ========================================================= عداد الكمية ========================================================= */ body.cart .cart-item .s-quantity-input-container { background: #0c0c0e !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 12px !important; overflow: hidden !important; min-height: 42px !important; } body.cart .cart-item .s-quantity-input-button { background: #161618 !important; color: #ffffff !important; width: 40px !important; } body.cart .cart-item .s-quantity-input-input { background: #0c0c0e !important; color: #ffffff !important; font-weight: 900 !important; text-align: center !important; } /* ========================================================= المجموع داخل الكرت ========================================================= */ body.cart .cart-item .center-between.border-t { border-color: rgba(255,255,255,.08) !important; margin-top: 4px !important; } body.cart .cart-item .center-between.border-t > div:first-child { color: #c8c8cc !important; font-size: 13px !important; } /* ========================================================= زر الأمنيات ========================================================= */ body.cart .cart-item .btn--wishlist .s-button-element { background: #151517 !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 9px !important; padding: 7px 10px !important; } /* ========================================================= زر الحذف ========================================================= */ body.cart .cart-item .btn--delete .s-button-element { background: rgba(255,31,45,.10) !important; color: #ff4b57 !important; border: 1px solid rgba(255,31,45,.28) !important; border-radius: 9px !important; padding: 7px 10px !important; box-shadow: none !important; } /* ========================================================= منتجات متعلقة ========================================================= */ body.cart .s-basket-gap-title { color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; text-align: center !important; margin-bottom: 14px !important; } body.cart .s-basket-gap-card { background: linear-gradient( 145deg, #18181b, #0e0e10 ) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 14px !important; } body.cart .s-basket-gap-card-name a { color: #ffffff !important; } body.cart .s-basket-gap-card-offer { color: #00FF19 !important; } /* ========================================================= ملخص الطلب السفلي ========================================================= */ body.cart .s-cart-summary-card { background: transparent !important; } body.cart .s-cart-summary-card-bar { background: linear-gradient( 180deg, rgba(22,22,24,.98), rgba(9,9,11,.99) ) !important; border-top: 1px solid rgba(255,255,255,.08) !important; box-shadow: 0 -8px 22px rgba(0,0,0,.35) !important; padding: 12px 14px !important; } /* الإجمالي */ body.cart .s-cart-summary-card-bar-label-text { color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; } body.cart .s-cart-summary-card-bar-count { color: #8f8f94 !important; font-size: 11px !important; } body.cart .s-cart-summary-card-bar-total { color: #ffffff !important; font-size: 20px !important; font-weight: 900 !important; } /* ========================================================= ورقة ملخص الطلب ========================================================= */ body.cart .s-cart-summary-card-sheet { background: linear-gradient( 145deg, #171719, #0c0c0e ) !important; border: 1px solid rgba(255,255,255,.09) !important; border-radius: 18px 18px 0 0 !important; } body.cart .s-cart-summary-card-sheet-title { color: #ffffff !important; font-size: 18px !important; font-weight: 900 !important; text-align: center !important; } body.cart .s-cart-summary-card-line { color: #c7c7cb !important; border-color: rgba(255,255,255,.08) !important; } /* ========================================================= زر إتمام الطلب ========================================================= */ body.cart #s-cart-summary-card-submit .s-button-element { background: linear-gradient( 180deg, #00FF19, #00d216 ) !important; color: #041106 !important; border: 1px solid #00FF19 !important; border-radius: 13px !important; min-height: 48px !important; font-size: 15px !important; font-weight: 900 !important; box-shadow: 0 8px 18px rgba(0,255,25,.20) !important; } } /* ========================================================= MKSB STORE — ORDER SUCCESS PAGE ========================================================= */ @media (max-width: 767px) { /* الصفحة التي تحتوي رابط الطلب */ body:has(a[href*="/account/orders/"]) { background: #050506 !important; } /* البلوك الرئيسي */ body:has(a[href*="/account/orders/"]) .flex.flex-row.gap-4.items-center.w-full { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 14px !important; padding: 26px 18px !important; background: linear-gradient( 145deg, #19191c 0%, #101012 55%, #09090b 100% ) !important; border: 1px solid rgba(0,255,25,.18) !important; border-radius: 20px !important; box-shadow: 0 12px 28px rgba(0,0,0,.28) !important; text-align: center !important; overflow: hidden !important; } /* خط أخضر سفلي */ body:has(a[href*="/account/orders/"]) .flex.flex-row.gap-4.items-center.w-full::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 18% !important; right: 18% !important; height: 3px !important; background: linear-gradient( 90deg, transparent, #00FF19, transparent ) !important; } /* دائرة النجاح */ body:has(a[href*="/account/orders/"]) .bg-store-color { width: 68px !important; height: 68px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: linear-gradient( 145deg, #00FF19, #00c914 ) !important; border: 4px solid rgba(0,255,25,.12) !important; box-shadow: 0 0 0 6px rgba(0,255,25,.05), 0 8px 18px rgba(0,255,25,.20) !important; flex: none !important; } /* علامة الصح */ body:has(a[href*="/account/orders/"]) .bg-store-color .sicon-check { color: #051006 !important; font-size: 30px !important; font-weight: 900 !important; padding: 0 !important; } /* العمود النصي */ body:has(a[href*="/account/orders/"]) .bg-store-color + div { width: 100% !important; align-items: center !important; text-align: center !important; } /* عنوان الشكر */ body:has(a[href*="/account/orders/"]) .text-text-color.text-start.font-normal { color: #ffffff !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.6 !important; text-align: center !important; margin-bottom: 4px !important; } /* صف رقم الطلب والتاريخ */ body:has(a[href*="/account/orders/"]) .text-text-color.text-start.font-normal + .flex-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important; margin-top: 4px !important; } /* البطاقات الصغيرة */ body:has(a[href*="/account/orders/"]) .text-text-color.text-start.font-normal + .flex-row > div { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 8px 10px !important; background: #0d0d0f !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 11px !important; } /* النص الثانوي */ body:has(a[href*="/account/orders/"]) .text-\[\#666666\] { color: #929297 !important; } /* رقم الطلب */ body:has(a[href*="/account/orders/"]) a[href*="/account/orders/"] .text-primary { display: inline-flex !important; padding: 3px 8px !important; background: #101c12 !important; color: #00FF19 !important; border: 1px solid rgba(0,255,25,.22) !important; border-radius: 7px !important; font-weight: 900 !important; } /* رسالة التأكيد */ body:has(a[href*="/account/orders/"]) .text-\[\#444444\].text-md { margin-top: 4px !important; padding: 14px 16px !important; width: 100% !important; background: linear-gradient( 145deg, #101012, #09090b ) !important; color: #d5d5d8 !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 12px !important; line-height: 1.8 !important; text-align: center !important; } }