/* start welcome logo */
body.index:before {
    content: "";
    background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ZybyZ/4df9b357-2ff7-4480-b8ec-3997114eb48c-500x500-LfD0ZP8YGmZ2gnaHU4VJ0eBOwI3EfNF6MOKP1eWQ.jpg);
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100;
  animation: logobg 3s forwards  ;
}
@media(max-width:767px){
  body.index:before{
    background-size: 70%;
  }
}
/*Header*/
.navbar-brand img,.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 3rem;
    width: auto;
    animation: scale 1.3s linear infinite
}

button.header-btn, #s-cart-icon{
  position: relative;
}
.header-btn__icon.icon:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
}
header i.header-btn__icon:after {
    content: "";
    width: 85%;
    height: 85%;
    position: absolute;
    border-style: solid;
    border-color: transparent var(--color-primary) transparent var(--color-primary);
    border-width: 2px;
    border-radius: 50%;
    rotate: 45deg;
    transition: all 0.2s linear;
}

i.header-btn__icon:hover:after {
    border-color: var(--color-primary);
      rotate: 120deg !important;
}
/* start hero banner */
section:first-of-type{
  margin-top: 0;
}
salla-slider.photos-slider .swiper-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 0;
}
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0;
}
.s-slider-v-centered .s-slider-block__title-nav {
    display: none;
}


/* start product */
.s-block__title {
    display: none;
}
.s-button-primary-outline:hover{
  background-color: #fff;
}
.s-button-primary-outline{
  position: relative;
  overflow: hidden;
}
.s-button-primary-outline::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #414042;
    border-radius: 6px;
    left: 0;
    inset: 70%;
    transform: skew(90deg);
    transition: all 0.3s linear;
}

.s-button-primary-outline:hover:before{
  transform: skew(0);
  inset: 0;
}
.s-button-primary-outline:hover span.s-button-text {
    z-index: 2;
    color: #fff;
}

/* start footer */
footer.store-footer {
    background-color: var(--color-primary) !important;
}
@media(max-width:767px){  
.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 * {
    text-align: center;
    justify-content: center;
}
}



/*Animations */
@keyframes logobg {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1);
    }

    78% {
        transform: scale(1);
    }

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

@keyframes scale {
    0%,100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(.9);
        opacity: .7;
    }
}