.main-nav-container {
    min-height: 68px;
    background-color: #f8f7ea;
}
.bg-inherit {
   background-color: rgb(248 247 234 / 62%) !important; 
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(12px);
}
.shadow-default {
    --tw-shadow: 5px 10px 30px #807b3f;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: 0 0 red, 0 0 transparent, 5px 10px 30px #2b2d340d;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.bg-gray-100{
background-color: #f8f7ea;
}
.footer-is-light .store-footer{
background-color: #f8f7ea;
}
@media only screen and (max-width: 1024px){
.mm-spn.mm-spn--light {
    color: #000;
    background: #f8f7ea!important;
}
}
body {
    background-color: #f8f7ea;
    }
body::before {
    content: " ";
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 9998;
    opacity: 0;
    animation: intro 2s;
}

body:after {
    z-index: 9999;
    position: fixed;
    content: "";
    background-image: url('https://cdn.salla.sa/laXgg/YP6yjKCB8JxhYpvDeOVVlKltupB0Z6HvCrMdECMW.png') !important;
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    width: 0px;
    transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Y-axis rotation */
    height: 100px;
    right: 50%;
    top: 50%;
    opacity: 0;
    visibility: visible !important;
    background-color: transparent !important;
    animation: intro_logo 2.5s;
}

@keyframes intro {
    0% {
        width: 100%;
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100%;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
    }
}

@keyframes intro_logo {
    0% {
        width: 100px;
        opacity: 0.8;
        transform: translate(50px, -50px) scale(2) rotateY(0deg); /* Initial Y-axis rotation */
    }

    50% {
        opacity: 0.9;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    99% {
        width: 100px;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
        transform: translate(50px, -50px) scale(2) rotateY(360deg); /* Y-axis rotation */
    }
}

/*تعديلات */
.s-button-btn{
border-radius: 0.4rem;
    background: #6a7f36;
    border: 0px;
    color: white;
    box-shadow: 0px 0px 7px gray;
    }
    
    .s-block--slider-with-bg .slider-bg{
        background-position: left;
    }
    
    .store-footer__inner{
        border-radius: 20px;
    margin: 16px;
    background: #6a7f36 !important ;
    padding : 15px ;
    color: white ;
   box-shadow: 0px 0px 12px 3px #80808082, 0px -6px 0px 0px #e4c344;

    }

.bg-inherit{
background-color: rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(12px);
}

.s-product-card-image{
    background: white;

}

.s-products-slider-card{
    padding: 8px;
    max-width: 250px;

}

@media (max-width: 640px){
.slide--one-sixth {
    width: 50%; 
}
}


.rounded-full{
    border-radius: 0px;

}

custom-salla-product-card{
  box-shadow: -2px 3px 7px #0000004d;

}


.slide--cat-entry{
    background:none;
     }

 a.slide--cat-entry > img{
    width: 9rem !important;
    height: 9rem !important;
}

 a.slide--cat-entry > h2{
   display : none
}
 /*ايقونات مميزات المتجر*/

    .feature-icon{
     box-shadow: 2px -4px 19px 1px #e2be3157 !important;
 }
 .s-block--features__item{
     background-color: #fff0;
     }
 .s-block--features__item .feature-icon {
    margin-bottom: .75rem;
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #41404200;
    }
  .s-block--features__item .feature-icon {
    margin-bottom: .75rem;
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #41404200;
    }


 .sicon-screw-phillips:before {
   content: "" ;
    display: inline-block;
    width: 50px; /* Adjust the width as needed */
    height: 50px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/9TGTM9p/2.gif') no-repeat;
    background-size: cover; 
}

.sicon-grocery-bag:before {

    content: "" ;
    display: inline-block;
    width: 50px; /* Adjust the width as needed */
    height: 50px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/HN1rxQ1/3.gif') no-repeat;
    background-size: cover; 
}

.sicon-cool:before {
    content: "" ;
    display: inline-block;
    width: 50px; /* Adjust the width as needed */
    height: 50px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/4RjpPyW/1.gif') no-repeat;
    background-size: cover; 
}

div.s-product-card-content > div.s-product-card-content-footer.gap-2 > salla-add-product-button > salla-button > button > span > i.sicon-shopping-bag:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 15px;
    background: url(https://i.ibb.co/7KHbdmy/wired-outline-146-trolley-1.gif) no-repeat;
    background-size: cover;
}

/*مميزات المتجر*/
.grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.s-block--features__item:first-child {
    grid-column:auto;
}

/*النقاط المتحركة تحت البنرات الرئيسية*/
.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.dot {
   height: 10px;
    width: 10px;
    margin: 0px 8px;
    background-color: #6a7f36;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;

}

.dot.active {
    background-color: #717171;
}
.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
/*----*/
.s-user-menu-trigger {
  background-color: #fff0;
  }
  .s-slider-block__title h2 {
    padding-right: 20px;
    }
 
/* icons*/
@media only screen and (max-width: 1024px){
#\"1888990025\" > a > img{
    pointer-events: none;
    height: 3rem;
    width: 6rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    }
      }
 @media only screen and (max-width: 1024px){
 #\"1847988308\"> a > img{
 pointer-events: none;
    height: 3rem;
    width: 6rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    }
      }
      
    @media only screen and (max-width: 1024px){   
   #\"575276681\" > span > img{
    pointer-events: none;
    height: 3rem;
    width: 6rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    }
      }
         /*WHATSAPP*/
.dkuywW {
    position: relative;
    width: 0px;
    margin: auto;
}

/*الصفحات التعريفية*/
.content .content-entry img {
    margin: 6px 0 0px;
}
.s-block--hero-slider .swiper-slide .overlay-bg:after {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 0%);
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}
.bg-cover {
    background-size: 100%;
    background-repeat: no-repeat;
}
.s-block--hero-slider .swiper-slide {
    position: relative;
    height: 20rem;
    --tw-bg-opacity: 1;
    background-color: #1f293700;
    /* background-color: rgb(31 41 55/var(--tw-bg-opacity)); */
}

/* تصميم مقاس التصنيفات */

.banner-entry {
    height: 350px;
    }
    
    @media (min-width: 768px){
.md\:grid-cols-3 {
    grid-template-columns: repeat(2,minmax(0,2fr));
}
 }
 @media (min-width: 640px){
.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
     grid-row: span 1/span 1; 
}
 }
 .md\:grid-cols-3 {
    grid-template-columns: repeat(2,minmax(0,2fr));
}
.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
     grid-row: span 1/span 1; 
}
@media only screen and (max-width: 767px) {
.banner-entry {
    height: 100px;
}
 }
 
 
  /*القائمة الجانبية للاقسام */
 @media only screen and (max-width: 1024px){
    .mm-spn li img {
        pointer-events: none;
        height: 3rem;
        width: 7rem;
        --tw-bg-opacity: 1;
        background-color: #ffffff00;
        /* background-color: rgb(245 247 249/var(--tw-bg-opacity)); */
        -o-object-fit: cover;
        object-fit: cover;
    }
     }
     /*تسوق حسب السعر */
     .sicon-steps:before {
    border-radius: 50%;
    content: "" ;
    display: inline-block;
    width: 100px; /* Adjust the width as needed */
    height: 100px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/cr0LQwc/50.png') no-repeat;
    background-size: cover; 
}

    .sicon-three-square:before {
    border-radius: 50%;
    content: "" ;
    display: inline-block;
    width: 100px; /* Adjust the width as needed */
    height: 100px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/bFnt9yy/100.png') no-repeat;
    background-size: cover; 
}
   .sicon-stopwatch-off:before {
    border-radius: 50%;
    content: "" ;
    display: inline-block;
    width: 100px; /* Adjust the width as needed */
    height: 100px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/NjwnjT1/3-2.png') no-repeat;
    background-size: cover; 
}
.sicon-swap-stroke:before{
   border-radius: 50%;
    content: "" ;
    display: inline-block;
    width: 100px; /* Adjust the width as needed */
    height: 100px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/wJVkXQN/500.png') no-repeat;
    background-size: cover; 
}
.sicon-train:before {
   border-radius: 50%;
    content: "" ;
    display: inline-block;
    width: 100px; /* Adjust the width as needed */
    height: 100px; /* Adjust the height as needed */
    background: url('https://i.ibb.co/JkPRK9r/image.png') no-repeat;
    background-size: cover; 
}
/*حركة لبنرات الاقسام */
.banner-entry {
	position: relative;
}
.banner-entry::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.banner-entry:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

:root {
  --progress-color: #a5a42f;
}

body {
  height: 150vh;
  margin: 0;
  font-family: 'Arial', sans-serif;
  position: relative;
}

#scrollToTopBtn {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 20px;
  width: 25px;
  height: 25px;
  background-color: #6a7f3617;
  color: #e5c649;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#scrollToTopBtn::before {
  content: '↑';
  font-size: 24px;
}

#progressBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: var(--progress-color);
  z-index: 998;
  transition: width 0.2s ease-in-out;
}

#progressBar.active-progress {
  width: calc((100% / (document.documentElement.scrollHeight - window.innerHeight)) * window.scrollY);
}
/*تنصيص الفوتر*/
 .store-footer h3 {
     text-align: center;
     }
     .store-footer a {
      text-align: center;
     }
   #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 > a{
       display: flex;
    justify-content: center;
}
.mb-6 {
    text-align: center;
    margin-bottom: 1.5rem;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > div:nth-child(1) > a:nth-child(n){
     display: flex;
    justify-content: center;
}

/*تعديلات حجم كرت المنتج */
@media (max-width: 640px) {
  .s-products-slider-card {
    max-width: 175px !important;
  }
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > div:nth-child(1) > a:nth-child(n) > i {
box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb00;
} 
/*لون زر اشتري الان*/
#product-532023921 > div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none > salla-add-product-button > salla-quick-buy > salla-button > button{

background:#e1bc2c;
}