/* =========================================================
   عروض اليوم الوطني
   SA96  = خصم 150 ريال
   KSA96 = خصم 10%
   + الأسعار بعد الخصم
   + تصميم عناوين السكاشن
   ========================================================= */


/* =========================================================
   1) تجهيز مساحة صورة المنتجات
   ========================================================= */

/* منتجات SA96 */
custom-salla-product-card#\31 669012965 .s-product-card-image,
custom-salla-product-card#\32 60099438 .s-product-card-image,
custom-salla-product-card#\32 69073949 .s-product-card-image,
custom-salla-product-card#\35 41798125 .s-product-card-image,
custom-salla-product-card#\31 08248566 .s-product-card-image,
custom-salla-product-card#\31 96462296 .s-product-card-image,

/* منتجات KSA96 */
custom-salla-product-card#\37 40639940 .s-product-card-image,
custom-salla-product-card#\31 48943459 .s-product-card-image,
custom-salla-product-card#\31 304265397 .s-product-card-image,
custom-salla-product-card#\31 68627011 .s-product-card-image,
custom-salla-product-card#\33 18729038 .s-product-card-image,
custom-salla-product-card#\31 342444271 .s-product-card-image,
custom-salla-product-card#\38 62426381 .s-product-card-image,
custom-salla-product-card#\31 808099283 .s-product-card-image {
    position: relative !important;
    overflow: hidden;
}


/* =========================================================
   2) شريط الخصم على الصورة - SA96
   ========================================================= */

custom-salla-product-card#\31 669012965 .s-product-card-image::after,
custom-salla-product-card#\32 60099438 .s-product-card-image::after,
custom-salla-product-card#\32 69073949 .s-product-card-image::after,
custom-salla-product-card#\35 41798125 .s-product-card-image::after,
custom-salla-product-card#\31 08248566 .s-product-card-image::after,
custom-salla-product-card#\31 96462296 .s-product-card-image::after {

    content: "خصم 150 ﷼ | كود SA96";

    position: absolute;
    bottom: 12px;
    right: 6px;
    left: 6px;

    z-index: 20;

    background: linear-gradient(
        135deg,
        #006c35 0%,
        #008447 55%,
        #006c35 100%
    );

    color: #ffffff;

    padding: 11px 8px;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 10px;

    box-shadow:
        0 5px 15px rgba(0, 70, 40, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);

    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;

    text-align: center;
    direction: rtl;

    white-space: nowrap;
    box-sizing: border-box;
    pointer-events: none;
}


/* =========================================================
   3) شريط الخصم على الصورة - KSA96
   ========================================================= */

custom-salla-product-card#\37 40639940 .s-product-card-image::after,
custom-salla-product-card#\31 48943459 .s-product-card-image::after,
custom-salla-product-card#\31 304265397 .s-product-card-image::after,
custom-salla-product-card#\31 68627011 .s-product-card-image::after,
custom-salla-product-card#\33 18729038 .s-product-card-image::after,
custom-salla-product-card#\31 342444271 .s-product-card-image::after,
custom-salla-product-card#\38 62426381 .s-product-card-image::after,
custom-salla-product-card#\31 808099283 .s-product-card-image::after {

    content: "خصم 10% | كود KSA96";

    position: absolute;
    bottom: 12px;
    right: 6px;
    left: 6px;

    z-index: 20;

    background: linear-gradient(
        135deg,
        #006c35 0%,
        #008447 55%,
        #006c35 100%
    );

    color: #ffffff;

    padding: 11px 8px;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 10px;

    box-shadow:
        0 5px 15px rgba(0, 70, 40, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);

    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;

    text-align: center;
    direction: rtl;

    white-space: nowrap;
    box-sizing: border-box;
    pointer-events: none;
}


/* =========================================================
   4) تجهيز مكان السعر بعد الخصم
   ========================================================= */

custom-salla-product-card#\31 669012965 .s-product-card-content-sub,
custom-salla-product-card#\32 60099438 .s-product-card-content-sub,
custom-salla-product-card#\32 69073949 .s-product-card-content-sub,
custom-salla-product-card#\35 41798125 .s-product-card-content-sub,
custom-salla-product-card#\31 08248566 .s-product-card-content-sub,
custom-salla-product-card#\31 96462296 .s-product-card-content-sub,

custom-salla-product-card#\37 40639940 .s-product-card-content-sub,
custom-salla-product-card#\31 48943459 .s-product-card-content-sub,
custom-salla-product-card#\31 304265397 .s-product-card-content-sub,
custom-salla-product-card#\31 68627011 .s-product-card-content-sub,
custom-salla-product-card#\33 18729038 .s-product-card-content-sub,
custom-salla-product-card#\31 342444271 .s-product-card-content-sub,
custom-salla-product-card#\38 62426381 .s-product-card-content-sub,
custom-salla-product-card#\31 808099283 .s-product-card-content-sub {
    flex-wrap: wrap !important;
}


/* =========================================================
   5) الشكل العام لعبارة السعر بعد الخصم
   ========================================================= */

custom-salla-product-card#\31 669012965 .s-product-card-content-sub::after,
custom-salla-product-card#\32 60099438 .s-product-card-content-sub::after,
custom-salla-product-card#\32 69073949 .s-product-card-content-sub::after,
custom-salla-product-card#\35 41798125 .s-product-card-content-sub::after,
custom-salla-product-card#\31 08248566 .s-product-card-content-sub::after,
custom-salla-product-card#\31 96462296 .s-product-card-content-sub::after,

custom-salla-product-card#\37 40639940 .s-product-card-content-sub::after,
custom-salla-product-card#\31 48943459 .s-product-card-content-sub::after,
custom-salla-product-card#\31 304265397 .s-product-card-content-sub::after,
custom-salla-product-card#\31 68627011 .s-product-card-content-sub::after,
custom-salla-product-card#\33 18729038 .s-product-card-content-sub::after,
custom-salla-product-card#\31 342444271 .s-product-card-content-sub::after,
custom-salla-product-card#\38 62426381 .s-product-card-content-sub::after,
custom-salla-product-card#\31 808099283 .s-product-card-content-sub::after {

    display: block;

    width: 100%;
    flex-basis: 100%;

    margin-top: 7px;

    color: #08783e;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;

    text-align: right;
    direction: rtl;

    box-sizing: border-box;
}


/* =========================================================
   6) أسعار SA96 بعد الخصم
   ========================================================= */

custom-salla-product-card#\31 669012965 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 1,100 ﷼";
}

custom-salla-product-card#\32 60099438 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 1,330 ﷼";
}

custom-salla-product-card#\32 69073949 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 1,450 ﷼";
}

custom-salla-product-card#\35 41798125 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 1,699.99 ﷼";
}

custom-salla-product-card#\31 08248566 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 1,850 ﷼";
}

custom-salla-product-card#\31 96462296 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 1,990 ﷼";
}


/* =========================================================
   7) أسعار KSA96 بعد الخصم
   ========================================================= */

custom-salla-product-card#\37 40639940 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 85.5 ﷼";
}

custom-salla-product-card#\31 48943459 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 58.5 ﷼";
}

custom-salla-product-card#\31 304265397 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 69.29 ﷼";
}

custom-salla-product-card#\31 68627011 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 58.5 ﷼";
}

custom-salla-product-card#\33 18729038 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 58.5 ﷼";
}

custom-salla-product-card#\31 342444271 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 531 ﷼";
}

custom-salla-product-card#\38 62426381 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 265.5 ﷼";
}

custom-salla-product-card#\31 808099283 .s-product-card-content-sub::after {
    content: "يمكن الحصول عليه بسعر 585 ﷼";
}


/* =========================================================
   8) تصميم عناوين السكاشن
   ========================================================= */

section[data-testid="store-home-fixed-products"] > .s-block__title {
    position: relative !important;

    min-height: 88px !important;
    margin: 20px 0 28px !important;
    padding: 18px 25px !important;

    display: flex !important;
    align-items: center !important;

    background:
        linear-gradient(
            135deg,
            rgba(0, 108, 53, 0.10) 0%,
            rgba(0, 132, 71, 0.04) 55%,
            #ffffff 100%
        ) !important;

    border: 1px solid rgba(0, 108, 53, 0.16) !important;
    border-right: 5px solid #006c35 !important;

    border-radius: 16px !important;

    box-shadow:
        0 8px 28px rgba(0, 70, 40, 0.07) !important;

    overflow: hidden !important;
}


/* إخفاء النص الأصلي */

section[data-testid="store-home-fixed-products"] > .s-block__title h2 {
    font-size: 0 !important;
    line-height: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 0 !important;

    direction: rtl !important;
    text-align: right !important;
}


/* =========================================================
   SA96 - عنوان السكشن الأول
   ========================================================= */

section[data-testid="store-home-fixed-products"]:nth-of-type(2)
> .s-block__title h2::before {

    content: "خصم 150 ﷼ على الذبائح | استخدم كود";

    display: inline-block;

    color: #063f2b;

    font-size: 22px;
    font-weight: 900;
    line-height: 1.6;

    direction: rtl;
}


section[data-testid="store-home-fixed-products"]:nth-of-type(2)
> .s-block__title h2::after {

    content: "SA96";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 92px;

    padding: 10px 18px;

    color: #ffffff;

    font-size: 17px;
    font-weight: 900;
    line-height: 1;

    direction: ltr;

    background:
        linear-gradient(
            135deg,
            #006c35 0%,
            #00904b 50%,
            #006c35 100%
        );

    border: 2px dashed rgba(255, 255, 255, 0.9);

    outline: 2px solid #00783d;
    outline-offset: 2px;

    border-radius: 8px;

    box-shadow:
        0 5px 14px rgba(0, 108, 53, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.20);

    letter-spacing: 1px;

    transform: rotate(-1deg);

    box-sizing: border-box;
}


/* =========================================================
   KSA96 - عنوان السكشن الثاني
   ========================================================= */

section[data-testid="store-home-fixed-products"]:nth-of-type(3)
> .s-block__title h2::before {

    content: "خصم 10% على المنتجات والأطباق | استخدم كود";

    display: inline-block;

    color: #063f2b;

    font-size: 22px;
    font-weight: 900;
    line-height: 1.6;

    direction: rtl;
}


section[data-testid="store-home-fixed-products"]:nth-of-type(3)
> .s-block__title h2::after {

    content: "KSA96";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 100px;

    padding: 10px 18px;

    color: #ffffff;

    font-size: 17px;
    font-weight: 900;
    line-height: 1;

    direction: ltr;

    background:
        linear-gradient(
            135deg,
            #006c35 0%,
            #00904b 50%,
            #006c35 100%
        );

    border: 2px dashed rgba(255, 255, 255, 0.9);

    outline: 2px solid #00783d;
    outline-offset: 2px;

    border-radius: 8px;

    box-shadow:
        0 5px 14px rgba(0, 108, 53, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.20);

    letter-spacing: 1px;

    transform: rotate(-1deg);

    box-sizing: border-box;
}


/* =========================================================
   الخط الأخضر / الذهبي
   ========================================================= */

section[data-testid="store-home-fixed-products"]
> .s-block__title::after {

    content: "";

    position: absolute;

    right: 25px;
    bottom: 0;

    width: 110px;
    height: 4px;

    border-radius: 10px 10px 0 0;

    background:
        linear-gradient(
            90deg,
            #006c35 0%,
            #008447 60%,
            #c9a227 100%
        );
}


/* =========================================================
   9) MOBILE
   ========================================================= */

@media (max-width: 640px) {

    /* SA96 */

    custom-salla-product-card#\31 669012965 .s-product-card-image::after,
    custom-salla-product-card#\32 60099438 .s-product-card-image::after,
    custom-salla-product-card#\32 69073949 .s-product-card-image::after,
    custom-salla-product-card#\35 41798125 .s-product-card-image::after,
    custom-salla-product-card#\31 08248566 .s-product-card-image::after,
    custom-salla-product-card#\31 96462296 .s-product-card-image::after {

        content: "خصم 150 ﷼ | كود SA96";

        right: 7px;
        left: 7px;
        bottom: 7px;

        padding: 8px 5px;

        font-size: 11px;
        border-radius: 7px;
    }


    /* KSA96 */

    custom-salla-product-card#\37 40639940 .s-product-card-image::after,
    custom-salla-product-card#\31 48943459 .s-product-card-image::after,
    custom-salla-product-card#\31 304265397 .s-product-card-image::after,
    custom-salla-product-card#\31 68627011 .s-product-card-image::after,
    custom-salla-product-card#\33 18729038 .s-product-card-image::after,
    custom-salla-product-card#\31 342444271 .s-product-card-image::after,
    custom-salla-product-card#\38 62426381 .s-product-card-image::after,
    custom-salla-product-card#\31 808099283 .s-product-card-image::after {

        content: "خصم 10% | كود KSA96";

        right: 7px;
        left: 7px;
        bottom: 7px;

        padding: 8px 5px;

        font-size: 11px;
        border-radius: 7px;
    }


    /* السعر الخاص */

    custom-salla-product-card#\31 669012965 .s-product-card-content-sub::after,
    custom-salla-product-card#\32 60099438 .s-product-card-content-sub::after,
    custom-salla-product-card#\32 69073949 .s-product-card-content-sub::after,
    custom-salla-product-card#\35 41798125 .s-product-card-content-sub::after,
    custom-salla-product-card#\31 08248566 .s-product-card-content-sub::after,
    custom-salla-product-card#\31 96462296 .s-product-card-content-sub::after,

    custom-salla-product-card#\37 40639940 .s-product-card-content-sub::after,
    custom-salla-product-card#\31 48943459 .s-product-card-content-sub::after,
    custom-salla-product-card#\31 304265397 .s-product-card-content-sub::after,
    custom-salla-product-card#\31 68627011 .s-product-card-content-sub::after,
    custom-salla-product-card#\33 18729038 .s-product-card-content-sub::after,
    custom-salla-product-card#\31 342444271 .s-product-card-content-sub::after,
    custom-salla-product-card#\38 62426381 .s-product-card-content-sub::after,
    custom-salla-product-card#\31 808099283 .s-product-card-content-sub::after {

        font-size: 11px;
        line-height: 1.5;
        margin-top: 5px;
    }


    /* صندوق عنوان السكشن */

    section[data-testid="store-home-fixed-products"]
    > .s-block__title {

        min-height: auto !important;

        padding: 14px 12px !important;
        margin: 15px 0 20px !important;

        border-radius: 11px !important;
        border-right-width: 4px !important;
    }


    section[data-testid="store-home-fixed-products"]
    > .s-block__title h2 {

        gap: 7px !important;
        align-items: center !important;
    }


    /* عنوان SA96 */

    section[data-testid="store-home-fixed-products"]:nth-of-type(2)
    > .s-block__title h2::before {

        font-size: 15px;
        line-height: 1.7;
    }


    section[data-testid="store-home-fixed-products"]:nth-of-type(2)
    > .s-block__title h2::after {

        min-width: 67px;

        padding: 7px 10px;

        font-size: 13px;

        border-width: 1px;
        outline-width: 1px;

        border-radius: 6px;
    }


    /* عنوان KSA96 */

    section[data-testid="store-home-fixed-products"]:nth-of-type(3)
    > .s-block__title h2::before {

        font-size: 15px;
        line-height: 1.7;
    }


    section[data-testid="store-home-fixed-products"]:nth-of-type(3)
    > .s-block__title h2::after {

        min-width: 72px;

        padding: 7px 10px;

        font-size: 13px;

        border-width: 1px;
        outline-width: 1px;

        border-radius: 6px;
    }


    section[data-testid="store-home-fixed-products"]
    > .s-block__title::after {

        right: 14px;

        width: 70px;
        height: 3px;
    }
  
}