.inner.bg-inherit {
  background-image: linear-gradient(to bottom, #F5DEB3, #D2B48C, #C2B280); /* تدرج ألوان من الرمل */
  background-size: 200% 200%;
  animation: smoothGradient 10s ease infinite;
}

/*نهاية الكودددددددددددددددددددددددددددددددددددددددددددددددددد*/

/* تصميم حواف متناسق */
.s-product-card-entry {
    position: relative;
    border: 2px solid orange; /* تقليل سمك الحواف */
    border-radius: 8px; /* زوايا مستديرة */
    padding: 8px; /* مسافة داخلية أقل */
    transition: all 0.3s ease; /* تأثير حركة سلس */
    overflow: hidden; /* منع تجاوز التأثير للحدود */
}

/* تأثير متحرك على الحواف */
.s-product-card-entry::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, orange, red, yellow, orange); /* تدرج متحرك */
    z-index: -1; /* خلف العنصر */
    border-radius: 8px; /* مطابق للحواف */
    transform: scale(1.1); /* تكبير للتأثير قليلاً */
    animation: borderMove 3s linear infinite; /* حركة مستمرة */
    opacity: 0.6; /* تخفيف حدة الألوان */
}

/* عند تمرير الماوس */
.s-product-card-entry:hover {
    transform: scale(1.03); /* تكبير بسيط للعنصر */
    box-shadow: 0 3px 10px rgba(255, 165, 0, 0.4); /* ظل خفيف */
}

/* عند النقر */
.s-product-card-entry:active {
    border-color: yellow; /* تغيير اللون إلى الأصفر */
    transform: scale(0.98); /* تصغير بسيط عند النقر */
}

/* حركة التدرج */
@keyframes borderMove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 200% 200%;
    }
}

/*22222222222222222222222222222222222222222222222*/

/* تحسين زر "إضافة للسلة" باللون الأخضر */
button.s-button-element {
    background: linear-gradient(90deg, #28a745, #1e7e34, #28a745) !important; /* تدرج متحرك */
    background-size: 200% 200% !important; /* تكبير مساحة الخلفية لتأثير الحركة */
    color: white !important; /* تغيير لون النص إلى الأبيض */
    border: 2px solid #1e7e34 !important; /* إطار بنفس اللون الأخضر */ سلس عند التفاعل */
    animation: gradientMove 3s linear infinite !important; /* حركة التدرج */
}

/* تحسين لون نص "أضف إلى السلة" */
button.s-button-element .s-button-text {
    color: white !important; /* يجعل النص أبيض */
}

/* عند تمرير الماوس */
button.s-button-element:hover {
    transform: scale(1.05) !important; /* تكبير بسيط عند التمرير */
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4) !important; /* إضافة ظل أخضر */
}

/* عند النقر */
button.s-button-element:active {
    transform: scale(0.95) !important; /* تصغير بسيط عند النقر */
    background: #1e7e34 !important; /* لون ثابت عند النقر */
}

/* تأثير الحواف المتحركة */
button.s-button-element::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    border-radius: 10px; /* مطابق لحواف الزر */
    background: linear-gradient(45deg, #28a745, #1e7e34, #28a745); /* نفس التدرج */
    animation: borderGradientMove 3s linear infinite; /* حركة متكررة للحواف */
}

/* تحسين زر المفضلة وإظهار أيقونة القلب بالكامل بدون تغيير زر "إضافة للسلة" */


/*33333333333333333333333333333333333333333333333333*/

/* تلوين العناوين العلوية في القائمة */
body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) a {
    padding: 15px 25px;
    margin: 11px;
    color: #FFFFE0; /* النص باللون الأبيض الفاتح */
    border-radius: 19px; /* زوايا مستديرة */
    background-color: #ab7029; /* لون خلفية مائل للبرتقالي */
    font-weight: bold; /* تكبير النص */
    text-transform: uppercase; /* جعل النص بحروف كبيرة */
}

/* عند التمرير على العنوان العلوي */
body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) a:hover {
    background-color: #d98c42; /* تغيير اللون إلى درجة أفتح من البرتقالي */
    color: #ffffff; /* النص يبقى باللون الأبيض */
}

/* عند النقر على العنوان العلوي */
body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) a:active {
    background-color: #9f5d1d; /* لون أغمق عند النقر */
    transform: scale(0.98); /* تصغير بسيط عند النقر */
}

/*4444444444444444444444444444444444444444444*/