@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

body#app {
    FONT-FAMILY: 'IBM Plex Sans Arabic';
}
body:not(.product-index):not(.product-single):after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background:white url(https://i.ibb.co/5hhP4ywG/TQb-Ej-HRerfwe7t-OLEDAhzc-H6-Lch-G8-IFm-Krc806-TK.jpg);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 260px;
    animation-name: fade-in;
    animation-duration: 1.5s;
    transform: scale(0);
    border: none;
     
}

   @keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 1;
        transform: scale(1)
    }

    85% {
        opacity: .5;
        transform: scale(1)
    }

    99% {
        opacity: .2;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(.1)
    }
}


/* Add custom CSS styles below */ 
body.index header.store-header {
    background-color: transparent !important;
    position: relative;
    z-index: 99;
}
header.store-header {
    background-color: #000000 !important;
}
.bg-inherit,.header-components,.main-nav-container {
    background-color: transparent !important;
}
.header-components {
    border-bottom-width: 0;
    }
.main-menu li.root-level>a {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
}
    
    button.header-icon-button i {
    color: #fff !important;
}
button.header-icon-button,a.s-cart-summary-wrapper{
    color: #fff;
}
button.btn--gray.search-btn.w-\[40px\] {
    background-color: #fff;
}
.fixed-pinned .inner {
    background-color: #000000 !important;
}
.navbar-brand img {
    height: 75px !important;
}
.sicon-menu:before {
    color: #fff;
}

  :root{--color-primary:#1E1E1E }
   :root{--color-primary-reverse:#dbb167 }
 

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

section:nth-of-type(1).s-block.s-block--fixed-banner.wide-placeholder{
 margin-top: -13rem;
}

salla-button .s-button-btn {
    border-radius: 72px;
}

footer.store-footer.is-light.mt-8.sm\:mt-16 {
    background-color: #1f1f1f;
    color: #fff;
}

@media(max-width: 1016px){
section:nth-of-type(1).s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: -5rem;
}
div#mainnav {
    background-color: #000000 !important;
    color: #fff;
   margin-top: -2%;
}
}


@media(max-width: 768px){
div#mainnav {
    margin-top: -4%;
}
section:nth-of-type(1).s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0rem;
}
body.index header.store-header,.fixed-pinned .inner,.header-components {
    background-color: #000000 !important;
}

.swiper-slide {
    width: 57%;
}
footer.store-footer {
    text-align: center;
}
.store-footer a,.s-social-list {
    justify-content: center;
}

}