/* تصميم البوب أب */
#popup {
  display: none; /* مبدئيًا يكون مخفي */
  position: absolute;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  width: 300px;
  text-align: center;
}

.popup-btn {
  background-color: #f5a623;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.popup-btn:hover {
  opacity: 0.8;
}























.product-index custom-salla-product-card#\33 85605537 {
    order: -6;
}

.product-index custom-salla-product-card#\34 6561906 {
    order: -5;
}


.product-index custom-salla-product-card#\37 31836276 {
    order: -4;
}

.product-index custom-salla-product-card#\31 90833934 {
    order: -3;
}

.product-index custom-salla-product-card#\32 87363355 {
    order: -2;
}


.product-index custom-salla-product-card#\36 12470164 {
    order: -1;
}


body {
    background: #d9d9d9 !important;

}

.inner.bg-inherit,
.s-user-menu-trigger  {
    background-color: #d9d9d9 !important;
}
#mobile-menu {
    color: #000!important;
    background: #d9d9d9 !important;
}
.main-content ,
.main-content h1
{
    color: #000 !important;
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section{

color: #000 !important;
}
salla-installment.hydrated {
    color: #000 !important;
}


.main-menu li>a,
 .top-navbar,
i.header-btn__icon.sicon-user-circle,
#s-cart-icon>i,

.s-cart-summary-total,
#mainnav > div > div > div > div:nth-child(1) > a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4 > i{
    color: #000 !important;
}
div.app-inner>footer>div p {
     color: #fff !important;
}
.main-menu{
 background: #d9d9d9 !important;
}
.sub-menu span {
    color: #ba001b !important;
}

.main-menu li>a:hover {
    color: #ba001b !important;
}

i.header-btn__icon.sicon-user-circle::before,
{
border-color: #ba001b !important;
}

div.app-inner>section:nth-child(4) {
    margin-top: 0 !important;
}



div.app-inner>section:nth-child(4)>div,
div.app-inner>section:nth-child(8)>div,
div.app-inner>section:nth-child(9)>div,
div.app-inner>section:nth-child(12)>div {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    border-radius: 0 !important;
}

div.app-inner>section:nth-child(4) img,
div.app-inner>section:nth-child(8) img,
div.app-inner>section:nth-child(9) img,
div.app-inner>section:nth-child(12) img {
    border-radius: 0 !important;
}



div.app-inner>section:nth-child(5)>div a {
    background-color: transparent !important;
    height: 250px !important;
}

div.app-inner>section:nth-child(6)>div,
div.app-inner>section:nth-child(10)>div {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap !important;
    
}

div.app-inner>section:nth-child(6)>div a,
div.app-inner>section:nth-child(10)>div a {
    width: 31% !important;
    background-color: transparent !important;
    height: 250px !important;

}

div.app-inner>section:nth-child(6)>div>a>div,
div.app-inner>section:nth-child(5)>div>a>div div.app-inner>section:nth-child(10)>div>a>div {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

}

div.app-inner>section>div.s-block__title>div>h2,
div.s-slider-block_title>div.s-slider-block_title-right>h2,
div.s-slider-block_title>div.s-slider-block_title-left>a {
    color: #ba001b !important;


}




div.app-inner>section>div.s-block__title>div>h2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    
    font-size:1.5rem !important;
    

}

div.s-slider-block_title>div.s-slider-block_title-right>h2 {
    position: absolute;
    left: 50%;
    transform: translateX(-60%);
    
    font-size:1.5rem !important;
}

.s-block--features__item {
    background: transparent !important;
}

section.s-block.s-block--features.container p {
    display: none !important
}

section.s-block.s-block--features.container h2 {
    color: #ba001b !important;
    font-size: 1.2rem !important;
}

.s-block--features__item .feature-icon {


    background-color: transparent !important;
    width:8rem !important;
    height:8rem !important;
}

.s-block--features__item .feature-icon i {
    font-size: 5.875rem !important;
    color: #000 !important;
}

.s-button-primary-outline {
    background: #ba001b !important;
    color: #fff important;

}
#app > div.app-inner.flex.flex-col.min-h-full > section > div.s-block__title > div {
    margin-bottom: 15px;
}



/*******footer******/




@media(max-width:767px) {
div.app-inner>section>div.s-block__title>div>h2,
div.s-slider-block_title>div.s-slider-block_title-right>h2{
font-size:1rem !important;
}

    div.app-inner>section:nth-child(6)>div a,
    div.app-inner>section:nth-child(10)>div a {
        height: 80px !important;
        gap:5px !important;

    }

    .s-block--features__item .feature-icon i {
        font-size: 4.875rem !important;
        color: #000 !important;
    }

    div.app-inner>section:nth-child(5)>div {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    div.app-inner>section:nth-child(5)>div a {
        background-color: transparent !important;
        height: 80px !important;
    }

  

}


 footer > div.store-footer__inner > div {
    display: flex;
    justify-content: space-between;
     align-items:flex-start !important;
     position:relative;
     margin-top:120px;
}
 footer > div.store-footer__inner > div::before{
         content: '';
    position: absolute;
    background-image: url(https://i.postimg.cc/3J0L7PzZ/logo-foter.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 450px;
    width: 420px;
     left:50%;
     top:-125%;

    transform: translateX(-50%);
 }




footer > div.store-footer__inner > div > div:nth-child(1){
    width:50% !important;
    
}
 footer > div.store-footer__inner > div > div:nth-child(2),
 footer > div.store-footer__inner > div > div:nth-child(3){
     width:25% !important;
 }
@media(max-width:767px){
.swiper-wrapper{
    margin-top: 2rem;
}

    div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 0 !important;
    }

    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 {
        grid-area: 1 / 1 / 2 / 3;
         width:100% !important;
        text-align:center !important;
    }

    div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div>div:nth-child(3) {
        grid-area: 2 / 2 / 3 / 3;
        width:100% !important;
    }



    div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div>div:nth-child(2) {
        grid-area: 2 / 1 / 3 / 2;
         width:100% !important;
    }
     footer > div.store-footer__inner > div::before{
 
     top:-50%;

    transform: translateX(-50%);
 }
  #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 {
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
  }
   footer > div.store-footer__inner > div {
    
    margin-top: 200px;
}
.store-footer__inner {
   border-top-left-radius: 6pc !important;
   border-top-right-radius: 6pc !important;
   background:#000 !important;
}

    
}
footer{
    background:#d9d9d9 !important;
  
}

.store-footer__inner {
   border-top-left-radius:20pc !important;
   border-top-right-radius:20pc !important;
   background:#000 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p{
      color:#000 !important;
}

.s-product-card-image{
 background:#fff !important;
}




.product-index custom-salla-product-card#\33 85605537 {
    order: -6;
}

.product-index custom-salla-product-card#\34 6561906 {
    order: -5;
}


.product-index custom-salla-product-card#\37 31836276 {
    order: -4;
}

.product-index custom-salla-product-card#\31 90833934 {
    order: -3;
}

.product-index custom-salla-product-card#\32 87363355 {
    order: -2;
}


.product-index custom-salla-product-card#\36 12470164 {
    order: -1;
}