/* Add custom CSS styles below */ 
.advanced-slider--0{  --mobileSliderHeight:80vh; padding-left: 1rem; padding-right: 1rem; border-radius: 20px; } 
.advanced-slider .swiper { height: var(--mobileSliderHeight); border-radius: 20px; }
.advanced-slider__caption {
    align-items: end;
    top: -10%;
}
.advanced-slider__caption__inner__content__button {
    padding: 15px 40px;border-radius: 20px;
}


.advanced-slider__caption__inner__content__button
 {
    background-color: #ffffff!important;
 }

.main-nav-container {
    background-color: var(--header-bg);
    color: var(--header-text-color);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}.main-nav-container .inner {
    padding-bottom: 6px;
    padding-top: 6px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.store-header{
  background: black;
}
.top-navbar {
    border-bottom: 0px;}


    .s-block--enhanced-features__item {
       
        background: #1712170a;
        border-radius: 20px;
    }.advanced-slider__caption__inner__content__button span {
    color: #ffffff !important;
}


/* تنسيق الحاوية الرئيسية (الخلفية الرمادية الفاتحة) */
.product-single-top-description {
    background-color: #f8f9fa; /* لون رمادي فاتح جداً */
    padding: 24px;
    border-radius: 16px; /* حواف دائرية للحاوية */
    direction: rtl; /* ضمان الاتجاه من اليمين لليسار */
}

/* تنسيق القائمة لإزالة النقاط الافتراضية */
.product-single-top-description article ul {
    list-style-type: none !important;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px; /* المسافة بين كل مواصفة والأخرى */
}

/* التنسيق الأساسي لكل عنصر (سطر المواصفات) */
.product-single-top-description article ul li {
    padding: 18px 24px;
    font-size: 15px;
    color: #2b2b2b;
    text-align: right;
    border-radius: 12px; /* حواف دائرية للعناصر البيضاء */
    line-height: 1.6;
    font-weight: 500;
    transition: all 0.3s ease; /* تأثير ناعم */
}

/* العنصر الفردي (خلفية بيضاء بارزة) */
.product-single-top-description article ul li:nth-child(odd) {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02); /* ظل خفيف جداً يبرز العنصر */
}

/* العنصر الزوجي (بدون خلفية ليندمج مع اللون الرمادي) */
.product-single-top-description article ul li:nth-child(even) {
    background-color: transparent;
}

/* إخفاء سطر الـ br الفارغ أسفل القائمة إن وجد */
.product-single-top-description article p {
    display: none;
}
.review .bg-store-bg-secondary {
    background-color: #fcfcfc;
    border-radius: 20px;
}
.s-block--animated-brands.bigger_logos img {
    height: 80px;
    width: 160px;
}
.grid-cols-2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}@media (min-width: 1024px) {
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}/* تغيير لون النص إلى الأحمر عند تمرير الماوس على الرابط */
a:hover h3.text-store-text-primary {
    color: #ef4444 !important; /* درجة لون أحمر متناسقة */
    transition: color 0.3s ease-in-out; /* لجعل انتقال اللون ناعماً */
}


.advanced-slider__caption__inner__content__button {
    background-color: #ce241f !important;
}
.product-card {
    background-color: #f6f6f6;
    border-radius: 20px;
}.text-store-text-secondary {
    color: #cf2526;
}


.text-store-text-secondary {
    color: #cf2526;
}

.product-card:hover {
    border: 1px solid red;
}
.s-slider-block__display-all {
    color: #ce241f;}
.grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.custom-banners-added {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}


@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  .custom-banners-added {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
}
}.s-block.merge-with-top-component {
    margin-top: -4rem;
    z-index: 1;
}
.mt-8 {
    margin-top: 4rem;
    background: white;
}
.s-block--square-links img{width: 70%;}#sub-cats-slider-7 .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}.bg-gradient-to-r{
    background: linear-gradient(to right, #1d1f1f, #8c3631);
}

.s-block--double-banner .flex{ flex-direction: row-reverse; }
   .s-block--double-banner .flex{
    flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
   .s-block--double-banner .flex{
    flex-direction: column-reverse;
}
}