/* Add custom CSS styles below */ 
/*header*/
.header-btn__icon {
    box-shadow: 0px 0px 5px #8e709a; 
}
.navbar-brand img {
    max-height: 4.5rem;
}
/*opening----------*/
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/rAjOly/wpNQxnIVNMjAwdWHhOuaqHl2qJk1QPcitIM3dRkm.png) center/250px no-repeat #f2e5ef;

left:0;
animation-name:fade-in;
animation-duration:2s;
animation-fill-mode:forwards;
}
@keyframes fade-in{
0%,50%{
opacity:1;
}
100%{
opacity:0;
visibility:hidden;
}
}
/*//////// body >>>>desigin //////////////////////*/
 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;
}

/*/////////////////// slide one ////////////////// */

salla-slider.photos-slider .swiper-slide {
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.rounded-md {
    border-radius: 0 !important;
}
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden{
    padding: 0rem;
} 
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--photos-slider{
   margin:0;
}
/*////////////////////card///////////////*/
.s-product-card-entry {
    border: 3px solid #8e709a;
    padding: 7px;
    border-radius: 17px;
    box-shadow: 0 0 5px #8e709a;
    height: 97%;
    margin-top: 8px;
}
.s-slider-block__title {
    display: none;
}
.flex.mb-6,

.s-product-card-content-sub,
.store-footer a,
.s-product-card-content-title a,
.store-footer .contact-social ul,div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 > div,.footer-is-light .store-footer .store-footer__inner {
    text-align: center !important;
    justify-content: center !important;
}

      /* ///////////////    display tiltle   //////////////////*/
.s-block--best-offers .s-slider-block__title{
display:none;
}
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
background: rgb(142,112,154);
background: linear-gradient(49deg, rgba(142,112,154,1) 54%, rgba(242,229,239,1) 98%);
    color: white;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    box-shadow: 0 0 5px #ac8685,0 0 5px #ac8685,0 0 5px #ac8685;
}

/*////////////////grid-------------------------////////*/
a.banner-entry.square-photos {
    height: 495px;
}
/*//////////banner/////////*/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div{
    max-width: 90%;

}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div{
    max-width: 60%;

}
/*////////////footer/////////*/

.store-footer__inner {
    background: #8e709a !important;
    color: white;
}

/*/////////////////// media//////////////////*/
@media(max-width:767px){
a.banner-entry.square-photos {
    height: 142px;
}
.gap-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden{
   padding:0;
}
.s-products-slider-card {
    max-width: 185px;
}
div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > salla-button > button > span > span {
    font-size: 12.5px;
}
/*//////////banner/////////*/
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div{
    max-width: 100%;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div{
    max-width: 90%;

}
}



.s-social-list {
    display: flex;
    gap: .625rem;
    justify-content: center;
    pointer-events: none;
}