/* Add custom CSS styles below */

.mm-spn.mm-spn--light {
color: #fff;
background: #151723;
}

.sicon-menu:before {
content: "\ed7f";
color: #fff;
}
a.text-base {
COLOR: #1c1f2e;
}

.leading-7 {
line-height: 1.75rem;
COLOR: #FFF;
}
.footer-is-light .store-footer .store-footer__inner {
--tw-border-opacity: 1;
border-bottom-color: #e5e7eb;
border-bottom-color: rgb(229 231 235/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: #f3f4f6;
box-shadow: 0px 0px 12px 0px #e901fa;
background-color: #1c1f2e;
}
.s-user-menu-trigger {
display: flex;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
align-items: center;
border-top-right-radius: .375rem;
border-top-left-radius: .375rem;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: #1c1f2e;
padding-left: .625rem;
padding-right: .625rem;
padding-top: .875rem;
padding-bottom: .875rem;
font-size: .875rem;
line-height: 1.25rem;
}

.top-navbar .s-search-input {
border-style: none;
background-color: rgb(28 31 46);
box-shadow: 0px 0px 12px 0px #e901fa;
}

.btn--rounded-gray {
display: inline-flex;
width: 100%;
align-items: center;
justify-content: center;
white-space: nowrap;
border-radius: 9999px;
background-color: rgb(28 31 46);
padding-left: .875rem;
padding-right: .875rem;
padding-top: .5rem;
box-shadow: 0px 0px 12px 0px #e901fa;
padding-bottom: .5rem;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 500;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 150ms;
flex-grow: 0;
color: #fff;
}
.s-modal-close svg {
width: 1.25rem;
fill: #e901fa;
}
.s-modal-close {
position: absolute;
top: .75rem;
z-index: 10;
width: 2.75rem;
cursor: pointer;
border-style: none;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: #1c1f2e;
padding-left: .5rem;
padding-right: .5rem;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 150ms;
}
.s-login-modal-main-btn {
border-radius: .75rem;
border-width: 1px;
box-shadow: 0px 0px 12px 0px #e901fa;
--tw-border-opacity: 1;
border-color: #e5e7eb;
border-color: #e901fa;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: rgb(255 255 255/var(--tw-bg-opacity));
padding-top: 1.25rem;
padding-bottom: 1.25rem;
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 300ms;
}
.s-modal-title {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: #111827;
color: #fff;
}
[dir=rtl] .s-login-modal-main-btn {
padding-left: 1rem;
padding-right: 1.25rem;
background: #1c1f2e;
color: #fff;
}
.s-modal-align-middle {
vertical-align: bottom;
background: #1c1f2e;
}
.s-block--features__item {
display: flex;
flex-grow: 1;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: #1c1f2e;
padding: 2rem;
box-shadow: 0px 0px 12px 0px #e901fa;
transition-property: box-shadow;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 500ms;
}
.header-btn__icon {
display: flex;
height: 2.5rem;
width: 2.5rem;
align-items: center;
box-shadow: 0px 0px 12px 0px #e901fa;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: #e5e7eb;
border-color: #e901fa;
font-size: 1.25rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: #374151;
color: rgb(55 65 81/var(--tw-text-opacity));
}
.s-cart-summary-total {
font-weight: 600;
--tw-text-opacity: 1;
color: #000;
color: #fff;
}

.header-btn__icon {
display: flex;
height: 2.5rem;
width: 2.5rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: #e5e7eb;
border-color: #e901fa;
font-size: 1.25rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: #374151;
color: rgb(55 65 81/var(--tw-text-opacity));
}

body.index:before {
content: '';
width: 100%;
height: 100%;
background: #1c1f2e url(https://cdn.salla.sa/Ovbya/4TN3pa5rrHPClqwpxxD7RXoqHFN5ffIoLqhZoewH.png);
position: fixed;
z-index: 99999999999999999 !important;
transform: scale(0);
background-size: 250px !important;
background-repeat: no-repeat;
background-position: center !important;
animation-name: logobg;
animation-duration: 1.5s;
}
@keyframes logobg {
0% {
transform: scale(1);
}

```
            20% {
                transform: scale(1);
            }

            78% {
                transform: scale(1);
            }

            100% {
                transform: scale(0);
            }
        }

```

.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: #f9fafb;
background-color: #1c1f2e;
}
.s-product-card-entry {
position: relative;
display: flex;
height: 100%;
justify-content: space-between;
border-radius: .75rem;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: #1c1f2e;
transition-property: box-shadow;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 300ms;
}
.s-product-card-content-title a {
display: block;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: #1f2937;
color: #fff;
}
.s-product-card-price {
font-size: .875rem;
line-height: 1.25rem;
color: #fff;
font-weight: 700;
}
.inner.bg-inherit {
background: #1c1f2e;
}
ul.main-menu.mm-spn--open {
color: #fff;
}
.sicon-user-circle:before {
content: "\f072";
color: #fff;
}

.sicon-shopping-bag:before {
content: "\ef36";
color: #fff;
}

.s-block--features__item {
display: flex;
flex-grow: 1;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .375rem;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: #1c1f2e;
padding: 2rem;
transition-property: box-shadow;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 500ms;
}

.s-block--features__item h4 {
margin-bottom: .25rem;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: #1f2937;
color: #fff;
}

.testimonials-slider .testimonial {
height: 100%;
position: relative;
display: flex;
border-top-left-radius: .375rem;
border-bottom-left-radius: .375rem;
--tw-bg-opacity: 1;
background-color: #fff;
background-color: #1c1f2e;
padding: 1.5rem;
opacity: .6;
--tw-shadow: 5px 10px 30px #2B2D340D;
--tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
box-shadow: 0 0 transparent,0 0 transparent,5px 10px 30px #2b2d340d;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
transition-property: opacity;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 150ms;
}
.rtl .fix-align, [dir=rtl] .fix-align {
transform: translateY(-2px);
display: inline-block;
COLOR: #FFF;
}

label.form-label.font-bold {
COLOR: #1c1f2e;
}
.banner--fixed img {
display: block;
width: 100%;
border-radius: .375rem;
box-shadow: 0px 0px 12px 0px #e901fa;
border-style: none;
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: rgb(243 244 246/var(--tw-bg-opacity));
-o-object-fit: cover;
object-fit: cover;
}
.s-comments-product {
margin-bottom: 1rem;
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: #1c1f2e;
padding-top: 1rem;
padding-bottom: 1rem;
}
.center-between {
display: flex;
align-items: center;
COLOR: #1c1f2e;
justify-content: space-between;
}
[p.leading-6.mb-2.mt-4.sm](http://p.leading-6.mb-2.mt-4.sm/)\:mt-0 {
color: #fff;
}
span.break-all.font-bold {
COLOR: #1c1f2e;
}
.text-gray-500 {
--tw-text-opacity: 1;
color: #6b7280;
color: #FFF;
}
.font-bold {
font-weight: 700;
color: #fff;
}
h2.mb-3\.5.text-sm.font-bold {
COLOR: #1c1f2e;
}
.footer-is-light .store-footer .store-footer__inner {
--tw-border-opacity: 1;
border-bottom-color: #e5e7eb;
border-bottom-color: rgb(229 231 235/var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: #f3f4f6;
background-color: #1c1f2e;
}

.store-footer a {
transition-property: opacity;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: 150ms;
color: #fff;
}
.store-footer h3 {
color: #fff;
margin-bottom: .75rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
}
.leading-6 {
line-height: 1.5rem;
color: #fff;
}

salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: -1rem;
}
salla-slider.photos-slider .swiper-slide {

```
margin-left: 0rem;
margin-right: 0rem;

width: 100%;

```

}
salla-slider[type]:not(.hydrated)>div>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, .carousel-slider .swiper-wrapper>div {
flex-shrink: 0;
padding-left: 1px;
padding-right: 1px;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
background: #1b1e2d;
color: #fff;
box-shadow: 0px 0px 12px 0px #e901fa;
}
.section--title,
.s-slider-block__title h2,
.s-block__title h2 {
text-transform: uppercase;
background-image: linear-gradient(
-225deg,
hsl(293, 100%, 76%) 0%,
#b729de 29%,
#c567ff 67%,
#e100ff 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 4s linear infinite;
display: inline-block;
font-weight: 800;
}
@keyframes textclip {
to {
background-position: 200% center;
}
}
.fixed-header .navbar-brand > img {
animation: 1s spin linear;
}
@keyframes ShineAnimation
{
0%
{
background-repeat: no-repeat;
background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100% );
background-position: -250px -250px;
background-size: 600px 600px;
}
100%
{
background-repeat: no-repeat;
background-position: 250px 250px;
}
}
.product-footer salla-add-product-button > salla-button > button {
/* animation: ShineAnimation 5s infinite;
animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);*/
}
.product-entry {
background: #1b1e2d;
color: #fff;
box-shadow: 0px 0px 12px 0px #e901fa;
}
.s-block.s-block--fixed-banner {animation: 3s flying linear infinite}
@keyframes ShineAnimation
{
0%
{
background-repeat: no-repeat;
background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100% );
background-position: -250px -250px;
background-size: 600px 600px;
}
100%
{
background-repeat: no-repeat;
background-position: 250px 250px;
}
}
.s-product-card-content-footer salla-add-product-button button {
/* animation: ShineAnimation 5s infinite;
animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);*/
}

.s-product-card-content-footer salla-add-product-button button {
border: unset
}

/***/
.s-product-card-content-footer salla-add-product-button button {
/* animation: ShineAnimation 5s infinite; */
/* animation-timing-function: cubic-bezier(.6,-.28,.74,.05); */
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
background: #4a0250;
color: #fff;
box-shadow: 0px 0px 12px 0px #ffffff;
}
#mainnav > div > div > div > div.flex.items-center.flex-col.justify-center > a > img {
  position: relative;
  z-index: 2;
  border-radius: 1.5em;
  max-width: 100%;
  height: auto;
}

#mainnav > div > div > div > div.flex.items-center.flex-col.justify-center > a {
  position: relative;
  display: inline-block;
}

#mainnav > div > div > div > div.flex.items-center.flex-col.justify-center > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 0.3em solid white;
  border-bottom: 0.3em solid purple;
  border-left: none;
  border-right: none;
  border-radius: 5em;
  box-sizing: border-box;
  animation: spin 3s linear infinite;
  z-index: 1;
}

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

@media (max-width: 768px) {
  #mainnav > div > div > div > div.flex.items-center.flex-col.justify-center > a::before {
    border-top: 0.2em solid white;
    border-bottom: 0.2em solid purple;
    top: 0em;
     width: 100%;  /* تأكد من أن العرض 100% ليغطي الصورة بالكامل */
    height: 95%;  /* اجعل الطول أكبر قليلاً لتغطية الجزء العلوي */
   
    
  }
}

.dark .s-product-card-content-footer salla-add-product-button .s-button-outline {
color: #ff0000;
}.s-product-card-out-of-stock salla-add-product-button .s-button-disabled {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / 0%);
--tw-text-opacity: 1;
color: rgba(55, 65, 81, var(--tw-text-opacity));
}.dark .s-product-card-content-footer salla-add-product-button .s-button-outline {
color: white;
background: #4a0250;
color: #fff;
box-shadow: 0 0 12px 0 #fff;
}salla-slider.photos-slider .swiper {
margin-left: 0;
margin-right: 0;
width: 100%;
box-shadow: 0 0 11px 2px #fff;
}
/***/

.s-product-card-wishlist-btn {
color: var(--color-primary)!important;

.s-card-product-content-footer-button-add-product-button {
background-color: #8a2be2; /* purple */
Color: #ffff; /* red */