/* ═══ إصلاح مسافات بلوكات HTML في سلة — برايم ═══ */ html { overflow-x: hidden; overflow-x: clip; } /* أي حاوية جواها سيكشن من سيكشناتنا (ع أي مستوى تداخل): تصفير المسافة الرأسية */ :is(div, section):has(:is(.salla-prime-wrapper, .prime-apps, .errorplus-flight-section, .errorplus-duel-section, .errorplus-comparison-section)), main:has(> :is(.salla-prime-wrapper, .prime-apps, .errorplus-flight-section, .errorplus-duel-section, .errorplus-comparison-section)) { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* حاويات بلوكات سلة المعروفة: تصفير كامل شامل الخلفية */ :is(.s-block, [class*="s-block"], .s-block__content, .s-section):has(:is(.salla-prime-wrapper, .prime-apps, .errorplus-flight-section, .errorplus-duel-section, .errorplus-comparison-section)) { padding: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; background: transparent !important; } :root{ /* ── سُلّم الأسطح — أسود ايرور بلس + أخضر غامق ── */ --bg-main: #03120B; --bg-secondary: #062218; --surface: #0A3525; --surface-hover: #11482F; --surface-sunken: #000000; /* ── النصوص ── */ --text-main: #FFFFFF; --text-secondary: #C9D8D0; --text-muted: #93A79C; --text-on-accent: #03120B; /* ── الليموني والذهبي ── */ --primary: #E8B84B; /* لون الفعل = الذهبي (10.36 على الأرضية) */ --primary-dark: #C99A2E; --primary-vivid: #FFD97A; --primary-light: #B3F800; /* ليموني ايرور بلس الأساسي */ --primary-bright: #FFD97A; --cyan: #B3F800; --ice: #D9FF26; /* ── العاجي كعنصر ── */ --ivory: #F7F4EC; --ivory-2: #EDE8DA; /* ── التدرّجات ── */ --grad-primary: linear-gradient(115deg,#C99A2E 0%,#E8B84B 52%,#FFD97A 100%); --grad-accent: linear-gradient(135deg,#03120B 0%,#0A3525 52%,#157A4E 100%); --grad-text: linear-gradient(90deg,#E8B84B 0%,#FFD97A 34%,#FFF6DF 50%,#FFD97A 66%,#E8B84B 100%); --grad-rule: linear-gradient(90deg,transparent,#157A4E,#B3F800,#E8B84B,transparent); --glass: linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.03)); /* ── الحدود ── */ --border-subtle: rgba(255,255,255,.08); --border: rgba(232,184,75,.20); --border-strong: rgba(232,184,75,.40); --rim-on-accent: rgba(255,246,223,.50); --focus-ring: rgba(255,217,122,.80); /* ── الظلال والتوهج ── */ --shadow-card: 0 1px 0 rgba(255,255,255,.05) inset, 0 8px 24px rgba(2,10,6,.55); --shadow-raise: 0 1px 0 rgba(255,255,255,.07) inset, 0 14px 34px rgba(2,10,6,.62), 0 0 0 1px rgba(232,184,75,.14); --glow-cta: 0 8px 22px rgba(232,184,75,.26), inset 0 1px 0 rgba(255,255,255,.35); --glow-cta-hover: 0 12px 30px rgba(232,184,75,.36), inset 0 1px 0 rgba(255,255,255,.40); --glow: rgba(232,184,75,.45); --glow-soft: rgba(232,184,75,.18); /* ── دلالية ── */ --success: #8DD200; --danger: #F2607A; --warning: #FFD97A; /* ═══ جسور التوافق — لا تحذفها ═══ */ --bp-bg: var(--bg-main); --bp-bg-secondary: var(--bg-secondary); --bp-surface: var(--surface); --bp-blue-dark: var(--primary-dark); --bp-blue: var(--primary); --bp-electric: var(--primary-light); --bp-ice: var(--ice); --bp-white: var(--text-main); --bp-text: var(--text-secondary); --bp-muted: var(--text-muted); --bp-border: var(--border); --bp-border-strong: var(--border-strong); --bp-main: var(--primary); --bp-main-light: var(--primary-light); --bp-main-dark: var(--primary-dark); --bp-main-glow: var(--glow); --bp-main-glow-soft: var(--glow-soft); --dark-bg-main: var(--bg-main); --dark-text-main:var(--text-main); --dark-text-sec: var(--text-secondary); /* شامل: سلة تستعمل --dark-grey لكل عنصر .da-bgg — وصف المنتج، شريط «أضف للسلة»، شرائط المزايا، مسار التنقّل. كان الأسود الغائر بلمعان 0.38 أي أغمق من أرضية الصفحة (0.50) فيُقرأ الصندوق حفرةً لا بطاقة، ويبتلع زرّ آبل باي الأسود (تباين 1.08). و#0A3525 لمعانه 2.76 فيصير الصندوق أفتح من الصفحة — وهو ما اخترتَه في إعدادات الثيم أصلاً. */ --dark-grey: var(--surface); --header-bg: var(--surface-sunken); --menu-bg: var(--bg-secondary); --footer-bg: var(--surface-sunken); /* متغيرات سلة */ --color-primary: var(--primary); --color-primary-dark: var(--primary-dark); --color-primary-light: var(--primary-light); --color-primary-reverse: #03120B; --s-color-primary: var(--primary); --bg-color: #03120B; /* سلة تستعمل أيضاً -d و -l وهما غير الاسمين أعلاه. كانا رماديين (#272628 و #676668) فأي حالة hover تعتمد عليهما كانت تخرج رمادية لا ذهبية. */ --color-primary-d: var(--primary-dark); --color-primary-l: var(--primary-vivid); --color-secondary: var(--primary-light); --s-color-secondary: var(--primary-light); } html, body, #app, .app-inner{ background:var(--bg-main) !important; color:var(--text-main); } body{ background-image: radial-gradient(1100px 620px at 12% 0, rgba(21,122,78,.16), transparent 60%), radial-gradient(900px 560px at 88% 420px, rgba(232,184,75,.06), transparent 58%) !important; background-repeat:no-repeat, no-repeat !important; background-attachment:scroll !important; } main, .index, .index .app-inner{ background-color:transparent !important; } .store-header{ position:relative; z-index:50; margin-bottom:5px; } /* فخّ ثيم إنجل: شريط الجوال السفلي (الرئيسية · الأقسام · السلة · بحث · دخول) عنصر .bottom-header وهو ابن مباشر لـ.store-header ويحمل صنف da-bgm نفسه. فبدون :not(.bottom-header) يلتقطه هذا المحدّد ويدهس position:fixed عنده بـrelative، فيسقط الشريط من قاع الشاشة إلى أسفل الهيدر مباشرة. */ .store-header .da-bgm:not(.bottom-header), .dark .store-header .da-bgm:not(.bottom-header){ position:relative; background: radial-gradient(circle at 50% -40%, rgba(179,248,0,.16), transparent 58%), linear-gradient(180deg, var(--bg-secondary) 0%, var(--surface-sunken) 100%) !important; color:var(--text-main) !important; border-radius:0 0 20px 20px; border-bottom:1px solid var(--border); box-shadow: 0 10px 30px rgba(2,10,6,.40), inset 0 1px 0 rgba(255,255,255,.05); } .navbar-brand img, .dark .navbar-brand img{ max-height:6.5rem; max-width:165px; width:auto; } .shadow-default{ box-shadow:none !important; } .store-header, .store-header a, .store-header button, .store-header .da-tm, .store-header .da-ts{ color:var(--text-main); } .store-header .da-ts{ color:var(--text-muted) !important; } .header-btn{ padding:5px 5px 0 8px; color:var(--text-main) !important; transition:transform .22s ease, color .22s ease, filter .22s ease; } .header-btn:hover{ opacity:1; color:var(--ice) !important; transform:translateY(-1px); } .text-2xl, .dark .text-2xl{ font-size:20px; color:var(--text-main) !important; } .btn.lang, .btn.currency{ padding-top:15px; color:var(--text-main) !important; } .sicon-search::before, .dark .sicon-search::before{ content:"\ef09" !important; background-image:none !important; font-size:22px; } .sicon-user::before, .dark .sicon-user::before{ content:"\f078" !important; background-image:none !important; font-size:22px; } .header-btn .sicon-shopping::before, .dark .header-btn .sicon-shopping::before{ content:"\ef39" !important; background-image:none !important; font-size:22px; display:block !important; position:relative; bottom:0; } .sicon-menu::before{ content:"\ed7f" !important; background-image:none !important; padding-bottom:0; font-size:22px; display:block !important; } .sicon-menu::before, .sicon-search::before, .dark .sicon-search::before, .sicon-user::before, .dark .sicon-user::before, .header-btn .sicon-shopping::before, .dark .header-btn .sicon-shopping::before{ color:var(--primary-light) !important; text-shadow: 0 0 6px var(--glow), 0 0 14px var(--glow-soft) !important; } .header-btn:hover .sicon-search::before, .header-btn:hover .sicon-user::before, .header-btn:hover .sicon-shopping::before, .header-btn:hover .sicon-menu::before{ color:var(--ice) !important; filter:drop-shadow(0 0 8px var(--glow)) !important; } .s-cart-summary-total{ display:none; } .s-cart-summary-wrapper{ align-items:center; } .s-cart-summary-wrapper .btn{ padding:6px 8px 2px 8px !important; } .store-header .s-user-menu-trigger img{ border:1px solid var(--border-strong); } .s-user-menu-login-btn{ border-color:var(--border-strong) !important; background:var(--glass) !important; } .s-user-menu-login-btn svg{ fill:var(--primary-light) !important; filter:drop-shadow(0 0 6px var(--glow-soft)); } .store-header .s-user-menu-dropdown, .s-user-menu-dropdown{ background:var(--surface) !important; color:var(--text-main) !important; border:1px solid var(--border) !important; box-shadow:var(--shadow-raise); } .s-user-menu-dropdown-header{ border-color:var(--border-subtle) !important; } .s-user-menu-dropdown-header-content p{ color:var(--text-main) !important; } .s-user-menu-dropdown-header-content span{ color:var(--text-muted) !important; } .s-user-menu-dropdown-item{ color:var(--text-secondary) !important; border-color:var(--border-subtle) !important; } .s-user-menu-dropdown-item:hover{ background:var(--surface-hover) !important; color:var(--text-main) !important; } .s-user-menu-dropdown-item-suffix svg{ fill:var(--primary-light) !important; } .s-search-input, .s-search-modal .s-search-input{ background:var(--surface) !important; color:var(--text-main) !important; border:1px solid var(--border) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); } .s-search-input::placeholder{ color:var(--text-muted) !important; } .s-search-input:focus{ border-color:var(--border-strong) !important; box-shadow: 0 0 0 2px rgba(232,184,75,.25), 0 0 18px var(--glow-soft) !important; } .s-search-results, .s-search-modal .s-search-results, .s-search-no-results-placeholder, .s-modal-body{ background:var(--bg-secondary) !important; color:var(--text-main) !important; border:1px solid var(--border) !important; } .s-search-product{ border-color:var(--border-subtle) !important; } .s-search-product:hover{ background:var(--surface-hover) !important; } .mm-ocd--open{ backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); background:rgba(2,10,6,.66) !important; } .mm-ocd__content{ background:var(--bg-secondary) !important; border-left:1px solid var(--border); box-shadow: -18px 0 45px rgba(2,10,6,.50), -4px 0 25px rgba(179,248,0,.08); } .mm-ocd__content::before, .mm-ocd__content::after{ content:""; position:absolute; bottom:-10px; z-index:99; width:4px; height:4px; border-radius:50%; background:var(--primary-light); opacity:0; pointer-events:none; animation:bpMenuDots 7s ease-out infinite; } .mm-ocd__content::before{ right:10%; box-shadow: -46px 8px 5px -1px rgba(179,248,0,.75), -104px -6px 4px -1px rgba(255,246,223,.75), -168px 5px 5px -1px rgba(179,248,0,.75), -232px -3px 4px -2px rgba(232,184,75,.60); } .mm-ocd__content::after{ left:10%; animation-delay:3.4s; animation-duration:8s; box-shadow: 52px 6px 5px -1px rgba(179,248,0,.75), 118px -5px 4px -1px rgba(255,246,223,.75), 190px 4px 5px -1px rgba(201,154,46,.75); } @keyframes bpMenuDots{ 0%{ transform:translateY(0); opacity:0; } 8%{ opacity:.75; } 60%{ opacity:.35; } 88%{ opacity:0; } 100%{ transform:translateY(-88vh); opacity:0; } } /* ═══ ختم «عزّنا بطبعنا» في ذيل القائمة الجانبية ═══ لا تستعمل #mobile-menu::after إطلاقاً: mmenu تحجزه لرسم شريط العنوان (صنف mm-spn--navbar، ونصّ «القائمة الرئيسية» غير موجود في DOM أصلاً). واستعماله يسرق الشريط، ويعاند bottom لأن mmenu تضع top:0 — ومع height تصير القيم مفرِطة التقييد فيُهمَل bottom ويفوز top. الحلّ: عنصر زائف على القائمة نفسها وفي السياق الطبيعي. الفراغ تحت «العملة» 230px والشعار 44px، فـ93px من كل جهة توسّطه تماماً. النسخة العاجية #FCF8F1 عمداً: تباينها على خلفية القائمة #062218 = 15.0، بينما النسخة الخضراء 2.57 وتكاد تذوب. */ #mobile-menu > ul::after{ content:""; display:block; height:44px; margin:93px 16px 93px; background:url("https://cdn.salla.sa/lvEmd/JOTn9KJtIthWM9Sq3vOAWqNscIDJFV5CFl8MQqQr.webp") center/contain no-repeat; opacity:.9; pointer-events:none; } .mobile-menu, .dark.mobile-menu, .mm-spn.mm-spn--light, .dark .mm-spn.mm-spn--light{ background: radial-gradient(circle at 50% 0%, rgba(179,248,0,.12), transparent 28%), var(--bg-secondary) !important; color:var(--text-main) !important; } #mobile-menu > ul > li{ position:relative; background:transparent !important; border-bottom:1px solid var(--border-subtle) !important; } #mobile-menu > ul > li > ul, .mm-spn ul ul{ background:var(--surface) !important; border-bottom:1px solid var(--border) !important; } .mm-spn a, .mm-spn span:not(.s-user-menu-dropdown-item-badge){ color:var(--text-main) !important; transition:color .2s ease, background .2s ease; } .mm-spn li:hover > a, .mm-spn li:hover > span{ color:var(--ice) !important; } .mm-spn li::after{ content:""; position:absolute; width:5px; height:30px; left:0; bottom:50%; transform:translateY(50%); border:0; border-radius:0 10px 10px 0; background:linear-gradient(180deg, #C99A2E, #E8B84B, #FFD97A) !important; box-shadow:0 0 8px var(--glow); opacity:.75; z-index:0; transition:width .22s ease, opacity .22s ease, box-shadow .22s ease; } .mm-spn li:hover::after{ width:34px !important; opacity:1; box-shadow:0 0 14px rgba(232,184,75,.60); } .mm-spn li::before{ border-color:var(--ice) !important; opacity:.65 !important; } .lazy__bg.lazy_menu{ position:relative; height:2.5rem; width:2.5rem; flex-shrink:0; background-color:var(--surface); background-size:cover; background-repeat:no-repeat; border-radius:11px; border:1px solid var(--border); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); } .rounded-lg{ border-radius:14px; } .main-menu .gap-2{ gap:12px; } .main-menu .contact-links a, .main-menu .contact-links span{ background:var(--surface) !important; color:var(--text-main) !important; border:1px solid var(--border); border-radius:12px; transition:transform .2s ease, background .2s ease, border-color .2s ease; } .main-menu .contact-links a:hover{ background:var(--primary) !important; border-color:var(--rim-on-accent) !important; transform:translateY(-2px); } .main-menu .contact-links a i::before, .main-menu .contact-links span i::before{ font-size:1.125rem; line-height:1.75rem; height:25px; width:25px; color:var(--ice) !important; } /* خلفية الفوتر شفافة تماماً: تكشف أرضية الصفحة وإشعاعاتها بدل أن تحجبها، فيصير الفوتر امتداداً للصفحة لا صندوقاً مركّباً عليها. */ .store-footer, .dark .store-footer{ position:relative; margin-top:60px; color:var(--text-main) !important; background:transparent !important; border-radius:20px 20px 0 0; border-top:1px solid var(--border); box-shadow:0 -12px 34px rgba(2,10,6,.35); } /* ── سدو على كامل الفوتر ── يسكن على .store-footer__inner لا على .store-footer، لأن footer و .store-footer عنصر واحد وزوائده محجوزة للقوس الذهبي. */ .store-footer__inner{ position:relative; } .store-footer__inner::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background-image: repeating-linear-gradient(45deg,transparent 0 10px,rgba(15,89,56,.9) 10px 13px), repeating-linear-gradient(-45deg,transparent 0 10px,rgba(213,160,54,.95) 10px 13px); background-size:26px 26px; opacity:.07; } /* ── القوس الذهبي عند قاع الفوتر ── كان على .footer-top::after فيقع فوق أيقونات الدفع. صار على footer::before بتموضع مطلق يحتضن حافّة الفوتر السفلى. */ footer.store-footer::before{ content:""; position:absolute; right:0; left:0; bottom:0; height:74px; z-index:0; pointer-events:none; background:transparent; border-bottom:5px solid var(--primary); border-radius:0 0 50px 50px; box-shadow:0 10px 25px -15px var(--glow); } .store-footer .footer-container .logo-footer .foo{ margin-bottom:.5rem; } .store-footer .store-footer__inner, .store-footer .store-footer__inner.da-bgm, .store-footer .footer-middle, .store-footer .footer-top{ background-color:transparent !important; background-image:none !important; } .store-footer__inner .container{ padding-left:0; padding-right:0; } .footer-middle{ order:1; overflow:hidden; position:relative; border:0 !important; row-gap:2.5rem !important; border-radius:20px 20px 0 0; z-index:0; } .footer-middle::before{ content:""; position:absolute; top:0; right:0; left:0; height:1px; background:var(--grad-rule); box-shadow:0 0 10px var(--glow-soft); } .store-footer h3, .dark .store-footer h3{ margin-inline:15px; width:calc(100% - 30px); height:34px; line-height:34px; color:var(--text-main) !important; font-weight:700 !important; border-radius:11px; background:var(--glass) !important; border:1px solid var(--border-strong); box-shadow:0 0 12px var(--glow-soft), inset 0 1px 0 rgba(255,255,255,.05); } .footer-profile p{ max-width:100%; padding-left:2.75rem; padding-right:2.75rem; margin-top:12px; font-size:18px; line-height:1.9; font-weight:600 !important; color:var(--text-secondary) !important; } .store-footer .store-links-items{ columns:2; margin-inline:20px; color:var(--text-main) !important; } .store-footer .footer-list a, .store-footer .store-links-items a{ color:var(--text-secondary) !important; transition:color .2s ease, transform .2s ease; } .store-footer .footer-list a:hover, .store-footer .store-links-items a:hover, .footer-bottom a:hover{ color:var(--primary-bright) !important; text-shadow:0 0 8px var(--glow-soft); } .bubble-show, .contact-links a, .dark .bubble-show, .dark .contact-links a{ background:var(--surface) !important; color:var(--text-main) !important; border:1px solid var(--border); border-radius:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; } .bubble-show{ cursor:pointer; position:relative; width:36px; height:36px; display:flex; } .contact-links a{ min-width:.5rem; padding:8px; font-size:20px; } .contact-links a:hover, .dark .contact-links a:hover, .bubble-show:hover{ transform:translateY(-2px) scale(1.04); background:var(--primary) !important; border-color:var(--rim-on-accent) !important; box-shadow:0 0 18px var(--glow); } .social-links .icon{ margin:auto !important; width:36px !important; font-size:20px; } .sicon-whatsapp2::before, .sicon-iphone::before, .sicon-paper-plane-o::before, .sicon-instagram2::before, .sicon-snapchat::before, .sicon-tiktok::before{ background-image:none !important; color:var(--ice) !important; background-size:initial !important; } .footer-social::after, .dark .footer-social::after{ display:none !important; } .footer-top{ order:2; position:relative; z-index:0; background-color:transparent !important; border:0; border-radius:0 0 25px 25px; padding-top:0 !important; padding-bottom:0 !important; } /* الشريط الذهبي كان مختبئاً خلف القوس طوال الوقت — حين نُقل القوس إلى قاع الفوتر انكشف، ولم تعد له وظيفة. */ .footer-top::before{ display:none !important; } /* القوس القديم أُلغي — انتقل إلى قاع الفوتر */ .footer-top::after, .dark .footer-top::after{ display:none !important; } .footer-bottom{ order:3; padding-top:32px; color:var(--text-main) !important; background:transparent !important; border-top:1px solid var(--border); } .footer-bottom .copyrights p, .dark .footer-bottom .copyrights p, .footer-bottom a{ color:var(--text-secondary) !important; } .store-footer .text-gray-400, .store-footer .opacity-75{ color:var(--text-muted) !important; opacity:1 !important; } @media (min-width:768px){ .da-brdr{ border-color:var(--border) !important; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } .footer-middle{ padding-inline:100px; } [dir="rtl"] .md\:text-start{ text-align:right; display:none; } .social-links .social-links{ width:61%; display:flex; flex-direction:row; } .footer-top{ display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); } .footer-middle .contact-links{ flex-wrap:wrap; justify-content:center; max-width:33rem; } [dir="rtl"] .footer-middle h3{ text-align:center; } .store-footer__inner .container{ max-width:none; } .md\:max-w-xs{ max-width:none; display:grid; grid-column:span 3 / span 3; } .social-links{ width:calc(33.33333% - 86px) !important; display:flex; flex-direction:column; } .footer-bottom{ padding-inline:130px; } } @media (max-width:767px){ .store-header .da-bgm:not(.bottom-header){ border-radius:0 0 16px 16px; } .mm-ocd__content{ width:84%; } .store-footer, .dark .store-footer{ border-radius:18px 18px 0 0; } .footer-profile p{ padding-left:1.25rem; padding-right:1.25rem; font-size:15px; } .footer-bottom{ padding-top:25px; } } .btn--primary, .btn-primary, .s-button-primary, button[class*="primary"], a[class*="btn-primary"], salla-add-product-button button, .s-add-product-button-btn, .s-add-to-cart-button{ background:var(--grad-primary) !important; border-color:var(--rim-on-accent) !important; color:var(--text-on-accent) !important; box-shadow:var(--glow-cta) !important; transition:box-shadow .3s ease, transform .25s ease !important; } .btn--primary:hover, .btn-primary:hover, .s-button-primary:hover, button[class*="primary"]:hover, a[class*="btn-primary"]:hover, salla-add-product-button button:hover, .s-add-product-button-btn:hover, .s-add-to-cart-button:hover{ box-shadow:var(--glow-cta-hover) !important; filter:brightness(1.06); transform:translateY(-1px); } a:hover{ color:var(--primary-bright); } [class*="price"]{ text-shadow:0 0 10px var(--glow-soft); } /* الأسعار تُترك للون سلة الأصلي #F87171 (صنفها text-red-400) في كل الصفحات. كان كودنا يفرض الأبيض بـ!important فيدهسه. والمشطوب وحده يخفت. */ .s-product-card-price-before{ color:var(--text-muted) !important; } .s-product-card-entry{ background:var(--surface) !important; border:1px solid var(--border) !important; box-shadow:var(--shadow-card); transition:background .25s ease, border-color .25s ease, box-shadow .25s ease; } @media(hover:hover){ .s-product-card-entry:hover{ background:var(--surface-hover) !important; border-color:var(--border-strong) !important; } } .s-button-success, .bg-green-500{ background:var(--success) !important; } salla-product-availability, .s-product-availability{ color:var(--success) !important; } .s-localization-modal-trigger-btn:hover{ background:var(--surface-hover) !important; } input, select, textarea, .s-form-control, .form-control{ background:var(--surface) !important; color:var(--text-main) !important; border-color:var(--border) !important; } input::placeholder, textarea::placeholder{ color:var(--text-muted) !important; } input:focus, select:focus, textarea:focus, .s-form-control:focus, .form-control:focus{ border-color:var(--border-strong) !important; box-shadow:0 0 0 2px rgba(232,184,75,.25) !important; } .nav-header{ position:relative; overflow:hidden; } .nav-header::after{ content:""; position:absolute; right:0; left:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--border) 15%,var(--border-strong) 50%,var(--border) 85%,transparent); pointer-events:none; z-index:5; } .nav-header::before{ content:""; position:absolute; bottom:0; right:-30%; width:30%; height:1.5px; border-radius:999px; background:linear-gradient(270deg,transparent,#C99A2E,#E8B84B,#FFF6DF,#E8B84B,#C99A2E,transparent); box-shadow:0 0 5px rgba(232,184,75,.90),0 0 12px rgba(232,184,75,.70),0 0 22px var(--glow-soft); pointer-events:none; z-index:6; animation:bpCatScan 4.5s ease-in-out infinite; } @keyframes bpCatScan{ 0%{ right:-30%; opacity:0; } 10%{ opacity:1; } 90%{ opacity:1; } 100%{ right:130%; opacity:0; } } html, body{ overflow-x:clip !important; } #app, .app-inner, .app-wrapper, main{ overflow-x:clip !important; overflow-y:visible !important; } header.store-header, .store-header, body > header, #app > header, .app-inner > header{ position:-webkit-sticky !important; position:sticky !important; top:0 !important; z-index:80 !important; } salla-gifting{ position:relative !important; display:block !important; overflow:hidden !important; isolation:isolate !important; margin:18px 0 !important; border-radius:20px !important; background:linear-gradient(115deg,rgba(232,184,75,.70) 0%,rgba(255,246,223,.36) 25%,rgba(179,248,0,.55) 50%,rgba(232,184,75,.70) 75%,rgba(255,246,223,.36) 100%) !important; background-size:260% 260% !important; animation:bpGiftBorderFlow 7s linear infinite !important; box-shadow:0 0 22px var(--glow-soft),0 0 50px rgba(179,248,0,.10),0 14px 32px rgba(2,10,6,.45) !important; } @keyframes bpGiftBorderFlow{ 0%{ background-position:0% 50%; } 100%{ background-position:260% 50%; } } salla-gifting::after{ content:"" !important; position:absolute !important; inset:1.5px !important; z-index:1 !important; pointer-events:none !important; border-radius:18.5px !important; background: radial-gradient(circle at 85% -10%, rgba(179,248,0,.18), transparent 50%), radial-gradient(circle at 10% 110%, rgba(232,184,75,.14), transparent 45%), linear-gradient(160deg, var(--surface-hover) 0%, var(--surface) 80%) !important; } salla-gifting > div{ position:relative !important; z-index:2 !important; } salla-gifting .s-gifting-widget, salla-gifting .s-list-tile-item{ background:transparent !important; border:0 !important; box-shadow:none !important; } salla-gifting .s-list-tile-item{ position:relative !important; overflow:hidden !important; padding:22px 20px !important; } salla-gifting .s-list-tile-item-icon{ display:none !important; } salla-gifting .s-list-tile-item::before, salla-gifting .s-list-tile-item::after{ content:"" !important; position:absolute !important; bottom:-10px !important; z-index:0 !important; width:4px !important; height:4px !important; border-radius:50% !important; background:var(--primary-light) !important; opacity:0; pointer-events:none !important; animation:bpGiftDots 6.5s ease-out infinite; } salla-gifting .s-list-tile-item::before{ left:6% !important; box-shadow:52px 6px 5px -1px rgba(201,154,46,.85),118px -5px 4px -1px rgba(255,246,223,.85),186px 4px 5px -1px rgba(179,248,0,.85),258px -2px 4px -2px rgba(232,184,75,.70); } salla-gifting .s-list-tile-item::after{ right:6% !important; animation-delay:3.2s; animation-duration:7.5s; box-shadow:-60px 5px 5px -1px rgba(179,248,0,.85),-132px -4px 4px -1px rgba(255,246,223,.85),-204px 3px 5px -1px rgba(201,154,46,.85); } @keyframes bpGiftDots{ 0%{ transform:translateY(0); opacity:0; } 10%{ opacity:.8; } 65%{ opacity:.35; } 100%{ transform:translateY(-160px); opacity:0; } } salla-gifting .s-list-tile-item-content, salla-gifting .s-list-tile-item-action{ position:relative !important; z-index:1 !important; } salla-gifting h3{ color:var(--text-main) !important; font-size:17px !important; font-weight:900 !important; margin-bottom:4px !important; } salla-gifting .s-list-tile-item-subtitle, salla-gifting .s-list-tile-item-subtitle div{ color:var(--text-secondary) !important; font-size:12.5px !important; line-height:1.8 !important; font-weight:600 !important; } salla-gifting salla-button button, salla-gifting .s-gifting-widget-action.s-button-element{ background:var(--grad-primary) !important; border:1px solid var(--rim-on-accent) !important; border-radius:13px !important; color:var(--text-on-accent) !important; font-weight:800 !important; box-shadow:var(--glow-cta) !important; transition:transform .22s ease, box-shadow .22s ease !important; } salla-gifting salla-button button:hover{ transform:translateY(-2px) !important; box-shadow:var(--glow-cta-hover) !important; } salla-gifting salla-button button span{ color:var(--text-on-accent) !important; } salla-gifting salla-button svg{ width:20px !important; height:20px !important; fill:var(--text-on-accent) !important; } @media (max-width:640px){ salla-gifting .s-list-tile-item{ padding:18px 15px !important; } salla-gifting h3{ font-size:15.5px !important; } salla-gifting .s-list-tile-item-subtitle div{ font-size:11.8px !important; } } .tabs.tabs__product .tab-trigger.is-active{ background:var(--primary) !important; color:var(--text-on-accent) !important; border:1px solid var(--rim-on-accent) !important; box-shadow:var(--glow-cta) !important; } .tabs.tabs__product .tab-trigger.is-active i{ color:var(--text-on-accent) !important; } .tabs.tabs__product .tab-trigger:not(.is-active){ background:var(--surface) !important; color:var(--text-secondary) !important; box-shadow:none !important; transition:background .25s ease, color .25s ease !important; } .tabs.tabs__product .tab-trigger:not(.is-active):hover{ background:var(--surface-hover) !important; color:var(--text-main) !important; } .product-single{ background:transparent !important; } /* ── تضييق حقل البريد ── كان 298px أي 76% من عرض الفوتر — شريطاً أفقياً ممتدّاً. :has(> .mail-input) يستهدف أبا الحقل مباشرة فلا يصيب غيره. */ .store-footer div:has(> .mail-input){ max-width:340px; margin-inline:auto; } @media (prefers-reduced-motion:reduce){ .mm-ocd__content::before, .mm-ocd__content::after, .nav-header::before, salla-gifting, salla-gifting .s-list-tile-item::before, salla-gifting .s-list-tile-item::after{ animation:none !important; } .nav-header::before{ opacity:0; } } /* ═══════════════════════════════════════════════════════════════════ حجز ارتفاع كتل الصفحة الرئيسية — يمنع قفزة التخطيط CLS سلة ترسم كتل HTML بجافاسكربت، فتظهر الأقسام فارغة ثم تكبر فجأة. هذه القواعد تحجز مساحتها من أول رسم. الأرقام مقيسة فعلياً على المتجر. الترتيب: 1 الهيرو · 2 الباقة · 3 التقييمات · 4 المدموج · 9 الأسئلة · 10 أدفلو ═══════════════════════════════════════════════════════════════════ */ .index .app-inner>section:nth-of-type(1){min-height:575px} .index .app-inner>section:nth-of-type(2){min-height:830px} .index .app-inner>section:nth-of-type(3){min-height:425px} .index .app-inner>section:nth-of-type(4){min-height:990px} .index .app-inner>section:nth-of-type(9){min-height:580px} .index .app-inner>section:nth-of-type(10){min-height:570px} @media (min-width:768px){ .index .app-inner>section:nth-of-type(1){min-height:550px} .index .app-inner>section:nth-of-type(2){min-height:860px} .index .app-inner>section:nth-of-type(3){min-height:465px} .index .app-inner>section:nth-of-type(4){min-height:1570px} .index .app-inner>section:nth-of-type(9){min-height:680px} .index .app-inner>section:nth-of-type(10){min-height:425px} } /* ========================================================= ايرور بلس — وصف المنتج ========================================================= */ .product__description{ --gold:#E8B84B; --gold-soft:#F2D68C; --ink:#C9D8CF; --muted:#93A99D; --card:#072619; --card-2:#0B3122; --line:rgba(232,184,75,.20); --inner:inset 0 3px 14px rgba(0,0,0,.34); background:transparent!important; border:0!important; padding:0!important; color:var(--ink)!important; font-size:15.5px!important; font-weight:500!important; line-height:1.8!important; direction:rtl!important; counter-reset:cpsec; } .product__description *{ color:inherit!important; background-color:transparent!important; font-family:inherit!important; } /* منع انقطاع الجمل والكلمة اليتيمة */ .product__description p, .product__description li{ text-align:start!important; text-wrap:pretty; word-spacing:normal!important; hyphens:none!important; overflow-wrap:break-word; } .product__description h2, .product__description h3, .product__description blockquote{ text-align:start!important; text-wrap:balance; hyphens:none!important; } .product__description p:empty{display:none!important} /* عناوين الأقسام */ .product__description h2{ counter-increment:cpsec; display:flex!important; align-items:flex-start!important; gap:10px!important; margin:26px 0 12px!important; padding-top:20px!important; border-top:1px solid rgba(232,184,75,.20)!important; font-size:19.5px!important; font-weight:700!important; line-height:1.5!important; color:var(--gold)!important; } .product__description h2::before{ content:counter(cpsec,decimal-leading-zero); flex:0 0 auto; margin-top:4px; font-size:12px; font-weight:700; letter-spacing:.5px; color:var(--card); background:var(--gold); border-radius:6px; padding:2px 7px; line-height:1.5; } .product__description h2:first-of-type{margin-top:18px!important} .product__description p{margin:0 0 10px!important} .product__description strong{font-weight:700!important;color:#FFFFFF!important} .product__description em{ display:block!important; font-style:normal!important; color:var(--muted)!important; font-size:13px!important; line-height:1.7!important; margin-top:4px!important; } .product__description a{color:var(--gold)!important;text-decoration:underline!important} /* إلغاء نقاط الثيم */ .product__description ul, .product__description ol, .product__description ul li, .product__description ol li{list-style:none!important;list-style-type:none!important} .product__description ul li::marker, .product__description ol li::marker{content:""!important;font-size:0!important} /* الركائز الثلاث */ .product__description>ul:first-of-type{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:7px!important; margin:14px 0 18px!important; padding:0!important; } .product__description>ul:first-of-type li{ margin:0!important; padding:11px 6px!important; text-align:center!important; border:1px solid var(--line)!important; border-radius:11px!important; background:var(--card)!important; box-shadow:var(--inner)!important; font-size:11.5px!important; line-height:1.5!important; color:var(--muted)!important; } .product__description>ul:first-of-type li::before{content:none!important} .product__description>ul:first-of-type li strong{ display:block!important; color:var(--gold)!important; font-size:13.5px!important; margin-bottom:2px!important; } /* القوائم العادية */ .product__description ul{margin:0 0 12px!important;padding:0!important} .product__description ul li{ position:relative!important; margin:0 0 7px!important; padding-inline-start:23px!important; } .product__description ul li::before{ content:""; position:absolute;inset-inline-start:2px;top:.72em; width:7px;height:7px; border-inline-start:2px solid var(--gold); border-bottom:2px solid var(--gold); transform:rotate(-45deg); } /* الخطوات */ .product__description ol{counter-reset:cstep;margin:0 0 12px!important;padding:0!important} .product__description ol li{ counter-increment:cstep; position:relative!important; margin:0 0 14px!important; padding-inline-start:38px!important; min-height:28px; } .product__description ol li::before{ content:counter(cstep); position:absolute;inset-inline-start:0;top:0; width:28px;height:28px;border-radius:50%; display:flex;align-items:center;justify-content:center; background:var(--gold);color:var(--card); font-size:13.5px;font-weight:700;line-height:1; } .product__description ol li strong{display:block!important;margin-bottom:2px!important} /* حبّات أسماء التطبيقات */ .product__description h3:has(+ul){ display:inline-block!important; margin:20px 0 9px!important; padding:5px 13px!important; border:1px solid var(--line)!important; border-radius:999px!important; background:var(--card)!important; box-shadow:var(--inner)!important; font-size:15px!important; font-weight:700!important; color:var(--gold-soft)!important; } .product__description ul+p{ color:var(--muted)!important; font-size:13px!important; margin:-4px 0 6px!important; } /* الأسئلة الشائعة */ .product__description h3:has(+p){ position:relative!important; margin:16px 0 3px!important; padding-inline-start:16px!important; font-size:16px!important; font-weight:700!important; line-height:1.6!important; color:#FFFFFF!important; } .product__description h3:has(+p)::before{ content:""; position:absolute;inset-inline-start:0;top:.62em; width:7px;height:7px; border-radius:2px; background:var(--gold); transform:rotate(45deg); } .product__description h3:has(+p)+p{ color:var(--muted)!important; margin-bottom:14px!important; font-size:15px!important; } /* البطاقات */ .product__description blockquote{ position:relative!important; margin:16px 0 20px!important; padding:17px clamp(14px,3.8vw,20px)!important; border:1px solid var(--line)!important; border-radius:14px!important; background:var(--card)!important; line-height:1.75!important; } .product__description blockquote::before{ content:""; position:absolute;inset-inline-start:0;top:14px;bottom:14px; width:3px;border-radius:3px; background:linear-gradient(180deg,var(--gold),rgba(232,184,75,.15)); } .product__description blockquote p{margin:0 0 9px!important} .product__description blockquote p:last-child{margin-bottom:0!important} .product__description blockquote strong{color:var(--gold)!important} /* بطاقة العرض */ .product__description blockquote:nth-of-type(1){ box-shadow:var(--inner), 0 12px 30px -20px rgba(232,184,75,.26)!important; } .product__description blockquote h3{ margin:0 0 10px!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; border-radius:0!important; display:block!important; font-size:28px!important; font-weight:700!important; line-height:1.25!important; color:var(--gold)!important; } .product__description blockquote h3::before{content:none!important} .product__description blockquote h3 em{ font-size:13px!important; font-weight:500!important; color:var(--muted)!important; margin-top:2px!important; } /* بطاقة الضمان */ .product__description blockquote:nth-of-type(2){ background:var(--card-2)!important; border-color:rgba(232,184,75,.34)!important; box-shadow:inset 0 3px 14px rgba(0,0,0,.38), 0 16px 40px -16px rgba(232,184,75,.45)!important; } .product__description blockquote:nth-of-type(2) p{ padding-bottom:9px!important; border-bottom:1px dashed rgba(232,184,75,.16)!important; } .product__description blockquote:nth-of-type(2) p:last-child, .product__description blockquote:nth-of-type(2) p:nth-last-child(2){ border-bottom:0!important;padding-bottom:0!important; } /* صفوف المواصفات */ .product__description p:has(>span+strong){ display:flex!important; justify-content:space-between!important; align-items:baseline!important; gap:12px!important; margin:0!important; padding:10px 2px!important; border-bottom:1px dashed rgba(232,184,75,.16)!important; } .product__description p:has(>span+strong)>span{ color:var(--muted)!important; font-weight:500!important; font-size:14px!important; flex:0 0 auto; } .product__description p:has(>span+strong)>strong{ color:var(--gold)!important; text-align:end!important; font-size:14.5px!important; } @media(max-width:380px){ .product__description{font-size:15px!important} .product__description h2{font-size:18.5px!important} .product__description>ul:first-of-type li{font-size:11px!important;padding:10px 4px!important} .product__description blockquote h3{font-size:25px!important} }
●ERROR→PLUS

جوالك بتطبيقاته العادية؟ هذا هو الـ ERROR

ايرور برايم برو يصلّحه: كل تطبيقات البلس لسنة كاملة، ومعها كود سناب بلس شهر داخل الباقة، وضمان يغطي المدة كاملة.

SnapchatInstagramTikTokYouTubeGames

المقارنة

نفس تطبيقاتك… بس بلس

داخل الاشتراك

اسحب وشوف وش ينتظرك

Snapchat

سناب بلس

كود شهر مشمول
  • تخطي حظر الـ IP
  • مشاهدة الستوري والمحادثات بدون علمه
  • حفظ السنابات بدون إشعار
  • إخفاء جاري الكتابة

واتساب

  • إبقاء الرسائل المحذوفة مع تمييزها
  • إخفاء جاري الكتابة والتسجيل
  • قفل المحادثات برمز
  • حظر الاتصالات
Instagram

انستقرام

  • تنزيل الريلز والصور بجودة عالية
  • مشاهدة الستوري بدون علمه
  • إزالة الإعلانات
TikTok

تيك توك

  • تنزيل بدون علامة مائية
  • تغيير دولة المحتوى
  • إزالة الإعلانات
YouTube

يوتيوب

  • تنزيل بجودات متعددة
  • التشغيل في الخلفية
  • بدون إعلانات
Games

ألعاب وتطبيقات

  • ألعاب مدفوعة ومعدّلة بمزايا مفتوحة
  • تطبيقات محذوفة من الآب ستور
  • تصوير ومونتاج بنسخ البرو

← اسحب لليسار لباقي التطبيقات

الضمان

ضمانك مرسوم على الخط

اشتراك البلسمن أول يوم لآخر يوم

ضمان كامل المدة

كود سناب بلسمضمون طول مدته

شهر
يوم التفعيلآخر يوم بالاشتراك

أي خلل خلال المدة نعوضك. والسناب عندنا داخل الضمان مو خارجه، وبعد الشهر تجدد كوده من قسم أكواد السناب.

التفعيل

٣ خطوات وتصير بلس

  1. اطلب ويوصلك الكود فوراً
  2. ادخل رابط التفعيل وحط الكود
  3. ثبّت وحمّل اللي تبيه

أسئلة تتكرر

قبل لا تسأل

أضف للسلة… وودّع الـ ERRORERROR → PLUS