/* === تعديل ألوان المتجر === */
.s-count-down-item-value,
.s-count-down-item-label {
  color: #542424 !important;
}

.s-product-card-promotion-title {
  color: #542424 !important;
  border-color: #542424 !important;
}

#edit-1947536645, 
#edit-1947536645 span {
  color: #542424 !important;
}

/* ===== Brands Index Page Banner ===== */
#brand-section-1::before {
    content: '';
    display: block;

    width: 100vw;
    position: relative;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    margin-right: calc(-1 * (100vw - 100%) / 2);

    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 50%;

    margin-top: -30px;
    margin-bottom: 50px;

    background-image: url('https://cdn.salla.sa/apoDZ/products/SdLggJukDYxdeoD9QYgkFaJvN62udMpbOyJfUXST.jpg');

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,0.4) 5%,
        rgba(0,0,0,0.8) 10%,
        black 15%,
        black 72%,
        rgba(0,0,0,0.7) 83%,
        rgba(0,0,0,0.2) 93%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,0.4) 5%,
        rgba(0,0,0,0.8) 10%,
        black 15%,
        black 72%,
        rgba(0,0,0,0.7) 83%,
        rgba(0,0,0,0.2) 93%,
        transparent 100%
    );
}

/* ===== Brand Single Pages Banner ===== */
salla-products-list[source="brands.single"] {
    display: block;
    width: 100%;
    overflow: visible;
}

salla-products-list[source="brands.single"]::before {
    content: '';
    display: block;

    width: 100vw;
    position: relative;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    margin-right: calc(-1 * (100vw - 100%) / 2);

    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 60%;

    margin-top: -80px;
    margin-bottom: 40px;

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,0.4) 5%,
        rgba(0,0,0,0.8) 9%,
        black 13%,
        black 72%,
        rgba(0,0,0,0.7) 83%,
        rgba(0,0,0,0.2) 93%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,0.4) 5%,
        rgba(0,0,0,0.8) 9%,
        black 13%,
        black 72%,
        rgba(0,0,0,0.7) 83%,
        rgba(0,0,0,0.2) 93%,
        transparent 100%
    );
}

/* ===== البحرين - 882810436 ===== */
salla-products-list[source-value="882810436"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/MsoqYlLSMpgXBz6M0yuCMjOo0mx1SR1xe8mPztjm.jpg');
}

/* ===== العالمي - 581110095 ===== */
salla-products-list[source-value="581110095"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/vWZJkqSB9NS45v4MXWTqHZC4ZiN1TpEba2r8PHyo.jpg');
}

/* ===== تقنيات العود - 2089297992 ===== */
salla-products-list[source-value="2089297992"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/g6gwFzg4ANXTJuk40kI4S4GnSAPBhJauIYcPZ5um.jpg');
}

/* ===== الفن - 1314207561 ===== */
salla-products-list[source-value="1314207561"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/eTYHPj925bdTr6faW7COKeSEQd8pITq0q5C2RY5f.jpg');
}

/* ===== الأندلس - 405952074 ===== */
salla-products-list[source-value="405952074"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/MkRfvkurYxeRFJb9vgZMttPwh1By2xj9PaOjzN4v.jpg');
}

/* ===== محمود داغر - 1780446539 ===== */
salla-products-list[source-value="1780446539"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/9CjVFTLDMwth5AjcNkOm037lOrodzeMOjENdDygB.jpg');
}

/* ===== قاروط - 1206228052 ===== */
salla-products-list[source-value="1206228052"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/ZTEf44UrzPNZT8hyBtYgPCLCw8B0HbmPIXd61MzR.jpg');
}

/* ===== فنان المستقبل - 297972565 ===== */
salla-products-list[source-value="297972565"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/zw8pXiiyE2H7Sj5ijY4huiQTUl4VCcqsRV1M5On8.jpg');
}

/* ===== زرياب - 2114087026 ===== */
salla-products-list[source-value="2114087026"]::before {
    background-image: url('https://cdn.salla.sa/apoDZ/brands/xeI4RmCUyhtwFTaceHnouAGB4bqLfvrqzekzKQzJ.jpg');
}

/* Target the specific white box shown in the screenshot */
salla-products-list[source="brands.single"] ~ * img,
.flex.flex-col.md\:flex-row img,
header .flex img {
    background: transparent !important;
    background-color: transparent !important;
}

/* Remove white box from brand header image wrapper */
header .flex .rounded,
header .flex .bg-white,
header .flex [class*="bg-white"],
header .flex [class*="rounded"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== REMOVE ARABIC NAVIGATION LETTERS ===== */

/* Hide fix-align spans */
.fix-align {
    display: none !important;
}

/* Hide brand-char spans */
.brand-char,
span.brand-char {
    display: none !important;
}

/* Hide brands navigation */
.brands-nav-wrap,
.brands-nav {
    display: none !important;
}

/* ===== اعواد المبتدئين - Wide Banner ===== */

/* Make the beginner ouds banner full width */
img[src*="XhnzOk3gHjsM0vl67jeVikRCeqEH3hI8fwCLdrQh"] {
    width: 100% !important;
    height: 120px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* Make parent link span full width of grid */
.s-products-list a:has(> img[src*="XhnzOk3gHjsM0vl67jeVikRCeqEH3hI8fwCLdrQh"]) {
    grid-column: 1 / -1 !important;
}

/* Add hover effect */
.s-products-list a:has(> img[src*="XhnzOk3gHjsM0vl67jeVikRCeqEH3hI8fwCLdrQh"]):hover img {
    opacity: 0.9 !important;
    transition: all 0.3s ease !important;
}
.animated-pay {
  animation: pulse 1.5s infinite;
  background-color: #7F56D9;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
}
/* إخفاء العنوان النصي في هذا القسم تحديداً */
.Aleinshouse_varticle_space .s-block__title {
    display: none !important;
}

/* اختياري: لتقليل المسافة العلوية لكي يلتصق هذا القسم بالبنر الذي فوقه */
.Aleinshouse_varticle_space {
    margin-top: -15px !important; /* يمكنك زيادة أو تقليل الرقم لضبط المسافة */
}
/* تغيير لون خلفية شريط الترويج على المنتجات */
.s-product-card__promotion-title,
.promotion-title,
.s-product-card-promotion-title,
.product-badge {
    background-color: #542424 !important; /* يمكنك استبدال هذا الكود بأي لون تفضله */
    color: #ffffff !important; /* لتغيير لون النص الداخلي إذا لزم الأمر */
}
/* إزالة أي لون خلفية من حاوية الصورة */
.s-product-card-image,
.custom-salla-product-card {
    background-color: transparent !important;
}

/* خدعة دمج اللون الأبيض في صورة الـ JPG مع خلفية الموقع */
.s-product-card-image img {
    mix-blend-mode: multiply !important;
}
/* 1. حجم زر الإضافة للسلة */
.s-product-card-content-footer salla-add-product-button {
    width: 135px !important; 
}
.s-product-card-content-footer salla-add-product-button .s-button-wrap,
.s-product-card-content-footer salla-add-product-button .s-button-element {
    width: 135px !important; 
    height: 45px !important; 
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

/* 2. محاذاة الأزرار لأسفل الكروت وتوسيطها في المنتصف */
.custom-salla-product-card[horizontal] {
    align-items: stretch !important; 
}

.custom-salla-product-card[horizontal] .s-product-card-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
}

.custom-salla-product-card[horizontal] .s-product-card-content-footer {
    margin-top: auto !important;
    justify-content: center !important; /* هذا السطر هو اللي هيجيبهم في النص */
}
/* حل مشكلة تداخل النصوص في القائمة الجانبية (إخفاء القائمة الرئيسية خلف الفرعية) */

nav#mobile-menu ul li ul {
    background-color: #ffffff !important; /* لون خلفية أبيض صلب عشان يخفي اللي وراه */
    height: 100% !important; /* إجبار القائمة الفرعية تاخد طول الشاشة بالكامل */
    min-height: 100vh !important;
    z-index: 999 !important; /* رفع القائمة الفرعية فوق أي عنصر تاني */
    padding-bottom: 50px !important; /* مساحة تنفس من تحت */
}

/* تأكيد إن حاوية القائمة بالكامل مش شفافة */
nav#mobile-menu.mm-spn {
    background-color: #ffffff !important;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}