/* Add custom CSS styles below */ 
/* ============================== */
/* المجموعة 1: تنسيق بطاقة المنتج والعلامة التجارية (Badge) */
/* الوظيفة: تنسيق العلامة التجارية على بطاقات المنتجات */
/* ============================== */
custom-salla-product-card .product .product-block__thumb .badge:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0;
    border-color: transparent #D64C52 transparent transparent;
}

custom-salla-product-card .product .product-block__thumb .badge {
    position: absolute;
    left: 40px;
    top: 0rem;
    background: #F9595F;
    padding-left: 10px;
        border-radius: 9999px;
    color: #fff;
}
custom-salla-product-card  .badge {
    display: inline-flex;
    height: 2rem;
    min-width: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0.25rem;
    font-size: .8rem;
    line-height: 1rem;
}
custom-salla-product-card .product .product-block__thumb .badge {
    left: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 767px) {
    custom-salla-product-card .product .product-block__thumb .badge {
        left: 20px;
        top: -.2rem;
    }
    .product-index custom-salla-product-card .badge {
    font-size: .6rem;
        font-weight: 800;
        width: 100%;
        left: 0px !important;
}
}

/* ============================== */
/* المجموعة 2: تنسيقات البانر والمواقع */
/* الوظيفة: تحديد مواقع العناصر في البانر الثابت */
/* ============================== */
@media (min-width: 768px) {
    .rouh-banner-fixed-with-content #gradientlink {
        display: flex
;
        flex-direction: row-reverse;
        position: absolute;
        top: 62%;
        justify-content: flex-start;
        left: 50%;
    }
}

/* ============================== */
/* المجموعة 3: تنسيق الفئات مع الصور */
/* الوظيفة: ضبط الطبقات للفئات المصورة */
/* ============================== */
.categories-with-img {
z-index:3 ;
}

/* ============================== */
/* المجموعة 4: تعديلات شعار الهيدر للموبايل */
/* الوظيفة: تعديل شعار الهيدر للشاشات الصغيرة */
/* ============================== */
@media (max-width: 480px) {
    #mainnav .header-brand img {
        position: relative;
        right: -1.2rem;
    }
}

@media(max-width: 480px) {
    #mainnav .header-brand img {
        scale:.9
    }
}

/* ============================== */
/* المجموعة 5: استبدال أيقونات السلايدر */
/* الوظيفة: استبدال أيقونات السلايدر بصور مخصصة */
/* ============================== */
salla-slider#offer-slider i.sicon-favorite {
    content: url(https://cdn.salla.sa/VZXlj/GrzINBEVs0RLAgxIVoQTCApRNdrPSTbY5Lx5lWob.png);
    width: 91px;
}
salla-slider#offer-slider i.sicon-store {
    content: url(https://cdn.salla.sa/VZXlj/zJDomimQyqniISKCqVer40QX3gX9N7Xi5vb2XhOA.png);
    width: 91px;
}

/* ============================== */
/* المجموعة 6: تنسيق قسم اليوم الوطني */
/* الوظيفة: تحديد أبعاد الصور في قسم اليوم الوطني */
/* ============================== */
.national-day-section div#gradientimg img {
  max-height: 10rem;
}
@media (min-width: 690px) {
  .national-day-section div#gradientimg img {
      max-height: 16rem !important;
  }
}

/* ============================== */
/* المجموعة 7: تنسيق قسم التنبيهات */
/* الوظيفة: تحديد ارتفاع قسم التنبيهات */
/* ============================== */
#alert_section #alert_wrapper {max-height: 70dvh; overflow: auto;}

/* ============================== */
/* المجموعة 8: تنسيق حقوق النشر في الفوتر */
/* الوظيفة: محاذاة حقوق النشر في الفوتر */
/* ============================== */
@media (min-width: 768px) {
.rouh-footer-copy-rights-class {
  justify-content: flex-start;
}
}
@media (max-width: 767px) {
.rouh-footer-copy-rights-class {
  justify-content: center;
}
}

/* ============================== */
/* المجموعة 9: تخصيص صفحة الولاء */
/* الوظيفة: تخصيص تصميم صفحة برنامج الولاء */
/* ============================== */
@media (max-width: 767px) {
  body.loyalty .product-entry__image.h-40 { 
    height: 14rem;
  }
}
body.loyalty .product-entry h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1rem;
}

/* ============================== */
/* المجموعة 10: تصميم نافذة العروض (مودال) */
/* الوظيفة: تخصيص نافذة العروض والخصومات وأيقونات الفئات */
/* ============================== */
.s-offer-modal-type-categories .s-modal-body {
    background-color: #fbcb0f;
}

.s-offer-modal-type-categories .s-modal-title  {
    font-size: 1.5rem;
    font-weight: 900;
}

.s-offer-modal-type-categories .s-modal-header .s-offer-modal-header-icon svg {
    fill: rgb(0 0 0);
}

.s-offer-modal-type-categories .s-offer-modal-header-icon svg {
    height: 3rem;
    width: 3rem;
}
.s-offer-modal-type-categories .s-offer-modal-expiry,
.s-offer-modal-type-categories .s-offer-modal-footer,
.s-offer-modal-type-categories .s-offer-modal-badge-text {
    color: #000;
}
.s-offer-modal-type-categories a {
    border-color: rgb(243 244 246 / 0%) !important;
    background-color: rgb(255 255 255 / 0%) !important;
}   

.s-offer-modal-type-categories a .s-offer-modal-badge-icon svg {
    display: none;
}

.s-offer-modal-type-categories .swiper-wrapper > a .s-offer-modal-badge-icon {
    background-size: contain;
    background-repeat: no-repeat;
      width: 4rem;
    height: 3rem;
}

.s-offer-modal-type-categories .s-offer-modal-cat-item.swiper-slide {
    height: 11rem;
    height: 9rem;
    max-width: 150px;
}

@media (max-width: 767px) {
  .s-offer-modal-type-categories .s-modal-title {
    font-size: 1.3rem;
    font-weight: 900;
    text-align: center;
}
  .s-offer-modal-type-categories .s-offer-modal-expiry {
    font-size: small;
  }
  .s-offer-modal-type-categories .s-offer-modal-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .s-offer-modal-type-categories .s-offer-modal-footer .s-offer-modal-remember-label {
        order: -1;
  }
}

.s-offer-modal-type-categories a {
    border-color: rgb(243 244 246) !important;
    border-radius: 32rem !important;
    padding: 0px !important;
    background-color: rgb(255 255 255 / 0%) !important;
}
.s-offer-modal-type-categories .s-modal-close {
      background-color: rgb(255 255 255 / 0%) !important;
}

.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(1) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/VtUpViqFVD8X2bNKBBDMNniuAg7oGYZqKTQV6Wmk.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(2) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/usphf9dAUdwSm6CCLzWG4UDwU4mKu9lkOyOGKFV0.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(3) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/omVhtsO7SawI9ubKDVxHRI2z5DNrV9hAvBl1EZhz.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(4) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/ej1yD7vyJlxF9g6dWoYWv27sS9uuRPLPF2Q8ARiH.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(5) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/XbnOUYdnsR5n8BNp2qO1JDf2tGvs2RtCMtJcuEzj.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(6) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/VZXlj/categories/lts5YvCobZRjj0cnQUzMAloPiQLH5ofn6DBX0cQM.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(7) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/VZXlj/categories/DrIwTmeAom3xdUOUfpXLFgZ5Mxod3ExR8ACxcwU2.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(8) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/NWTn8sAEJfoTNVybNRQAkghseaInqyCHV0jDYUWh.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(9) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/uNeoTscNQA80TUctyEXRlQrbKUhgswA7La1bm0UA.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(10) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/65iWDLp2OpBkBdoDrFyfSsW1kc7TMXRJsc0yO2qi.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(11) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/vyHzUxqUNZeN0N4tP78W1aS8nhgYLyn2aRWVmLTt.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(12) .s-offer-modal-badge-icon {
    background-image: url("https://cdn.salla.sa/form-builder/Si99cgpXZ1BfqweFe5s9PDUIlTcKvLMDNNiJ8Fd3.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(13) .s-offer-modal-badge-icon {
    background-image: url("https://i.ibb.co/cc4r7q3n/image.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(14) .s-offer-modal-badge-icon {
    background-image: url("https://i.ibb.co/QFrxNLRc/image.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(15) .s-offer-modal-badge-icon {
    background-image: url("https://i.ibb.co/0p9f4Rhc/image.png");
}
.s-offer-modal-type-categories .swiper-wrapper > a:nth-child(16) .s-offer-modal-badge-icon {
    background-image: url("https://i.ibb.co/x8YXY5XD/image.png");
}




@media (max-width: 767px) {
    .s-product-card-content-title a {
        font-size: .9rem !important;
        line-height: 1.5rem !important;
        -webkit-line-clamp: 2 !important;
    }
  custom-salla-product-card.s-product-card-rouh-aspect .s-product-card-promotion-title {
    font-size: 0.6rem;
}
}





/* ============================== */
/* المجموعة 12: تخصيص شارة الثقة ورقم الهاتف */
/* الوظيفة: إضافة رقم هاتف مخصص في شارات الثقة */
/* ============================== */
salla-trust-badges .s-trust-badges-number {
  font-size: 0px;
}
salla-trust-badges .s-trust-badges-number::after {
  font-size: 15px;
  content: "4030365311"
}
.flex.gap-4:has(salla-trust-badges) {
  margin-top: 1rem;
}

@media (max-width: 767px) {
.s-trust-badges-label { 
  font-size: 0.8rem;
}
}
@media only screen and (min-width: 768px) {
    #cartpage #minicart .main-content .ramadan-gift-container .s-product-options-multiple-options-wrapper label,
    #cartpage #minicart .main-content .ramadan-gift-container .s-product-options-multiple-options-wrapper {
        margin-top: 0 !important;
    }
    #minicart salla-product-options .ramadan-gift-container {
        padding-right: 1rem !important;
    }
    #cartpage .s-product-options-wrapper .s-product-options-option-container.ramadan-gift-container .s-product-options-option {
      margin-top: 0 !important;
    }
    #cartpage salla-conditional-fields 
    .s-product-options-option-container[data-option-id="1604311824"] 
    .s-product-options-option-label {
        margin-bottom: 0 !important;
        display: flex;
        align-items: center;
        gap: .5rem;
        line-height: 1.6;
    }
    
    #cartpage salla-conditional-fields 
    .s-product-options-option-container[data-option-id="1604311824"] {
        margin-bottom: 1rem !important;
    }

}
.s-product-options-option label small {
  font-size: 0px;
}
:is(
salla-product-options[product-id="772020472"],
salla-product-options[product-id="224400577"],
salla-product-options[product-id="1599036407"],
salla-product-options[product-id="728819103"],
salla-product-options[product-id="1705073651"],
salla-product-options[product-id="1950448853"],
salla-product-options[product-id="1041924508"],
salla-product-options[product-id="157781096"],
salla-product-options[product-id="950798460"],
salla-product-options[product-id="1217396397"],
salla-product-options[product-id="84072069"],
salla-product-options[product-id="1494729109"],
salla-product-options[product-id="347604888"],
salla-product-options[product-id="343226009"],
salla-product-options[product-id="970707304"],
salla-product-options[product-id="1523111507"],
salla-product-options[product-id="915116126"],
salla-product-options[product-id="527153745"],
salla-product-options[product-id="991819859"],
salla-product-options[product-id="4009414"],
salla-product-options[product-id="1088612738"],
salla-product-options[product-id="1972610589"],
salla-product-options[product-id="569851573"],
salla-product-options[product-id="1734968255"],
salla-product-options[product-id="831240252"],
salla-product-options[product-id="2024278013"],
salla-product-options[product-id="1769784356"],
salla-product-options[product-id="2071237865"],
salla-product-options[product-id="1385590406"]
) .s-product-options-option label small::after {
    content: "يرجى اختيار الجيل المناسب لسيارتك";
    font-size: 11.2px;
}

/* .product-single .article--main {
  max-height: 11.25rem !important;
} */
.store-footer {
        background-image: url(https://i.ibb.co/Fkk59r2c/Drive-Mood-Footer-02-01.png) !important;
        background-size: cover !important;
}


.gomla__addon-bundle-container {
    margin-bottom: 1rem !important; 
}
@media (max-width: 767px) {
    custom-salla-product-card.s-product-card-rouh-aspect .s-product-card-promotion-title {
        font-size: 0.49rem;
    }
}