body.index:after {
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            position: fixed;
            z-index: 999999;
            background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/BrlZwr/V4QeNJ2PHQFNkACMLsffbb2kKt6jzOsYHFLUEX4d.png) center / 100px no-repeat #fff;
            left: 0;
            animation-name: fade-in;
            animation-duration: 3s;
            animation-fill-mode: forwards;
            }
        @keyframes fade-in {
            0%,50%{
            opacity:1;
            }
                50%{
                    transform: scale(1.2);
                }
                100% {
                    opacity: 0;
                    visibility: hidden;
                    transform: scale(1.5);
                }
            }
            span.s-cart-summary-count {
    z-index: 2;
}

            /*--header is white--*/
.main-nav-container.fixed-header .inner{transform:translate3d(0,0,0);--tw-backdrop-blur:blur(20px);background:transparent;backdrop-filter:blur(18px)}.header-btn__icon{box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;z-index:2;position:relative}.header-btn__icon:after{content:"";position:absolute;top:7%;left:7%;border-radius:50%;border:1px solid transparent;border-color: transparent #ad8e55;width:85%;height:85%;transition:border 600ms cubic-bezier(.785,.135,.15,.86),transform 600ms cubic-bezier(.785,.135,.15,.86);transform:rotate(45deg);backface-visibility:hidden}.header-btn__icon:hover:after{border-color:red;transform:rotate(135deg)}.navbar-brand img{animation:wiggle 2s linear infinite}@keyframes wiggle{0%,40%,100%{transform:rotateZ(0)}7%{transform:rotateZ(-15deg)}15%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}}
/*grid*/
.section-2 .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
    body#app.index{
    background: white;
    }
    .lazy__bg.lazy.entered.loaded{
        background-size: contain;
        background-repeat: no-repeat;
    }
    a.banner-entry.square-photos {
        background: transparent;
    }
    img {
        background: transparent !important;
        border-radius:0;
    }
        #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a:nth-child(1) {
        grid-column: 1/1;
        grid-row: 1/1;
        height: 100%;
    }
   .section-2 .banner-entry {
    height: 332px;
}
.has-overlay:hover:after {
    border-radius: 26px;
}
.has-overlay:after {
    border-radius: 26px;
}
section#best-offers-2-slider .s-slider-block__title {
    display: none;
}
    .s-slider-block__title h2,.s-block__title h2{
        text-transform: uppercase;
        background-image:linear-gradient(135deg, rgba(173,142,85,1) 46%, rgba(0,0,0,1) 53%, rgba(173,142,85,1) 63%);
        background-size: 200% auto;
        color: #fff;
            line-height: 50px;
            font-weight: bold;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: textclip 2s linear infinite;
            display: inline-block;
    }
    @keyframes textclip {
        to {
            background-position: 200% center;
        }
    }
    
/*------card------*/
    .s-product-card-image img.loaded {
        transition: all .5s;
    }
    .s-product-card-image img.loaded:hover {
        transform: rotate(8deg) scale(1.3);
        transition: all .5s;
    }
    .s-product-card-entry {
        border: 2px solid #AD8E55;
        padding: 7px;
        border-radius: 17px;
        box-shadow: 0 0 3px #AD8E55,0 0 3px #AD8E55,0 0 3px #fff;
        height: 97%;
        margin-top: 8px;
    }
    .flex.mb-6,
    .s-product-card-content-sub,
    .store-footer a,
    .s-product-card-content-title a,.s-product-card-content-subtitle,
    .store-footer .contact-social ul,.s-social-list,
    .footer-is-light .store-footer .store-footer__inner {
        text-align: center !important;
        justify-content: center !important;
    }
        /*-------- upgrade button ---------*/
    .s-button-element:not(:disabled):not([loading]) {
        background-image:linear-gradient(135deg, rgba(173,142,85,1) 49%, rgba(173,142,85,1) 57%)!important;
        color: #fff;
        background-size: 200% !important;
        border: 0;
        animation: textclip 3s linear infinite;
        border: 0;
        box-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
    }
    @keyframes textclip {
        to {
            background-position: 200% center;
        }
    }
    .index  .section-5 .container {
    max-width: 100%;
    padding: 0;
}
    button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
        background-image: url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExZ3g0YWg3M3B6NzNhcHk2aDcyOG9vM2MzZTNyMmExNnR5Z3dxdW80ZyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ka5i65sFAlM9pbZ2OM/giphy.gif)!important;
        color: #fff !important;
        transform: scale(.9);
        transition: all .5s;
        border-radius: 5px!important;
        background-size: contain !important;
    }
            .store-footer h3 {
            color: #AD8E55 !important;
            background: #fff;
            border-radius: 8px;
            font-weight: 700;
            padding-top: .3rem;
            width: 100%;
            padding-bottom: .3rem;
            box-shadow: 0 0 5px #AD8E55, 0 0 5px #fff, 0 0 5px #fff;
        }
        footer > div.store-footer__inner > div > div:nth-child(2) > h3:hover, #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > div:nth-child(1) > h3:hover {
            opacity: .7;
            transition: all 200ms;
        }
        .mb-6 {
            margin-bottom: 1.5rem;
            margin-top: 10px;
        }
        @media only screen and (min-width: 767px) {
        #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div{
            grid-template-columns: repeat(4,minmax(0,1fr));
        }

        }
                            /*/////footer logooo & animation //////////////*/
        .footer-is-light .store-footer .store-footer__inner:before {
            text-align: center;
            content: "";
            display: block;
            height: 110px;
            width: 140px;
            margin: auto auto 20px;
            background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/BrlZwr/V4QeNJ2PHQFNkACMLsffbb2kKt6jzOsYHFLUEX4d.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            position: relative;
            animation: ss 1000ms linear infinite;
        }
        #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > p{
            margin: auto;
        }
        .s-apps-icons-list {
            place-content: center;
        }
        @keyframes ss {
        0% {
            top: 0;
        }

        50% {
            top: 8px;
        }
        100% {
            top: 0px;
        }
        }
        .store-footer__inner {
    background: linear-gradient(180deg, rgba(255,255,255,0.9585084033613446) 14%, rgba(222,196,148,0.9360994397759104) 68%, rgba(173,142,85,1) 94%) !important;
}
footer.store-footer {
    background: #ad8e55 !important;
}
.store-footer__inner {
    border-bottom-width: 0;
}
@media(min-width:767px){
.s-slider-block__title h2, .s-block__title h2 {
    font-size: 2rem;
}

}
@media(max-width:767px){
.section-2 .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.section-2 .banner-entry {
    height: 238px;
}
.s-products-slider-card {
    max-width: 185px;
}
.main-nav-container {
    min-height: 56px;
}
  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;
}
}