/* Add custom CSS styles below */ 

.bg-inherit {
  background-color: #A99E8F;
}

.flex-col {
  background-color: #A99E8F;
}

.topnav-link-item.right-side:first-child:where([dir=rtl],[dir=rtl] *) {
  color: #4E392C;
}

.topnav-is-dark .top-navbar .topnav-link-item {
  color: #fff;
}

.topnav-is-dark .top-navbar {
  background-color: #4E392C;
}

.slide--cat-entry {
  background-color: #A99E8F;
  border-color: #A99E8F;
}

.banner-entry {
  background-color: #F5E9DA;
}

.store-footer__inner {
  background: #4E392C;
}


.store-footer {
  background-color: #4E392C;
}



/* نخلي الصورة دايرة */
.banner-entry {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  background-size: cover;
  background-position: center;
  width: 200px;          
  height: 200px;
  border-radius: 50%;   
  overflow: initial;  
  margin: 0 auto;
  position: relative;
  padding: 0px !important;

}

/* نحرك العنوان تحت الصورة */
.banner-entry__text {
  text-align: center !important;
  width: 100%;
  color: #000;                   /* لون النص */
  z-index: 5;                    /* يتأكد إنه فوق أي شيء */
}

/* العنوان نفسه */
.banner__title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

/* نزيل أي أوفرلاي */
.has-overlay::after {
  display: none !important;
  content: none !important;
}

/* توزيع الصور: 2 في الموبايل، 4 في اللابتوب */
.grid.md\:grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
  justify-items: center;
}
h3.banner__title.font-bold.mb-1.leading-6 {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    position: absolute;
    bottom: -55px;
}

@media (min-width: 1024px) {
  .grid.md\:grid-cols-3 {
    grid-template-columns: repeat(4, 1fr);
}
}

@media (max-width: 640px) {
  .grid.md\:grid-cols-3{
    grid-template-columns: repeat(2, 1fr);
    row-gap:70px;
    
  }
  h3.banner__title.font-bold.mb-1.leading-6{
  bottom:-35px;
  }
  .banner-entry {
    width: 100px;          /* حجم أصغر في الموبايل */
    height: 100px;
  }

  .banner__title {
    font-size: 14px;       /* نص أصغر في الموبايل */
  }
  .grid-flow-row{
  grid-template-columns:repeat(2, 1fr);
  margin-bottom:30px;
  }
}

.s-block--banners+.s-block--banners, .s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner{
margin-top:7em;
}
.s-block--banners+.s-block--banners, .s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner{
margin-top:2em
}
.two-row .banner-entry:first-child h3{
font-size:16px;
line-height:20px;
}


.s-product-card-content{
        background-color: #4E392C;}
        .s-product-card-image img{
            background-color: #4E392C;}
            .s-product-card-content-title a{
                color: #ffff;
}
.s-product-card-price, .s-product-card-starting-price h4
 {
                color: #ffff;
}