/* تنسيق روابط القائمة */
.salla-header-nav a {
    color: white !important;
    font-weight: 600 !important;
    padding: 10px 15px !important;
    border-radius: 20px !important;
}

.salla-header-nav a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

.s-block--circle-links salla-slider .custom-width {
        width: 35% !important;
    }
    

span.header-btn__icon.icon.sicon-search {
    color: #e2c0bc;
}


span.header-btn__icon.icon.sicon-search:hover {
    color: #ffffff;
    background-color: #e2c0bc !important;
    padding: 8px 16px !important;
    border-radius: 50% !important;
    transition: all 0.6s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    display: inline-flex;
}


i.header-btn__icon.sicon-user{
    color: #e2c0bc;
}

i.header-btn__icon.sicon-user:hover{
    color: #ffffff;
    background-color: #e2c0bc !important;
    padding: 8px 16px !important;
    border-radius: 50% !important;
    transition: all 0.6s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

i.header-btn__icon.icon.sicon-cart{
    color: #e2c0bc;
}

i.header-btn__icon.icon.sicon-cart:hover{
    color: #ffffff;
    background-color: #e2c0bc !important;
    padding: 8px 16px !important;
    border-radius: 50% !important;
    transition: all 0.6s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

span.s-cart-summary-count{
    color: #ffffff;
    background-color: #e2c0bc;

}

i.sicon-menu.text-2xl.rtl\:ml-2\.5.ltr\:mr-2\.5{
    color: #e2c0bc;
}

i.sicon-menu.text-2xl.rtl\:ml-2\.5.ltr\:mr-2\.5:hover{
    color: #ffffff;
    background-color: #e2c0bc !important;
    width: 40px; 
    height: 40px;
    padding: 8px 16px !important;
    border-radius: 50% !important;
    transition: all 0.6s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    align-items: center;
    justify-content: center;
    display: inline-flex;
}


/* CSS */
.enhanced-title-border {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.8s ease-out !important;
  display: inline-block !important;
}

.enhanced-title-border.show {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

img.aspect-\[14\/13\].w-full.rounded-2xl.lazy.object-cover.group-hover\:scale-110.duration-400.loaded {
    width: 200px;
}