.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 80px;
}

.navbar-brand img {
    max-height: 7rem;
    }
    
    .text-primary {
    color:#fff;
    }
    
    .header-btn {
    border-color: #fff;
    }
   @media (max-width: 767px) { 
    .gap-8 {
    gap: 0rem;
}
.reveal.animating {
    text-align: center;
}
.s-menu-footer-list {
    text-align: center;
}
.store-footer h3{
text-align: center;
}
}
.tirr__singlepage .s-payments-list-item{
background-color:#fff;
}

.s-product-card-content-main {
    display: flex;
    align-items: center;
    text-align: center;
}

p.text-whitecolor {
    text-align: center;
}
/* ============================================================
   1. خط Readex Pro (الثابت)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700;800&display=swap');
* { font-family: 'Readex Pro', sans-serif !important; }

/* ============================================================
   2. تكبير مسار التنقل
   ============================================================ */
nav.breadcrumbs, .breadcrumb { font-size: 15px !important; opacity: 1 !important; }
nav.breadcrumbs a, .breadcrumb a { color: #ffffff !important; font-weight: 700 !important; }
.breadcrumb-item + .breadcrumb-item::before { color: #ffffff !important; font-size: 15px !important; }

/* ============================================================
   3. 🛑 المسافة المعتمدة (50px) - النسخة اللي ضبطت معك 🛑
   ============================================================ */

/* تحريك البطاقة نفسها للأسفل (هذا اللي ضبط المسافة بدون مشاكل) */
salla-product-card {
    margin-top: 50px !important; 
    display: block !important;
}

/* تنسيق الهيدر: يخلي "عرض الكل" يسار والعنوان يمين */
.s-block-header__wrapper,
.s-block-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* حماية السلايدر من القص */
salla-slider, .swiper-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* ============================================================
   4. 🎨 تغيير لون "عرض الكل" (التعديل الجديد)
   ============================================================ */
/* جعلناه أبيض ناصع عشان يكون واضح ونظيف مع الخلفية الكحلية */
.s-block-header a,
.s-block-header__btn,
.display-all-link {
    color: #ffffff !important;
    opacity: 1 !important;
    text-decoration: none !important; /* بدون خط تحت الكلام */
}

/* ============================================================
   5. تكبير النصوص الفرعية والمزايا (الآمن)
   ============================================================ */
.store-features__desc, .feature-item p, .feature-item__description, 
.s-block--features p, .s-block--features span {
    font-size: 14px !important;
    color: #e0e0e0 !important;
    margin-top: 5px !important;
    font-weight: 400 !important;
}
.store-features__title, .feature-item h3 {
    font-size: 16px !important;
    font-weight: bold !important;
}

/* الفوتر */
footer p, .footer__description { font-size: 15px !important; margin-bottom: 30px !important; }
.footer__social, .social-link { margin-top: 25px !important; display: inline-flex !important; gap: 15px !important; }