/* ======================  PRODUCT CARDS  ====================== */
.s-product-card-image{
    background-color:#fff!important;
}

.s-product-card-vertical{
    flex-direction:column;
    border-radius:30px;
    border:none;
    box-shadow:2px 2px 8px #0a173333;
}

.s-product-card-entry{
    box-shadow:0 2px 10px 0 var(--color-primary);
    border:1px solid var(--color-primary);
}

.s-product-card-content-title a{
    font-size:17px;
    line-height:1.25rem;
    font-weight:500;
    color:#5a5a5a;
}

.s-product-card-content-subtitle{
    font-size:15px;
}

.s-product-card-promotion-title{
    background-color:var(--color-primary-dark)!important;
    padding:1px 5px 3px!important;
}
/* إزالة الهوامش لأقسام السلايدر والبنرات */
.section-slider,
.section-banners,
.slider,
.banner,
.carousel,
.swiper,
.swiper-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* جعل صور البنرات تمتد كامل العرض */
.section-slider img,
.section-banners img,
.slider img,
.banner img,
.swiper img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important; /* إزالة التقويس إن وُجد */
}
/* ========= الهيدر الحقيقي فقط ========= */
/* هذا يضمن عدم انتقال التأثير لأي عنصر آخر */
header:not(.top-navbar):not(.s-design-before),
.store-header:not(.s-design-before) {
    background: #ffffff !important;

    padding: 15px 18px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 999 !important;

   /* الزاوية المنحنية */
    border-bottom-left-radius: 50px !important;

   /* إضافة خط كحلي على الجزء المنحني */
    border-bottom: 4px solid #002163 !important;

    margin: 0 !important;           
    box-shadow: 0 4px 12px rgba(0, 20, 60, 0.18) !important; /* ظل كحلي */
    z-index: 999;
}

/* ====== تكبير الشعار ====== */
.navbar-brand img {
    width: 190px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* إزالة أي مسافات داخلية للهيدر */
header .inner,
.store-header .inner {
    margin: 0 !important;
    padding: 0 !important;
}
/* الأيقونات */
.header-btn__icon {
    background: #fff !important;
    color: #000 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    box-shadow: 0 0 6px rgba(0, 20, 60, 0.18) !important;
    border: 1px solid #e6e6e6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
}
header .navbar-brand {
    position: absolute !important;
    right: 0 !important;
    top: 40%;
    transform: translateY(-60%);
}
/* إزالة خلفية الهيدر الوهمية والظل */
#mainnav.main-nav-container {
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    padding: 0 !important;
}

/* دمج الهيدر الأساسي ليصبح عنصر واحد */
#mainnav > .inner,
#mainnav .container {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* إزالة المسافة بين الهيدر والبنر الأول */
#mainnav + span + salla-slider:first-of-type,
#mainnav + salla-slider:first-of-type {
    margin-top: 0 !important;
}

/* إزالة المسافة بين البنرات المتتالية */
salla-slider + salla-slider {
    margin-top: 0 !important;
}

/* الحفاظ على أي padding داخل السلايدر لتجنب تداخل المحتوى */
salla-slider .s-slider-container,
salla-slider .swiper-wrapper,
salla-slider .swiper-slide {
    padding: initial !important;
    margin: initial !important;
}

/* إضافة مسافة طبيعية أسفل آخر بنر لتجنب تداخل المحتوى التالي */
salla-slider:last-of-type {
    margin-bottom: 3px; /* يمكن تعديلها حسب التصميم */
}
/* تصغير جميع بطاقات المنتجات بعد span المحدد */
#edit-893480376 + salla-slider .swiper-slide,
#edit-893480376 + salla-slider .s-product-card {
    transform: scale(0.8); /* 0.8 تعني 80% من الحجم الأصلي */
    transform-origin: top left; /* لتجنب تحريك البطاقة بعيدًا */
}

/* تصحيح المسافة بين البطاقات بعد التصغير */
#edit-893480376 + salla-slider .swiper-wrapper {
    gap: 10px; /* يمكن تعديل المسافة حسب الرغبة */
}
* أصغر الشاشات */
@media (max-width:420px){
  .category-card{ width: 140px; padding: 14px; }
  .category-card .icon{ height: 90px; }
  .category-card .label{ font-size: 13px; }
}
.s-product-card-content-title a {
    text-align-last: center;
}

.s-product-card-content-sub {
    justify-content: center;
}

.s-products-slider-card {
    height: auto!important;
    max-width: 195px;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
    zoom: 85%;
}
.s-slider-block__title {
    padding: 20px 0;             
    color: #0B1D51;              
    font-size: 28px;             
    max-width: 100%;             /* لا يتجاوز عرض الحاوية */
    display: inline-block;       /* يسمح بالتحكم بالتكبير داخل النص */
    transition: color 0.3s, transform 0.3s;  
    transform-origin: center;    /* التكبير من الوسط */
}

.s-slider-block__title:hover {
    color: #1A2A70;              
    transform: scale(1.03);      /* تكبير أخف لتجنب الخروج خارج الشاشة */
}