/* إخفاء تام يمنع الظهور حتى عند الضغط أو التفاعل مع الفوتر */
.footer-certifications,
div.footer-certifications,
.footer-certifications * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}
.shanab-hero::before{
content:"";
position:absolute;
width:700px;
height:700px;
background:radial-gradient(circle,#8d22c055 0%,transparent 70%);
top:-200px;
right:-150px;
filter:blur(50px);
animation:glow 8s ease-in-out infinite;
}

.shanab-hero::after{
content:"";
position:absolute;
width:500px;
height:500px;
background:radial-gradient(circle,#cd60ff33 0%,transparent 70%);
bottom:-150px;
left:-150px;
filter:blur(60px);
animation:glow2 9s ease-in-out infinite;
}

@keyframes glow{
50%{
transform:translateY(40px) scale(1.15);
}
}

@keyframes glow2{
50%{
transform:translateX(30px) scale(.9);
}
}.visual-col::before{
content:"";
position:absolute;
width:420px;
height:420px;
background:rgba(255,255,255,.03);
backdrop-filter:blur(40px);
border:1px solid rgba(255,255,255,.05);
border-radius:50%;
z-index:0;
}
.cinema-ticket::before{
content:"";
position:absolute;
left:-60%;
top:0;
width:60%;
height:100%;
background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.08),
transparent);
transform:skewX(-20deg);
animation:shine 5s infinite;
}

@keyframes shine{
100%{
left:160%;
}
}
background-size:200% 200%;
animation:bgmove 18s linear infinite;
.cta-main{

box-shadow:
0 15px 40px rgba(141,34,192,.4);

transition:.35s;

position:relative;

overflow:hidden;
  .cta-main::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:120%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.35),
transparent);

transition:1s;

}

.cta-main:hover::before{

left:120%;

}

.cta-main:hover{

transform:translateY(-4px);

}

}
background-image:

radial-gradient(circle at center,#8d22c022 0%,transparent 60%),

linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),

linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);

background-size:
100% 100%,
40px 40px,
40px 40px;
.circle{

position:absolute;

border-radius:50%;

background:#8d22c020;

filter:blur(2px);

animation:float 14s linear infinite;

}
/* الإعدادات والخط (IBM Plex Sans Arabic) */
.shanab-master-container {
  background:transparent;
  color: #fff;
  padding: 40px 10px;
  text-align: center;
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
  direction: rtl;
}

.smc-badge-top {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid #481b6e; padding: 6px 18px; border-radius: 20px;
  font-size: 13px; color: #b661eb; margin-bottom: 20px;
}
.smc-header-text h2 { font-size: 32px; font-weight: 700; margin-bottom: 10px; }
.smc-header-text h2 span { color: #b661eb; }
.smc-header-text p { color: #9ca3af; font-size: 14px; margin-bottom: 40px; font-weight: 400; }

/* 🌟 المربع الأساسي: الإطار المتحرك (بدون تأثير الضغط) 🌟 */
.smc-card {
  position: relative;
  padding: 40px; max-width: 950px; margin: 0 auto;
  border-radius: 25px;
  box-shadow: 0 10px 30px rgba(182, 97, 235, 0.05);
  overflow: hidden; 
  z-index: 1;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* الطبقة التي تدور لتعطي تأثير الخط المضيء المحيط */
.smc-card::before {
  content: "";
  position: absolute;
  top: -50%; left: -50%; width: 200%; height: 200%;
  background: conic-gradient(transparent, transparent, transparent 60%, #c233ff);
  animation: spin-border 4s linear infinite;
  z-index: -2;
}

/* الطبقة الداخلية للمربع */
.smc-card::after {
  content: "";
  position: absolute;
  top: 2px; left: 2px; right: 2px; bottom: 2px; 
  background: linear-gradient(180deg, #11071c 0%, #0a040f 100%);
  border-radius: 23px; 
  z-index: -1;
}

/* التفاعل عند التمرير فقط (Hover) */
.smc-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(194, 51, 255, 0.3);
}

@keyframes spin-border {
  100% { transform: rotate(360deg); }
}

/* ---------------------------------------------------- */

.smc-card-top-row {
  display: flex !important; flex-direction: row !important;
  justify-content: space-between !important; align-items: center !important;
  width: 100%; margin-bottom: 60px;
}
.smc-brand-box { display: flex; align-items: center; gap: 15px; text-align: right; }
.smc-brand-titles h3 { margin: 0 0 5px 0; font-size: 20px; font-weight: 600; }
.smc-brand-titles p { margin: 0; font-size: 12px; color: #9ca3af; }
.smc-star {
  width: 50px; height: 50px; border: 1px solid #481b6e; border-radius: 12px;
  display: flex; align-items: center; justify-content: center; font-size: 20px; color: #b661eb;
}
.smc-smart-btn {
  border: 1px solid #481b6e; padding: 10px 20px; border-radius: 25px;
  font-size: 13px; color: #9ca3af; font-weight: 500;
}

/* هندسة الخط الزمني */
.smc-timeline-area { position: relative; margin-bottom: 50px; }

/* 🌟 الخط الخلفي الباهت (متموج) 🌟 */
.smc-track-bg {
  position: absolute; top: 24px; right: 12.5%; width: 75%; height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10'%3E%3Cpath d='M0 5 Q 5 0 10 5 T 20 5' fill='none' stroke='%23281042' stroke-width='2'/%3E%3C/svg%3E") repeat-x center;
  z-index: 1;
}

/* 🌟 الخط المضيء السريع (متموج ومتوهج) 🌟 */
.smc-track-glow {
  position: absolute; top: 24px; right: 12.5%; width: 0%; height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10'%3E%3Cpath d='M0 5 Q 5 0 10 5 T 20 5' fill='none' stroke='%23c233ff' stroke-width='2'/%3E%3C/svg%3E") repeat-x center;
  filter: drop-shadow(0 0 8px #c233ff);
  z-index: 1;
  animation: line-fill 4s infinite;
}

@keyframes line-fill {
  0% { width: 0%; opacity: 0; }
  5% { width: 0%; opacity: 1; }      
  30% { width: 25%; opacity: 1; }    
  55% { width: 50%; opacity: 1; }    
  80% { width: 75%; opacity: 1; }    
  95% { width: 75%; opacity: 0; }    
  100% { width: 0%; opacity: 0; }
}

.smc-steps-row {
  display: flex !important; flex-direction: row !important;
  justify-content: space-between !important; position: relative; z-index: 2; width: 100%;
}
.smc-step-item { flex: 1; text-align: center; }

.smc-circle {
  width: 58px; height: 58px; margin: 0 auto 15px; border-radius: 50%;
  background: #0a040f; border: 2px solid #281042;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; color: #d1d5db; font-weight: 600;
}

/* تزامن الدوائر والنصوص مع الخط */
.step-1 { animation: circle-1 4s infinite; }
.step-2 { animation: circle-2 4s infinite; }
.step-3 { animation: circle-3 4s infinite; }
.step-4 { animation: circle-4 4s infinite; }

.text-1 { animation: text-1 4s infinite; }
.text-2 { animation: text-2 4s infinite; }
.text-3 { animation: text-3 4s infinite; }
.text-4 { animation: text-4 4s infinite; }

@keyframes circle-1 {
  0%, 4% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
  5%, 29% { border-color: #c233ff; box-shadow: 0 0 20px rgba(194,51,255,0.7); color: #fff; transform: scale(1.15); background: #1a082b; }
  30%, 100% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
}
@keyframes text-1 {
  0%, 4% { color: #fff; text-shadow: none; }
  5%, 29% { color: #c233ff; text-shadow: 0 0 8px rgba(194,51,255,0.4); }
  30%, 100% { color: #fff; text-shadow: none; }
}

@keyframes circle-2 {
  0%, 29% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
  30%, 54% { border-color: #c233ff; box-shadow: 0 0 20px rgba(194,51,255,0.7); color: #fff; transform: scale(1.15); background: #1a082b; }
  55%, 100% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
}
@keyframes text-2 {
  0%, 29% { color: #fff; text-shadow: none; }
  30%, 54% { color: #c233ff; text-shadow: 0 0 8px rgba(194,51,255,0.4); }
  55%, 100% { color: #fff; text-shadow: none; }
}

@keyframes circle-3 {
  0%, 54% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
  55%, 79% { border-color: #c233ff; box-shadow: 0 0 20px rgba(194,51,255,0.7); color: #fff; transform: scale(1.15); background: #1a082b; }
  80%, 100% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
}
@keyframes text-3 {
  0%, 54% { color: #fff; text-shadow: none; }
  55%, 79% { color: #c233ff; text-shadow: 0 0 8px rgba(194,51,255,0.4); }
  80%, 100% { color: #fff; text-shadow: none; }
}

@keyframes circle-4 {
  0%, 79% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
  80%, 95% { border-color: #c233ff; box-shadow: 0 0 20px rgba(194,51,255,0.7); color: #fff; transform: scale(1.15); background: #1a082b; }
  96%, 100% { border-color: #281042; box-shadow: none; color: #d1d5db; transform: scale(1); background: #0a040f; }
}
@keyframes text-4 {
  0%, 79% { color: #fff; text-shadow: none; }
  80%, 95% { color: #c233ff; text-shadow: 0 0 8px rgba(194,51,255,0.4); }
  96%, 100% { color: #fff; text-shadow: none; }
}

.smc-step-item h4 { margin: 0 0 10px 0; font-size: 15px; font-weight: 600; transition: 0.3s; }
.smc-step-item p { margin: 0; font-size: 12px; color: #9ca3af; line-height: 1.5; font-weight: 300; }

.smc-inner-footer-box {
  width: 100%; border: 1px solid #281042; border-radius: 15px;
  padding: 18px; background: #0c0512; font-size: 14px;
  color: #d1d5db; display: flex; justify-content: center; align-items: center; font-weight: 500;
  position: relative; z-index: 2;
}
.smc-check { color: #c233ff; font-weight: 700; margin-right: 10px; }

.smc-outer-btn {
  display: inline-block; margin-top: 30px; border: 1px solid #281042;
  padding: 12px 30px; border-radius: 30px; font-size: 13px; color: #9ca3af; font-weight: 500;
}

/* التجاوب الإجباري للجوال (أفقي دائماً) */
@media (max-width: 768px) {
  .smc-card { padding: 20px 10px; }
  .smc-brand-titles h3 { font-size: 14px; }
  .smc-brand-titles p { font-size: 9px; }
  .smc-star { width: 35px; height: 35px; font-size: 14px; }
  .smc-smart-btn { padding: 5px 10px; font-size: 10px; }
  .smc-steps-row { gap: 2px; }
  .smc-step-item { padding: 0 2px; }
  .smc-circle { width: 35px; height: 35px; font-size: 12px; margin-bottom: 8px; }
  /* تعديل مكان الخط المتموج ليناسب حجم الدائرة الجديد */
  .smc-track-bg, .smc-track-glow { top: 12px; } 
  .smc-step-item h4 { font-size: 10px; margin-bottom: 5px; }
  .smc-step-item p { font-size: 8px; line-height: 1.3; }
  .smc-inner-footer-box { padding: 12px; font-size: 11px; }
}

/* 1. استيراد الخط */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

/* 2. الحاوية الأساسية */
.shanab-categories-wrapper {
    background-color: #08040b;
    padding: 60px 10px;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    text-align: center;
    direction: rtl;
}

/* 3. العنوان (تم إصلاح مشكلة قطع النص) */
.cat-main-title { 
    color: #fff; 
    font-size: 36px; 
    font-weight: 700; 
    margin-bottom: 40px; 
    line-height: 1.8; /* حل مشكلة القص */
    padding-top: 10px;
    padding-bottom: 10px;
}

.gradient-text {
    background: linear-gradient(90deg, #b661eb, #c233ff, #e060e0, #b661eb);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 4s linear infinite;
    display: inline-block;
    padding: 0 5px;
}

@keyframes shine {
    to { background-position: 200% center; }
}

/* 4. ترتيب الشبكة (موحد للكمبيوتر والموبايل) */
.cat-grid-layout { 
    max-width: 900px; 
    margin: 0 auto; 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
}

/* 5. البطاقات الأساسية */
.cat-card {
    position: relative;
    background: #0d0614;
    border-radius: 20px;
    padding: 25px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    z-index: 1;
    cursor: default; /* تم إزالة شكل اليد للدلالة على عدم القابلية للضغط */
}

/* الإطار البنفسجي المتحرك */
.cat-card::before {
    content: "";
    position: absolute;
    top: -50%; left: -50%; width: 200%; height: 200%;
    background: conic-gradient(transparent, transparent, transparent 60%, #c233ff);
    animation: rotate-border 4s linear infinite;
    z-index: -2;
}

.cat-card::after {
    content: "";
    position: absolute;
    top: 2px; left: 2px; right: 2px; bottom: 2px;
    background: linear-gradient(180deg, #120a1c 0%, #08040d 100%);
    border-radius: 19px;
    z-index: -1;
}

/* تأثير التمرير (Hover) */
.cat-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(194, 51, 255, 0.2);
}

@keyframes rotate-border { 100% { transform: rotate(360deg); } }

/* 6. القسم الرئيسي */
.cat-main { 
    min-height: 180px; 
    display: flex; 
    align-items: center; 
    justify-content: flex-start; 
    text-align: right; 
}
.cat-tag { 
    display: inline-block; background: #c233ff; color: #fff; 
    padding: 3px 12px; border-radius: 12px; font-size: 10px; margin-bottom: 8px;
}
.cat-main h3 { font-size: 22px; margin-bottom: 5px; }
.cat-main p { color: #9ca3af; font-size: 13px; margin-bottom: 10px; }
.cat-arrow { color: #c233ff; font-weight: 600; font-size: 12px; }

/* 7. الأقسام الفرعية (2x2) */
.sub-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.cat-sub { text-align: right; padding: 20px; }
.cat-sub h3 { font-size: 14px; margin-bottom: 5px; }
.cat-sub p { color: #9ca3af; font-size: 11px; margin: 0; }
/* ===========================
   SHANAB TRUST SECTION
=========================== */

.shanab-trust-section{
    position:relative;
    padding:90px 20px;
    text-align:center;
    background:transparent;
    overflow:hidden;
}

.shanab-trust-section::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    background:radial-gradient(circle,rgba(194,51,255,.18),transparent 70%);
    top:-250px;
    right:-180px;
    filter:blur(40px);
}

.shanab-trust-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:radial-gradient(circle,rgba(141,34,192,.15),transparent 70%);
    bottom:-220px;
    left:-180px;
    filter:blur(60px);
}

.trust-subtitle{

    color:#c233ff;

    font-size:18px;

    font-weight:600;

    margin-bottom:15px;

    letter-spacing:1px;

}

.trust-big-number{

    font-size:72px;

    font-weight:900;

    line-height:1;

    color:#fff;

    margin-bottom:18px;

    text-shadow:0 0 30px rgba(194,51,255,.45);

}

.trust-title{

    font-size:24px;

    color:#dad0e6;

    margin-bottom:50px;

}

.trust-container-box{

    position:relative;

    max-width:1050px;

    margin:auto;

    padding:45px;

    border-radius:28px;

    background:rgba(255,255,255,.04);

    backdrop-filter:blur(22px);

    border:1px solid rgba(255,255,255,.08);

    box-shadow:

    0 20px 60px rgba(0,0,0,.45),

    inset 0 0 0 1px rgba(255,255,255,.03);

    overflow:hidden;

}

.trust-grid{

    display:grid;

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

    gap:30px;

}

.trust-item{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:30px 15px;

    border-radius:18px;

    transition:.35s;

}

.trust-item:hover{

    transform:translateY(-8px);

    background:rgba(194,51,255,.08);

}

.trust-item img{

    width:44px;

    height:44px;

    margin-bottom:18px;

    transition:.35s;

    filter:drop-shadow(0 0 15px rgba(194,51,255,.45));

}

.trust-item:hover img{

    transform:scale(1.12);

}

.trust-item span{

    color:#fff;

    font-size:18px;

    font-weight:700;

}

/* الخط المتحرك */

.bottom-glow-line{

    position:absolute;

    bottom:0;

    left:-35%;

    width:35%;

    height:3px;

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

    filter:blur(.5px);

    animation:glowLine 4s linear infinite;

}

@keyframes glowLine{

0%{

left:-35%;

}

100%{

left:100%;

}

}

/* Responsive */

@media(max-width:900px){

.trust-grid{

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

gap:20px;

}

.trust-big-number{

font-size:58px;

}

}

@media(max-width:600px){

.trust-grid{

grid-template-columns:1fr;

}

.trust-container-box{

padding:30px 20px;

}

.trust-big-number{

font-size:46px;

}

.trust-title{

font-size:20px;

}

.trust-item{

padding:22px;

}

}
@media (max-width: 768px){

.trust-grid{
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.trust-container-box{
    padding:20px 12px;
}

.trust-item{
    padding:15px 8px;
}

.trust-item img{
    width:30px;
    height:30px;
    margin-bottom:10px;
}

.trust-item span{
    font-size:13px;
    line-height:1.4;
}

.trust-big-number{
    font-size:48px;
}

.trust-title{
    font-size:18px;
}

}
body{
    background-color:#09050d;
    background-image:
        radial-gradient(circle at 15% 15%, rgba(194,51,255,.12) 0%, transparent 35%),
        radial-gradient(circle at 85% 10%, rgba(168,85,247,.18) 0%, transparent 40%),
        radial-gradient(circle at 50% 45%, rgba(124,58,237,.08) 0%, transparent 45%),
        radial-gradient(circle at 20% 85%, rgba(194,51,255,.10) 0%, transparent 35%),
        radial-gradient(circle at 90% 80%, rgba(147,51,234,.12) 0%, transparent 35%);
    background-attachment: fixed;
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;

    background:
        radial-gradient(circle at 80% 15%,
            rgba(194,51,255,.18),
            transparent 35%),

        radial-gradient(circle at 20% 75%,
            rgba(168,85,247,.12),
            transparent 40%),

        radial-gradient(circle at 50% 50%,
            rgba(255,255,255,.02),
            transparent 60%);

    filter:blur(90px);
}
.smc-card,
.cat-card,
.trust-container-box{
    background:rgba(17,10,24,.78);
    backdrop-filter:blur(18px);
    border:1px solid rgba(194,51,255,.15);
    box-shadow:
        0 20px 60px rgba(0,0,0,.45),
        0 0 40px rgba(194,51,255,.08);
}
.smc-card,
.cat-card,
.trust-container-box{
    background:rgba(17,10,24,.78);
    backdrop-filter:blur(18px);
    border:1px solid rgba(194,51,255,.15);
    box-shadow:
        0 20px 60px rgba(0,0,0,.45),
        0 0 40px rgba(194,51,255,.08);
}
/* إزالة اللون الأسود من كامل الصفحة */
body, 
.shanab-categories-wrapper,
#app, /* قد يكون هذا هو الحاوية الأب في متجرك */
.site-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* إذا كان هناك عنصر يغطي كل شيء بالأسود */
.page-container {
    background: transparent !important;
}
/* ضبط خلفية الموقع بالكامل باللون المطلوب */
body, 
.shanab-categories-wrapper,
#app,
.site-wrapper {
    background-color: #130d19 !important;
    background: #130d19 !important;
}

/* 1. إزالة أي تدرجات لونية من الخلفية وتوحيد اللون */
body {
    background-color: #130d19 !important;
    background-image: none !important; /* هذا يلغي بقع الإضاءة الملونة */
    background: #130d19 !important;
}

/* 2. إزالة طبقة التوهج الملونة من الخلفية تماماً */
body::before {
    display: none !important; /* هذا يحذف بقع الإضاءة التي تغطي الصفحة */
}

/* 3. التأكد من أن حاوية الأقسام تأخذ نفس اللون الموحد */
.shanab-categories-wrapper {
    background-color: #130d19 !important;
    background-image: none !important;
}
/* 1. توحيد خلفية القسم وإزالة البقع */
.shanab-trust-section {
    position: relative;
    padding: 90px 20px;
    text-align: center;
    background-color: #130d19 !important; /* اللون الموحد */
    background-image: none !important; /* حذف أي تدرجات */
    overflow: hidden;
}

/* 2. إخفاء بقع الإضاءة الكبيرة (التي تسبب التلطخ) */
.shanab-trust-section::before,
.shanab-trust-section::after {
    display: none !important;
}

/* 3. جعل صندوق الثقة شفافاً ليتناسب مع الخلفية الموحدة */
.trust-container-box {
    background: transparent !important;
    backdrop-filter: none !important;
    border: 1px solid rgba(194, 51, 255, 0.2) !important;
    box-shadow: none !important;
}

/* 4. إبقاء الأيقونات والنصوص وتنسيقها */
.trust-item {
    background: transparent !important;
}

/* 5. إبقاء الخط المضيء المتحرك (الأنيميشن) */
.bottom-glow-line {
    background: linear-gradient(90deg, transparent, #c233ff, #ffffff, #c233ff, transparent) !important;
}
/* إجبار العناصر على احترام العرض المحدد وعدم التمدد */
.shanab-animated-section, .shanab-animated-section * {
    box-sizing: border-box;
}

/* الحاوية الأساسية مع الإطار المتحرك */
.shanab-animated-section {
    max-width: 1050px;
    margin: 50px auto;
    padding: 30px;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    background: transparent !important;
    border: 1px solid rgba(194, 51, 255, 0.2);
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

/* الإطار البنفسجي المضيء الدوار */
.shanab-animated-section::before {
    content: "";
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: conic-gradient(transparent, transparent, transparent 70%, #c233ff);
    animation: spin-border 4s linear infinite;
    z-index: -2;
}

/* خلفية القسم لتغطية الإطار الدوار من الداخل */
.shanab-animated-section::after {
    content: "";
    position: absolute;
    top: 2px; left: 2px; right: 2px; bottom: 2px;
    background: #130d19;
    border-radius: 23px;
    z-index: -1;
}

@keyframes spin-border {
    100% { transform: rotate(360deg); }
}

/* العناوين */
.sh-main-title {
    text-align: center; color: #fff; font-size: 32px; font-weight: 700; margin-bottom: 40px; position: relative; z-index: 1;
}
.sh-main-title span { color: #c233ff; }

/* الترتيب */
.sh-wrapper {
    display: flex; align-items: stretch; justify-content: center; gap: 20px; position: relative; z-index: 1;
}

/* البطاقات الزجاجية */
.sh-card {
    flex: 1; padding: 30px; border-radius: 20px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
}

.sh-shanab { border: 1px solid rgba(194, 51, 255, 0.4); box-shadow: 0 0 30px rgba(194, 51, 255, 0.05); }
.sh-other { border: 1px solid rgba(255, 255, 255, 0.05); }

.sh-card-title {
    text-align: center; color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 15px;
}

/* دائرة VS */
.sh-vs-circle {
    width: 55px; height: 55px;
    background: #c233ff; color: #fff; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 18px; flex-shrink: 0; align-self: center;
    box-shadow: 0 0 20px rgba(194, 51, 255, 0.4);
    border: 4px solid #130d19;
}

/* العناصر الداخلية */
.sh-list { display: flex; flex-direction: column; gap: 25px; }
.sh-item { display: flex; align-items: flex-start; gap: 12px; text-align: right; }

/* الأيقونات */
.sh-icon {
    width: 25px; height: 25px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; flex-shrink: 0; margin-top: 2px;
}
.sh-glow { background: #c233ff; color: #fff; box-shadow: 0 0 10px #c233ff; }
.sh-dim { background: rgba(255,255,255,0.05); color: #666; }

/* النصوص */
.sh-text h4 { color: #fff; font-size: 15px; font-weight: 700; margin: 0 0 5px 0; }
.sh-text p { color: #9ca3af; font-size: 12px; margin: 0; line-height: 1.5; }

/* ========================================= */
/* التجاوب الإجباري للموبايل وإصلاح التوسيط */
/* ========================================= */
@media (max-width: 768px) {
    .shanab-animated-section { 
        padding: 15px 5px !important; 
        width: 96% !important; /* إجبار العنصر على البقاء داخل الشاشة */
        margin: 20px auto !important; /* توسيط دقيق */
    }
    
    .sh-wrapper { gap: 4px !important; }
    
    .sh-card { 
        padding: 10px 5px !important; 
        border-radius: 12px !important; 
        width: 50% !important; 
    }
    
    .sh-card-title { font-size: 10px !important; margin-bottom: 10px !important; padding-bottom: 5px !important; }
    
    .sh-list { gap: 12px !important; }
    .sh-item { gap: 4px !important; }
    
    .sh-icon { width: 14px !important; height: 14px !important; font-size: 7px !important; }
    
    .sh-text h4 { font-size: 8.5px !important; margin-bottom: 2px !important; }
    .sh-text p { font-size: 7px !important; line-height: 1.3 !important; }
    
    /* تصغير دائرة VS وسحبها للداخل قليلاً لتعطي مساحة للبطاقات */
    .sh-vs-circle { 
        width: 26px !important; 
        height: 26px !important; 
        font-size: 9px !important; 
        border-width: 2px !important; 
        margin: 0 -6px !important; 
        z-index: 3 !important;
    }
    
    .sh-main-title { font-size: 18px !important; margin-bottom: 20px !important; }
}
/* إعدادات القسم */
.sh-faq-section {
    max-width: 1200px;
    margin: 50px auto;
    padding: 20px;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.sh-faq-title {
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 50px;
}
.sh-faq-title span { color: #c233ff; }

/* 
   الشبكة (Grid): 
   3 أعمدة في الكمبيوتر، مسافات متناسقة
*/
.sh-faq-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: start; /* مهم لكي لا تتمدد كل الصناديق إذا فُتح واحد */
}

/* تصميم صندوق السؤال */
.sh-faq-item {
    background: #0f0a14; /* خلفية داكنة جداً مطابقة للصورة الثانية */
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
}

/* الخط البنفسجي المضيء في أعلى الصندوق */
.sh-faq-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px; /* طول الخط المضيء */
    height: 2px;
    background: #c233ff;
    box-shadow: 0 0 15px 2px rgba(194, 51, 255, 0.6), 
                0 0 30px 2px rgba(194, 51, 255, 0.4);
    border-radius: 0 0 5px 5px;
    transition: 0.4s ease;
}

/* حركة الخط المضيء عند مرور الماوس */
.sh-faq-item:hover::before {
    width: 200px; /* يتمدد الخط ليعطي إيحاء بالحركة */
    box-shadow: 0 0 20px 3px rgba(194, 51, 255, 0.8);
}

.sh-faq-item:hover {
    border-color: rgba(194, 51, 255, 0.3);
}

/* شريط السؤال (الرأس) */
.sh-faq-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    list-style: none; /* إخفاء السهم الافتراضي للمتصفح */
    user-select: none;
}
.sh-faq-summary::-webkit-details-marker { display: none; }

/* نص السؤال */
.sh-question-text {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/* أيقونة الـ (+) الدائرية المضيئة */
.sh-faq-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(194, 51, 255, 0.4);
    color: #c233ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 300;
    transition: transform 0.3s ease, background 0.3s ease;
    flex-shrink: 0;
    margin-right: 15px;
    background: rgba(194, 51, 255, 0.05);
}

/* نص الجواب */
.sh-faq-answer {
    padding: 0 20px 20px 20px;
}
.sh-faq-answer p {
    color: #9ca3af;
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 15px;
}

/* 
   حالة (مفتوح): 
   تحويل علامة + إلى x، وتغيير الإضاءة 
*/
details[open].sh-faq-item {
    border-color: rgba(194, 51, 255, 0.4);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
}
details[open] .sh-faq-icon {
    transform: rotate(45deg); /* تحويل + إلى x */
    background: rgba(194, 51, 255, 0.2);
    color: #fff;
}
details[open].sh-faq-item::before {
    width: 100%; /* يتمدد الخط المضيء ليغطي كل الصندوق عند الفتح */
}

/* ========================================= */
/* التجاوب للموبايل (سؤال فوق سؤال بأسطر منفصلة) */
/* ========================================= */
@media (max-width: 900px) {
    .sh-faq-grid {
        grid-template-columns: 1fr; /* عمود واحد فقط في الجوال */
        gap: 15px;
    }
    
    .sh-faq-summary {
        padding: 15px;
    }
    
    .sh-question-text {
        font-size: 13px;
    }
    
    .sh-faq-icon {
        width: 28px;
        height: 28px;
        font-size: 18px;
    }
    
    .sh-faq-answer p {
        font-size: 12px;
    }
    
    .sh-faq-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}
/* 1. الحاوية الأساسية للفوتر (تغطية الخلفية باللون الداكن) */
footer.store-footer {
    background-color: #0d0812 !important;
    padding: 50px 20px !important;
    display: block !important;
}

/* 2. الصندوق المحيط بالفوتر (هوية شنب) */
.store-footer__inner {
    background: #130d19 !important;
    border: 1px solid rgba(194, 51, 255, 0.3) !important;
    border-radius: 25px !important;
    padding: 40px 30px !important;
    max-width: 650px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-shadow: 0 0 40px rgba(194, 51, 255, 0.05) !important;
}

/* 3. تنسيق العناوين (روابط تهمك / تواصل معنا) */
.footer-menu-title, .footer-title {
    color: #c233ff !important; /* اللون البنفسجي لشنب تي في */
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

/* 4. تنسيق الروابط */
.s-menu-footer-item {
    color: #fff !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}
.s-menu-footer-item:hover {
    color: #c233ff !important;
}

/* 5. تنسيق أيقونات التواصل الاجتماعي */
.s-social-link a {
    width: 45px !important;
    height: 45px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin: 0 5px !important;
}
.s-social-link a:hover {
    background: #c233ff !important;
    border-color: #c233ff !important;
    box-shadow: 0 0 15px rgba(194, 51, 255, 0.4) !important;
}

/* 6. تنسيق وثيقة العمل الحر */
.s-trust-badges-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-top: 15px !important;
    color: #fff !important;
}
.s-trust-badges-label { color: #fff !important; font-weight: bold !important; }
.s-trust-badges-number { color: #9ca3af !important; }

/* 7. تنسيق بوابات الدفع */
.s-payments-list {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 20px 0 !important;
}
.s-payments-list-item {
    background: #fff !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
}

/* 8. حقوق الملكية */
.copyright-text {
    color: #6b7280 !important;
    font-size: 13px !important;
}

/* 9. جعل كل شيء في المنتصف */
.new-footer-mid-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
/* إخفاء أي عنصر يحتوي على وثيقة العمل الحر */
salla-trust-badges, 
.s-trust-badges-wrapper,
.s-trust-badges-image,
.s-trust-badges-content {
    display: none !important;
}
/* جعل خلفية الفوتر شفافة تماماً */
footer.store-footer,
.store-footer__inner,
.new-footer-bottom-wrapper,
.new-social-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* في حال وجود خلفيات إضافية محددة بـ Salla */
.bg-bg_main {
    background-color: transparent !important;
}
/* ==================================================
   TAZ PLUS — نفس الفواصل المعتمد مع لون داخلي مطابق للهوية
   ضعه في آخر CSS المخصص بالكامل
   الحركة على إطار الكرت نفسه بدون pseudo-elements
================================================== */

/* إلغاء أي فواصل أو أشعة قديمة متعارضة */
footer.store-footer::before,
footer.store-footer::after,
.store-footer::before,
.store-footer::after,
.store-footer .footer-top::before,
.store-footer .footer-top::after,
.store-footer .footer-middle::before,
.store-footer .footer-middle::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* نفس فكرة المرجع: إطار متدرج يتحرك حول الكرت الرئيسي كامل */
footer.store-footer .footer-middle,
.store-footer .footer-middle {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1.5px solid transparent !important;
  border-radius: 28px !important;

  background:
    linear-gradient(180deg, rgba(11, 17, 28, 0.98), rgba(5, 10, 18, 0.99)) padding-box,
    linear-gradient(
      90deg,
      #7C3AED 0%,
      #9D4EDD 18%,
      #E0AAFF 34%,
      rgba(157, 78, 221, 0.16) 50%,
      #C77DFF 66%,
      #6D28D9 82%,
      #7C3AED 100%
    ) border-box !important;

  background-size:
    100% 100%,
    320% 100% !important;

  background-position:
    0 0,
    0% 50% !important;

  animation: tazReferenceBorderTravel 5s linear infinite !important;

  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.32),
    0 0 20px rgba(157, 78, 221, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

@keyframes tazReferenceBorderTravel {
  0% { background-position: 0 0, 0% 50%; }
  100% { background-position: 0 0, 320% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  footer.store-footer .footer-middle,
  .store-footer .footer-middle {
    animation: tazReferenceBorderTravel 5s linear infinite !important;
  }
}

.store-footer .footer-middle > *,
.store-footer .footer-middle .footer-container > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 768px) {
  footer.store-footer .footer-middle,
  .store-footer .footer-middle {
    border-width: 1px !important;
    border-radius: 24px !important;
    background-size: 100% 100%, 360% 100% !important;
    animation-duration: 4.2s !important;
  }
}

.store-footer a,
.store-footer button,
.store-footer [role="button"],
.store-footer input,
.store-footer select,
.store-footer textarea {
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

.store-footer::before,
.store-footer::after,
.store-footer .footer-middle::before,
.store-footer .footer-middle::after,
.store-footer .footer-container::before,
.store-footer .footer-container::after {
  pointer-events: none !important;
}

/* =========================================================
   TAZ PLUS — صفحة التصنيف مثل المرجع
   مستقل عن الفوتر
========================================================= */

body.product-index .nav-header {
  margin: 0 auto 24px !important;
  padding: 18px 14px 20px !important;
  border: 1.5px solid transparent !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(157, 78, 221, 0.10), transparent 34%) padding-box,
    linear-gradient(160deg, rgba(19, 22, 40, 0.98), rgba(7, 12, 22, 0.99)) padding-box,
    linear-gradient(90deg, #7C3AED, #9D4EDD 32%, #E0AAFF 52%, #9D4EDD 74%, #7C3AED) border-box !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !important;
}

body.product-index .nav-header .nav-title {
  padding: 0 !important;
  margin: 0 0 14px !important;
  background: transparent !important;
}

body.product-index .sub-nav-header {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.product-index .sub-nav-header .sub-only,
body.product-index .sub-nav-header .sub-cat-slider {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.product-index .sub-nav-header .sub-cat-icon {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* نفس المرجع: نصوص فقط بدون دوائر أو كروت */
body.product-index .sub-nav-header a.sub-categories {
  width: 100% !important;
  min-height: auto !important;
  padding: 3px 0 !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  text-align: right !important;
  text-decoration: none !important;
  transform: none !important;
}

body.product-index .sub-nav-header a.sub-categories::before,
body.product-index .sub-nav-header a.sub-categories::after,
body.product-index .sub-nav-header a.sub-categories .icon-wrapper {
  display: none !important;
  content: none !important;
}

body.product-index .sub-nav-header a.sub-categories .sub-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.6 !important;
  text-align: right !important;
  transition: color .2s ease, transform .2s ease !important;
}

body.product-index .sub-nav-header a.sub-categories:hover .sub-title,
body.product-index .sub-nav-header a.sub-categories:focus-visible .sub-title {
  color: #B266FF !important;
  transform: translateX(-2px) !important;
}

/* =========================================================
   التقييمات الأصلية — نفس روح قالوا عن تاز
========================================================= */

body.product-index .s-block-testimonials {
  margin-top: 34px !important;
  padding: 38px 10px 44px !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(157, 78, 221, 0.07), transparent 30%),
    linear-gradient(180deg, #050a12 0%, #07101d 50%, #050a12 100%) !important;
  overflow: hidden !important;
  font-family: "Cairo", sans-serif !important;
}

body.product-index #testimonials-slider,
body.product-index .testimonials-slider {
  overflow: visible !important;
}

body.product-index #testimonials-slider .s-slider-wrapper,
body.product-index .testimonials-slider .s-slider-wrapper {
  align-items: stretch !important;
  gap: 14px !important;
}

body.product-index #testimonials-slider .swiper-slide,
body.product-index .testimonials-slider .swiper-slide {
  height: auto !important;
  padding: 12px 4px 18px !important;
}

body.product-index #testimonials-slider .swiper-slide > *,
body.product-index .testimonials-slider .swiper-slide > * {
  height: 100% !important;
  min-height: 270px !important;
  padding: 58px 22px 24px !important;
  border-radius: 24px !important;
  position: relative !important;
  overflow: visible !important;
  text-align: center !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(157, 78, 221, 0.10), transparent 34%),
    linear-gradient(155deg, rgba(25, 27, 44, 0.96), rgba(11, 15, 27, 0.98)) !important;
  border: 1px solid rgba(157, 78, 221, 0.34) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.30),
    0 0 18px rgba(157, 78, 221, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.product-index #testimonials-slider .swiper-slide > *::before,
body.product-index .testimonials-slider .swiper-slide > *::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 18px !important;
  left: 18px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, #7C3AED, #E0AAFF, #9D4EDD, transparent) !important;
  box-shadow: 0 0 12px rgba(157, 78, 221, 0.34) !important;
  pointer-events: none !important;
}

body.product-index #testimonials-slider .swiper-slide > *::after,
body.product-index .testimonials-slider .swiper-slide > *::after {
  content: "“" !important;
  position: absolute !important;
  top: 10px !important;
  inset-inline-start: 18px !important;
  color: rgba(255, 255, 255, 0.12) !important;
  font-family: Arial, sans-serif !important;
  font-size: 62px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

body.product-index .s-block-testimonials img {
  width: 82px !important;
  height: 82px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 4px solid #ffffff !important;
  box-shadow:
    0 0 0 2px rgba(157, 78, 221, 0.52),
    0 12px 28px rgba(0, 0, 0, 0.30) !important;
}

body.product-index .s-block-testimonials h3,
body.product-index .s-block-testimonials h4,
body.product-index .s-block-testimonials [class*="name"] {
  color: #ffffff !important;
  font-weight: 950 !important;
}

body.product-index .s-block-testimonials p,
body.product-index .s-block-testimonials [class*="content"] {
  color: rgba(255, 255, 255, 0.78) !important;
  line-height: 1.9 !important;
  font-weight: 700 !important;
}

body.product-index .s-block-testimonials .sicon-star2,
body.product-index .s-block-testimonials [class*="star"],
body.product-index .s-block-testimonials svg[class*="star"] {
  color: #C77DFF !important;
  fill: #C77DFF !important;
}

body.product-index .s-block-testimonials .swiper-scrollbar {
  height: 3px !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

body.product-index .s-block-testimonials .swiper-scrollbar-drag {
  background: linear-gradient(90deg, #7C3AED, #C77DFF) !important;
  border-radius: 999px !important;
}

@media (max-width: 768px) {
  body.product-index .nav-header {
    padding: 16px 14px 18px !important;
    border-radius: 22px !important;
  }

  body.product-index .sub-nav-header .sub-only,
  body.product-index .sub-nav-header .sub-cat-slider {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 16px !important;
  }

  body.product-index .sub-nav-header a.sub-categories .sub-title {
    font-size: 14px !important;
  }

  body.product-index #testimonials-slider .swiper-slide,
  body.product-index .testimonials-slider .swiper-slide {
    width: 84% !important;
  }
}

@media (max-width: 390px) {
  body.product-index .sub-nav-header .sub-only,
  body.product-index .sub-nav-header .sub-cat-slider {
    gap: 7px 12px !important;
  }

  body.product-index .sub-nav-header a.sub-categories .sub-title {
    font-size: 13px !important;
  }

  body.product-index #testimonials-slider .swiper-slide,
  body.product-index .testimonials-slider .swiper-slide {
    width: 88% !important;
  }
}

/* =========================================================
   اعتماد عرض بانر التصنيفات على كامل عرض الصفحة
   تعديل العرض فقط بدون تغيير التصميم أو الفوتر
========================================================= */
body.product-index .nav-header {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  align-self: stretch !important;
  margin-inline: 12px !important;
  box-sizing: border-box !important;
}

body.product-index .nav-header > *,
body.product-index .nav-header .nav-title,
body.product-index .nav-header .sub-nav-header {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 768px) {
  body.product-index .nav-header {
    width: calc(100% - 20px) !important;
    margin-inline: 10px !important;
  }
}


/* =========================================================
   TAZ PLUS — إضافات المتجر الداخلية
   محفوظة بالكامل:
   1) الفوتر المعتمد
   2) هيدر/تصنيفات الصفحات المعتمد
   3) الأسئلة الشائعة المعتمدة
   4) تقييمات الصفحات المعتمدة
========================================================= */

:root {
  --taz-bg: #050A12;
  --taz-bg-soft: #0B111C;
  --taz-bg-deep: #07101D;
  --taz-card: #111827;
  --taz-card-glass: rgba(17, 24, 39, .68);
  --taz-orange: #7C3AED;
  --taz-orange-2: #9D4EDD;
  --taz-gold: #C77DFF;
  --taz-gold-soft: #E0AAFF;
  --taz-white: #FFFFFF;
  --taz-muted: #B8C2CC;
  --taz-card-radius: 22px;
  --taz-card-border: 1.35px;
  --taz-btn-radius: 14px;
}

/* عناوين أقسام سلة — باستثناء FAQ والتقييمات والتصنيفات المحمية */
body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .s-block__title {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .s-block__title h2,
body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .section-title {
  display: inline-block !important;
  margin-inline: auto !important;
  text-align: center !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  line-height: 1.25 !important;
  background: linear-gradient(
    120deg,
    #FFFFFF 0%,
    #E0AAFF 24%,
    #9D4EDD 48%,
    #7C3AED 72%,
    #FFFFFF 100%
  ) !important;
  background-size: 260% 260% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  animation: tazSectionTitleFlow 5.5s ease-in-out infinite !important;
}

@keyframes tazSectionTitleFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* نصوص التقسيط */
.rtl .s-installment-mispay-content-text,
.rtl .s-installment-madfu-content-text,
.rtl .s-installment-emkan-content-text,
.rtl .s-installment-rajehi-content-text {
  right: 14px !important;
  text-align: right !important;
  margin: 0 0 0 16px !important;
  background: linear-gradient(120deg, #E0AAFF 0%, #9D4EDD 38%, #7C3AED 68%, #C77DFF 100%) !important;
  background-size: 220% 220% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: tazSoftOrangeText 4.4s ease-in-out infinite !important;
  font-weight: 700 !important;
}

@keyframes tazSoftOrangeText {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* تنظيف أغلفة سلايدر المنتجات */
section#best-offers-2-slider,
section#best-offers-2-slider.s-block,
section#best-offers-2-slider .container,
section#best-offers-2-slider salla-products-slider,
section#best-offers-2-slider salla-products-slider.s-products-slider-wrapper,
salla-products-slider.s-products-slider-wrapper {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

section#best-offers-2-slider::before,
section#best-offers-2-slider::after,
section#best-offers-2-slider .container::before,
section#best-offers-2-slider .container::after,
section#best-offers-2-slider salla-products-slider::before,
section#best-offers-2-slider salla-products-slider::after,
salla-products-slider.s-products-slider-wrapper::before,
salla-products-slider.s-products-slider-wrapper::after {
  content: none !important;
  display: none !important;
}

/* بطاقة المنتج */
.s-product-card-entry {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--taz-card-radius) !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.s-product-card-entry,
.s-product-card-entry * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.s-product-card-entry:hover {
  transform: translateY(-2px) !important;
  box-shadow: none !important;
}

.s-product-card-entry .s-product-card-vertical,
.s-product-card-entry .s-product-card-bordered,
.s-product-card-entry .s-product-card,
.s-product-card-entry .s-product-card-content {
  border-radius: var(--taz-card-radius) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.s-product-card-entry .s-product-card-image,
.s-product-card-entry .s-product-card-image img {
  border-radius: var(--taz-card-radius) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.s-product-card-entry .s-product-card-vertical::before,
.s-product-card-entry .s-product-card-vertical::after,
.s-product-card-entry .s-product-card-bordered::before,
.s-product-card-entry .s-product-card-bordered::after,
.s-product-card-entry .s-product-card::before,
.s-product-card-entry .s-product-card::after,
.s-product-card-entry .s-product-card-content::before,
.s-product-card-entry .s-product-card-content::after,
.s-product-card-entry .s-product-card-image::before,
.s-product-card-entry .s-product-card-image::after,
.s-product-card-entry::before {
  content: none !important;
  display: none !important;
}

.s-product-card-entry::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: var(--taz-card-radius) !important;
  pointer-events: none !important;
  z-index: 20 !important;
  padding: var(--taz-card-border) !important;
  background: linear-gradient(
    115deg,
    rgba(124, 58, 237, 0.76) 0%,
    rgba(157, 78, 221, 0.96) 24%,
    rgba(224, 170, 255, 0.58) 42%,
    rgba(199, 125, 255, 0.38) 56%,
    rgba(124, 58, 237, 0.78) 74%,
    rgba(157, 78, 221, 0.96) 100%
  ) !important;
  background-size: 260% 100% !important;
  animation: tazProductBorderMatched 4.6s linear infinite !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

@keyframes tazProductBorderMatched {
  0% { background-position: 260% 0; }
  100% { background-position: -260% 0; }
}

.s-product-card-entry > * {
  position: relative !important;
  z-index: 2 !important;
}

/* زر أضف للسلة داخل البطاقة */
.s-product-card-entry .s-add-to-cart-button,
.s-product-card-entry .s-product-card-entry__button,
.s-product-card-entry .s-button-element,
.s-product-card-entry salla-button .s-button-element,
.s-product-card-entry salla-button button,
.s-product-card-entry button.s-button-element,
.s-product-card-entry button.s-button-primary {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--taz-btn-radius) !important;
  border: 1px solid rgba(224, 170, 255, 0.68) !important;
  background: linear-gradient(135deg, #7C3AED, #9D4EDD 58%, #C77DFF) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow:
    0 0 28px rgba(124, 58, 237, 0.22),
    0 0 14px rgba(199, 125, 255, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.32) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
  cursor: pointer !important;
  animation: none !important;
}

.s-product-card-entry .s-add-to-cart-button *,
.s-product-card-entry .s-product-card-entry__button *,
.s-product-card-entry .s-button-element *,
.s-product-card-entry salla-button .s-button-element *,
.s-product-card-entry salla-button button *,
.s-product-card-entry button.s-button-element *,
.s-product-card-entry button.s-button-primary * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  position: relative !important;
  z-index: 2 !important;
}

.s-product-card-entry .s-add-to-cart-button:hover,
.s-product-card-entry .s-product-card-entry__button:hover,
.s-product-card-entry .s-button-element:hover,
.s-product-card-entry salla-button .s-button-element:hover,
.s-product-card-entry salla-button button:hover,
.s-product-card-entry button.s-button-element:hover,
.s-product-card-entry button.s-button-primary:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow:
    0 0 12px rgba(124, 58, 237, 0.40),
    0 0 20px rgba(199, 125, 255, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  filter: brightness(1.055) saturate(1.04) !important;
}

.s-product-card-entry .s-add-to-cart-button:active,
.s-product-card-entry .s-product-card-entry__button:active,
.s-product-card-entry .s-button-element:active,
.s-product-card-entry salla-button .s-button-element:active,
.s-product-card-entry salla-button button:active,
.s-product-card-entry button.s-button-element:active,
.s-product-card-entry button.s-button-primary:active {
  transform: scale(0.97) !important;
}

/* أزرار صفحة المنتج */
main .product-single .s-add-to-cart-button,
main .product-single .s-button-primary,
main .product-single .s-button-element,
.product-single .s-add-to-cart-button,
.product-single .s-button-primary,
.product-single .s-button-element,
.is-sticky-product-bar .s-add-to-cart-button,
.is-sticky-product-bar .s-button-primary,
.is-sticky-product-bar .s-button-element,
.sticky-product-bar .s-add-to-cart-button,
.sticky-product-bar .s-button-primary,
.sticky-product-bar .s-button-element {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--taz-btn-radius) !important;
  border: 1px solid rgba(224, 170, 255, 0.66) !important;
  background: linear-gradient(135deg, #7C3AED, #9D4EDD 58%, #C77DFF) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.32) !important;
  box-shadow:
    0 0 30px rgba(124, 58, 237, 0.22),
    0 0 14px rgba(199, 125, 255, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  animation: tazProductPageCTAMove 3s ease-in-out infinite !important;
}

@keyframes tazProductPageCTAMove {
  0%, 32%, 100% { transform: translateY(0); }
  16% { transform: translateY(-3px); }
}

main .product-single .s-buy-now-button,
main .product-single .s-button-outline,
.product-single .s-buy-now-button,
.product-single .s-button-outline,
.is-sticky-product-bar .s-buy-now-button,
.is-sticky-product-bar .s-button-outline,
.sticky-product-bar .s-buy-now-button,
.sticky-product-bar .s-button-outline {
  border: 1px solid rgba(157, 78, 221, 0.78) !important;
  color: #9D4EDD !important;
  -webkit-text-fill-color: #9D4EDD !important;
  background: rgba(124, 58, 237, 0.045) !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

/* زر نسخ كود الخصم */
input#copydiscountCode {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  min-height: 52px !important;
  background: linear-gradient(135deg, #7C3AED, #9D4EDD 58%, #C77DFF) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1px solid rgba(224, 170, 255, 0.66) !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  box-shadow:
    0 0 30px rgba(124, 58, 237, 0.22),
    0 0 14px rgba(199, 125, 255, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
  cursor: pointer !important;
}

input#copydiscountCode[disabled],
input#copydiscountCode:disabled {
  opacity: 1 !important;
}

/* الهدايا */
salla-gifting,
.salla-gifting,
.salla-gifting.mt-5,
.salla-gifting.hydrated {
  position: relative !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 18px 0 !important;
  padding: 24px 20px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 86% 16%, rgba(157, 78, 221, 0.10), transparent 34%),
    radial-gradient(circle at 14% 86%, rgba(124, 58, 237, 0.06), transparent 32%),
    linear-gradient(135deg, rgba(124, 58, 237, 0.07), rgba(199, 125, 255, 0.055)),
    rgba(17, 24, 39, 0.48) !important;
  border: 1px solid rgba(157, 78, 221, 0.24) !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

salla-gifting::before,
.salla-gifting::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.028) 42%, transparent 68%) !important;
}

salla-gifting > *,
.salla-gifting > * {
  position: relative !important;
  z-index: 2 !important;
}

salla-gifting h1,
salla-gifting h2,
salla-gifting h3,
salla-gifting .title,
.salla-gifting h1,
.salla-gifting h2,
.salla-gifting h3,
.salla-gifting .title {
  color: #B266FF !important;
  font-weight: 800 !important;
}

salla-gifting p,
salla-gifting span,
.salla-gifting p,
.salla-gifting span {
  color: #E6EDF7 !important;
}

salla-gifting button,
salla-gifting .btn,
salla-gifting a,
.salla-gifting button,
.salla-gifting .btn,
.salla-gifting a {
  border-radius: 15px !important;
  border: 1px solid rgba(157, 78, 221, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.14), rgba(199, 125, 255, 0.10)),
    rgba(255, 255, 255, 0.025) !important;
  color: #FFFFFF !important;
}

/* العرض الشرطي */
salla-conditional-offer.s-conditional-offer-container,
salla-conditional-offer.hydrated.s-conditional-offer-container {
  direction: rtl !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 22px auto !important;
  padding: 30px 34px 34px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(157, 78, 221, 0.12), transparent 34%),
    radial-gradient(circle at 12% 100%, rgba(124, 58, 237, 0.10), transparent 40%),
    linear-gradient(135deg, #150C15 0%, #10131F 52%, #050A12 100%) !important;
  border: 1px solid rgba(157, 78, 221, 0.22) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  color: #FFFFFF !important;
}

.s-conditional-offer-title-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto 24px !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(124, 58, 237, 0.16), rgba(199, 125, 255, 0.10)),
    rgba(17, 24, 39, 0.52) !important;
  border: 1px solid rgba(157, 78, 221, 0.22) !important;
  text-align: center !important;
}

.s-conditional-offer-title-wrapper,
.s-conditional-offer-title-wrapper * {
  color: #FFFFFF !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 21px !important;
  font-weight: 900 !important;
}

.s-conditional-offer-progress-container {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 38px 34px 42px !important;
  min-height: 132px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(199, 125, 255, 0.12), transparent 38%),
    radial-gradient(circle at 88% 18%, rgba(124, 58, 237, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(46, 24, 64, 0.78), rgba(28, 22, 26, 0.72)) !important;
  border: 1px solid rgba(157, 78, 221, 0.26) !important;
  overflow: hidden !important;
}

.s-conditional-offer-progress-container hr,
.s-conditional-offer-progress-container [class*="line"],
.s-conditional-offer-progress-container [class*="bar"] {
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #7C3AED, #9D4EDD, #C77DFF) !important;
  border-color: rgba(157, 78, 221, 0.45) !important;
}

.s-conditional-offer-progress-container [class*="circle"],
.s-conditional-offer-progress-container [class*="step"],
.s-conditional-offer-progress-container [class*="discount"],
.s-conditional-offer-progress-container [class*="percent"],
.s-conditional-offer-progress-container [class*="percentage"] {
  position: relative !important;
  z-index: 5 !important;
  background: linear-gradient(135deg, rgba(22, 13, 22, 0.98), rgba(38, 22, 44, 0.98)) !important;
  border: 1px solid rgba(199, 125, 255, 0.62) !important;
  color: #C77DFF !important;
  box-shadow:
    0 0 0 6px rgba(30, 18, 38, 0.92),
    0 0 0 7px rgba(157, 78, 221, 0.16),
    0 0 14px rgba(124, 58, 237, 0.14) !important;
}

/* نصوص وصف المنتج */
.product__description strong {
  background: linear-gradient(90deg, #7C3AED 0%, #9D4EDD 55%, #E0AAFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-weight: 900 !important;
}

/* الكاش باك */
s-cashback-banner-value {
  padding-inline-start: 0 !important;
  margin-inline-start: 2px !important;
  border-inline-start: 0 !important;
}

salla-cashback-banner .s-cashback-banner-container {
  background: rgba(17, 24, 39, 0.74) !important;
  border: 1px solid rgba(157, 78, 221, 0.24) !important;
  border-radius: 16px !important;
}

salla-cashback-banner .s-cashback-banner-container p,
salla-cashback-banner .s-cashback-banner-label {
  color: rgba(255, 255, 255, 0.90) !important;
}

salla-cashback-banner .s-cashback-banner-value {
  color: #C77DFF !important;
  font-weight: 900 !important;
}

salla-cashback-banner .s-cashback-banner-icon {
  background: linear-gradient(135deg, #7C3AED, #9D4EDD, #C77DFF) !important;
}

/* صفحة السياسات */
.content.content--single-page.opt-text.da-bgg {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  padding: 34px 28px !important;
  background:
    radial-gradient(circle at 80% 10%, rgba(199, 125, 255, 0.11), transparent 34%),
    radial-gradient(circle at 15% 85%, rgba(124, 58, 237, 0.13), transparent 32%),
    linear-gradient(180deg, rgba(17, 24, 39, 0.78), rgba(5, 10, 18, 0.86)) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 24px rgba(124, 58, 237, 0.07) !important;
  backdrop-filter: blur(14px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.15) !important;
}

.content.content--single-page.opt-text.da-bgg::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 24px !important;
  left: 24px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, #7C3AED, #9D4EDD, #E0AAFF, transparent) !important;
  opacity: 0.78 !important;
  z-index: 2 !important;
}

.content.content--single-page.opt-text.da-bgg .content-entry {
  position: relative !important;
  z-index: 3 !important;
}

.content.content--single-page.opt-text.da-bgg .content-entry,
.content.content--single-page.opt-text.da-bgg .content-entry p,
.content.content--single-page.opt-text.da-bgg .content-entry li {
  color: rgba(255, 255, 255, 0.76) !important;
  line-height: 1.95 !important;
}

/* استجابة الجوال للعناصر الجديدة فقط */
@media (max-width: 768px) {
  body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .s-block__title h2,
  body.dark section.s-block:not(.s-block--faqs):not(.s-block--testimonials) .section-title {
    font-size: 26px !important;
  }

  .s-product-card-entry,
  .s-product-card-entry:hover {
    box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
  }

  salla-conditional-offer.s-conditional-offer-container,
  salla-conditional-offer.hydrated.s-conditional-offer-container {
    margin: 18px 12px !important;
    padding: 24px 20px 28px !important;
    border-radius: 22px !important;
  }

  .mm-ocd__content {
    width: 84vw !important;
    max-width: 390px !important;
  }

  .content.content--single-page.opt-text.da-bgg {
    border-radius: 20px !important;
    padding: 26px 18px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }
}

@media (max-width: 430px) {
  .mm-ocd__content {
    width: 82vw !important;
    max-width: 360px !important;
  }
}

/* =========================================================
   القائمة الجانبية - نسخة المرجع الأصلية كاملة بدون اختصار
========================================================= */

.mm-ocd {
  background: rgba(0, 0, 0, .54) !important;
}

.mm-ocd__content {
  width: min(84vw, 430px) !important;
  max-width: 430px !important;
  min-width: 300px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: linear-gradient(180deg, #070A12 0%, #08111F 52%, #070A12 100%) !important;
  border-left: 1px solid rgba(157, 78, 221, .34) !important;
  box-shadow: -12px 0 30px rgba(0, 0, 0, .38) !important;
}

nav#mobile-menu.mm-spn {
  --cr-header-h: 88px;
  --cr-list-gap: 42px;
  --cr-card-x: 16px;
  --cr-card-gap: 12px;
  --cr-card-h: 60px;
  --cr-card-radius: 18px;
  width: 100% !important;
  max-width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
  color: #ffffff !important;
  font-family: "Cairo", sans-serif !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 0% 20%, rgba(199, 125, 255, .14), transparent 32%),
    radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .12), transparent 30%),
    linear-gradient(180deg, #070A12 0%, #08111F 100%) !important;
}

nav#mobile-menu.mm-spn *,
nav#mobile-menu.mm-spn *::before,
nav#mobile-menu.mm-spn *::after {
  box-sizing: border-box !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar {
  padding-top: 0 !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar::after {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: var(--cr-header-h) !important;
  line-height: var(--cr-header-h) !important;
  padding: 0 64px !important;
  margin: 0 !important;
  background: linear-gradient(180deg, rgba(7, 10, 18, .98), rgba(7, 10, 18, .93)) !important;
  color: #ffffff !important;
  font-size: clamp(20px, 5vw, 24px) !important;
  font-weight: 900 !important;
  letter-spacing: -.35px !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  z-index: 30 !important;
  text-shadow: 0 0 14px rgba(124, 58, 237, .18) !important;
  border-bottom: 2px solid transparent !important;
  border-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(34, 211, 238, .36) 18%,
    rgba(199, 125, 255, .62) 50%,
    rgba(124, 58, 237, .58) 82%,
    transparent 100%
  ) 1 !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar > ul::before,
nav#mobile-menu.mm-spn.mm-spn--navbar .main-menu::before,
nav#mobile-menu.mm-spn hr {
  display: none !important;
  content: none !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar:not(.mm-spn--main)::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  top: 33px !important;
  right: 23px !important;
  left: auto !important;
  width: 15px !important;
  height: 15px !important;
  border-color: #7C3AED !important;
  opacity: 1 !important;
  z-index: 90 !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar.mm-spn--main::before {
  display: none !important;
}

.mm-ocd__content button,
.mm-ocd__content .close,
.mm-ocd__content [aria-label="Close"],
.mm-ocd__content [aria-label="close"] {
  position: absolute !important;
  top: 29px !important;
  left: 22px !important;
  right: auto !important;
  z-index: 100 !important;
  color: #ffffff !important;
}

nav#mobile-menu .mobile-menu-slider,
nav#mobile-menu .salla-slider,
nav#mobile-menu salla-slider,
nav#mobile-menu .swiper,
nav#mobile-menu .swiper-wrapper,
nav#mobile-menu .swiper-notification {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

nav#mobile-menu.mm-spn.mm-spn--navbar ul {
  top: var(--cr-header-h) !important;
}

nav#mobile-menu.mm-spn ul {
  width: 130% !important;
  min-width: 130% !important;
  max-width: 130% !important;
  padding-top: var(--cr-list-gap) !important;
  padding-bottom: 34px !important;
  padding-right: 30% !important;
  padding-left: 0 !important;
  margin: 0 !important;
  overflow-x: visible !important;
  background:
    radial-gradient(circle at 0% 20%, rgba(199, 125, 255, .10), transparent 34%),
    linear-gradient(180deg, #070A12 0%, #08111F 100%) !important;
}

nav#mobile-menu.mm-spn ul.main-menu.mm-spn--open,
nav#mobile-menu.mm-spn ul.main-menu.mm-spn--open.mm-spn--parent,
nav#mobile-menu.mm-spn ul ul {
  background:
    radial-gradient(circle at 100% 12%, rgba(124, 58, 237, .10), transparent 32%),
    linear-gradient(180deg, #070A12 0%, #08111F 100%) !important;
}

nav#mobile-menu.mm-spn li {
  position: relative !important;
  width: auto !important;
  max-width: none !important;
  min-height: unset !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

nav#mobile-menu.mm-spn li::before,
nav#mobile-menu.mm-spn li::after {
  display: none !important;
  content: none !important;
}

nav#mobile-menu.mm-spn li > a,
nav#mobile-menu.mm-spn li > span {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row-reverse !important;
  gap: 8px !important;
  width: auto !important;
  max-width: none !important;
  min-height: var(--cr-card-h) !important;
  padding: 0 44px !important;
  margin: 0 var(--cr-card-x) var(--cr-card-gap) !important;
  border-radius: var(--cr-card-radius) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(124, 58, 237, .075)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 8px 18px rgba(0, 0, 0, .18) !important;
  color: rgba(255, 255, 255, .96) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -.2px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

nav#mobile-menu.mm-spn li > a::before,
nav#mobile-menu.mm-spn li > span::before {
  display: none !important;
  content: none !important;
}

nav#mobile-menu.mm-spn li > a::after,
nav#mobile-menu.mm-spn li > span::after {
  content: "" !important;
  position: absolute !important;
  top: 14px !important;
  bottom: 14px !important;
  right: 0 !important;
  width: 4px !important;
  border-radius: 14px 0 0 14px !important;
  background: linear-gradient(180deg, #7C3AED, #C77DFF) !important;
  opacity: .92 !important;
  display: block !important;
}

nav#mobile-menu.mm-spn li > a:not(:only-child)::before,
nav#mobile-menu.mm-spn li > span:not(:only-child)::before {
  display: block !important;
  content: "‹" !important;
  position: absolute !important;
  left: 19px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255, 255, 255, .55) !important;
  font-size: 29px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  background: none !important;
  opacity: 1 !important;
  z-index: 5 !important;
}

nav#mobile-menu.mm-spn li > a:only-child::before,
nav#mobile-menu.mm-spn li > span:only-child::before {
  display: none !important;
  content: none !important;
}

nav#mobile-menu.mm-spn ul ul li > a,
nav#mobile-menu.mm-spn ul ul li > span {
  min-height: 58px !important;
  font-size: 15.5px !important;
  font-weight: 760 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .048), rgba(199, 125, 255, .065)) !important;
}

nav#mobile-menu.mm-spn ul.mm-spn--open > li:first-child > a,
nav#mobile-menu.mm-spn ul.mm-spn--open > li:first-child > span {
  border-color: rgba(124, 58, 237, .32) !important;
  background: linear-gradient(135deg, rgba(124, 58, 237, .13), rgba(199, 125, 255, .09)) !important;
}

nav#mobile-menu.mm-spn li > a:hover,
nav#mobile-menu.mm-spn li > span:hover,
nav#mobile-menu.mm-spn li > a:active,
nav#mobile-menu.mm-spn li > span:active {
  transform: translateY(-1px) !important;
  border-color: rgba(124, 58, 237, .38) !important;
  background: linear-gradient(135deg, rgba(124, 58, 237, .14), rgba(199, 125, 255, .10)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 10px 20px rgba(0, 0, 0, .20) !important;
}

nav#mobile-menu.mm-spn li svg,
nav#mobile-menu.mm-spn li i {
  flex: 0 0 auto !important;
  width: 21px !important;
  height: 21px !important;
  color: #E0AAFF !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: .95 !important;
  margin: 0 !important;
  filter: none !important;
}

nav#mobile-menu.mm-spn li img {
  flex: 0 0 auto !important;
  max-width: 30px !important;
  max-height: 26px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 0 0 7px !important;
}

.mm-ocd__content::-webkit-scrollbar,
nav#mobile-menu.mm-spn::-webkit-scrollbar {
  width: 4px !important;
}

.mm-ocd__content::-webkit-scrollbar-track,
nav#mobile-menu.mm-spn::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .04) !important;
}

.mm-ocd__content::-webkit-scrollbar-thumb,
nav#mobile-menu.mm-spn::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7C3AED, #C77DFF) !important;
  border-radius: 20px !important;
}

@media (min-width: 1025px) {
  .mm-ocd__content {
    width: min(38vw, 430px) !important;
    max-width: 430px !important;
  }

  nav#mobile-menu.mm-spn {
    --cr-header-h: 92px;
    --cr-list-gap: 44px;
    --cr-card-x: 20px;
    --cr-card-h: 64px;
    --cr-card-radius: 20px;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar::after {
    font-size: 28px !important;
  }

  nav#mobile-menu.mm-spn li > a,
  nav#mobile-menu.mm-spn li > span {
    font-size: 17px !important;
  }
}

@media (max-width: 768px) {
  .mm-ocd__content {
    width: 84vw !important;
    max-width: 390px !important;
  }

  nav#mobile-menu.mm-spn {
    --cr-header-h: 88px;
    --cr-list-gap: 42px;
    --cr-card-x: 14px;
    --cr-card-gap: 12px;
    --cr-card-h: 60px;
    --cr-card-radius: 18px;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar::after {
    padding: 0 60px !important;
    font-size: clamp(19px, 5vw, 23px) !important;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar:not(.mm-spn--main)::before {
    top: 33px !important;
    right: 22px !important;
  }

  .mm-ocd__content button,
  .mm-ocd__content .close,
  .mm-ocd__content [aria-label="Close"],
  .mm-ocd__content [aria-label="close"] {
    top: 29px !important;
    left: 21px !important;
  }

  nav#mobile-menu.mm-spn li > a,
  nav#mobile-menu.mm-spn li > span {
    font-size: 15.8px !important;
    padding: 0 42px !important;
  }

  nav#mobile-menu.mm-spn li > a:not(:only-child)::before,
  nav#mobile-menu.mm-spn li > span:not(:only-child)::before {
    left: 17px !important;
    font-size: 28px !important;
  }
}

@media (max-width: 430px) {
  .mm-ocd__content {
    width: 82vw !important;
    max-width: 360px !important;
  }

  nav#mobile-menu.mm-spn {
    --cr-header-h: 84px;
    --cr-list-gap: 40px;
    --cr-card-x: 12px;
    --cr-card-gap: 11px;
    --cr-card-h: 58px;
    --cr-card-radius: 17px;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar::after {
    padding: 0 54px !important;
    font-size: clamp(18px, 5vw, 22px) !important;
  }

  nav#mobile-menu.mm-spn.mm-spn--navbar:not(.mm-spn--main)::before {
    top: 32px !important;
    right: 21px !important;
    width: 14px !important;
    height: 14px !important;
  }

  .mm-ocd__content button,
  .mm-ocd__content .close,
  .mm-ocd__content [aria-label="Close"],
  .mm-ocd__content [aria-label="close"] {
    top: 28px !important;
    left: 20px !important;
  }

  nav#mobile-menu.mm-spn li > a,
  nav#mobile-menu.mm-spn li > span {
    font-size: 15.2px !important;
    padding: 0 40px !important;
  }

  nav#mobile-menu.mm-spn ul ul li > a,
  nav#mobile-menu.mm-spn ul ul li > span {
    font-size: 15px !important;
  }

  nav#mobile-menu.mm-spn li svg,
  nav#mobile-menu.mm-spn li i {
    width: 20px !important;
    height: 20px !important;
  }

  nav#mobile-menu.mm-spn li img {
    max-width: 28px !important;
    max-height: 25px !important;
  }
}

/* =========================================================
   TAZ PLUS — صفحة سلة المشتريات مثل المرجع بهوية تاز
   تعديل السلة فقط — لا يلمس أي قسم آخر
========================================================= */

body#app.cart .nav-header,
body.cart .nav-header {
  width: calc(100% - 28px) !important;
  max-width: 1180px !important;
  margin: 18px auto 24px !important;
  padding: 18px 14px 20px !important;
  border: 1.5px solid transparent !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(157, 78, 221, 0.10), transparent 34%) padding-box,
    linear-gradient(160deg, rgba(19, 22, 40, 0.98), rgba(7, 12, 22, 0.99)) padding-box,
    linear-gradient(
      90deg,
      #7C3AED 0%,
      #9D4EDD 32%,
      #E0AAFF 52%,
      #9D4EDD 74%,
      #7C3AED 100%
    ) border-box !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body#app.cart .nav-header::before,
body#app.cart .nav-header::after,
body.cart .nav-header::before,
body.cart .nav-header::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

body#app.cart .nav-header .nav-title,
body.cart .nav-header .nav-title {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body#app.cart .nav-header .nav-title h1,
body#app.cart .nav-header .nav-title h2,
body.cart .nav-header .nav-title h1,
body.cart .nav-header .nav-title h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  animation: none !important;
}

body#app.cart .nav-header salla-breadcrumb,
body.cart .nav-header salla-breadcrumb {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 768px) {
  body#app.cart .nav-header,
  body.cart .nav-header {
    width: calc(100% - 18px) !important;
    margin: 14px auto 22px !important;
    padding: 18px 14px 20px !important;
    border-radius: 22px !important;
  }
}
/* =========================================================
   TAZ PLUS — تعديل الألوان المحددة فقط
   يضاف في آخر CSS الحالي بالكامل
   لا يغيّر أي مقاسات أو ترتيب أو حركة أو رابط
========================================================= */

/* تدرج بنفسجي هادئ مع الهوية — بدون أبيض صارخ */
:root {
  --taz-heading-orange-gradient: linear-gradient(
    90deg,
    #7C3AED 0%,
    #9D4EDD 42%,
    #C77DFF 72%,
    #9D4EDD 100%
  );
}

/* عنوان الأكثر مبيعًا فقط */
section#best-offers-2-slider .s-block__title h2,
section#best-offers-2-slider .s-block__title .section-title {
  display: inline-block !important;
  background: var(--taz-heading-orange-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 10px rgba(157, 78, 221, 0.08) !important;
}

/* عرض الكل داخل قسم الأكثر مبيعًا فقط */
section#best-offers-2-slider .s-block__title a,
section#best-offers-2-slider .s-block__title a *,
section#best-offers-2-slider .s-block__title [class*="show"],
section#best-offers-2-slider .s-block__title [class*="more"] {
  background: var(--taz-heading-orange-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

/* خط عرض الكل الصغير */
section#best-offers-2-slider .s-block__title a::after,
section#best-offers-2-slider .s-block__title [class*="show"]::after,
section#best-offers-2-slider .s-block__title [class*="more"]::after {
  background: var(--taz-heading-orange-gradient) !important;
  border-color: transparent !important;
  box-shadow: 0 0 8px rgba(157, 78, 221, 0.12) !important;
}

/* عناوين الفوتر المحددة مثل روابط تهمك وخدمة العملاء */
footer.store-footer .footer-middle h3,
footer.store-footer .footer-middle h4,
.store-footer .footer-middle h3,
.store-footer .footer-middle h4,
.store-footer .footer-middle [class*="footer-title"],
.store-footer .footer-middle [class*="title"] {
  background: var(--taz-heading-orange-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 10px rgba(157, 78, 221, 0.08) !important;
}

/* الخطوط تحت عناوين الفوتر */
footer.store-footer .footer-middle h3::after,
footer.store-footer .footer-middle h4::after,
.store-footer .footer-middle h3::after,
.store-footer .footer-middle h4::after,
.store-footer .footer-middle [class*="footer-title"]::after,
.store-footer .footer-middle [class*="title"]::after {
  background: var(--taz-heading-orange-gradient) !important;
  border-color: transparent !important;
  box-shadow: 0 0 8px rgba(157, 78, 221, 0.12) !important;
}

/* =========================================================
   TAZ PLUS — توحيد لون كل نصوص المتجر إلى أبيض
   بدون !important عمداً حتى لا يكسر الألوان الخاصة
   (السعر الوردي، التدرجات، الأزرار...) المكتوبة بـ !important أعلاه
========================================================= */
body,
body p,
body span,
body li,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body a,
body label,
body strong,
body em,
body td,
body th,
body div {
  color: #FFFFFF;
}

/* =========================================================
   TAZ PLUS — صفحة المنتج (السعر / الوصف / التقييمات)
   نفس هوية بطاقة المنتج: خلفية شفافة + حدود بنفسجية + زوايا دائرية
========================================================= */

.product-single [class*="price"],
.product-single .s-product-price,
main .product-single .s-product-price-wrapper {
  color: #FFFFFF !important;
}

.product-single [class*="collapse"],
.product-single [class*="accordion"],
.product-single [class*="description"],
.product-single [class*="review"],
.product-single [class*="tab"] {
  background: transparent !important;
  border: 1px solid rgba(157, 78, 221, 0.45) !important;
  border-radius: 16px !important;
  color: #FFFFFF !important;
  overflow: hidden !important;
}

.product-single [class*="collapse"] *,
.product-single [class*="accordion"] *,
.product-single [class*="description"] *,
.product-single [class*="review"] *,
.product-single [class*="tab"] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.product-single [class*="collapse"] button,
.product-single [class*="accordion"] button,
.product-single [class*="collapse"] > div:first-child,
.product-single [class*="accordion"] > div:first-child {
  background: linear-gradient(135deg, #7C3AED, #9D4EDD 58%, #C77DFF) !important;
  border-radius: 12px !important;
}

/* =========================================================
   TAZ PLUS — صفحة المنتج: تصحيح دقيق بالاعتماد على HTML الفعلي
   (صندوق السعر الأبيض + صندوق الكمية والسلة + ملاحظات المنتج)
========================================================= */

/* صندوق "السعر" وصندوق "الكمية + إضافة للسلة" في أسفل الصفحة */
.product-form section.bg-white,
.product-form .sticky-product-bar {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(7, 14, 26, 0.97)) !important;
  border: 1px solid rgba(157, 78, 221, 0.30) !important;
  border-radius: 16px !important;
  margin-bottom: 10px !important;
}

.product-form section.bg-white .form-label,
.product-form section.bg-white .form-label b,
.product-form .sticky-product-bar .form-label,
.product-form .sticky-product-bar__quantity .form-label {
  color: #FFFFFF !important;
}

.product-form .total-price {
  color: #FFFFFF !important;
}

.product-form .before-price {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* حقل الكمية salla-quantity-input */
.product-form .s-quantity-input-container {
  background: transparent !important;
  border: 1px solid rgba(157, 78, 221, 0.40) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.product-form .s-quantity-input-input {
  background: transparent !important;
  color: #FFFFFF !important;
}

.product-form .s-quantity-input-button {
  background: rgba(124, 58, 237, 0.16) !important;
}

.product-form .s-quantity-input-button svg {
  fill: #C77DFF !important;
}

/* تنبيه اختلاف صورة المنتج */
.image-version-disclaimer {
  background: rgba(157, 78, 221, 0.10) !important;
  border: 1px solid rgba(157, 78, 221, 0.30) !important;
}

.image-version-disclaimer p,
.image-version-disclaimer i {
  color: #E0AAFF !important;
}



/* صندوق "تم شراءه" */
.inner-info-item {
  border: 1px solid rgba(157, 78, 221, 0.30) !important;
}

/* اسم المنتج (العنوان الرئيسي) — أبيض ثابت بدون تدرج */
.product-main-content h2.sr-only,
.product-single h2.sr-only,
main .product-single h1,
.product-main-content > h2 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}
.image-version-disclaimer {
    display: none !important;
}

/* منع تجاوز عرض الشاشة وإخفاء الفراغات الجانبية */
html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* إجبار أي عنصر على التكيف مع عرض الشاشة */
* {
    max-width: 100%;
    box-sizing: border-box;
}
/* توسيط الحاوية الخاصة بالشعار */
.header-up-side.container {
    justify-content: center !important;
}

/* تكبير الشعار وتوسيطه */
.navbar-brand.mob-logo img {
    max-height: 70px !important; /* يمكنك تعديل هذا الرقم لتكبير أو تصغير الشعار */
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* إخفاء عناصر الدعم الفني التي قد تسبب إزاحة الشعار */
.header-customer-support.customer-sup-mob {
    display: none !important;
}
/* حل مشكلة خلفية مربع نص التقييمات بشكل جذري */
.salla-review-form textarea, 
.salla-review-form input,
#review-form textarea, 
#review-form input,
.s-block-testimonials textarea,
.s-block-testimonials input,
textarea,
input {
    background-color: #130d19 !important;
    background: #130d19 !important;
    color: #ffffff !important;
    border: 1px solid rgba(194, 51, 255, 0.3) !important;
}

/* حل مشكلة خلفية الصندوق المحيط بالتقييمات */
.s-block-testimonials .bg-white,
.s-block-testimonials .bg-gray-50,
.s-block-testimonials .bg-light {
    background-color: #0d0812 !important;
}

/* تنسيق عام لمنع أي خلفيات بيضاء في التقييمات */
.salla-review-form,
#review-form {
    background: #0d0812 !important;
    color: #fff !important;
}

/* زر الإرسال */
button[type="submit"], 
.salla-review-form button {
    background: linear-gradient(135deg, #c233ff, #8a2be2) !important;
    border: none !important;
    color: #ffffff !important;
}
/* --- 1. إخفاء الشريط الافتراضي ليعمل فقط على الجوال --- */
.btm-nav-outer {
    display: none !important;
}

/* --- 2. إظهار وتنسيق الشريط فقط على الجوال (أقل من 992px) --- */
@media (max-width: 991px) {
    .btm-nav-outer {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 70px !important;
        background: #0a070c !important; /* لون الخلفية الداكن */
        border-top: 1px solid #333 !important;
        z-index: 9999 !important;
        justify-content: space-around !important;
        align-items: center !important;
        padding: 0 10px !important;
    }

    /* اللون البنفسجي المضيء للأيقونات والنصوص */
    .btm-nav-outer a, 
    .btm-nav-outer div, 
    .btm-nav-outer svg,
    .btm-nav-outer svg path {
        color: #cd60ff !important; 
        fill: #cd60ff !important;
        stroke: #cd60ff !important;
    }

    /* تأثير التوهج عند التفاعل */
    .btm-nav-outer a:hover, 
    .btm-nav-outer div:hover {
        text-shadow: 0 0 10px rgba(205, 96, 255, 0.8) !important;
    }

    /* حماية المحتوى من التغطية */
    .tab-content {
        padding-bottom: 90px !important;
    }
}

/* --- 3. ضبط أيقونة الواتساب لتكون فوق الشريط على الجوال --- */
.wa-s-n {
    position: fixed !important;
    z-index: 10000 !important;
    left: 20px !important;
}

/* في وضع الجوال: ارفع الأيقونة لتكون فوق الشريط */
@media (max-width: 991px) {
    .wa-s-n {
        bottom: 95px !important;
    }
}

/* في وضع الكمبيوتر: اجعل الأيقونة في مكانها الطبيعي */
@media (min-width: 992px) {
    .wa-s-n {
        bottom: 21px !important;
    }
}
/* 1. جعل خلفية السلة منسجمة مع متجرك */
body#app.cart, body.cart {
    background-color: #0d0812 !important;
}

/* 2. تحويل صناديق السلة (ملخص الطلب والمنتجات) إلى دارك مود */
.cart-item, 
.shadow-default, 
.bg-white {
    background-color: #130d19 !important;
    border: 1px solid rgba(194, 51, 255, 0.2) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* 3. تعديل ألوان النصوص داخل السلة لتظهر بوضوح */
.text-gray-900, .text-gray-500, .cart-item__details h1, .cart-item__details a {
    color: #ffffff !important;
}

/* 4. تنسيق السعر (جعل السعر بنفسجي شنب) */
.item-price, .item-total {
    color: var(--shanab-purple) !important;
    font-weight: 900 !important;
}

/* 5. تنسيق زر إتمام الطلب ليطابق تصميم أزرارك */
#cart-submit button {
    background: linear-gradient(135deg, #c233ff, #8a2be2) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
}

/* 6. إزالة أي خلفيات بيضاء في الملخص */
.bg-bg_main {
    background-color: #1a1224 !important;
    color: #fff !important;
}

/* 7. إخفاء أو تعديل خلفية المقترحات */
.cart-recommended-products {
    background: transparent !important;
}

/* 8. إضاءة خفيفة عند تمرير الماوس على المنتجات في السلة */
.cart-item:hover {
    border-color: rgba(194, 51, 255, 0.5) !important;
    transition: 0.3s ease;
}

/* فرض التصميم على بطاقة التقييم في سلة */
.s-reviews-testimonial {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(194, 51, 255, 0.4) !important;
    border-radius: 25px !important;
    padding: 30px !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* تحسين شكل النص داخل البطاقة */
.s-reviews-testimonial__text {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* تحسين شكل اسم العميل */
.s-reviews-testimonial__name {
    color: #c233ff !important;
    font-weight: bold !important;
    margin-top: 15px !important;
    display: block !important;
}

/* تأثير التفاعل */
.s-reviews-testimonial:hover {
    transform: translateY(-5px);
    border-color: #ffffff !important;
}
/* إزالة أي مربعات أو حدود من روابط الفوتر */
.s-menu-footer-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.s-menu-footer-item {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    text-align: right !important;
    color: #ffffff !important;
    font-size: 14px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* التخلص من تنسيقات المربعات التي قد يفرضها القالب */
.new-footer-menu .p-tab, 
.new-footer-menu .tab-content, 
.new-footer-menu .tab-inner {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* تنسيق للروابط عند التمرير */
.s-menu-footer-item:hover {
    color: #c233ff !important;
}
/* 1. إجبار القائمة على الظهور دائماً في الجوال */
.new-footer-menu .tab-content {
    display: block !important;
    max-height: none !important;
    opacity: 1 !important;
    transform: none !important;
    margin-top: 10px !important;
}

/* 2. إخفاء أيقونة الزائد (+) لأنها لم تعد ضرورية */
.new-footer-menu .tab-inner .sicon-add {
    display: none !important;
}

/* 3. تعديل شكل العنوان ليكون ثابتاً وغير قابل للضغط كقائمة */
.new-footer-menu .tab-inner {
    background: transparent !important;
    cursor: default !important;
    padding-bottom: 0 !important;
}