custom-salla-product-card {
    --c:var(--color-primary);
    --b: 3px;
    --g: 5px;
    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%,var(--c) 0;
    background: conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0 /200% var(--_i,var(--b)) no-repeat, conic-gradient( at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat;
    transition: .3s, background-position .3s .3s!important;
    cursor: pointer;
    background-color: #fff;
    border-radius: 15px;
}

custom-salla-product-card:hover {
    --_i: 100%;
    transition: .3s, background-size .3s .3s!important;
}
 
/*jjjjjjjj*/

.s-block,section#featured-products-style2-2,body.index, body.product-index, body.page-single {
    background-color: #fff;
    background-image: url(https://media.zid.store/20a7d76d-e85b-4fd1-a39e-a3a3fbd21fee/69a59cc3-4373-4d78-916d-d8638efa6f35.svg);
    background-size: 1500px;
    background-repeat: repeat;
}


.s-product-card-entry {
     
    background-color: rgb(244 244 244);
   
}


.store-footer__inner {
  background-color: #59378d !important; /* غيّر اللون حسب الرغبة */
}


footer.store-footer {
  background-color: #3e1e59 !important; /* لون داكن */ 
   color: #ffffff;
}

.store-footer a:hover {
  color: #f4f4f4 !important; /* لون وردي أو أي لون تختاره */
}

footer.store-footer, 
footer.store-footer * {
  color: #ffffff !important;
}

.top-navbar {
  background-color: #59378d !important; /* غيّر اللون حسب الرغبة */
}

.top-navbar, 
.top-navbar * {
  color: #ffffff !important; /* لون الخط أبيض */
}



.s-contacts-icon {
  transition: transform 0.3s ease-in-out !important;
}

.s-contacts-icon:hover {
  transform: scale(1.2) rotate(10deg) !important;
}
.store-footer__inner {
  background-image: url('https://i.ibb.co/0yY665k4/OO-15.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(89, 55, 141, 0.8);
  background-blend-mode: overlay;
  color: #ffffff !important;
}


whatsapp_float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.whatsapp_float:hover {
    background-color: #128C7E;
}