:root {
    --sakarib-orange: #f58922;
    --sakarib-red: #FF0000;
    --sakarib-green: #28a745;
    --sakarib-blue: #17627d;
    --sakarib-white: #FFF;
    --sakarib-black: #111;
    --sakarib-dark: #121418;
    --sakarib-radius: 13px;
    --sakarib-transition: 0.3s ease;
}

/* القوائم والنافبار */
.mm-spn, .mm-spn.mm-spn--navbar, .mm-spn.mm-spn--main {
    background-color: var(--sakarib-dark) !important;
    color: var(--sakarib-orange) !important;
}
.mm-spn ul li {
    border-bottom: 2.5px solid var(--sakarib-orange) !important;
}
.mm-spn ul li a, .mm-spn ul li span {
    color: var(--sakarib-orange) !important;
}
.mm-spn ul.main-menu li:before {
    opacity: 1 !important;
    height: .6rem;
    width: .6rem;
    border-left: 3px solid var(--sakarib-orange) !important;
    border-bottom: 3px solid var(--sakarib-orange) !important;
}
ul.mm-spn--open li a {
    display: none;
}
[dir="rtl"] .mm-spn.mm-spn--navbar:before, .mm-spn.mm-spn--navbar ul:before {
    opacity: 1;
}

/* الأزرار العامة */
a.btn.btn--outline-primary {
    transition: background-color var(--sakarib-transition), color var(--sakarib-transition), border-color var(--sakarib-transition), opacity var(--sakarib-transition);
}
a.btn.btn--outline-primary:hover {
    background-color: var(--sakarib-orange);
    color: var(--sakarib-white);
    border-color: var(--sakarib-orange);
    opacity: 1;
}
.scroll-to-top path {
    stroke: var(--sakarib-orange) !important;
}

/* أيقونة الواتساب وزر السهم (طبقة عليا لضمان عدم اختفائها) */
#wa-selia,
div#wa-selia.wa-selia,
.wa-selia,
selia-contacts,
salla-contacts,
.s-contacts-widget,
.scroll-to-top,
a.scroll-to-top,
button.scroll-to-top,
.progress-circle,
svg.progress-circle {
    bottom: 155px !important;
    z-index: 99999 !important;
}

/* تلوين خلفية أيقونة الواتساب بالأخضر المطلوب */
#wa-selia,
div#wa-selia.wa-selia,
.wa-selia {
    background-color: var(--sakarib-green) !important;
}

/* -------------------------------------------------------------
   إصلاح ملخص الطلب (ظهور القائمة، الخط البرتقالي، والتقويس)
------------------------------------------------------------- */
salla-cart-summary-card,
.s-cart-summary-card,
.s-cart-summary-card-sheet,
.s-cart-summary-card-sheet-wrap,
div.s-cart-summary-card-bar {
    background-color: var(--sakarib-dark) !important;
    background: var(--sakarib-dark) !important;
}

salla-cart-summary,
.s-cart-summary-wrapper,
salla-cart-summary-card,
.s-cart-summary-card {
    box-shadow: 0 -4px 15px rgba(0,0,0,0.5) !important;
    z-index: 999999 !important;
    border: none !important;
    border-radius: 0 !important;
}

salla-cart-summary-card:not(.s-cart-summary-card--open) div.s-cart-summary-card-bar {
    border-top: 2.5px solid var(--sakarib-orange) !important;
    border-radius: 15px 15px 0 0 !important;
}

salla-cart-summary-card.s-cart-summary-card--open .s-cart-summary-card-sheet-wrap {
    border-top: 2.5px solid var(--sakarib-orange) !important;
    border-radius: 15px 15px 0 0 !important;
}

salla-cart-summary-card.s-cart-summary-card--open div.s-cart-summary-card-bar {
    border-top: 0 !important;
    border-radius: 0 !important;
}

.s-cart-summary-card-bar-totals,
.s-cart-summary-card-bar-totals-row {
    border: none !important;
}
/* ------------------------------------------------------------- */

/* زر إتمام الطلب */
button.s-button-element.s-button-btn.s-button-solid.s-button-wide,
button.s-button-element.s-button-btn.s-button-solid.s-button-wide *,
button.s-button-element.s-button-btn.s-button-solid.s-button-wide span,
button.s-button-element.s-button-btn.s-button-solid.s-button-wide .s-button-text {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    --text-color: #000000 !important;
    --s-button-text-color: #000000 !important;
}

/* النوافذ المنبثقة (Modals) */
.s-modal-body.s-modal-align-middle.s-modal-xs.s-modal-padding.s-modal-entering {
    margin-bottom: 13rem;
    width: 95%;
    margin-left: .6rem;
    background: var(--sakarib-blue);
}
button.s-modal-close {
    background: transparent !important;
    width: auto;
    left: 10px;
}
button.s-modal-close span svg {
    fill: var(--sakarib-red) !important;
}
.s-login-modal-label, .s-login-modal-title {
    color: var(--sakarib-white) !important;
}
.s-login-modal-tab.s-show.s-login-modal-active button {
    background: var(--sakarib-orange);
    border: 0;
    color: var(--sakarib-white);
}

/* إخفاء عناصر معينة */
.quickview-btn, 
.product-price.product-price-bottom, 
salla-trust-badges.hydrated.s-trust-badges-wrapper, 
span.old-offers, 
.s-conditional-offer-skeleton-inner-container, 
.s-conditional-offer-checkpoint-label.first-checkpoint.active, 
h2.product-entry__sub-title, 
a[href="tel:+966501021518"] {
    display: none !important;
}

/* تخصيص النصوص البيضاء */
p.total-price, .price_is_on_sale h4, h2.total-price, div#details_table, 
.s-comments-item-content, h3.s-bought-together-title, .s-bought-together-subtitle, 
.s-conditional-offer-container .s-conditional-offer-checkpoint-label, 
.s-conditional-offer-container .s-conditional-offer-title, 
.s-add-product-toast__price-sale, h4.text-red-400.font-bold.text-sm.inline-block, 
ol.s-breadcrumb-wrapper.s-breadcrumb-primary-reverse li a, li.s-breadcrumb-item a, 
.s-cashback-banner-container, .s-product-options-thumbnails-wrapper div p, 
.drawer-actions-row button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-gray-outline.s-button-loader-after {
    color: var(--sakarib-white) !important;
}

/* تحويل مجموع المنتجات والإجمالي من البرتقالي F58922 إلى الأبيض */
b.s-cart-summary-card-bar-total,
b.s-cart-summary-card-bar-total *,
.s-cart-summary-subtotal b,
.s-cart-summary-subtotal b *,
.s-cart-summary-total b,
.s-cart-summary-total b * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* سلة المشتريات (تأثير الحركة وإزالة المربع والظل والحدود تماماً) */
.s-cart-summary-count {
    background: var(--sakarib-red);
}
.s-cart-summary-wrapper {
    display: inline-block;
    animation: sakarib-cart-shake 2s ease-in-out 5;
    transform-origin: center;
    will-change: transform;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}
@keyframes sakarib-cart-shake {
    0%, 50% { transform: rotate(0deg) scale(1.1); }
    10% { transform: rotate(15deg) scale(1.3); }
    25% { transform: rotate(-10deg) scale(1.1); }
    40% { transform: rotate(10deg) scale(1.3); }
    55% { transform: rotate(-5deg) scale(1.1); }
    70% { transform: rotate(5deg) scale(1.3); }
    85% { transform: rotate(-2deg) scale(1.1); }
}

.header-btn--cart,
a.header-btn--cart,
.header-btn,
a.header-btn,
.header-btn__icon,
i.header-btn__icon,
i.header-btn__icon.icon.sicon-cart,
.salla-cart-summary,
salla-cart-summary {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    border: none !important;
    outline: none !important;
}

.header-btn--cart:before,
.header-btn--cart:after,
a.header-btn--cart:before,
a.header-btn--cart:after,
.header-btn:before,
.header-btn:after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* -------------------------------------------------------------
   ترتيب وتلوين الأسعار داخل السلة (إخفاء السعر البرتقالي الافتراضي item-regular-price)
------------------------------------------------------------- */
.cart-item .product-price, 
.cart-item .price_is_on_sale, 
.cart-drawer-item .product-price, 
.cart-drawer-item .price_is_on_sale {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

/* إخفاء السعر البرتقالي العادي (item-regular-price) افتراضياً لأنه يظهر بدون خصم) */
.cart-item span.item-regular-price,
.cart-drawer-item span.item-regular-price,
.cart-item .item-regular-price,
.cart-drawer-item .item-regular-price {
    display: none !important;
}

/* 1. السعر الأصلي (قبل الخصم): لون أحمر ويظهر أولاً */
.cart-item span#original_price, 
.cart-item .line-through, 
.cart-drawer-item span#original_price, 
.cart-drawer-item .line-through {
    color: var(--sakarib-red) !important;
    -webkit-text-fill-color: var(--sakarib-red) !important;
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}
.cart-item span#original_price i.sicon-sar, 
.cart-item .line-through i.sicon-sar,
.cart-drawer-item span#original_price i.sicon-sar, 
.cart-drawer-item .line-through i.sicon-sar {
    color: var(--sakarib-red) !important;
}

/* 2. السعر بعد الخصم الأساسي: لون أبيض ويظهر ثانياً */
.cart-item span#has_discount, 
.cart-item .text-sm.font-bold, 
.cart-drawer-item span#has_discount, 
.cart-drawer-item .text-sm.font-bold {
    color: var(--sakarib-white) !important;
    -webkit-text-fill-color: var(--sakarib-white) !important;
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}
.cart-item span#has_discount i.sicon-sar, 
.cart-drawer-item span#has_discount i.sicon-sar {
    color: var(--sakarib-white) !important;
}

/* 3. السعر البرتقالي المخصص عند تطبيق الكود أو الخصم الفعلي */
.cart-item .offer-applied,
.cart-drawer-item .offer-applied,
.cart-item [class*="offer-applied"],
.cart-drawer-item [class*="offer-applied"],
.cart-item .has-offer,
.cart-drawer-item .has-offer {
    display: inline-flex !important;
    color: var(--sakarib-orange) !important;
    -webkit-text-fill-color: var(--sakarib-orange) !important;
    order: 3 !important;
}

/* تخصيص النصوص الحمراء العامة */
.btn--close, .s-add-product-toast__close, 
.price_is_on_sale span, span.text-sm.text-store-text-secondary.line-through, 
.s-search-product-regular-price, .s-add-product-toast__price-original {
    color: var(--sakarib-red) !important;
}

/* تلوين السعر الأصلي المشطوب في شريط ملخص السلة بالأحمر */
s.s-cart-summary-card-bar-original,
.s-cart-summary-card-bar-original,
s.s-cart-summary-card-bar-original *,
.s-cart-summary-card-bar-original * {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
}

/* تلوين قيمة الخصم في ملخص السلة بالأحمر FF0000 */
.text-red-600,
[class*="text-red-600"],
span.text-red-600,
b.text-red-600,
span.text-red-600 *,
b.text-red-600 *,
.s-cart-summary-discount,
.s-cart-summary-discount *,
.cart-summary-discount,
.cart-summary-discount * {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
}

/* الخلفيات الزرقاء والحواف البرتقالية */
.single-faq.w-full.rounded-lg.border.border-store-text-secondary.bg-store-bg-secondary.py-3.px-5, .review>div {
    background-color: var(--sakarib-blue) !important;
    border-color: var(--sakarib-blue);
}
.faq-content a {
    color: var(--sakarib-red);
    background: transparent;
}
i.sicon-keyboard_arrow_up {
    background: var(--sakarib-orange);
    color: var(--sakarib-white) !important;
}

/* العروض المشروطة */
.s-conditional-offer-checkpoint.s-conditional-offer-active-checkpoint #avatar-15,
.s-conditional-offer-checkpoint.s-conditional-offer-active-checkpoint #avatar-10,
#avatar-10.s-conditional-offer-item-avatar-content.active,
#avatar-15.s-conditional-offer-item-avatar-content.active {
    background: transparent !important;
    color: var(--sakarib-white) !important;
}
.s-conditional-offer-progress-line-active, .s-conditional-offer-checkpoint.s-conditional-offer-active-checkpoint {
    background: var(--sakarib-green) !important;
}
.s-conditional-offer-progress-line-inactive {
    background: var(--sakarib-red) !important;
}
.s-conditional-offer-checkpoint {
    border-color: var(--sakarib-white);
}
.s-conditional-offer-progress-container {
    width: 90%;
}
salla-conditional-offer.hydrated.s-conditional-offer-container {
    background: transparent;
    border: 1px solid var(--sakarib-orange);
}
salla-conditional-offer.mb-5.hydrated.s-conditional-offer-container {
    padding-bottom: 10px;
}
.s-conditional-offer-item-avatar-content:after, .s-conditional-offer-item-avatar-content.active:after {
    color: #000 !important;
}
.s-conditional-offer-checkpoint #avatar-10, .s-conditional-offer-checkpoint #avatar-15, 
.content-bottom salla-add-product-button .s-button-text, 
button.btn--rounded-full.\!text-primary.s-button-element.s-button-btn.s-button-solid.s-button-light.s-button-loader-after {
    color: #000 !important;
}

/* المنتجات والأقسام المحاطة بالبرتقالي */
.s-block--enhanced-features__item, .cart-item, .cart-drawer-item, .product-single__info, 
.tabs, #single-product-details, 
salla-product-options.s-product-options-wrapper.hydrated, section.bg-storeBG.p-5.rounded-md.mb-5, 
salla-bought-together.s-bought-together-entry.hydrated, .content.content--single-page, 
.list-block.post-entry, .rating-header.gradient-bg.center-between {
    border: 1px solid var(--sakarib-orange) !important;
}

/* المراجعات والتقييمات */
.review>div>div>p {
    color: var(--sakarib-white);
}
.review .sicon-quote {
    color: var(--sakarib-orange);
    opacity: 1;
    bottom: 40px;
    left: 30px;
    font-size: 35px;
}

/* صور الفوتر وميزات أخرى */
.footer-badges {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-badges a {
    display: flex;
    justify-content: center;
}
.footer-badges img#custom-footer-badge {
    width: 55%;
}
salla-button.btn--wishlist button {
    border: 1px solid var(--sakarib-black);
}

/* تنسيقات سلة الشراء والعناصر الداخلية */
.cart-item > div {
    margin-top: 10px;
    align-items: center !important; 
}
.cart-item .flex.flex-1.rtl\:space-x-reverse.space-x-4 {
    align-items: center;
}
.cart-item img {
    object-fit: contain;
}

a.relative.overflow-hidden.shrink-0 {
    padding: 0 !important;
    margin: 0 !important;
}

input.s-quantity-input-input {
    border: 1px solid var(--sakarib-white) !important;
    padding: 7px !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}
button.cart-drawer-item__delete.s-button-element.s-button-icon.s-button-solid.s-button-small.s-button-danger.s-button-loader-center, 
button.btn--delete.s-button-element.s-button-icon.s-button-solid.s-button-small.s-button-danger.s-button-loader-center {
    background: var(--sakarib-red) !important;
    color: var(--sakarib-white) !important;
    border-color: var(--sakarib-red);
    transition: background-color var(--sakarib-transition), color var(--sakarib-transition);
}

/* السلايدر والتقدم */
.product-card__image {
    background: var(--sakarib-white);
}
salla-slider.details-slider img {
    background: var(--sakarib-white);
}
.slide--one-fourth.swiper-slide {
    height: 80% !important;
}
.s-progress-bar-progress, .s-bought-together-checkbox:checked~.s-bought-together-checkmark, 
.s-cashback-banner-icon {
    background: var(--sakarib-orange) !important;
}

/* النصوص باللون البرتقالي */
span.s-reviews-summary-percentage, h4.s-reviews-summary-recommendation-percentage, 
p.s-comments-item-timestamp.s-ltr, span.s-comments-count-label, 
h3.s-comments-item-user-info-name-with-margin, .content.content--single-page>h1, 
.content.content--single-page h2, .content.content--single-page a, 
ol.s-breadcrumb-wrapper.s-breadcrumb-primary-reverse li, .s-cashback-banner-container p .s-cashback-banner-value, 
h2.font-bold.mb-6.md\:mb-0, .rating-header.gradient-bg.center-between {
    color: var(--sakarib-orange) !important;
}

/* التبويبات (Tabs) */
salla-button.tab-trigger.is-active, .s-block--tabs-produtcs .tab-trigger button {
    border: 1px solid var(--sakarib-orange);
    color: var(--sakarib-white) !important;
    font-size: 13px !important;
}
.s-block--tabs-produtcs .tab-trigger.is-active button {
    border: 0;
}
button.tab-trigger.\!text-lg.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-after.inactive {
    color: var(--sakarib-white) !important;
}
button.tab-trigger {
    font-size: 13.9px !important;
}

/* تفاصيل المنتج وتنسيقات عامة */
span.s-comments-item-reply-icon svg, span.s-rating-stars-btn-star.s-rating-stars-large.s-rating-stars-selected svg {
    fill: var(--sakarib-orange);
}
.s-block--best-offers .s-slider-block__title-right, salla-products-slider .s-slider-block__title-right, salla-products-slider .s-slider-block__title {
    border: 0 !important;
}
.product-single__info .flex.flex-col.space-y-5.mb-5 {
    flex-direction: row;
    align-items: baseline;
}
#details_table a, .product-single-top-description a, .quickview-description a {
    color: var(--sakarib-orange) !important;
    transition: color var(--sakarib-transition);
}
h3.s-comments-item-user-info-name-with-margin {
    font-size: 12px;
}
.s-bought-together-item--unchecked {
    opacity: 1 !important;
}
.list-block.post-entry {
    background: var(--sakarib-black);
}
.s-slider-vertical .s-slider-thumbs-container .swiper-slide {
    height: 85px !important;
}

/* تعديلات حقل الكمية في سلة المشتريات */
.s-quantity-input-container, .s-cart-item-offers-details {
    align-items: center !important;
}
div.s-quantity-input-container {
    margin-top: auto !important;
    margin-bottom: auto !important;
    align-self: center !important;
    display: flex !important;
    height: 100% !important;
}

/* الخلفيات الشفافة */
.shipping-orders div, .bg-store-bg-secondary.rounded-md.px-6, 
tr.bg-store-bg-secondary.overflow-hidden.flex.md\:table-row.flex-row.md\:flex-row.flex-wrap.md\:flex-no-wrap.py-1\.5.md\:py-0, 
.profile__cover--placeholder, .s-user-settings-section, table.s-table thead, 
table.s-table tbody tr, .s-cashback-banner-container {
    background: transparent !important;
}
.s-user-settings-section .s-list-tile-item {
    background: var(--sakarib-dark) !important;
}
ol.s-breadcrumb-wrapper.s-breadcrumb-primary-reverse li {
    opacity: 1;
}

/* أيقونة البحث وحقل البحث */
.s-search-icon-wrap:where([dir="rtl"], [dir="rtl"] *) {
    right: unset !important;
    left: 33px !important;
}
a.s-search-product:hover {
    background: rgba(245, 137, 34, 0.1) !important;
    box-shadow: none !important;
}
input.s-search-input:focus {
    border-color: var(--sakarib-orange) !important;
}
.s-search-product-image-container {
    height: 100% !important;
}

/* نوافذ وتقييمات */
.customer-orders-single .s-modal-body, .s-rating-modal-wrap .s-modal-body {
    bottom: 28% !important;
}
selia-contacts div {
    flex-direction: column !important;
}

/* صور كروت المنتجات */
.product-card__image>a {
    padding-top: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center;
}
.product-card__image>a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: bottom center !important;
}
.swiper-slide a {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
}
.swiper-slide img {
    object-fit: cover !important;
    object-position: center !important;
}

/* ضبط صور خيارات المنتج دون قص أو زيادة سفلية */
.s-product-options-thumbnails-wrapper label.go-to-slide, 
label.go-to-slide {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 6px !important;
    background-color: transparent !important;
}
.s-product-options-thumbnails-wrapper img, 
label.go-to-slide img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
label.go-to-slide::before {
    border-radius: inherit !important;
    box-sizing: border-box !important;
}

/* تخصيص شاشات الجوال */
@media (max-width:991px) {
    .product-card__promotion { font-size: 11px; }
    .index.mobile_small_blocks_titles .home-block-title h2 { font-size: 1.875rem !important; }
    nav.breadcrumbs ol { line-height: 1.7rem; }
    #details_table .ql-video, .product-single-top-description .ql-video, .quickview-description .ql-video { height: 100% !important; }
    .s-comments-item-user-info { gap: 3px; flex-flow: wrap; }
    .dropdown-toggler.is-opened .dropdown__menu { background: var(--sakarib-black); color: var(--sakarib-orange); }
    .blog-slider .swiper.s-slider-container.swiper-initialized { height: 250px !important; }
    .blog-slider .swiper-slide img { min-height: 187px; }
}

/* السلايدر الرئيسي */
.index .advanced-slider__caption__inner__content__heading, .index .advanced-slider__caption__inner__content__text {
    color: #FFFFFF !important;
}

/* أيقونة عملة الريال الأساسية باللون الأبيض */
i.sicon-sar, i.sicon-sar:before {
    color: var(--sakarib-white) !important;
}

/* ترتيب الأسعار أفقياً */
.product-single__info .price_is_on_sale, .product-single__info .product-price, .product-card__price, .price_is_on_sale {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}

/* إخفاء وإلغاء البياض في أسفل صفحة سلة المشتريات وخلفية المتجر */
html, body, .page-cart, .cart-page, footer, .site-footer, .store-footer, .app-inner, #app {
    background-color: var(--sakarib-dark) !important;
}

footer span.hidden.flex.flex-1.flex-none, footer span.shrink-0, .site-footer span.hidden.flex {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* تنسيق حقل الكوبون وزر تطبيق / إلغاء */
.s-cart-coupons-coupon-input-wrap {
    display: flex !important;
    align-items: stretch !important;
}
button.s-cart-coupons-coupon-button-apply, .s-cart-coupons-coupon-button-remove {
    background-color: var(--sakarib-orange) !important;
    background: var(--sakarib-orange) !important;
    border-color: var(--sakarib-orange) !important;
    color: var(--sakarib-white) !important;
    --btn-color: var(--sakarib-orange) !important;
    --s-button-btn-color: var(--sakarib-orange) !important;
    --text-color: var(--sakarib-white) !important;
    --s-button-text-color: var(--sakarib-white) !important;
    width: 95px !important;
    min-width: 95px !important;
    min-height: 38px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 15px 0 0 15px !important;
}
input#coupon-input, .s-cart-coupons-coupon-input-wrap input {
    min-height: 38px !important;
    border-radius: 0 15px 15px 0 !important;
    border: 1px solid var(--sakarib-orange) !important;
    margin: 0 !important;
    color: #000000 !important;
}
input#coupon-input::placeholder, .s-cart-coupons-coupon-input-wrap input::placeholder {
    color: #666666 !important;
}
button.s-cart-coupons-coupon-button-apply span, button.s-cart-coupons-coupon-button-apply .s-button-text {
    color: var(--sakarib-white) !important;
    -webkit-text-fill-color: var(--sakarib-white) !important;
    margin: auto !important;
}
.s-cart-coupons-coupon-button-remove i, .s-cart-coupons-coupon-button-remove svg, .s-cart-coupons-coupon-button-remove::before {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: auto !important;
}

/* تلوين شريط "وفرت" في ملخص السلة بالأخضر والنصوص بالأبيض */
.s-cart-summary-subtotal + div, 
.s-cart-summary-total-saving, 
.s-cart-summary-saving, 
.cart-summary-saving, 
div[class*="saving"], 
span[class*="saving"], 
.s-cart-summary-saving-badge,
div.s-cart-summary-card-bar-savings-badge {
    background-color: var(--sakarib-green) !important;
    background: var(--sakarib-green) !important;
    border-color: var(--sakarib-green) !important;
    color: #FFFFFF !important;
}
.s-cart-summary-subtotal + div *, 
.s-cart-summary-total-saving *, 
.s-cart-summary-saving *, 
.cart-summary-saving *, 
div[class*="saving"] *, 
span[class*="saving"] *,
div.s-cart-summary-card-bar-savings-badge * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* إشعارات سلة المنبثقة */
div.swal2-popup.swal2-toast.swal2-icon-error, div.swal2-popup.swal2-toast.swal2-icon-warning {
    background-color: #FF0000 !important;
    background: #FF0000 !important;
}
div.swal2-popup.swal2-toast.swal2-icon-error *, div.swal2-popup.swal2-toast.swal2-icon-warning *, div.swal2-popup.swal2-toast.swal2-icon-error .swal2-title, div.swal2-popup.swal2-toast.swal2-icon-warning .swal2-title {
    color: #FFFFFF !important;
}
div.swal2-popup.swal2-toast.swal2-icon-success {
    background-color: #28a745 !important;
    background: #28a745 !important;
}
div.swal2-popup.swal2-toast.swal2-icon-success *, div.swal2-popup.swal2-toast.swal2-icon-success .swal2-title {
    color: #FFFFFF !important;
}

span.s-cart-coupons-coupon-error, .s-cart-coupons-coupon-error {
    color: #FF0000 !important;
}

/* التحكم الموحد في تقويس جميع إطارات وعناصر المتجر */
custom-salla-product-card, .product-card, button.s-modal-close, .s-block--enhanced-features__item, .cart-item, .cart-drawer-item, .product-single__info, .tabs, #single-product-details, salla-product-options.s-product-options-wrapper.hydrated, section.bg-storeBG.p-5.rounded-md.mb-5, salla-bought-together.s-bought-together-entry.hydrated, .content.content--single-page, .list-block.post-entry, .rating-header.gradient-bg.center-between, .footer-badges img#custom-footer-badge, salla-conditional-offer.hydrated.s-conditional-offer-container, salla-slider.details-slider img, .slide--one-fourth.swiper-slide, button.s-social-share-btn.s-button-element, button.btn--wishlist.s-button-element, salla-button.tab-trigger.is-active, .s-block--tabs-produtcs .tab-trigger button, .remained-quantity .box-dark, button.btn--wishlist.heart-next-add-button, .index .advanced-slider__caption__inner__content__button, salla-add-product-button button, .s-add-product-button, .s-product-options-thumbnails-wrapper label.go-to-slide, label.go-to-slide, .s-cart-summary-subtotal + div, .s-cart-summary-total-saving, .s-cart-summary-saving, div.s-cart-summary-card-bar-savings-badge {
    border-radius: 15px !important;
    overflow: hidden !important;
}

/* إصلاح ظهور روابط الفوتر والأزرار فوق القائمة الجانبية */
footer a,
.site-footer a,
.store-footer a,
footer a[href*="wa.me"],
footer a[href*="whatsapp.com"] {
    bottom: auto !important;
    z-index: 1 !important;
    position: static !important;
}

.mm-spn,
.mm-spn.mm-spn--navbar,
.mm-spn.mm-spn--main,
.mm-menu,
.s-drawer,
aside.s-drawer {
    z-index: 9999999 !important;
}

/* -------------------------------------------------------------
   إلغاء المساحة السفلية الفارغة بقوة من جميع الصفحات 
------------------------------------------------------------- */
body.index, 
body#app.index, 
html body#app.index,
[class*="index"],
body#app:not(.page-cart):not(.cart-page):not(.page-single-product):not(.product-single) {
    padding-bottom: 0 !important;
}

/* تخصيص مساحة أسفل صفحة سلة المشتريات فقط */
html body#app.page-cart,
html body#app.cart-page,
body#app.page-cart,
body#app.cart-page {
    padding-bottom: 150px !important;
}

/* تخصيص مساحة أسفل صفحة المنتج فقط */
html body#app.page-single-product,
html body#app.product-single,
html body#app.single-product {
    padding-bottom: 120px !important;
}

/* -------------------------------------------------------------
   التحكم في حجم نص "وصف المتجر" في الفوتر (متخصصون في بيع...)
------------------------------------------------------------- */
footer strong,
.site-footer strong,
.store-footer strong {
    font-size: 14px !important;
    line-height: 1.8 !important; 
}

/* -------------------------------------------------------------
   تخصيص لون وحجم إجمالي السعر في صفحة المنتج (ليكون أبيضاً)
------------------------------------------------------------- */
p.total-price,
p.total-price.text-red-600,
p.total-price.text-red-600 * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 24px !important;
}

p.total-price i.sicon-sar,
p.total-price.text-red-600 i.sicon-sar {
    color: #FFFFFF !important;
    font-size: 18px !important;
}

/* -------------------------------------------------------------
   إجبار الموقع المباشر على تلوين السعر القديم المشطوب بالأحمر
------------------------------------------------------------- */
.product-price span.before-price.line-through,
.product-price span.before-price.line-through *,
span#original_price.line-through,
span#original_price.line-through *,
.cart-item span.text-store-text-secondary.line-through,
.cart-item span.text-store-text-secondary.line-through *,
.product-card__price .line-through,
.product-card__price .line-through * {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
    font-size: 15px !important;
}

.product-price span.before-price.line-through i[class*="sicon-sar"],
.product-price span.before-price.line-through i[class*="sicon-sar"]::before,
span#original_price.line-through i[class*="sicon-sar"],
span#original_price.line-through i[class*="sicon-sar"]::before,
.product-card__price .line-through i[class*="sicon-sar"],
.product-card__price .line-through i[class*="sicon-sar"]::before {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
    font-size: 14px !important;
}

/* -------------------------------------------------------------
   التحكم بزر "عرض الكل" (التقويس، إزاحة النص، وإزاحة السهم)
------------------------------------------------------------- */
a.btn.btn--outline-primary {
    border-radius: 15px !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 95px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    white-space: nowrap !important;
}

a.btn.btn--outline-primary * {
    overflow: visible !important;
    white-space: nowrap !important;
}

a.btn.btn--outline-primary i[class*="sicon-keyboard_arrow"],
a.btn.btn--outline-primary svg,
a.btn.btn--outline-primary i {
    position: relative !important;
    right: -1px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

a.btn.btn--outline-primary span {
    position: relative !important;
    right: 5px !important;
}

/* -------------------------------------------------------------
   إلغاء تأثير الحركة (الأنيميشن) عند تمرير الماوس على مميزات المتجر
------------------------------------------------------------- */
.s-block--enhanced-features__item,
.s-block--enhanced-features__item:hover,
.s-block--enhanced-features__item:focus,
.s-block--enhanced-features__item:active {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* -------------------------------------------------------------
   إلغاء التحديد أو الإطار الأزرق عن عناصر مميزات المتجر
------------------------------------------------------------- */
.s-block--enhanced-features__item,
.s-block--enhanced-features__item *,
.s-block--enhanced-features__item:focus,
.s-block--enhanced-features__item:active,
.s-block--enhanced-features__item *:focus,
.s-block--enhanced-features__item *:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* -------------------------------------------------------------
   إلغاء أي إطار أو تحديد عن قسم مميزات المتجر بالكامل (Container)
------------------------------------------------------------- */
section.s-block.s-block--enhanced-features,
.s-block.s-block--enhanced-features,
.s-block--enhanced-features.container,
.s-block--enhanced-features:focus,
.s-block--enhanced-features:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* -------------------------------------------------------------
   إزالة أي إطار تركيز أو حلقة تفاعلية (Focus Ring) نهائياً
------------------------------------------------------------- */
.s-block--enhanced-features,
.s-block--enhanced-features *,
.s-block--enhanced-features *:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
}

/* -------------------------------------------------------------
   توسيط وتقويس نافذة تسجيل الدخول وزيادة الارتفاع وإظهار كافة الخيارات
------------------------------------------------------------- */
.s-modal-body.s-modal-align-middle.s-modal-xs.s-modal-padding,
.s-modal-body.s-modal-align-middle.s-modal-xs.s-modal-padding.s-modal-entering {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 92% !important;
    max-width: 400px !important;
    height: auto !important;
    min-height: 480px !important;
    max-height: 95vh !important;
    overflow-y: auto !important;
    border-radius: 20px !important;
    z-index: 999999999 !important;
    background: var(--sakarib-blue) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

body:has(.s-modal-entering) salla-cart-summary-card,
body:has(.s-modal-entering) .s-cart-summary-wrapper,
body:has(.s-modal-entering) .s-cart-summary-card {
    display: none !important;
}

/* -------------------------------------------------------------
   التحكم بتقويس وحجم الإطار الأحمر (الخاص بنسبة الخصم)
------------------------------------------------------------- */
.product-card__promotion,
div.product-card__promotion {
    border-radius: 12px !important;
    padding: 3px 10px !important;
    font-size: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* -------------------------------------------------------------
   التحكم بموضع زر المفضلة
------------------------------------------------------------- */
button.btn--wishlist.heart-next-add-button,
.product-card button.btn--wishlist,
salla-button.btn--wishlist {
    position: absolute !important;
    top: -3px !important;
    right: -3px !important;
    z-index: 20 !important;
    display: flex !important;
}

/* زيادة مساحة النزول لأسفل صفحة سلة المشتريات فقط */
body.page-cart,
body.cart-page,
body[class*="cart"] {
    padding-bottom: 350px !important;
}

body.page-cart::after,
body.cart-page::after,
body[class*="cart"]::after {
    content: "" !important;
    display: block !important;
    height: 150px !important;
    width: 100% !important;
}

/* -------------------------------------------------------------
   تنسيق نافذة البحث المنبثقة وحقل البحث بالكامل
------------------------------------------------------------- */
div.s-modal-body.s-modal-align-top,
div.s-modal-body.s-modal-align-top.s-modal-md.s-modal-padding,
div.s-modal-body.s-modal-align-top.s-modal-md.s-modal-padding.s-modal-entering {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 92% !important;
    max-width: 420px !important;
    height: auto !important;
    min-height: 480px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    border-radius: 20px !important;
    background-color: var(--sakarib-dark) !important;
    background: var(--sakarib-dark) !important;
    border: 1.5px solid var(--sakarib-orange) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
    z-index: 999999999 !important;
    padding: 20px 16px !important;
}

body:has(.s-modal-align-top) #wa-selia,
body:has(.s-modal-align-top) .wa-selia,
body:has(.s-modal-align-top) selia-contacts,
body:has(.s-modal-align-top) salla-contacts {
    display: none !important;
}

input.s-search-input,
div.s-modal-body.s-modal-align-top input.s-search-input {
    background-color: var(--sakarib-orange) !important;
    background: var(--sakarib-orange) !important;
    border: 1px solid var(--sakarib-orange) !important;
    border-radius: 12px !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    outline: none !important;
    box-shadow: none !important;
    height: 46px !important;
    padding: 0 42px 0 14px !important;
}

input.s-search-input::placeholder,
div.s-modal-body.s-modal-align-top input.s-search-input::placeholder {
    color: rgba(255, 255, 255, 0.85) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
}

div.s-modal-body.s-modal-align-top .s-search-icon-wrap,
div.s-modal-body.s-modal-align-top .s-search-icon-wrap svg,
div.s-modal-body.s-modal-align-top svg[role="image"] {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

div.s-modal-body.s-modal-align-top .s-search-icon-wrap svg path,
div.s-modal-body.s-modal-align-top svg[role="image"] path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

div.s-modal-body.s-modal-align-top button.s-modal-close svg path,
div.s-modal-body.s-modal-align-top [role="graphics-symbol"] path,
div.s-modal-body.s-modal-align-top > button svg path,
div.s-modal-body.s-modal-align-top .sicon-keyboard_arrow_right,
div.s-modal-body.s-modal-align-top .sicon-keyboard_arrow_left {
    fill: var(--sakarib-orange) !important;
    stroke: var(--sakarib-orange) !important;
    color: var(--sakarib-orange) !important;
}

div.s-modal-body.s-modal-align-top h3,
div.s-modal-body.s-modal-align-top h4,
div.s-modal-body.s-modal-align-top p,
div.s-modal-body.s-modal-align-top a,
div.s-modal-body.s-modal-align-top span:not(.s-search-product-regular-price) {
    color: #FFFFFF !important;
}

div.s-modal-body.s-modal-align-top .s-search-tag,
div.s-modal-body.s-modal-align-top [class*="search-history-item"],
div.s-modal-body.s-modal-align-top a[class*="tag"] {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(245, 137, 34, 0.4) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
}

div.s-modal-body.s-modal-align-top::-webkit-scrollbar {
    width: 6px !important;
}

div.s-modal-body.s-modal-align-top::-webkit-scrollbar-track {
    background: transparent !important;
}

div.s-modal-body.s-modal-align-top::-webkit-scrollbar-thumb {
    background-color: var(--sakarib-orange) !important;
    border-radius: 10px !important;
}

div.s-modal-body.s-modal-align-top::-webkit-scrollbar-thumb:hover {
    background-color: #FFFFFF !important;
}

div.s-modal-body.s-modal-align-top {
    scrollbar-width: thin !important;
    scrollbar-color: var(--sakarib-orange) transparent !important;
}

div.s-modal-body.s-modal-align-top .s-search-grid-item {
    border: 1.5px solid var(--sakarib-orange) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

div.s-modal-body.s-modal-align-top .s-search-product-regular-price,
div.s-modal-body.s-modal-align-top .s-search-product-regular-price span,
div.s-modal-body.s-modal-align-top span.s-search-product-regular-price,
div.s-modal-body.s-modal-align-top span.s-search-product-regular-price span,
div.s-modal-body.s-modal-align-top .s-search-product-regular-price * {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
}

div.s-modal-body.s-modal-align-top .s-search-grid-item,
div.s-modal-body.s-modal-align-top .s-search-grid-item a,
div.s-modal-body.s-modal-align-top .s-search-grid-item *,
div.s-modal-body.s-modal-align-top a {
    -webkit-tap-highlight-color: transparent !important;
}

div.s-modal-body.s-modal-align-top .s-search-grid-item,
div.s-modal-body.s-modal-align-top .s-search-grid-item:hover,
div.s-modal-body.s-modal-align-top .s-search-grid-item:active,
div.s-modal-body.s-modal-align-top .s-search-grid-item:focus,
div.s-modal-body.s-modal-align-top .s-search-grid-item.is-loading,
div.s-modal-body.s-modal-align-top .s-search-grid-item a,
div.s-modal-body.s-modal-align-top .s-search-grid-item a:hover,
div.s-modal-body.s-modal-align-top .s-search-grid-item a:active,
div.s-modal-body.s-modal-align-top .s-search-grid-item a:focus {
    background-color: var(--sakarib-dark) !important;
    background: var(--sakarib-dark) !important;
}

span.s-search-history-chip,
.s-search-history-chip,
[class*="s-search-history-chip"] {
    background-color: #f58922 !important;
    background: var(--sakarib-orange) !important;
    color: #FFFFFF !important;
}

.s-search-history-chip-remove,
.s-search-history-chip-remove svg,
.s-search-history-chip-remove svg path,
#salla-modal button.s-search-history-chip-remove span svg path,
.s-search-input-row button svg path,
#salla-modal > div.s-modal-wrapper > div > div.s-search-panel > div.s-search-input-row > button > span > svg > path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

[id^="search-product-"] .s-search-product-card-content-sub > div > span,
.s-search-product-card-content-sub > div > span {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
}

[id^="search-product-"] .s-search-product-card-rating > span:nth-child(2),
.s-search-product-card-rating > span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

[id^="search-product-"] .s-search-product-card-content-sub > div > p,
.s-search-product-card-content-sub > div > p {
    font-size: 17px !important;
}

[id^="search-product-"] .s-search-product-card-content-sub > div > span,
.s-search-product-card-content-sub > div > span {
    font-size: 17px !important;
}

#wa-selia,
div#wa-selia.wa-selia,
.wa-selia,
selia-contacts,
salla-contacts,
.s-contacts-widget {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.s-add-product-toast .s-button-element {
  border-radius: 13px !important;
  overflow: hidden !important;
}

salla-add-product-toast.s-add-product-toast {
  border-radius: 16px !important;
  border: 2px solid #ff7a00 !important;
  overflow: hidden !important;
  z-index: 999999 !important;
}

.header-cart,
a[href*="cart"],
.s-cart-summary {
  z-index: 1 !important;
}

h1#page-main-title {
    display: none !important;
}

p.s-infinite-scroll-last.infinite-scroll-last {
    color: #ffffff !important;
}

section.s-block.s-block--enhanced-features {
    pointer-events: none !important;
}

/* 1. التحكم في خلفية العنصر وأبعاده وتوسيطه */
#magnify-image.swiper-slide.magnify-wrapper {
    background-color: #ffffff !important;
    width: 100% !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* 2. التحكم في الصورة الداخلية وضبط أبعادها */
#magnify-image.swiper-slide.magnify-wrapper img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 1. التحكم الكامل في الإطار الخارجي الكبير */
div.product-single__slider__inner,
div.product-single__main-media {
    border: 1px solid #F58922 !important;
    border-radius: 0px !important;
    -webkit-border-radius: 16px !important;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
}

/* 2. إلغاء الإطار الداخلي والتقويس الخاص بالسلايدر نهائياً */
salla-slider.details-slider,
salla-slider.details-slider.image-slider,
salla-slider.details-slider .s-slider-wrap,
salla-slider.details-slider .swiper {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* إرجاع زر المفضلة لمكانه الأصلي وتصفير أي إزاحة */
button.btn--wishlist,
salla-button.btn--wishlist,
.btn--wishlist {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* ================= 1. ضبط الحاوية المشتركة ================= */
.product-single .product-single__info .s-social-share-wrapper,
div:has(> salla-button.btn--wishlist) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}

/* ================= 2. قفل الشكل الدائري التام لزر المفضلة والمشاركة ================= */
.product-single__info salla-button.btn--wishlist,
.product-single__info salla-button.s-social-share-btn,
.product-single__info button.btn--wishlist,
.product-single__info button.s-social-share-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    flex: 0 0 42px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
}

/* ================= 3. التحكم المستقل بمكان زر المفضلة (القلب) ================= */
.product-single__info salla-button.btn--wishlist {
    position: relative !important;
    transform: translate(10px, 8px) !important;
}

/* ================= 4. التحكم المستقل بمكان زر المشاركة ================= */
.product-single__info salla-button.s-social-share-btn {
    position: relative !important;
    transform: translate(10px, 8px) !important;
}

/* التحكم في حجم وشكل شارة الخصم */
.promotion-title,
div.promotion-title {
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    padding: 6px 14px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* التحكم بمكان وتقويس قائمة المشاركة المنسدلة */
.product-single__inner .s-social-share-list,
ul.s-social-share-list,
ul.s-social-share-list.opened {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 55px !important;
    right: -9px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999 !important;
}

ul.s-social-share-list > li:first-child {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
ul.s-social-share-list > li:last-child {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

/* استهداف الحاوية */
.product-brand {
    width: 80px !important;
    height: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    top: 12.8px !important;
    right: 12px !important;
    margin-bottom: 10px !important;
}

.product-brand img {
    border-radius: inherit !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* استهداف حاوية السعر كاملة */
.product-price {
    transform: scale(1.15) !important;
    transform-origin: right center !important;
    position: relative !important;
    top: 0px !important;
    right: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

/* -------------------------------------------------------------
   ترتيب وتوحيد مكان (متوفر / المتبقي / تم شراؤه) ومنع التداخل
------------------------------------------------------------- */
.product-single__stock-info,
.product-single__info .flex.flex-col.space-y-5.mb-5 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

.inventory-content {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 16px !important;
}

.remained-quantity {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.product-single__sold-count {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 15px !important;
}

.inventory-content svg,
.remained-quantity svg,
.product-single__sold-count svg {
    width: 17px !important;
    height: 17px !important;
}

/* استهداف شريط الكاش باك */
.s-cashback-banner-container,
salla-cashback-banner {
    position: relative !important;
    top: 4px !important;
    right: -2px !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/* -------------------------------------------------------------
   الكود البديل: إخفاء السعر المكرر فقط داخل النموذج مع الحفاظ على ظهور الخيارات
------------------------------------------------------------- */
#product-form .product-price,
#product-form [class*="price"],
#product-form .text-primary {
    display: none !important;
}
/* التحكم بعنصر "المجموع" داخل سلة المشتريات */
salla-cart p.text-primary.flex-none.font-bold,
.cart-item p.text-primary.flex-none.font-bold {
    font-size: 16px !important;
    position: relative !important;
    top: -5px !important;
    right: -10px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

salla-cart p.text-primary.flex-none.font-bold i,
.cart-item p.text-primary.flex-none.font-bold i {
    font-size: 14px !important; 
}
salla-product-options.s-product-options-wrapper,
.s-product-options-wrapper {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 95% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    display: block !important;
}
div.tabs,
.tabs {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    height: 70px !important;
    min-height: 50px !important;
    align-items: center !important;
}
salla-button.tab-trigger.is-active button,
button.tab-trigger.is-active,
.tab-trigger.is-active {
    background-color: #f58922 !important;
    border-color: #f58922 !important;
    color: #ffffff !important;
}
.s-rating-stars-wrapper {
    position: relative !important;
    transform: translate(-7px, 0px) !important;
}
#mainnav salla-user-menu button svg path {
  fill: #FF0000 !important;
  stroke: #FF0000 !important;
}
#mainnav salla-user-menu .s-user-menu-toggler div > span {
  color: #ffffff !important;
}
#mainnav salla-user-menu .s-user-menu-dropdown-item-logout a i svg path,
.s-user-menu-dropdown-item.s-user-menu-dropdown-item-logout a i svg path,
.s-user-menu-dropdown-item-logout a svg path {
    fill: #FF0000 !important;
    stroke: #FF0000 !important;
}
article salla-user-menu ul,
article salla-user-menu .s-user-menu-dropdown-list {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
ul.s-user-menu-inline {
  margin-top: 0px !important;
  margin-bottom: -4px !important;
  margin-inline-start: 0px !important;
}
ul.s-user-menu-inline > li:first-child a.s-user-menu-dropdown-item-link svg,
ul.s-user-menu-inline > li:first-child span.s-user-menu-dropdown-item-title {
  transform: translateX(-31px) !important;
}
salla-user-menu > ul.s-user-menu-inline {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-inline-start: -50vw !important;
  margin-inline-end: -50vw !important;
  box-sizing: border-box !important;
}
salla-notifications salla-notification-item > a {
  border: 1px solid #f58922 !important;
  border-radius: 14px !important;
}
#app > div.app-inner > main > main > article > div.max-w-5xl > div > p {
  color: #ffffff !important;
}
salla-orders .s-orders-list-wrapper > table > tbody {
  display: block !important;
  border: 1px solid #f58922 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
salla-orders .s-orders-list-wrapper table tbody tr td:nth-child(1) salla-button > button,
salla-orders .s-orders-list-wrapper table tbody tr td:nth-child(1) salla-button > button * {
  color: #ffffff !important;
}
button.s-button-element.s-button-btn.s-button-outline {
    border-radius: 14px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-orders > div > div.s-orders-list-wrapper > table > tbody > tr > td:nth-child(3) > div {
    color: #ffffff !important;
}
div.s-orders-banner {
    background-color: transparent !important;
    border: 1px solid #f58922 !important;
    border-radius: 14px !important;
}
p.s-orders-banner-text {
    color: #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-orders > div > div.s-orders-banner > span > svg > path {
    fill: #f58922 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div > salla-user-settings {
    border: 1px solid #f58922 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
div.s-user-settings-section-action {
    transform: translate(-20px, 20px) !important; 
}
button.s-button-element.s-button-btn.s-button-outline.s-button-danger-outline {
    color: #ff0000 !important;
    border-color: #ff0000 !important;
}
input.s-datetime-picker-input.flatpickr-input,
input.s-tel-input-control.tel-input.s-ltr.iti__tel-input {
    border-radius: 12px !important;
}
button.filepond--file-action-button.filepond--action-remove-item {
    background-color: #ff0000 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 {
    border: 1px solid #f58922 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    width: 90% !important;
    max-width: 90% !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
salla-order-totals-card dl dd,
salla-order-totals-card dl dd span,
salla-order-totals-card dl dd b {
    color: #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > div > div {
    color: #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > div > div:nth-child(4) > b,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > div > div:nth-child(3) > b,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > div > div.w-full.flex.justify-between.text-sm.py-2\.5 > b {
    color: white !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > div > div.flex.rtl\:space-x-reverse.space-x-5.mb-4 > div > b {
    display: none !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div:nth-child(1) > div.profile__cover {
    height: 60px !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > salla-order-totals-card > div > div > dl > div.s-order-totals-card-refund {
    border: 1px solid #f58922 !important; 
    border-radius: 14px !important; 
    padding: 15px !important; 
    background-color: transparent !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-orders > div > div.s-orders-list-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.flex.items-start.gap-2.bg-blue-50.border.border-blue-200.text-blue-500.px-2.py-3.rounded-md.text-sm {
    border: 1px solid #ffffff !important; 
    border-radius: 12px !important; 
    padding: 15px !important; 
    background-color: transparent !important; 
}
i.sicon-info {
    color: #f58922 !important; 
    font-size: 25px !important; 
    position: relative !important;
    top: 8px !important; 
    margin-left: 8px !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.flex.items-start.gap-2.bg-blue-50.border.border-blue-200.text-blue-500.px-2.py-3.rounded-md.text-sm > p {
    color: #f58922 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.rating-header.gradient-bg.center-between {
    border-radius: 12px !important; 
    background: transparent !important; 
    padding: 15px !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.rating-header.gradient-bg.center-between > div > h2 {
    color: #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > div > div.flex.rtl\:space-x-reverse.space-x-5.mb-4 > a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > div > div.flex.rtl\:space-x-reverse.space-x-5.mb-4 > a > img {
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-order-details > salla-order-details-options > div > dl > div > dt {
    margin-top: 14px !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > div.rating-actions > div:nth-child(2) > salla-button > button > span {
    color: #ff0000 !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > div.rating-actions > div:nth-child(2) > salla-button > button {
    border: 1px solid #ff0000 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > div.rating-actions > div:nth-child(1) > salla-button > button > span > i {
    color: #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > div.rating-actions > div:nth-child(1) > salla-button > button {
    border: 1px solid #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section {
    border: 1px solid #ffffff !important; 
    border-radius: 8px !important; 
    width: 100% !important; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    padding: 15px !important; 
    box-sizing: border-box !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > div:nth-child(1) > div.flex.flex-row.flex-wrap.gap-2 {
    margin-top: 20px !important; 
    transform: translateX(11.50px) !important; 
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > salla-order-branch > div.s-order-branch-details > div > div > span.s-order-branch-info-label {
    margin-top: 20px !important;
    display: inline-block !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > salla-order-branch > div.s-order-branch-details > div > div > span.s-order-branch-info-value {
    transform: translateY(-21px) !important;
    display: inline-block !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > * {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > salla-order-branch > section > div > div.s-order-branch-actions > a {
    transform: translateX(-58px) !important;
}
#original_price, #has_discount {
  font-size: 24px; 
  margin-top: 10px;
}
p.s-cart-item-offers-discount > span {
  color: #f58922; 
}
p.s-cart-item-offers-discount i.sicon-sar::before {
  color: #f58922 !important;
}
p.s-cart-item-offers-discount {
  font-size: 15px !important;
}
#app salla-cart-summary-card div.s-cart-summary-card-line--discount,
#app salla-cart-summary-card div.s-cart-summary-card-line--discount * {
  color: #FF0000 !important;
}
#app salla-cart-summary-card div.s-cart-summary-card-line--discount > span {
  color: #FFFFFF !important;
}
#app salla-add-product-toast .s-add-product-toast__price-original i,
#app salla-add-product-toast .s-add-product-toast__price-original i::before {
  color: #FF0000 !important;
}
.product-card__content-wrapper .s-product-card-rating salla-rating-stars {
  position: relative !important;
  right: -7.5px !important; 
}
#product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none,
#product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none salla-quantity-input > div {
    border-radius: 14px !important;
}
#product-form > section.sticky-product-bar.bg-storeBG.p-5.md.rounded-md.rounded-b-none > salla-add-product-button > div > salla-button > button {
    border-radius: 14px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.container--product-details > div.product-single.thumbnails.product-single--full-bleed-mobile.product-1973652967 > div > div > div > div.product-single__info.col-lg-5.col-md-12.col-12.lg\:\!w-2\/4.md\:w-full.w-full.ltr\:md\:pl-\[15px\].rtl\:md\:pr-\[15px\].mt-5.sm\:mt-0 > div.product-single__stock-info.flex.flex-col.space-y-5.mb-5 > div.flex.items-center.flex-grow.shrink-0.text-store-text-primary.remained-quantity > img.box-dark {
    filter: brightness(0) invert(1) !important;
    background-color: #ff000 !important;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.container--product-details > div.product-single.thumbnails.product-single--full-bleed-mobile.product-1973652967 > div > div > div > div.product-single__info.col-lg-5.col-md-12.col-12.lg\:\!w-2\/4.md\:w-full.w-full.ltr\:md\:pl-\[15px\].rtl\:md\:pr-\[15px\].mt-5.sm\:mt-0 > div.product-single__stock-info.flex.flex-col.space-y-5.mb-5 > div.flex.items-center.flex-grow.shrink-0.text-store-text-primary.remained-quantity > img.box-dark {
    transform: translate(2.7px, 0px) !important;
}

/* -------------------------------------------------------------
   منع خروج عنوان المنتج عن حدوده والتحكم بموضعه وحجمه
------------------------------------------------------------- */
h1.product-single__title, 
.product-single__title {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    margin: 0 !important;
    position: static !important;
}

.product-single__info {
    overflow: hidden !important;
    max-width: 100% !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div.flex.flex-col.md\:flex-row.justify-between.md\:items-center.bg-store-bg-secondary.px-5.py-3.border-b.border-gray-100.rounded-t-md.text-sm.space-y-4.md\:space-y-0 > div.flex.items-center.space-x-2.rtl\:space-x-reverse > img {
    border: 3px solid #ffffff; 
    border-radius: 12px;       
    padding: 2px;              
    background-color: #ffffff; 
    object-fit: cover;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.flex.justify-between.items-center.mb-2 > div.flex.space-x-2.rtl\:space-x-reverse.text-start.flex-none.px-2 {
    flex-direction: column !important;
    gap: 8px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.flex.justify-between.items-center.mb-2 > div.flex.space-x-2.rtl\:space-x-reverse.text-start.flex-none.px-2 > * + * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
dt.s-order-totals-card-discount {
    color: #f58922 !important;
}

/* 1. إعدادات النافذة وتمركزها وإضافة الإطار البرتقالي */
#salla-modal > div.s-modal-wrapper > div {
    height: 80vh !important;
    max-height: 80vh !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    overflow-y: auto !important;
    width: 95% !important; 
    max-width: 600px !important;
    border: 1px solid orange !important;
    border-radius: 14px !important;
}

/* 2. جعل جميع العناصر المباشرة داخل النافذة تأخذ عرض 100% */
#salla-modal > div.s-modal-wrapper > div > * {
    width: 100% !important;
    box-sizing: border-box !important;
}
#salla-modal > div.s-modal-wrapper > div > div.s-modal-header {
    transform: scale(0.8) !important;
    transform-origin: top center !important;
}
#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-footer {
    transform: translate(50px, -135px) !important;
}

#salla-modal > div.s-modal-wrapper > div {
    overflow-y: hidden !important;
}
#salla-modal > div.s-modal-wrapper > div > div.s-modal-header > button > span > svg {
    width: 30px !important;  
    height: 30px !important; 
    transform: translate(-5px, -5px) !important; 
}
#salla-modal > div.s-modal-wrapper > div > div.s-modal-header > div.s-rating-modal-wrapper > section.s-rating-modal-step.s-rating-modal-active > div > div.rating-outer-form > div > div > div.s-rating-modal-rounded-icon,
#salla-modal > div.s-modal-wrapper > div > div.s-modal-header > div.s-rating-modal-wrapper > section.s-rating-modal-step.s-rating-modal-active > div > div.rating-outer-form > div > div > div.s-rating-modal-rounded-icon img {
    border-radius: 0 !important;
}
#salla-modal > div.s-modal-wrapper > div > div.s-modal-header > div.s-rating-modal-wrapper > section.s-rating-modal-step.s-rating-modal-active > div > div.rating-outer-form > div > div > p {
    color: #ffffff !important;
}
.my-white-icon path {
    fill: #ffffff !important;
}
.s-rating-modal-upload-count {
    color: #ffffff !important;
}
path[d="M21.333 6.667c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4zM21.333 12c-0.736 0-1.333-0.599-1.333-1.333s0.597-1.333 1.333-1.333 1.333 0.599 1.333 1.333-0.597 1.333-1.333 1.333zM24 1.333h-16c-3.676 0-6.667 2.991-6.667 6.667v16c0 0.969 0.219 1.884 0.592 2.715 0.013 0.024 0.025 0.048 0.039 0.072 1.059 2.284 3.359 3.88 6.036 3.88h16c3.676 0 6.667-2.991 6.667-6.667v-16c0-3.676-2.991-6.667-6.667-6.667zM8 28c-1.376 0-2.592-0.699-3.312-1.76l7.312-9.401 8.681 11.161zM28 24c0 2.187-1.765 3.964-3.945 3.995l-11.003-14.147c-0.505-0.649-1.599-0.649-2.104 0l-6.948 8.933v-14.781c0-2.205 1.795-4 4-4h16c2.205 0 4 1.795 4 4z"] {
    fill: #ffffff !important;
}
#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-footer > salla-button > button {
    background-color: #f58922 !important;
    color: #ffffff !important;
    border-color: #f58922 !important;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > salla-order-totals-card > div > div > dl > div.s-order-totals-card-refund > div > div > dt > span.s-order-totals-card-refund-icon > i {
  position: relative !important;
  top: 0px !important;
}

/* تفعيل التمرير وإخفاء الشريط */
#salla-modal > div.s-modal-wrapper > div {
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#salla-modal > div.s-modal-wrapper > div::-webkit-scrollbar {
  display: none !important;
}

#salla-modal > div.s-modal-wrapper > div > div.s-modal-header {
  position: relative !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
}

#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-edit-wrapper > section > div > div.rating-outer-form > div > div > div.s-rating-modal-rounded-icon {
  border-radius: 0 !important;
}

#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-edit-wrapper > section > div > div.rating-outer-form > div > div > div.s-rating-modal-rounded-icon img {
  border-radius: 0 !important;
}

#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-edit-wrapper > section > div > div.rating-outer-form > div > div > p {
  color: #ffffff !important;
}

#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-edit-wrapper > div > salla-button > button {
  background-color: #f58922 !important; 
  color: #ffffff !important; 
  border: none !important; 
  transform: translate(35px, -52px) !important; 
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > div > span {
  color: #ffffff !important;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section {
  padding-top: 60px !important; 
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section > div.rating-actions {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-120%) !important;
  margin-top: -48px !important; 
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.overflow-hidden.space-y-5 > div > div > salla-review-order-item > section {
  position: relative !important; 
}

#salla-modal > div.s-modal-wrapper > div > div.s-modal-header > div.s-rating-modal-wrapper > section > div > div.rating-outer-form > div > small {
  color: #FF0000 !important;
}
#salla-modal > div.s-modal-wrapper > div > div > div.s-rating-modal-wrapper > salla-placeholder > div.s-placeholder-title > slot-fb > span {
  color: #f58922 !important;
}

#salla-modal > div.s-modal-wrapper > div > div > div.s-rating-modal-wrapper > salla-placeholder > div.s-placeholder-description {
  color: #ffffff !important;
}

#salla-modal > div.s-modal-wrapper > div {
  background-color: #121418 !important;
}

#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-delete-wrapper > h3 {
  color: #f58922 !important;
}
#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-delete-wrapper > p {
  color: #ffffff !important;
}
#salla-modal > div.s-modal-wrapper > div > div.s-rating-modal-delete-wrapper > div > salla-button:nth-child(1) > button > span {
  color: #000000 !important;
}

#wishlist > salla-wishlist-actions > div > div > div {
  display: none !important;
}

[id^="wishlist-product-"] h3,
[id^="wishlist-product-"] h3 a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  max-height: none !important;
  display: block !important;
}
div[id^="wishlist-product-"] > div {
  border: 1px solid #f58922 !important;
  border-radius: 14px !important;
}
div[id^="wishlist-product-"] span.line-through i.sicon-sar::before,
div[id^="wishlist-product-"] span.line-through i.sicon-sar {
  color: #FF0000 !important;
}
div[id^="wishlist-product-"] > div > div.flex.items-center.mb-4.sm\:mb-0 > a img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}
#mobile-menu > ul * {
  color: #ffffff !important;
  fill: #ffffff !important;
}
#mobile-menu {
  width: 100% !important; 
  max-width: 100% !important; 
}
#app > div.mm-ocd > div.mm-ocd__content {
  width: 86.3% !important; 
  max-width: 100% !important; 
}
.sticky-product-bar {
  z-index: 999999 !important;
}
.s-user-menu-dropdown {
  position: fixed !important;
  top: 13% !important;
  right: 12% !important;
  left: auto !important;
  transform: scale(0.7) !important;
  transform-origin: top right !important;
  width: 65% !important;
  max-width: 320px !important;
  height: fit-content !important;
  max-height: 80vh !important;
  overflow: hidden !important;
  z-index: 9999999 !important;
  border: 1px solid #ffffff !important;
  border-radius: 16px !important;
}
.product-single__stock-info,
.product-single__info .flex.flex-col.space-y-5.mb-5 {
    transform: translateX(-10px) !important;
}
img.box-dark {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    background-color: transparent !important;
}
/* الحالة الطبيعية: القلب أسود والدائرة بيضاء */
button.btn--wishlist.heart-next-add-button,
.product-card button.btn--wishlist {
    border-color: #111111 !important;
    background-color: #ffffff !important;
}
button.btn--wishlist.heart-next-add-button i.sicon-heart,
.product-card button.btn--wishlist i.sicon-heart {
    color: #111111 !important;
}
/* عند الضغط والتفعيل: إخفاء القلب المفرغ وإظهار قلب ممتلئ برتقالي بالكامل */
button.btn--wishlist.is-added i.sicon-heart::before,
button.btn--wishlist.s-product-card-wishlist-added i.sicon-heart::before,
button.btn--wishlist.wishlist-added i.sicon-heart::before,
.product-card button.btn--wishlist.is-added i.sicon-heart::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background-color: #f58922 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}
/* إطار ولون الزر عند التفعيل */
button.btn--wishlist.is-added,
button.btn--wishlist.s-product-card-wishlist-added,
button.btn--wishlist.wishlist-added {
    border-color: #f58922 !important;
    background-color: #ffffff !important;
}
/* تمرير جميع النقرات مباشرة لزر المفضلة الأساسي دون أي تأخير */
button.btn--wishlist *,
.product-card button.btn--wishlist * {
    pointer-events: none !important;
}
/* رفع طبقة زر المفضلة لضمان عدم وجود طبقة غير مرئية تعيق النقر عليه */
button.btn--wishlist,
.product-card button.btn--wishlist {
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    touch-action: manipulation !important; /* تسريع استجابة اللمس على شاشات الجوال */
}
/* 1. إزالة البياض والحدود وجعل خلفية العنصر شفافة */
#wishlist > div > span {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: inherit !important;
}
/* 2. تلوين الأيقونة الداخلية باللون البرتقالي */
#wishlist > div > span > i,
#wishlist > div > span > i::before {
    color: var(--sakarib-orange) !important;
    fill: var(--sakarib-orange) !important;
}
#wishlist > div > p,
#wishlist > div > p * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* إزالة أي خلفية عن الأيقونة والحاوية بالكامل */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div > i,
i.sicon-packed-box.icon {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
/* جعل رمز الصندوق الداخلي برتقالي اللون */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div > i::before,
i.sicon-packed-box.icon::before,
i.sicon-packed-box.icon {
    color: var(--sakarib-orange) !important;
    fill: var(--sakarib-orange) !important;
}
/* إزالة أي خلفية عن أيقونة حقيبة التسوق والحاوية المحيطة بها */
i.sicon-shopping-bag.icon,
i.sicon-shopping-bag {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
/* جعل رمز حقيبة التسوق الداخلي باللون البرتقالي */
i.sicon-shopping-bag.icon::before,
i.sicon-shopping-bag::before,
i.sicon-shopping-bag.icon,
i.sicon-shopping-bag {
    color: var(--sakarib-orange) !important;
    fill: var(--sakarib-orange) !important;
}
i.sicon-shopping-bag.icon,i.sicon-shopping-bag.icon,
i.sicon-shopping-bag {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 20px auto 25px auto !important; /* الرقم 25px هو المسافة الفاصلة بين الحقيبة والنص */
    text-align: center !important;
}
i.sicon-shopping-bag.icon::before,
i.sicon-shopping-bag::before {
    font-size: 80px !important;
    line-height: 1 !important;
    display: block !important;
}
.cart-empty p,
.page-cart p,
salla-cart .s-cart-empty-text,
p:has(+ a[href*="/"]),
div:has(> i.sicon-shopping-bag) + p,
div:has(> i.sicon-shopping-bag) p {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* إزالة الخلفيات والحدود وجعل الأيقونة شفافة مثل باقي العناصر */
#free-shipping > div.flex.rtl\:space-x-reverse.space-x-3.items-center > i,
#free-shipping i {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* تلوين الرمز الداخلي بالبرتقالي وتكبير حجمه قليلاً */
#free-shipping > div.flex.rtl\:space-x-reverse.space-x-3.items-center > i::before,
#free-shipping i::before {
    color: var(--sakarib-orange) !important;
    fill: var(--sakarib-orange) !important;
    font-size: 40px !important; /* تكبير الرمز قليلاً */
    line-height: 1 !important;
}
/* 1. تلوين العنصر الثالث في مسار التنقل (Breadcrumb) باللون البرتقالي */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > nav > salla-breadcrumb > ol > li:nth-child(3),
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > nav > salla-breadcrumb > ol > li:nth-child(3) *,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > nav > salla-breadcrumb > ol > li:nth-child(3) a {
    color: var(--sakarib-orange, #f58922) !important;
    -webkit-text-fill-color: var(--sakarib-orange, #f58922) !important;
}
/* 2. تلوين أيقونة الزر باللون الأبيض */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > div.bg-storeBG.p-4.md\:p-8.rounded-md.mb-6.md\:mb-8 > div > p > salla-button > button > span > i,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > div.bg-storeBG.p-4.md\:p-8.rounded-md.mb-6.md\:mb-8 > div > p > salla-button > button > span > i::before {
    color: #ffffff !important;
    fill: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > div.bg-storeBG.p-4.md\:p-8.rounded-md.mb-6.md\:mb-8 > div > salla-button > button > span,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > div.bg-storeBG.p-4.md\:p-8.rounded-md.mb-6.md\:mb-8 > div > salla-button > button > span * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
#viewed-section {
    display: none !important;
}
#invoice-form {
    border: 1px solid var(--sakarib-orange, #f58922) !important;
    border-radius: 14px !important;
    background-color: transparent !important;
    background: transparent !important;
    overflow: hidden !important;
    padding: 20px !important;
}
/* إزالة الخلفية الرمادية/البيضاء وجعل الحاوية شفافة ومتوسطة */
#invoice-form > div,
#invoice-form div.bg-gray-100.rounded-icon {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* جعل رمز الفاتورة الداخلي باللون البرتقالي وتكبير حجمه */
#invoice-form > div i,
#invoice-form > div svg,
#invoice-form div.bg-gray-100.rounded-icon i,
#invoice-form div.bg-gray-100.rounded-icon svg {
    color: var(--sakarib-orange, #f58922) !important;
    fill: var(--sakarib-orange, #f58922) !important;
    font-size: 38px !important; /* تكبير الرمز الداخلي */
    width: 38px !important;
    height: 38px !important;
    line-height: 1 !important;
}
#invoice-form > div i::before,
#invoice-form div.bg-gray-100.rounded-icon i::before {
    color: var(--sakarib-orange, #f58922) !important;
    font-size: 38px !important;
}
#invoice-form > p,
#invoice-form > p * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#invoice-form > form > div > salla-button > button > span,
#invoice-form > form > div > salla-button > button > span * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* 1. الإطار البرتقالي المقوس وتفريغ الخلفية البيضاء لصندوق الدعم */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.mb-20 > div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2),
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) > div {
    border: 1px solid var(--sakarib-orange, #f58922) !important;
    border-radius: 14px !important;
    background-color: transparent !important;
    background: transparent !important;
    overflow: hidden !important;
}
/* 2. إزالة الدائرة الرمادية/البيضاء خلف أيقونة الدعم */
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) div.bg-gray-100.rounded-icon,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) [class*="rounded-icon"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* 3. تلوين رمز الدعم الداخلي بالبرتقالي وتكبير حجمه */
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) div.bg-gray-100.rounded-icon i,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) div.bg-gray-100.rounded-icon svg,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) [class*="rounded-icon"] * {
    color: var(--sakarib-orange, #f58922) !important;
    fill: var(--sakarib-orange, #f58922) !important;
    font-size: 38px !important;
    width: 38px !important;
    height: 38px !important;
    line-height: 1 !important;
}
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) div.bg-gray-100.rounded-icon i::before {
    color: var(--sakarib-orange, #f58922) !important;
    font-size: 38px !important;
}
/* 4. جعل النصوص وأرقام التواصل باللون الأبيض */
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) h3,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) h4,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) p,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) span,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* 5. تلوين أيقونات الاتصال والواتساب باللون البرتقالي */
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) a i,
div.lg\:flex.rtl\:space-x-reverse.lg\:space-x-8 > div:nth-child(2) a svg {
    color: var(--sakarib-orange, #f58922) !important;
    fill: var(--sakarib-orange, #f58922) !important;
}
/* 1. جعل أيقونتي الواتساب والاتصال باللون الأبيض */
i.sicon-whatsapp,
i.sicon-phone,
i.sicon-whatsapp::before,
i.sicon-phone::before {
    color: #ffffff !important;
    fill: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* 2. تقريب الأيقونتين من بعضهما وتقليل المسافات الفاصلة */
i.sicon-whatsapp,
i.sicon-phone {
    margin-left: 3px !important;
    margin-right: 3px !important;
    display: inline-flex !important;
    vertical-align: middle !important;
}
/* في حال كانت الأيقونات داخل عناصر/روابط متجاورة تقليل الفجوة بينها */
div:has(> i.sicon-whatsapp),
div:has(> i.sicon-phone),
a:has(> i.sicon-whatsapp),
a:has(> i.sicon-phone) {
    margin: 0 3px !important;
    padding: 0 2px !important;
    gap: 4px !important;
}
/* 1. إطار بطاقة المحفظة وتفريغ الخلفية البيضاء */
div.s-wallet-balance-card,
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-wallet > div.s-wallet-summary > div {
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid var(--sakarib-orange, #f58922) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
/* 2. إزالة أي دائرة أو خلفية حول أيقونة المحفظة الداخلية */
div.s-wallet-balance-card i,
div.s-wallet-balance-card span,
div.s-wallet-balance-card [class*="icon"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* 3. تلوين الأيقونة باللون البرتقالي */
div.s-wallet-balance-card i,
div.s-wallet-balance-card i::before,
div.s-wallet-balance-card svg {
    color: var(--sakarib-orange, #f58922) !important;
    fill: var(--sakarib-orange, #f58922) !important;
}
/* 4. تلوين الرقم والنصوص باللون الأبيض */
div.s-wallet-balance-card h4,
div.s-wallet-balance-card p,
div.s-wallet-balance-card span,
div.s-wallet-balance-card div {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* 1. تلوين عنوان المحفظة (سجل العمليات) باللون الأبيض */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-wallet > h2,
salla-wallet h2 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-wallet > div.s-wallet-table-empty-state > div.text-center.p-3.text-xl.font-bold,
salla-wallet .s-wallet-table-empty-state .font-bold {
    color: var(--sakarib-orange, #f58922) !important;
    -webkit-text-fill-color: var(--sakarib-orange, #f58922) !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-wallet > div.s-wallet-table-empty-state > i,
salla-wallet .s-wallet-table-empty-state i.sicon-full-wallet,
salla-wallet .s-wallet-table-empty-state i.sicon-full-wallet::before {
    color: var(--sakarib-orange, #f58922) !important;
    fill: var(--sakarib-orange, #f58922) !important;
    -webkit-text-fill-color: var(--sakarib-orange, #f58922) !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > salla-wallet > div.s-wallet-table-empty-state > div.text-center.text-gray-400.text-sm.font-normal,
salla-wallet .s-wallet-table-empty-state div.text-gray-400,
salla-wallet .s-wallet-table-empty-state div.text-gray-400 * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
/* ضبط العنصر والإزاحة لليسار */
.slide--one-fourth.swiper-slide {
    position: relative !important;
    opacity: 0.6 !important;
    transform: translateX(-10px) !important;
    box-sizing: border-box !important;
    transition: opacity 0.2s ease, box-shadow 0.25s ease !important;
}
/* تصغير الصورة للداخل وإظهار محتواها كاملاً بدون قص */
.slide--one-fourth.swiper-slide img.product-single__thumb-image,
.slide--one-fourth.swiper-slide img {
    object-fit: contain !important;
    transform: scale(0.88) !important;
    border-radius: 4px !important;
    transition: transform 0.2s ease !important;
}
/* إطار برتقالي حاد ومحدد فقط بدون أي توهج أو ظل */
.slide--one-fourth.swiper-slide.swiper-slide-thumb-active {
    opacity: 1 !important;
    z-index: 10 !important;
    box-shadow: 0 0 0 1.5px var(--sakarib-orange, #f58922) !important;
}
.slide--one-fourth.swiper-slide {
    border-radius: 8px !important; /* يمكنك تغيير 8px إلى القيمة التي تفضلها */
}
/* إطار برتقالي مقوس لصفحة المقال وجميع الصفحات والمقالات المشابهة */
article.leading-7,
article.article,
.page-main article,
.page-content article,
article[class*="text-store-text-secondary"] {
    border: 1px solid var(--sakarib-orange, #f58922) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    background-color: transparent !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* ضمان ظهور وتناسق الصور والفيديو داخل الإطار دون الخروج عن حدوده المقوسة */
article.leading-7 img,
article.leading-7 iframe,
article.article img,
article.article iframe {
    max-width: 100% !important;
    border-radius: 10px !important;
    display: block !important;
    margin: 15px auto !important;
}
/* تلوين جميع الروابط داخل المقال والصفحات المشابهة باللون البرتقالي */
article.leading-7 a,
article.article a,
.page-main article a,
.page-content article a,
article[class*="text-store-text-secondary"] a {
    color: var(--sakarib-orange, #f58922) !important;
    -webkit-text-fill-color: var(--sakarib-orange, #f58922) !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    transition: opacity 0.2s ease !important;
}
/* تأثير خفيف عند تمرير الماوس فوق الرابط */
article.leading-7 a:hover,
article.article a:hover,
.page-main article a:hover,
.page-content article a:hover,
article[class*="text-store-text-secondary"] a:hover {
    opacity: 0.8 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div > div > div > salla-comments > div > div > salla-comment-form > form > div > div > div > salla-button > button > span,
salla-comments salla-comment-form form salla-button button span,
salla-comments salla-comment-form form salla-button button span * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* تطبيق الإطار البرتقالي المقوس وتفريغ الخلفية على جميع بطاقات الشريط الجانبي ومثيلاتها */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div > div > aside > div,
aside > div,
aside .sidebar-card,
aside .widget,
aside [class*="bg-store-bg"] {
    background-color: transparent !important;
    background: transparent !important;
    border: 1px solid var(--sakarib-orange, #f58922) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
/* إظهار الصورة كاملة دون قص وتفريغ خلفيتها في العنصر ومثيلاته */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div > div > aside > div > div.shrink-0,
aside > div > div.shrink-0,
aside div.shrink-0 a {
    overflow: visible !important;
    background-color: transparent !important;
    background: transparent !important;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div > div > aside > div > div.shrink-0 img,
aside > div > div.shrink-0 img {
    object-fit: contain !important; /* عرض أبعاد الصورة بالكامل دون قص الأطراف */
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
}


/* تقليل عرض بطاقة رقم الموديل (SKU) ومثيلاتها بنسبة 20% مع توسيطها */
section:has(> .product-sku-wrapper),
section.bg-storeBG:has(.product-sku),
.product-sku-wrapper {
    width: 95% !important;
    max-width: 95% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
}

/* جعل لون النص المكتوب ومؤشر الكتابة أسود في حقل التعليقات ومثيلاته */
textarea.s-comment-form-input,
textarea.s-comment-form-input:focus,
.s-comment-form-content textarea,
.s-comment-form-content textarea:focus {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important; /* لون مؤشر الكتابة الراف لمعرفة مكان المؤشر */
}
/* الإبقاء على النص التوضيحي (Placeholder) بلون رمادي واضح */
textarea.s-comment-form-input::placeholder,
.s-comment-form-content textarea::placeholder {
    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;
}
/* تلوين نص الدعوة للتقي/* تلوين نص الهيدر الخاص بالتقييم باللون الأبيض */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > main > article > div.mx-auto.mt-6.max-w-5xl.px-4.sm\:px-6.lg\:px-8 > div.space-y-4.text-store-text-primary > div.rating-header.gradient-bg.center-between > div > p,
.rating-header.gradient-bg.center-between div p,
.rating-header p {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}
/* 2. تلوين عنوان تقييم المنتج باللون البرتقالي */
h2.font-bold.mb-1,
.s-rating-modal-wrapper h2.font-bold,
salla-modal h2.font-bold {
    color: var(--sakarib-orange, #f58922) !important;
    -webkit-text-fill-color: var(--sakarib-orange, #f58922) !important;
}
/* جعل النص المكتوب ومؤشر الكتابة باللون الأسود داخل مربع تقييم النافذة المنبثقة ومثيلاته */
#salla-modal > div.s-modal-wrapper > div > div.s-modal-header > div.s-rating-modal-wrapper > section.s-rating-modal-step.s-rating-modal-active > div > div.rating-outer-form > div > textarea,
#salla-modal .rating-outer-form textarea,
.s-rating-modal-wrapper textarea,
textarea.s-rating-modal-input {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    caret-color: #000000 !important;
}
/* لون النص التوضيحي (Placeholder) قبل الكتابة */
#salla-modal > div.s-modal-wrapper > div > div.s-modal-header > div.s-rating-modal-wrapper > section.s-rating-modal-step.s-rating-modal-active > div > div.rating-outer-form > div > textarea::placeholder,
#salla-modal .rating-outer-form textarea::placeholder,
.s-rating-modal-wrapper textarea::placeholder {
    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;
}
/* إخفاء الحاوية الأساسية للسلايدر (التي تسبق المنتجات ذات الصلة) بالكامل */
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > main > div.container.container--product-details > div.s-blocks-wrapper.s-before-related,
.s-blocks-wrapper.s-before-related {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
}
/* رفع القائمة الجانبية لتظهر فوق جميع العناصر في المتجر */
#app > div.mm-ocd,
#app > div.mm-ocd.mm-ocd--right.mm-ocd--open,
#app > div.mm-ocd.mm-ocd--right.mm-ocd--open > div.mm-ocd__content,
.mm-ocd__content,
.mm-ocd {
    z-index: 999999999 !important;
}
/* تأجيل تصيير الأقسام السفلية حتى يقترب منها المستخدم لتخفيف العبء على المعالج (TBT) */
footer,
.site-footer,
.store-footer,
salla-comments,
salla-bought-together,
.s-block--best-offers {
    content-visibility: auto !important;
    contain-intrinsic-size: 800px !important;
}

/* إيقاف حركات الواجهة للزوار الذين يفضلون إيقاف الانميشن في هواتفهم (يحسن الأداء جداً) */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}












/* ---------------------------------------------------
   تحديث نهائي لبطاقات البحث: توسيط الصورة وتلوين الأسعار
--------------------------------------------------- */

/* 1. التخطيط المرن: دفع النص لليمين والصورة لليسار */
#salla-modal .s-search-results-body .s-search-grid-item a,
div.s-search-grid-item a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    width: 100% !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* 2. حاوية النصوص: تأخذ باقي المساحة وتصطف لليمين */
#salla-modal div.s-search-grid-item [class*="content"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex-grow: 1 !important;
    gap: 6px !important;
    text-align: right !important;
}

/* 3. حاوية الصورة: توسيط تام في مربع ثابت وإلغاء أي انزياح */
#salla-modal div.s-search-grid-item .s-search-product-image-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 75px !important;
    height: 75px !important;
    min-width: 75px !important;
    min-height: 75px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important; /* يمنع انكماش مربع الصورة */
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* الصورة نفسها تملأ الحاوية بالمنتصف بدون قص أطرافها */
#salla-modal div.s-search-grid-item .s-search-product-image-container img,
#salla-modal div.s-search-grid-item img[class*="image"],
#salla-modal div.s-search-grid-item img.lazy.loaded {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 8px !important;
}

/* 4. العنوان باللون الأبيض */
#salla-modal div.s-search-grid-item h3,
#salla-modal div.s-search-grid-item h3 *,
#salla-modal div.s-search-grid-item .s-search-product-card-content-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 14px !important;
    margin: 0 !important;
}

/* 5. السعر الأساسي (الحالي) وأيقونة الريال باللون الأبيض */
#salla-modal div.s-search-grid-item span.s-search-product-card-price-value,
#salla-modal div.s-search-grid-item span.s-search-product-card-price-value *,
#salla-modal div.s-search-grid-item .text-sm.font-bold,
#salla-modal div.s-search-grid-item .text-sm.font-bold * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
}

/* 6. السعر القديم (المشطوب) باللون الأحمر فقط */
#salla-modal div.s-search-grid-item .s-search-product-regular-price,
#salla-modal div.s-search-grid-item .s-search-product-regular-price *,
#salla-modal div.s-search-grid-item .line-through,
#salla-modal div.s-search-grid-item .line-through * {
    color: #FF0000 !important;
    -webkit-text-fill-color: #FF0000 !important;
    font-size: 14px !important;
}

/* 7. ترتيب الأسعار بجانب بعضها بشكل أفقي */
#salla-modal div.s-search-grid-item .s-search-product-card-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 8. إخفاء طبقات التحميل (Skeleton) المسببة للحجب */
#salla-modal div.s-search-grid-item::before,
#salla-modal div.s-search-grid-item::after {
    display: none !important;
}
/* إلغاء التقويس من صور نتائج البحث تماماً */
#salla-modal div.s-search-grid-item .s-search-product-image-container,
#salla-modal div.s-search-grid-item .s-search-product-image-container img,
#salla-modal div.s-search-grid-item img[class*="image"],
#salla-modal div.s-search-grid-item img.lazy.loaded {
    border-radius: 0 !important;
}
/* الحل الجذري والآمن لمشكلة تداخل نافذة البحث مع شريط السلة */

/* 1. رفع الحاوية الأم للنافذة بالكامل فوق كل عناصر المتجر */
#salla-modal {
    z-index: 9999999999 !important;
}
/* تغيير لون نص تصنيفات البحث إلى الأسود */
a.s-search-idle-category-chip,
.s-search-idle-category-chip,
.s-search-idle-category-chip * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* تلوين أيقونة عدسة البحث فقط (المنتجات الأكثر بحثاً) */
span.s-search-most-searched-icon,
span.s-search-most-searched-icon i,
span.s-search-most-searched-icon i::before,
span.s-search-most-searched-icon svg,
span.s-search-most-searched-icon svg path {
    color: #f58922 !important;
    fill: #f58922 !important;
    stroke: #f58922 !important;
}


.s-comments-placeholder p {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}





/* =========================================================
   جعل جميع الصور داخل وصف أي منتج مقوسة الحواف
========================================================= */

.product-single-top-description img,
.product-description img,
#details_table img,
.quickview-description img {
    border-radius: 12px !important; /* درجة التقوس */
    overflow: hidden !important; /* لضمان قص حواف الصورة بدقة */
}



salla-payments li.s-payments-list-item {
    pointer-events: none !important;
    cursor: default !important;
}





.s-conditional-offer-progress-container {
    overflow-x: hidden !important;
}


.s-comments-count-label {
    position: relative !important;
    left: -10px !important;
}
h1.font-bold.text-2xl.text-store-text-primary {
    position: relative !important;
    left: -10px !important;
}



.s-comments-count-label {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.s-comments-item-has-order-check-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


.s-infinite-scroll-btn {
    position: relative !important;
    top: -10px !important;
}









/* تغيير لون وحجم عناوين نافذة اللغة والعملة */
.s-localization-modal-title {
    color: #ff9800 !important; /* اللون البرتقالي، يمكنك تغييره إلى orange إذا أردت درجة مختلفة */
    font-size: 18px !important; /* تكبير الحجم (يمكنك زيادة الرقم إذا أردته أكبر) */
    font-weight: bold !important; /* جعله بخط عريض وواضح */
}
/* إزاحة زر الإغلاق لليسار في نافذة اللغة والعملة فقط */
.s-modal-body:has(.s-localization-modal-inner) .s-modal-close {
    transform: translateX(-20px) !important; 
}




/* تكبير نصوص خيارات اللغة والعملة وتغيير لونها للأبيض */
.s-localization-modal-label span {
    color: #ffffff !important; /* تغيير اللون إلى الأبيض */
    font-size: 16px !important; /* تكبير حجم الخط (يمكنك زيادة الرقم إذا أردته أكبر) */
    font-weight: bold !important; /* جعل الخط عريض ليكون أوضح */
}




/* تكبير وتغيير لون رموز العملات (ر.س / $) إلى الأبيض */
.s-localization-modal-currency,
.s-localization-modal-currency i {
    color: #ffffff !important; /* تغيير اللون إلى الأبيض */
    font-size: 16px !important; /* تكبير الحجم (يمكنك زيادته إلى 16px إذا أردت) */
    font-weight: bold !important; /* جعل الرمز أكثر سماكة ووضوحاً */
}




 
@media (max-width: 768px) {
    .s-conditional-offer-tooltip, 
    #s-conditional-offer-tooltip-1 {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 90% !important;
        max-width: 350px !important;
        z-index: 99999 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}
.s-conditional-offer-badges {
    display: none !important;
}

.s-conditional-offer-root {
    border: 1px solid #F58922 !important; 
    border-radius: 16px !important;      
    background-color: transparent !important; 
}




/* 1. إعداد حاوية النص لتكون في المنتصف وتتسع للحجم الجديد */
.s-conditional-offer-text {
    text-align: center !important; 
    width: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 5px auto !important;
    gap: 10px !important; 
    height: auto !important; 
    overflow: visible !important; 
}

/* 2. تكبير النص، تلوينه، وحل مشكلة قص الحروف من الأسفل */
.s-conditional-offer-name, 
.s-conditional-offer-info {
    font-size: 15px !important; 
    color: #F58922 !important; 
    height: auto !important; 
    line-height: 1.8 !important; 
    overflow: visible !important; 
    padding-bottom: 5px !important;
    text-align: center !important;
}


svg.s-conditional-offer-info-icon {
    display: none !important;
}
svg.s-conditional-offer-info-icon {
    pointer-events: none !important;
}
.s-conditional-offer-name {
    transform: translateX(-14.20px) !important;
}
.s-conditional-offer-message {
    color: #FFFFFF !important;
}
p.text-primary.flex-none.font-bold.text-sm {
    transform: translateY(4px) !important;
}