/* Add custom CSS styles below */ 

#app{font-family: var(--font-main) !important;}
salla-products-slider {
    margin-bottom: 0 !important;
}
#splide01{
    position: fixed !important;
    display: flex;
    direction: rtl;
    height: 50px;
    width: 100%;
    right: 0px;
    top: 0;
    }
#splide01 .price{
    color: #ba9e65;
}

.shrink-0.inline-block.px-2\.5 {
  color: #000;
}
@media (max-width: 991px) {
 #countdown-banner-1{
     margin-top: -1px !important;
  }
}
.border {
    border-width: 2px;
    border-color: #f4f3f0 !important;
    border-radius: 1rem;
}
element.style {
    color: #deb258;
    background-color: #faf9f7;
    font-weight: lighter;
}
.text-\[13px\] {
    font-size: 1rem;
    font-weight: lighter;
}
#splide01 .price {
    color: #deb258;
}
#splide01 .itemName {
    font-weight: normal;
}
.text-\[var\(--product-price-color\)\] {
    color: var(--product-price-color);
    line-height: 1.75rem;
    font-size: 1.125rem;
}
.text-\[var\(--product-subtitle-color\)\] {
    font-size: 1rem;
    font-weight: normal;
}
.product-entry salla-add-product-button button {
  
    background-color: #deb258;
}
.s-button-text {
    color: white;
}
.main-menu .sub-menu 
{
color : #404040 
}
/*.md\:text-sm {
    color: white;
    background-color: #deb258;
    border-radius: 16px;
}*/
.sm\:text-base {
  
    color: white;
    font-weight: normal;
}
.s-button-icon .s-button-text {
    color: #404040;
}
.home-slider-data w-full lg:w-3/4 md:max-w-[500px] p-4 overflow-hidden {
    justify-content: center;
}
.product-details salla-add-product-button button, .product-details salla-add-product-button salla-quick-buy button {
    background-color: #deb258;
}

.s-slider-block__title h2 {
    margin-right: 0.5rem;
    font-size: 1.3rem;
}
.product-entry .promotion-badge, .single-product-section-home .promotion-badge, #product-card-details-popup .promotion-badge {
    border-radius: 0.8rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    margin: 0.5rem;
    color: #534d4d;
    background: #ffffff;
}
.carousel-slider .swiper-wrapper>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, salla-slider[type]:not(.hydrated)>div>div {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}
.swiper-free-mode>.swiper-wrapper {
    margin-top: 1rem;
    margin-bottom: 5rem;
}
.testimonials-itme {
    --tw-drop-shadow: none; 
    border-radius: 1rem;
    background-color : #faf9f7;
    border-color : #deb258;
 
}
.text-primary {
    color: #404040;
}

.rtl\:text-right:where([dir=rtl],[dir=rtl] *) {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: right;
    border-radius: 1rem;
    border-width: 1px;
    border-color: #deb258;
}
.center-side {
    font-size: 1.375rem;
    line-height: 2.25rem;
    color: #404040;
    font-weight: bold;
}
.md\:px-\[140px\] {
    
    align-items: flex-end;
    padding-bottom: 7rem;
}

p.s-cart-summary-content {
    display: none !important;
}
.swiper-free-mode>.swiper-wrapper {
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.\!text-\[var\(--fixed-color\)\] {
    color: #404040!important;
    font-size : 1.375rem;
    line-hieght:0rem;
}
.s-block__display-all {
    color: #deb258 !important;
    border-color: #deb258 !important;
    border-radius: 15px !important;
    border-width:2px !important;
    drop-shadow: none !important;
    --tw-drop-shadow: drop-shadow(0 0px 0px rgba(0,0,0,0)) drop-shadow(0 0px 0px rgba(0,0,0,0))!important;
}
.text-\[24px\] {
    font-size: 1.375rem;
    line-height: 1.8rem;
}
.product-entry__sub-title {
    line-height: 0.3rem;
    font-size: 1.25rem;
    font-weight: normal;
}
.product_page .total-price
{
      font-size: 1.5rem;
      color: #deb258 !important;
      /*line-height: 4rem;*/
      padding-top:1.5rem;
}

.product-entry__sub-title {
    color: #404040;
    font-size: 1.125rem;
    font-weight: normal;
}
.relative text-gray-600 mb-3 .ql-align-justify
{
font-weight: normal;
}
.text-red-400 {
    color: #404040;
    
}
.promotion-badge
{
    color: #404040;
    background-color: white;
    margin: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 0.4rem;
    font-size: 1rem;   

}
.s-slider-vertical .s-slider-container {
    /* margin-left: 1rem; */
    /* margin-right: 00; */
    margin-buttom: rem;
    border-radius: 0rem;
}
.text-gray-600
{
    font-weight: normal;
    font-size: 1.125rem;
    }
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    border-radius: 0.8rem;
}
.s-block__title2 h2
{
    font-size: 1.3rem;

}
.featured-categories
{
   
    margin-bottom: 3.5rem;
    margin-top: 3.5rem;
    border-radius: 1rem;
    /*margin-left: 1rem;
    margin-right: 1rem;*/

}
/*حجم التصنيفات*/
/*.lazy__bg.loaded  
{ 
    width: 5.5rem !important;
    height: 5.5rem !important;
}*/
.accordion text-base 
{
  background-color: #deb258;
  }

.text fix-align text-primary
{
  color:#deb258 !important;
}
.marquee {
    background-color: #deb258;
    mask-image: none;

}
.salla-advertisement z-10 transition-all
{
    background-color: #deb258;

}

.s-block__title2 p, .s-block__title2 strong {

    font-weight: normal;
}
.text fix-align text-primary 
{
color: var(--color-primary);
}
.s-slider-block__display-all {
    border-width: 2px;
    border-color: #deb258;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 9999px;
}
/*img.lazy-load.loaded, img.lazy.loaded {
   
    border-radius: 1rem;  
}*/
.rtl\:left-0:where([dir=rtl],[dir=rtl] *) {
    margin-top: 0;
}
.fadeup .mb-3 .text-base
{
      font-size: 1.8rem;

}
.p-\[20px\] {
    padding: 20px;
    margin-top: 14.5rem;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: normal;
} 
#animated-background-9 h2 {    
    font-size: 1.5rem;
 }
.lg\:bg-fixed {
    background-attachment: local;
}
 
 /*التصنيفات*/
 .shadow-lg {
    --tw-shadow: none;
    margin: 0.5rem;
}
#main-links-3 .p-2 {
    margin:0.25rem;
    padding: 0.7rem;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 12px;

}
#main-links-3 .\!h-28 {
    height: 4.5rem !important;
}
#main-links-3 .\!w-28 {
    width: 4.5rem !important;
}

.border {
  
    border-style: none;
}
#common_questions-16 .border  
{    
border-style: solid;
}
#main-links-3 .gap-y-6 {
    row-gap: 0.25rem;
}
/*==================*/
/*updates 28/10/2024*/

/*product card main font*/
.text-sm {
    font-size: 1rem;
    line-height: 1.25rem; 
    font-weight: 600;
}
.text-\[var\(--product-price-color\)\] {
    color: var(--product-price-color);
    line-height: 1.75rem;
    font-size: 1.3rem;
    margin-top: 0.4rem;
    font-weight: bold;
}
/*بنر الخواتم*/

#animated-background-10 .text-base {
    font-size: 1.3rem;
    line-height: 1.5rem;
    /* font-weight: bolder; */
}
#animated-background-10 .text-sm {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: lighter;
}
#animated-background-10 {
    width:95%;
    margin-right: 0.7rem;
    border-radius: 1rem;
}
/*إخفاء ظل الهيدر*/
.header-above-slider .header-bg {
    background: none !important;
    background-color: transparent!important;
    margin-top: 0!important;
    position: absolute!important;
    top: 0!important;
}

/*إخفاء شريط الدفع في صفحة المنتج*/
.s-payments-list-item:last-child {
    display: none !important;
}
.mt-4 .marquee{        
background-color: white !important;

}
/*إخفاء زر المفضلة من كارد المنتجات*/
.product-entry .btn--wishlist button {
    display: none;
   
}

/*#priceBar {
    
    background: #323232 !important;
    color: #fffff !important;
   
}
#priceBar ul li {
        color: #fff !important;

}
#priceCard {
            color: #fff !important;*/
   
 /*تعديل زر التقيمم والطباعة*/         
.s-button-primary-outline {
    
    background-color: #deb258;
}
.s-button-light {
  
    background-color: #deb258;
    
}
 /*تعديل لون الإعلانات التسويقية*/         
.marquee {
    background-color: #ce1e1e;
    mask-image: none;
}
body {
    overflow: hidden;
}

 /*تعديل لون ازر التقييم*/         
.s-comments-product .s-comment-form-action salla-button button {
    background-color: var(--color-primary);
    color: #414042;
    color: var(--color-primary);
}