.s-product-card-content-title a,.s-product-card-content-subtitle {
    text-align: center!important;
    font-size: 1rem!important
}

.main-menu,.s-product-card-content-sub {
    justify-content: center!important
}

.swiper-wrapper {
    margin: 30px 0!important
}

.s-product-card-price,.s-product-card-sale-price * {
    font-size: 1rem!important
}

.s-product-card-entry,salla-products-list {
    padding: 10px!important
}

.s-product-card-entry {
    outline: var(--color-primary) solid 1px!important
}

@media (min-width: 640px) {
    .s-product-card-fit-height .s-product-card-image {
        flex:unset!important
    }

    #mainnav .container,.s-block.s-block--banners.container {
        width: 85%!important;
        max-width: 850%!important;
    }
}

.s-product-card-image {
    flex: unset!important
}

.s-product-card-fit-height .s-product-card-image {
    max-height: 21rem!important;
    height: 470px!important;
}

@media (max-width: 640px) {
    .s-product-card-fit-height .s-product-card-image {
        max-height: 11rem!important;
        height: 166px!important;
    }
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    padding-right: 0;
    padding-left: 0;
}

body.index div.app-inner.flex.flex-col.min-h-full > section.s-block--banners:nth-child(n) div div:hover {
    transform: translateY(-8px);
}

body.index div.app-inner.flex.flex-col.min-h-full > section.s-block--banners:nth-child(n) div {
    transition: transform 0.3s, box-shadow 0.3s;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 1rem;
    background-color: var(--color-primary);
    color: #ffffff;
    display: block;
    text-align: center;
    font-weight: bold;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 4px, rgb(0 0 0 / 0%) 0px 7px 13px -3px, rgb(255 255 255 / 66%)0px -3px 0px inset;
    animation: signal 1200ms infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary);
    }

    100% {
        box-shadow: 0 0 0 6px #dbe40821;
    }
}.s-slider-block_title h2, .main-content h1, .s-block_title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,#000000 0,#ffffff 29%,#ffffff 67%,#292926 100%);
    background-size: 200% auto;
    color: var(--3);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 4s linear infinite textclip;
    display: inline-block;
    font-weight: 600;
    border-bottom: 3px;
    /* حجم الخط  */
    font-size: 1.125rem;
    line-height: 1.5;
}
@keyframes textclip {
    100% {
        background-position: 200% center;
    }
}
body.index .s-button-primary-outline,.s-button-primary,button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-image: linear-gradient( -225deg, #c4a912 1% , rgba(205,188,19,0.8) 50%, #292926 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    animation: textclip 4s linear infinite;
    border-radius: 19px !important;
}

@keyframes textclip {
    to {
        background-position: 200% center ;
    }
}
.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-block { margin-top: 0 }.store-footer::after { content: "3nad alyami"; content: "by 3nad alyami"; content: " Web Design by  " " | " "3nad alyami "; font-size: 13px; color: rgb(255,255,255) !important; margin-right: 89px !important; }section:nth-of-type(1).s-block.s-block--fixed-banner.wide-placeholder .container {
    padding: 0;
    margin: 0;
    max-width: 100%
}



.s-block { margin-top: 0 }.store-footer::after { content: "3nad alyami"; content: "by 3nad alyami"; content: " Web Design by  " " | " " 3nad alyami "; font-size: 13px; color: rgb(255,255,255) !important; margin-right: 89px !important; }
section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0!important;
    width: 100%!important;
    max-width: unset
}

.s-product-card-out-of-stock img.loaded {
    filter: none;
}

salla-add-product-button[product-status="out"]::after {
    position: absolute;
    top: -25%;
    left: 10%;
    z-index: 2;
    display: block;
    width: max-content;
    border-width: 3px;
    border: 3px solid #ef4444;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .5rem;
    padding-bottom: .25rem;
    font-size: 2.25rem;
    line-height: 1;
    color: #ef4444;
    opacity: .8;    
      content: "SOLD-OUT";
    content: "نفذت الكمية";
    transform: rotate(-43deg);
}

salla-product-card.s-product-card-out-of-stock.hydrated .s-product-card-content-footer {
    background-color:  #ef4444;;
    border: 0;
}

.sicon-whatsapp2::after,a[href*="whatsapp"].s-contacts-item::after {
     content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.84 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.2,4.65C24.21,1.65,20.22,0,15.98,0,7.24,0,.13,7.11.13,15.86c0,2.79.73,5.53,2.12,7.93l-2.25,8.22,8.41-2.21c2.32,1.26,4.93,1.93,7.58,1.93h0c8.74,0,15.86-7.11,15.86-15.86,0-4.24-1.65-8.22-4.64-11.22h0ZM15.99,29.05h0c-2.37,0-4.69-.64-6.71-1.84l-.48-.29-4.99,1.31,1.33-4.86-.31-.5c-1.33-2.09-2.02-4.52-2.02-7.01,0-7.27,5.91-13.18,13.19-13.18,3.52,0,6.83,1.38,9.32,3.86,2.49,2.49,3.86,5.8,3.86,9.32,0,7.27-5.92,13.19-13.18,13.19ZM23.21,19.17c-.39-.2-2.34-1.16-2.71-1.29s-.62-.2-.89.2c-.26.39-1.02,1.29-1.26,1.56-.23.26-.46.3-.86.1s-1.68-.62-3.19-1.97c-1.18-1.05-1.98-2.35-2.21-2.74s-.02-.61.18-.81c.18-.18.39-.46.59-.69s.26-.39.39-.66c.13-.26.07-.49-.03-.69s-.89-2.15-1.22-2.94c-.32-.77-.65-.67-.89-.68-.23-.01-.49-.01-.76-.01s-.69.1-1.06.49c-.36.39-1.39,1.36-1.39,3.31s1.42,3.83,1.62,4.1c.2.26,2.79,4.27,6.77,5.98.94.41,1.68.65,2.26.84.95.3,1.81.26,2.49.16.76-.11,2.34-.96,2.67-1.88s.33-1.72.23-1.88c-.09-.17-.36-.27-.76-.48h0Z'/%3E%3C/svg%3E");
     text-align: center;
     cursor: pointer;
     background: #46a51e;
     z-index: 999;
     display: flex;    display: block;
     justify-content: center;
     align-items: center;
     font-size: 0px;
     color: #fff;
     box-shadow: #37373722 1.5px 1.5px 5px;
     width: 58px;
     height: 58px;
     border-radius: 27.5px;
     position: fixed;
     bottom: 19px;
     right: 17px;
     transform: rotate(360);
     transition: all .2s ease-in-out;
}

body[style] a[href*="whatsapp"].s-contacts-item::after, body[cz-shortcut-listen="true"] a[href*="whatsapp"].s-contacts-item::after, a[href*="whatsapp"].s-contacts-item::after,
body[style] .sicon-whatsapp2::after, body[cz-shortcut-listen="true"] .sicon-whatsapp2::after,i.sicon-whatsapp2::after{
    width: 56px;
    height: 56px;
    border-radius: 32.5px;
    font-size: 32px;
    box-shadow: #292926 2px 2px 8px;
}

.sicon-whatsapp2:after:hover,a[href*="whatsapp"].s-contacts-item:after:hover {
    border-radius: 0;
    border: 0;
    width: 180px;
    height: 60px;
}

.sicon-whatsapp2:hover::after,a[href*="whatsapp"].s-contacts-item:hover::after {
    content: "حاب نساعدك 😃؟ ";
    content: "     تواصل معنا ؟ ";
    font-family: var(--font-main)!important;
    width: 260px !important;
    animation: trns 1s;
    font-size: 20px !important;
    color: #ffffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes trns {
    0% {
        color: #ffffff00;
    }

    100% {
        color: #ffffff99;
    }
}

.s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: unset;
    padding-top: 66%;
}

@media (max-width: 991px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr 1fr ;
    }

    .s-block.s-block--banners > .grid .banner-entry {
        padding-top: 49%;
    }
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.banner-entry article,.has-overlay:after {
    padding: 0rem;
    display: none;
}

 

body > div.app-inner.flex.flex-col.min-h-full > div:nth-child(5) {
    display: none;
}

@media (max-width: 767px) {
    body > div.app-inner.flex.flex-col.min-h-full > div:nth-child(5) {
        display: block;
    }

    body > div.app-inner.flex.flex-col.min-h-full > div:nth-child(4) {
        /* display: none; */
    }
}

.home-video {
    margin: -11rem 0 0 0;
    z-index: -1;
}

@media (max-width: 767px) {
    .home-video {
        margin: -11rem 0 0 0;
        /* height: 295px; */
    }

    .home-video video {
        height: 100%;
    }
}

.inner.bg-inherit,.main-nav-container,.s-advertisement {
    background: transparent !important
}

header.store-header * {
    color: #000000 !important;
}

.s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr ;
}
@media (max-width: 991px) {
.s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr ;
}}

.s-block.s-block--banners > .grid .banner-entry {
    height: unset;
    padding-top: 60%;
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}
 
.banner-entry article,.has-overlay:after {
    padding: 0rem;
    display: none;
}


.navbar-brand {
    animation: wiggle 2.5s infinite!important
}

@keyframes wiggle {
    0% {
        transform: rotate(0deg)
    }

    80% {
        transform: rotate(0deg)
    }

    85% {
        transform: rotate(5deg)
    }

    95% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

/* عدل هنا فقط وضيف رابط صورة المتجر فقط */
:root {
    --logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/wyGVN/RdRERLnwjEq7SfNPNV0jB31S52Xheb4Jw0oNulTH.png);
}

/نهاية التعديل الباقى ثابت لا يعدل/
footer.store-footer {
    border-radius: 20px;
    margin: 15px;
}

.store-footer__inner {
    background: transparent;
}

@media (max-width: 600px) {
    footer.store-footer {
        padding-bottom: 50px;
    }
}

footer.store-footer * {
    text-align: center;
    justify-content: center;
}

footer.store-footer * {
    color: var(--color-primary);
}

.store-footer .unicode {
    /* display: none; */
}

.store-footer__inner .container > div:nth-child(3) > div:nth-child(1) a {
    width: fit-content;
    margin: 0 !important;
    display: inline-block;
}

.max-w-sm {
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    border-image: linear-gradient(244deg, var(--color-primary-reverse), var(--color-primary-reverse) ) ;
    /* text-align: center; */
}

.footer-list.store-links-items {
    column-count: 2;
}

footer.store-footer {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2526.61 1640.64'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23191919; opacity: .05; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='609.93' y='602.08' width='1440' height='560'/%3E%3Cpath class='cls-2' d='m609.93,1139.24c118.89,15.98,249.69,73.14,352.4,11.18,102.69-61.95,119.22-202.24,154.4-316.9,31.14-101.5,52.51-204.6,37.86-309.76-14.69-105.48-59.82-201.59-121.21-288.62C966.7,140.6,900.85,17.54,786.26,1.55c-116.01-16.19-204.74,98.76-306.77,156.31-77.35,43.63-149.02,87.12-219.82,140.72-90.3,68.35-221.51,107.92-252.55,216.83-30.92,108.51,45.64,217.49,100.73,315.96,51.48,92.03,115.83,176.71,205.72,231.84,88.74,54.41,193.19,62.17,296.35,76.04'/%3E%3Cpath class='cls-2' d='m2049.93,1638.39c94.91-2.47,198.87,8.28,274.78-48.76,74.76-56.17,84.33-160.86,119.52-247.49,33.52-82.5,87.42-159.67,82.01-248.55-5.61-92.14-43.4-185.47-112.17-247.04-66.03-59.12-161.34-63.71-249.06-76.38-76.8-11.09-152.73-11.55-227.95,7.49-77.58,19.64-151.08,50.77-211.13,103.66-66.23,58.33-121.1,128.88-148.26,212.85-30.42,94.05-48.67,197.44-14.45,290.18,35.2,95.42,112.45,172.74,202.61,219.8,86.31,45.05,186.78,36.76,284.11,34.23'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: 1rem;
    background-color: var(--color-primary-reverse) !important;
}

@media (max-width: 600px) {
    footer.store-footer {
        background-position: 38rem 18rem;
    }
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: transparent;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:before {
    display: block !important;
    content: '';
    /* border: none; 
    /* border-radius: 0; */
    background: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 153px;
}


.s-products-slider-card {
    max-width: 202px;
}@media (min-width: 640px) {
    .s-products-slider-card {
 
        max-width: 200px;
    }
}

header.store-header:before {
    content: '';
    background: url(https://archive.org/download/1-2d-912d-49/1-2d912d49.png);
    background-repeat-y: no-repeat;
    background-position-x: 0;
    animation: scrollBrands 1900s linear alternate both infinite;
    background-size: contain;
    height: 50px;
    display: block;
    background-color: var(--color-primary);
    background-position: center;
    margin-bottom: 16px
}

@keyframes scrollBrands {
    0% {
        background-position-x: 0
    }

    50% {
        background-position-x: 35000px
    }

    100% {
        background-position-x: 0
    }
}

@media(max-width: 767px) {
    header.store-header:before {
        background-size:180%;
        height: 39px;
        background-position: center;
        margin-bottom: -2px
    }
}