/* Add custom CSS styles below */ 
:root {
    --main-color:#d4b5ac;
    --second-color:#a3607a;
    --three-color:#fff ;
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: var(--main-color) url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/zvwwKK/jewJMGWOqSuT4tvV440cfOMcsOBpigue8Bz8XHVl.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px;
    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);
    }

    100% {
        opacity: 0;
        transform: scale(.1);
    }
}
.overflow-x-hidden {
    
    background: #fff;
}

/*---- start nav ----*/
#mainnav {
  background-color :var(--main-color); 
}

.banner img
{
  border-radius: 20px;
}
.banner img:hover
{  
  border-color: #d4b7afcc;
}
.banner--fixed img:hover {
    border-radius: 25px 60px;
    box-shadow: 3px 3px 10px #d4b8b0a8;
}
i {
 color :var(--second-color);
}
#mobile-menu {
  color :var(--three-color);  
      padding-right: 180px;
}
#mobile-menu a:hover {
   color :var(--second-color);
}
.sicon-menu {
color : var(--second-color);
background-color:var(--main-color);
}
.mm-spn.mm-spn--navbar ul{
 background-color:var(--main-color);
}
 .mm-spn.mm-spn--navbar.mm-spn--main:after 
 {
 background-color:var(--main-color);
 margin-left:5rem;
 color:var(--second-color);
 }
 .main-menu #offers a{
 display: none;
 }
.main-menu li>a {
 color:white
 }
/*end nav*/


salla-slider[type]:not(.hydrated)>div>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, .carousel-slider .swiper-wrapper>div {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.s-product-card-vertical{
  flex-direction:column;
  box-shadow:-11px 10px 16px #d5b8b0 ;
}
.s-product-card-vertical:hover{
  flex-direction:column;
  box-shadow:-11px 10px 16px var(--second-color);
}
.s-product-card-content {
background-color:var(--main-color);
color :white;
 border-end-end-radius:2% ;
 border-end-start-radius:2% ;
 
}
.s-button-btn {
  background-color :var(--second-color);
  color : white;
  border:none;
}
.s-button-btn:hover {
  background-color :var(--second-color);
  color :var(--main-color);
}
.s-product-card-content-main a {
  color : white;
}
.s-product-card-content-main a:hover {
  color :var(--second-color);
}
.s-slider-block__title h2::after{
   content:"";
   width: 100%;
   height: 5px;
   background-color: var(--second-color);
   position: absolute;
   bottom: -20px;
   left: 50%;
   transform: translateX(-50%);
}
  .footer-is-light .store-footer {
    background: #d6b7ae;
    --tw-bg-opacity: 1;
    background-color: #c09d9a var(--tw-bg-opacity)
    );
    background-color: #d4b5ac;
    --tw-text-opacity: 1;
    color: #c09697;
    color: rgba(55, 65, 81, var(--tw-text-opacity));
    padding: 46px;
    background:white;
}

.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    border-bottom-color: #e5e7eb;
    border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: #d4b5ac;
    background: #be9395;
    color: white;
    border: double;
    padding: 6px;
    border-radius: 70px;
}
.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/zvwwKK/jewJMGWOqSuT4tvV440cfOMcsOBpigue8Bz8XHVl.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    
  
}
.copyright-text p {
    --tw-text-opacity: 1;
    color: #d4b8af;
    color: #bf9597;
}
/*----------------------end footer----------*/
.store-footer::after {
    content: "برمجه وتطوير  ADFAZ";
    top: 0;
    color: #be9295 !important;
    font-size: 16px;
    opacity: .8;
    text-align: center;
    font-weight: 700;
    width: 100%;
    display: inline-block
}



.banner--fixed img{


border-radius:30px;
 background: #fff;
}

.banner-entry{
    width: 42vw;
    min-height: 100px;
     background: #fff;

}




.gap-3{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    
}

@media only screen and (max-width: 600px) {
.banner-entry{
    height:auto;
}
}
@media (min-width: 768px){
.two-row .banner-entry:first-child {
    height: auto !important;
}
}
.main-menu li>a {
    background: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
}
.footer-is-light .store-footer .social-link {
    --tw-border-opacity: 1;
    background: var(--second-color);
    border-color: #d4b4ac;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
}
.s-button-element:not(:disabled):not([loading]) {
    background: var(--second-color);
    pointer-events: auto;
} 
.s-product-card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    border-radius: 40px 10px;
    align-items: center;
    background-color: #d2b2aa;
    color: #ffffff;
    margin:10px;
    background-image: linear-gradient(to right, #d6b7ae, #be9395);
    border: 3px solid #F2F2F2;
}

.s-product-card-entry:hover {
    transform: scale(1.03);
     background-color: #68549300;
         border-radius: 30px;
      color:rgb(110 90 152 / 0%);
      filter: drop-shadow(1px 1px 10px #d3b2ab);
}
.s-user-menu-trigger {
    background: var(--main-color);
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    --tw-bg-opacity: 1;
    /* background-color: var(--bg-gray); */
    /* background-color: rgb(255 255 255/var(--tw-bg-opacity)); */
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: .875rem;
    line-height: 1.25rem;
}
.s-user-menu-dropdown-list {
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 1rem;
    background: var(--main-color);
}
.s-user-menu-dropdown-item a {
    font-size: .875rem;
    line-height: 1.25rem;
    color: white;
}
.rtl\:lg\:ml-8 {
    margin-left: 2rem;
    background: var(--main-color);
}
.sm\:text-start {
    text-align: left;
    padding: 20px;
}.p-5 {
    padding: 1.25rem;
    background: var(--main-color);
}
.s-user-menu-dropdown-item a svg {
    margin-right: 0;
    /* margin-left: 0.75rem; */
}
.s-block--photos-slider {
    margin-top: 0 !important;
}

.swiper {
    padding-left: 0 !important;
}

salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 1.1rem;
    margin-right: 0.5rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}
.sicon-user-circle:before {
    content: "\f072";
    color: var(--second-color);
}
.sicon-shopping-bag:before {
    content: "\ef36";
    color: var(--second-color);
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
    color: white;
}
.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * (1 - 0));
    margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
    margin-top: calc(0.25rem * calc(1 - 0));
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * 0);
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
    color: white;
}
.s-button-element:not(:disabled):not([loading]) {
    background: #a7717e;
    pointer-events: auto;
}
.font-bold {
    font-weight: 700;
    color: var(--second-color);
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: #ceaba5;
    color: rgb(107 114 128/var(--tw-text-opacity));
    color: white;
}
b, strong {
    font-weight: bolder;
    color: white;
}

    background: linear-gradient(45deg, #fe438f, #ef612a);
    }