/* Add custom CSS styles below */ 
.htv--classic .enhanced-title-border:after, .htv--classic .enhanced-title-border:before {
        background-color:#e6c373 !important
}

.btn-tabs-container {
        padding:20px;
        background-color:#ebebeb ;
        justify-content:center
}


/* 🧩 1. الحاوية الخارجية (بالمنتصف) */
.product-tabs-container {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

/* 💊 2. كبسولة التابات (بحجم المحتوى) */
.product-tabs-container .btn-tabs-container {
  /* gap: 6px !important; */
  width: fit-content !important;
  max-width: 100% !important;
  padding: 6px !important;
  background: #ebebeb !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
.product-tabs-container .btn-tabs-container::-webkit-scrollbar {
  display: none;
}

/* 🔘 3. التاب العادي */
.product-tabs-container .btn-tab-primary {

  padding: 10px 28px !important;
  /* background: transparent !important; */
  /* color: #333333 !important; */
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  cursor: pointer;
  transition: background .25s ease, color .25s ease, border-color .25s ease;
}

/* ✨ 4. التاب النشط */
.product-tabs-container .btn-tab-primary.active {
  background: #e6c373 !important;
  border-color: #e6c373 !important;
  color: #ffffff !important;
}

/* 📱 5. الجوال */
@media (max-width: 480px) {
  .product-tabs-container .btn-tab-primary {
    padding: 8px 18px !important;
    font-size: 14px !important;
  }
}

/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}

/************  Section 2 **************/
.s-block--banners.s-block--banners .grid {
     display:grid!important;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 10px;
      grid-row-gap: 0px;
}
  section.s-block.s-block--banners.container  .banner-entry {
    height: 220px!important;
        background-size:contain !important;
          
}

section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
    background-color: transparent;
         background-size:contain !important;
    background-repeat:no-repeat !important;
}
@media (max-width: 767px){
   .s-block--banners.s-block--banners .grid {
    display:grid!important;
      grid-template-columns: repeat(2, 1fr);
      /* grid-template-rows: repeat(2, 1fr); */
      grid-column-gap: 10px;
      grid-row-gap: 10px;
       /* grid-auto-flow:column; */
}
  section.s-block.s-block--banners.container .banner-entry {
    height: 150px!important;
} 
}


.store-footer__contacts-row {
  background-color:#dfb871 !important;
      color: #1c2c23;
}

.footer-is-custom .store-footer .contact-icon , #app > div.app-inner > footer > div > div.store-footer__contacts-row > salla-social > ul > li > a {
    border: solid 1px #1c2c23
}