/* Add custom CSS styles below */ 

@media only screen and (max-width: 767px) {
.product-single #karzoun-widget-send-button { 
    bottom: var(--cb-pp-bottom);
}
div#karzoun-widget-send-button { 
    bottom: var(--cb-bottom);
}
}
#karzoun-widget-send-button { 
    bottom: 1rem;
}

.btn--wishlist {
    border-radius: var(--medium-curve)!important;
    margin: 0;
    display: none;
}

@media (max-width: 767px) {
    button.s-button-element i.sicon-shopping-bag {
        display: none !important;
    }

    button.s-button-element i.sicon-shopping-bag + span {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: #ffffff !important;
        line-height: normal !important;
    }

    button.s-button-element:has(i.sicon-shopping-bag) {
        width: 100% !important;
        min-width: 120px !important;
        height: 40px !important;
        border-radius: 6px !important; 
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    salla-button:has(i.sicon-shopping-bag) .s-button-wrap {
        width: 100% !important;
    }
  
  .s-block salla-slider:not(.s-slider-v-centered):not(.f_arrows-centered-top) .s-slider-block__title {
    position: relative;
    z-index: 2;
    display: none !important;
}
  .f_block__display-all {
    align-items: center;
    color: #414042;
    color: var(--color-primary);
    display: flex;
    font-size: 1rem !important;
    font-weight: 700;
    gap: .25rem;
    line-height: 1rem;
    margin: 0 auto;
    padding-bottom: 1rem;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
}
  .s-block__display-all {
    color: #414042;
    color: var(--color-primary);
    display: inline-block;
    font-size: 1rem !important;
    font-weight: 700;
    line-height: 1rem;
}
  .s-product-card-rating {
    color: rgb(156 163 175/var(--tw-text-opacity,1));
    justify-content: left !important;
    margin-bottom: 0.5rem !important;
}
  .slide--one-sixth .product-entry .f_price-container h4 {
    font-size: 1.1rem !important;
    line-height: 1rem;
}
  .slide--one-sixth .product-entry .f_price-container span {
        font-size: .9rem !important;
    }
}

.slide--one-sixth .product-entry__title a {
    font-size: .825rem !important;
    line-height: 1.5 !important;
  font-weight: 700 !important;
}

.anim-txt-bar>p {
    animation-duration: 20s !important;
}

.sicon-hr:before {
    content: "\e98a";
  display: none !important;
}

/* إخفاء قسم "رقم الموديل" من تفاصيل المنتج تماماً */
.product-sku, 
.product-sku:parent,
div:has(> .product-sku) {
    display: none !important;
}

/* حل احتياطي لإخفاء أي مربع يحتوي على أيقونة الباركود (إذا لم يعمل الأول) */
.sicon-barcode {
    display: none !important;
}
.sicon-barcode:parent,
div:has(> .sicon-barcode),
div:has(> div > .sicon-barcode) {
    display: none !important;
}

/* 1. تحويل منطقة تفاصيل المنتج إلى نظام مرن يسمح بإعادة ترتيب العناصر */
.main-content.text-main {
    display: flex;
    flex-direction: column;
}

/* 2. استهداف المربع الذي يحتوي على أيقونة النار (تم شراؤه) ورفعه لأعلى شيء */
.main-content.text-main > div.inline-flex:has(.sicon-fire) {
    order: -1; /* هذا الرقم يجبر المربع على الصعود فوق جميع العناصر الأخرى (فوق السعر) */
    align-self: flex-start; /* للحفاظ على حجم المربع مرتباً وعدم تمدده */
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}

/* 3. إصلاح بسيط لزر (أضف للأمنيات) والمشاركة حتى لا تتأثر بنظام الترتيب */
.main-content.text-main > .flex.space-x-3 {
    order: 0; 
}

/* التحكم في سرعة حركة الانزلاق بين الصور */
#f_enhanced-slider-0 .swiper-wrapper,
.s-slider-swiper-wrapper {
    transition-duration: 700ms !important; 
}