/* تنسيق السعر */
h2.total-price.font-bold.text-lg.inline-block,
h4.total-price.font-bold.text-base.inline-block {
    font-size: 20px !important; /* حجم الخط 16px */
    color: #374151; /* تأكيد اللون */
    margin-bottom: 10px !important;
}

/* تنسيق السعر المخفض */
span.before-price.text-gray-400.line-through.whitespace-nowrap.leading-none {
    font-size: 16px !important; /* حجم الخط 16px */
    display: block; /* جعله يظهر في سطر منفصل */
    color: gray !important; /* تأكيد اللون الرمادي */
    margin-top: 10px !important; /* مسافة من الأعلى */
    margin-bottom: 10px !important; /* مسافة من الأسفل */
}

/* إخفاء سعر الخصم من الموقع */
span.discount-amount.font-bold {
    display: none !important; /* إخفاء العنصر بالكامل */
}






/* تعديل المسافة العلوية والسفلية للهيدر على الموبايل فقط */
.widget.contacts-widget.border-b.lg\:border-b-0 {
    margin-top: 30px !important;  /* زيادة المارجين من الأعلى */
    margin-bottom: 0px !important;  /* زيادة المارجين من الأسفل */
}

/* تخصيص للمربعات داخل الصف على الشاشات الكبيرة */
@media (min-width: 769px) {
    .s-block--features__item {
        flex-basis: 23%; /* عرض 23% من المساحة لكل مربع بحيث يظهر 4 في كل صف */
        margin-bottom: 0; /* إزالة المسافة بين المربعات */
    }
}

/* إعادة تنسيق الزر الأول مع إضافة border-radius */
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center {
    border-radius: 6px !important; /* إضافة border-radius */
    /* إضافة تنسيق إضافي إذا لزم الأمر ليكون مثل الزر الثاني */
}

/* إعادة تنسيق الزر الثاني بنفس تنسيق الزر الأول مع إضافة border-radius */
button.btn--wishlist.heart-next-add-button.card-secondary-btn.not-added.un-favorited.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    border-radius: 6px !important; /* إضافة border-radius */
    width: 40px !important; /* نفس عرض الزر الأول */
    height: 40px !important; /* نفس ارتفاع الزر الأول */
    transform: translate(10px, -20px) !important; /* نفس الترجمة */
}
































.center-block-title .s-block__title h2, 
.center-block-title .s-slider-block__title h2 {
    color: #374151 !important;
}


.s-block__title p,
.s-block__title p:where([dir="rtl"], [dir="rtl"] *) {
    font-size: 18px !important;
    line-height: 1.6 !important;

    /* الغاء النقط (…) وكسر السطر */
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
    display: block !important;
}




/* على الديسكتوب: 4 كروت */
#section--slider .swiper-slide {
    width: 25% !important;   /* كل كارت ياخد ربع العرض */
    flex: 0 0 25% !important;
    box-sizing: border-box;
}

/* على الموبايل: كارت ونص */
@media (max-width: 767px) {
    #section--slider .swiper-slide {
        width: 66.66% !important;  /* الكارت الأساسي */
        flex: 0 0 66.66% !important;
    }

    #section--slider .swiper-slide:nth-child(2) {
        width: 50% !important; /* الكارت التاني يظهر أصغر = نص */
        flex: 0 0 50% !important;
    }
}




/* السعرين يظهروا جنب بعض ومتوسطنين */
.price-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* لو فيه خصم (الكارت فيه before-price) خليه يظهر */
.price-wrapper .price_is_on_sale:not(.hidden) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}

/* لو مفيش خصم (hidden) خفي الخصم تمامًا وخلي السعر الأساسي بس */
.price-wrapper .price_is_on_sale.hidden {
  display: none !important;
}

/* رفع السعر الجديد شوية */
.price-wrapper .total-price {
  position: relative;
  top: 6px; /* تقدر تزود أو تقلل الرقم لحد ما يظبط معاك */
}


/* السعر الأساسي (قبل الخصم) */
.price-wrapper .before-price {
  font-size: 18px !important;
  font-weight: 300 !important; /* Light */
  font-family: 'Almarai', sans-serif !important;
}
/* السعر الجديد (بعد الخصم) */
.price-wrapper .total-price {
  font-size: 20px !important;
  font-weight: 400 !important; /* Light */
  font-family: 'Almarai', sans-serif !important;
}






.tab-trigger.is-active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #color; /* ده اللون اللي شايفه */
}



    .lg\:py-20 {
        background: #f5f5f5;
    }
}



















/* =======================
   Slider 4 per row + full image
   ======================= */

/* 4 كروت في السطر */
.main-links-slider .swiper-slide {
    width: 25% !important; /* 4 slides per row */
    flex-shrink: 0;
}

/* الصورة تظهر كاملة بدون قص */
.main-links-slider .slide--cat-entry .image--aspect-ratio {
    width: 100%;
    height: auto;
    background-color: transparent !important; /* إزالة اللون الرمادي */
    background-size: contain !important;
    background-position: center;
}

.main-links-slider .slide--cat-entry img {
    object-fit: contain !important;
    width: 100%;
    height: auto;
}

/* إزالة أي لون رمادي إضافي */
.main-links-slider .slide--cat-entry .bg-gray-100 {
    background-color: transparent !important;
}

.header--full .main-nav {
    min-height: 90px;
    background: #374151;
}.s-block__title.relative {
    display: none;
}.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-watch-progress.swiper-backface-hidden {
    max-width: 1280px;
}@media (min-width: 1024px) {
    .s-block--main-slider-1 salla-slider, .s-block--main-slider-1 div[slot=items], .s-block--main-slider-1 .swiper-slide {
        height: 500px;
        margin-top: 5px;
        border-radius: 1rem;
        margin-bottom: 5px;
        background: unset;
    }
}
h2.total-price.font-bold.text-lg.inline-block {
    color: black !important;
}
.header--full .main-nav {
    color: white;
}
div#main-nav .mburger span {
    background-color: white;
}.header--full .main-nav.fixed-pinned .mburger span {
    background-color: #394150;
}
.price_is_on_sale.flex.flex-col span.total-price.font-bold.text-base.inline-block {
    color: red;
}