.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 #ffffff21;
    }
}

/* عدل هنا فقط وضيف رابط صورة المتجر فقط */
:root {
    --logo: url(https://cdn.salla.sa/OqbvKr/y8O5MH84wUqYNCR8uImLTEkX7BlE1TZ6EF3cnEe8.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;
}
body.index:before,body[data-template="home"]:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f5f5f529;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    z-index: 999999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 1s;
}

@keyframes pupup {
    0% {
        transform: scale(1);
    }

    18% {
        transform: scale(1);
    }

    80% {
        transform: scale(1);
    }

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

body.index:after,body[data-template="home"]:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: url(https://cdn.salla.sa/OqbvKr/y8O5MH84wUqYNCR8uImLTEkX7BlE1TZ6EF3cnEe8.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    transform: scale(0);
    animation-name: pupup_logo;
    animation-duration: 1s;
}

@keyframes pupup_logo {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }

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