@keyframes textShine {

0% {

background-position: 0% 50%;

}

100% {

background-position: 100% 50%;

}

}



/*---------------- log in --------------*/

body.index:before {

content: "";

width: 100%;

height: 100%;

background: #ffffff

url(https://ibb.co/sd3bSkVW);

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: 2.5s

}

@keyframes logobg {

0% {

transform: scale(1)

}


20% {

transform: scale(1)

}


78% {

transform: scale(1)

}


100% {

transform: scale(0)

}

}


/*-------------- log in --------------*/


.lg\:px-12 {

background: transparent;

}



.sicon-shopping-bag:before {

content: "\ef39";

}


.px-2 {

margin-bottom: -30px;

}



.w-36{

max-height: 5rem;

animation: wiggle 2.5s infinite;

padding-right: 12px;

}





.s-button-btn:hover {

color: white;

}



.w-32 {

width: 8rem;

max-height: 40px;

content: url(https://i.ibb.co/mCQYYppW/2n.png) !important;

transform: scale(1.3);

}




.prestige-breadcrumbs {

background: transparent;

}


.z-10:hover {

transform: translateY(1px) scale(1.1);

}


.sm\:py-16 {

background: transparent;

}



.md\:p-4 {

background: transparent;

}





.s-button-primary:hover {

fill: #7A2F50;

fill: #ffffff;

color: #7A2F50;

color: var(--color-primary);

background: linear-gradient(to right, #121212 20%, #e70000 30%, #121212 70%, #e70000 80%);

background-size: 500% auto;

animation: textShine 5s ease-in-out infinite alternate;

color: white;

}



.s-button-primary {

border-width: 1px;

border-color: #b7b7b7;

background-color: #ffffff;

color: #000

}






html body {

background: #ffffff; /* أبيض */

}


.md\:py-20 {

background: url(https://i.ibb.co/LZC45nL/5.jpg);

background: #000000;

color: white;

}


.prestige-label {

background-color: #ab0000 !important;

color: #ffffff;

}





.mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after {

background: black;

color: white;

}


.order-2 {

text-align: center;

}


.py-4 {

border-radius: 10px;

}


.rtl\:ml-2\.5:where([dir=rtl],[dir=rtl] *) {

background: #292929;

border-radius: 10px;

color: white;

border: transparent;

}


.md\:py-20 .cursor-pointer {

cursor: pointer;

background: #292929;

border-radius: 10px;

color: white;

margin: 5px;

align-content: center;

}


.md\:py-20 .font-semibold {

font-weight: 600;

color: #ffffff;

}


.md\:py-20 .leading-6 {

line-height: 1.5rem;

color: white;

}




/*-------------- best of --------------*/



.md\:pb-10 .sicon-shipping-fast {

content: url(https://i.ibb.co/ym2Crmh/wired-outline-497-truck-delivery-4.gif)!important;

background-size: 100% 100%;

display: flex;

height: 233px;

transform: scale(0.9);

width: 206px;

flex-direction: row;

flex-wrap: nowrap;

align-content: center;

justify-content: center;

align-items: center;

width: 100px;

height: 100px;

margin-right: 150px;

}



.md\:pb-10 .sicon-star2{

content: url(https://i.ibb.co/p2w0Czm/wired-outline-237-star-rating-2.gif)!important;

background-size: 100% 100%;

display: flex;

height: 233px;

transform: scale(0.9);

width: 206px;

flex-direction: row;

flex-wrap: nowrap;

align-content: center;

justify-content: center;

align-items: center;

width: 100px;

height: 100px;

margin-right: 150px;

}




.md\:pb-10 .sicon-bag-dollar {

content: url(https://i.ibb.co/31MJ6sd/wired-outline-948-stock-share-1.gif)!important;

background-size: 100% 100%;

display: flex;

height: 233px;

transform: scale(0.9);

width: 206px;

flex-direction: row;

flex-wrap: nowrap;

align-content: center;

justify-content: center;

align-items: center;

width: 100px;

height: 100px;

margin-right: 150px;

}


/*-------------- best of --------------*/



@keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 85% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }

}

button, a.btn {

background-color: #FF5733 !important;

color: #fff !important;

}

a[href*="checkout"],

a:contains("اشتري الآن"),

button:contains("اشتري الآن") {

background-color: #FF5733 !important;

color: #fff !important;

border-radius: 8px !important;

padding: 10px 20px !important;

font-weight: bold !important;

}
footer {
  background-color: #ffffff !important;
}

footer,
footer p,
footer a,
footer span,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #000000 !important;
}