@media(max-width: 767px){
  
  .s-block.s-block--best-offers.container.overflow-hidden .s-products-slider-slider.s-slider-wrapper.carousel-slider.s-slider-horizontal .swiper.s-slider-container.swiper-initialized.swiper-horizontal .s-slider-swiper-wrapper{
   width: 150px !important;
  }
.s-button-element.s-button-btn.s-button-solid.s-button-primary{
  padding: 2px 5px !important;
  }
  .s-button-icon {
        height: 26.59px !important;
        width: 26.13px !important;
    }
    
    custom-salla-product-card > div > div > a > h5{
     height: 4.2rem !important;
     font-size: 0.7rem !important;
  
    }}


img.w-full.h-full.max-h-\[315px\].object-cover{
object-fit: contain;
}
.grid.md\:grid-cols-2.grid-cols-1.gap-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* 
انشاء إطار حول كارد المنتجات
*/
.prestige-card.relative.flex.flex-col.text-center {
    overflow: hidden !important;
    border-width: 1.5px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgba(229, 231, 235, 1!important) !important;
}

/*
إنشاء خط اسفل العناوين
*/
div.s-slider-block__title > div.s-slider-block__title-right > h2 , .s-block.s-block--best-offers.container.overflow-hidden .s-slider-block__title .s-slider-block__title-right h2{
 border-bottom: 4px solid gray !important;
 padding-bottom: 1rem !important;
}


/*
توحيد مقاسات المنتجات
*/
custom-salla-product-card > div > div > a > h5{
  height: 3.5rem;
 overflow: hidden;
 }
 .prestige-card {
  padding-bottom: 0.8rem;
 }
.prestige-card img{aspect-ratio: 14/16 !important;}
/*
التباعد بين تصنيفات المنتجات 
(تسوق حسب القسم)
*/
section.prestige-categories.lg\:px-20.md\:px-10.px-5.md\:py-10.py-5.block.block {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

/*
حجم الخط في التصنيفات
(تسوق حسب القسم)
*/
h4.group-hover\:text-\[var\(--color-primary\)\].text-\[var\(--color-text-theme\)\].md\:text-\[18px\].text-\[16px\].font-\[400\].ltr\:tracking-\[1px\] {
    font-size: 13px;
}

/*
حجم الايكونز
(تسوق حسب القسم)
*/

.w-24 {
    width: 5.5rem;
}

.h-24 {
    height: 5.5rem;
}




.header-btn__icon{
    color: #C1AD53  !important;
    background-color: #ffffff;
    padding: 10px; 
    border-radius: 50%; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center; 
    width: 40px; 
    height: 40px; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;     
}

.header-btn__icon:hover {
    color: #ffffff!important;
    background-color: #C1AD53;
    padding: 10px; 
    border-radius: 50%; 
    display: inline-flex; 
    justify-content: center; 
    align-items: center; 
    width: 40px; 
    height: 40px; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease; 
     
}
.s-cart-summary-total {
    color: #fff ;
}

.s-cart-summary-count {
    background-color: rgb(193 173 133);
}

.text-primary {
    color: #C1AD53;
}
.text-primary:hover {
    
    color: #ffffff !important;
    background-color: #C1AD53 !important;
    padding: 10px !important; 
    border-radius: 50% !important; 
    display: inline-flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    width: 40px !important; 
    height: 40px !important; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important; 
}



a:hover{
    
    color: #c1ad5394;
}
.text-\[var\(--color-header-text\)\]:hover{
  color: #c1ad5394;
}

salla-slider .slide--one-sixth {
        width: 15%;
    }
    
.s-button-primary {
    border-color: var(--color-primary);
    background-color: white ;
    color: #C1AD53!important;
    border-radius: 0% !important;
}
.s-button-primary:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: white !important;
}

    
    
button.fixed.z-50.bottom-10.left-8.bg-\[\#25D366\].w-14.h-14.rounded-full.drop-shadow-lg.flex.justify-center.items-center.text-white.text-2xl.hover\:drop-shadow-2xl{
    
    color: #c1ad5394 !important;
    background-color: #fff !important;
}

button.fixed.z-50.bottom-10.left-8.bg-\[\#25D366\].w-14.h-14.rounded-full.drop-shadow-lg.flex.justify-center.items-center.text-white.text-2xl.hover\:drop-shadow-2xl:hover{
    
    color: #fff !important;
    background-color: #c1ad5394 !important;
}

i.sicon-menu.text-2xl{

    color: #C1AD53 !important;
    background-color: #ffffff !important;
    padding: 10px;
    border-radius: 50%;    

    
}

i.sicon-menu.text-2xl:hover{

    color: #ffffff !important;
    background-color: #C1AD53 !important;
    padding: 10px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3sease;
}
.s-button-element.s-button-btn.s-button-solid.s-button-primary {
  border-radius: 999px !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease;
}
.s-button-element.s-button-btn.s-button-solid.s-button-primary:hover {
  transform: scale(1.05);
  background-color: #676765!important; /* Change to your preferred hover color */
}


 /*img.w-full.h-full.max-h-\[315px\].object-cover{
object-fit: contain;
}
.grid.md\:grid-cols-2.grid-cols-1.gap-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: 20px ;

}
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-5">
*/

/* إعداد الشبكة */

.grid.md\:grid-cols-2.grid-cols-1.gap-5 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 100px; /* الأساس لتحديد حجم الصف 
  gap: 10px; /* تباعد خفيف */

}

/* كل عنصر داخل الشبكة */

.grid.md\:grid-cols-2.grid-cols-1.gap-5 > * {
  border-radius: 20px ;
  grid-row-end: span 1; /* يتم تحديثه عبر JS */
}