/* Add custom CSS styles below */ 

/* Add custom CSS styles below */ 

/*==================  كوبون خصم ================== */
#coupon-button{
  opacity: 0 !important;
}

/*================== Header Hero ================== */
.top-navbar{
  background: #5e3f8f !important;
}

#IRT__fixed-0 .container{
  padding: 0px !important;
}

@media (min-width: 1280px) {
  #IRT__fixed-0 .container{
    max-width: 100% !important;
  }
}

/*==================  الاقسام ================== */
#IRT__cutome-structure-1{
  margin-top: 50px !important;
}

.s-block--enhanced-irtiqa.irtiqa-cutome-structure .grid{
  grid-template-rows: none !important;
}

@media (max-width: 768px) {
  #IRT__cutome-structure-1 .grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  #IRT__cutome-structure-1 .grid > div{
    grid-area: auto !important;
  }
}

.Cats_Section{
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; 
}

.Cats-title h3{
  color: #5D3E8F;
}

.Cats-Btn button{
  background: #5BC5C4;
  color: white;
  padding: 8px 20px;
  border-radius: 15px;
}

/* موبايل */
@media(max-width:768px){
  .Cats_Section{
    width: 95%;
    display: block;
  }

  .Cats-title{
    width: 70%;
  }

  .Cats-Btn button{
    font-size: 13px;
    padding: 8px 15px;
  }
}

/*==================  المنتجات ================== */
#slider-with-bg-3 , #best-offers-5-slider , 
#slider-with-bg-6{
  margin-top: 10px !important;
}

#IRT__pro-dis-4{
  margin-top: 40px !important;
}

.group > div:last-child{
  opacity: 0 !important;
}

.tab-trigger{
  color: black !important;
  border-color: rgba(93, 62, 143, 1) !important;
  font-size: 18px !important;
}

.salla-button .s-button-element:hover{
  background-color: #007bc4 !important;
}

.tab-trigger.is-active button{
  background: rgba(93, 62, 143, 1)!important;
  color: white !important;
  font-size: 18px !important;
}

/*==================  مميزات المتجر ================== */
.Feature_Section{
  width: 70%;
  margin: auto;
}

.feature-title{
  text-align: center;
  margin-bottom: 20px;
}

.feature-title h3{
  color: #5D3E8F;
}

.features-images{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.features-images img{
  width: 100%;
}

/* موبايل */
@media(max-width:768px){
  .Feature_Section{
    width: 90%;
  }

  .features-images{
    flex-wrap: wrap;
  }

  .features-images div{
    width: calc(50% - 10px);
  }
}

/*==================  تابي للمنتجات ================== */
.installment-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 10px;
  text-align: center;
  direction: rtl;
  margin-top: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.installment-images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.installment-images img {
  height: 20px;
  width: auto;
  object-fit: contain;
}

/*================== ايقون واتس اب ================== */
@media(max-width:768px){
  body a[href*="whatsapp"]{
    position: fixed !important;
    bottom: 104px !important;
    top: auto !important;
  }
}

/*==================  Footer ================== */
footer.store-footer.animated-section-once{
  color: white !important;
}

.md\:flex.items-center.justify-between.py-4.container.text-center {
    background: #5D4A94;
}