/* =========================================================تخصيص متجر سلة - نجم التحفلون الترويسة + تقليل المسافات + خلفية بيضاء

تحسين البنر + ترتيب الأقسام========================================================= */

/* =========================================لون الترويسة بالكامل========================================= */

body header,body .store-header,body .s-header,body .s-header__top,body .s-header__middle,body .s-header__bottom,body .s-header__navbar,body .main-header,body .header,body .site-header,body #mainnav,body #header {background: #43B5BE !important;background-color: #43B5BE !important;border: none !important;}

/* إزالة أي خلفية داخلية */body header > *,body .store-header > *,body .s-header > *,body .s-header__top > *,body .s-header__middle > *,body .container {background-color: transparent !important;}

/* لون النصوص والأيقونات */body header *,body .store-header *,body .s-header * {color: #ffffff !important;}

/* =========================================شريط البحث========================================= */

body input[type="search"],body .s-search-input,body .s-search-input input,body .search-input,body .search-field {background: #ffffff !important;color: #333333 !important;border-radius: 14px !important;border: none !important;box-shadow: none !important;}

/* =========================================الأيقونات========================================= */

body .s-cart-summary,body .s-user-menu-trigger,body .s-header__cart,body .s-header__user,body .sicon-user-circle,body .sicon-shopping-bag,body .sicon-search {color: #ffffff !important;fill: #ffffff !important;}

/* =========================================خلفية المتجر بالكامل========================================= */

body,#app,.app,main,.salla-page,section,.s-block,.container,.s-container {background: #ffffff !important;}

/* =========================================تقليل المسافات بين العناصر========================================= */

.s-block,section,.home-section,.s-block-wrapper,.s-slider-block,.s-block--categories,.s-block--banners {margin-top: 8px !important;margin-bottom: 8px !important;padding-top: 8px !important;padding-bottom: 8px !important;}

/* إزالة الفراغ الكبير بعد البنر */.main-slider,.home-slider,.s-slider-block,.s-block--hero,.s-block--slider {margin-bottom: 0 !important;padding-bottom: 0 !important;}

/* إزالة الفراغ قبل قسم التصنيفات */.s-block--categories,.categories-section,.category-list-section {margin-top: -10px !important;padding-top: 0 !important;}

/* =========================================عنوان الأقسام========================================= */

.s-block-title,.section-title,.s-section-title,.s-block__title {margin-top: 0 !important;margin-bottom: 8px !important;padding-top: 0 !important;padding-bottom: 0 !important;}

/* =========================================البنر الرئيسي========================================= */

.main-slider,.home-slider,.s-slider-block,.s-block--hero {margin-top: 0 !important;padding-top: 0 !important;}

.main-slider img,.home-slider img,.s-slider-block img {border-radius: 0 !important;width: 100% !important;}

/* =========================================التصنيفات الدائرية========================================= */

.category-item,.category-circle,.s-category-card {margin-top: 0 !important;margin-bottom: 0 !important;}

/* =========================================قسم التصنيفات مثل التصميم المرفق========================================= */

.s-block--categories .container,.categories-section .container {padding-top: 0 !important;padding-bottom: 0 !important;}

.s-block--categories .row,.categories-section .row {gap: 12px !important;justify-content: center !important;}

/* =========================================الجوال========================================= */

@media (max-width: 768px) {

/* البنر ملتصق بالترويسة */
.main-slider,
.home-slider,
.s-slider-block,
.s-block--hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* البنر كامل العرض */
.main-slider img,
.home-slider img,
.s-slider-block img {
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* تقليل المسافات */
.s-block,
section,
.home-section,
.s-block-wrapper {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* إزالة الفراغ فوق التصنيفات */
.s-block--categories {
    margin-top: -6px !important;
}

/* التصنيفات */
.s-block--categories .row,
.categories-section .row {
    gap: 8px !important;
}

}/* =========================================
   تصغير أيقونة العميل بالجوال
========================================= */

@media (max-width: 768px) {

    .s-user-menu-trigger,
    .s-header__user {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;

        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;

        padding: 0 !important;
        margin: 0 4px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .s-user-menu-trigger img,
    .s-header__user img,
    .s-user-menu-trigger svg,
    .s-header__user svg {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

}/* إصلاح لون نص القائمة المنسدلة في الكمبيوتر */
@media (min-width: 769px) {

  .s-header .dropdown-menu,
  .s-header .sub-menu,
  .s-header .s-menu,
  .s-header .s-menu-list,
  .s-header ul ul,
  .store-header .dropdown-menu,
  .store-header .sub-menu,
  .store-header ul ul {
    background: #ffffff !important;
  }

  .s-header .dropdown-menu *,
  .s-header .sub-menu *,
  .s-header .s-menu *,
  .s-header .s-menu-list *,
  .s-header ul ul *,
  .store-header .dropdown-menu *,
  .store-header .sub-menu *,
  .store-header ul ul * {
    color: #222222 !important;
    fill: #222222 !important;
  }

  .s-header .dropdown-menu a:hover,
  .s-header .sub-menu a:hover,
  .s-header ul ul a:hover,
  .store-header .dropdown-menu a:hover,
  .store-header .sub-menu a:hover {
    color: #43B5BE !important;
  }
}/* إطار احترافي خفيف حول المنتجات */

.product-entry,
.product,
.s-product-card,
.product-item,
.store-product,
.s-product-card-entry {

    background: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 18px !important;

    padding: 10px !important;

    box-shadow: 
    0 2px 8px rgba(0,0,0,0.03) !important;

    transition: all .25s ease;
}

/* تأثير خفيف عند المرور */

.product-entry:hover,
.product:hover,
.s-product-card:hover,
.product-item:hover,
.store-product:hover,
.s-product-card-entry:hover {

    border-color: #d8d8d8 !important;

    box-shadow:
    0 8px 24px rgba(0,0,0,0.06) !important;

    transform: translateY(-2px);
}

/* تحسين الصورة داخل المنتج */

.s-product-card-image,
.product-image,
.store-product-image {

    border-radius: 14px !important;
    overflow: hidden;
}

/* مسافة بين المنتجات */

.products-grid,
.s-products-grid,
.product-list {

    gap: 18px !important;
}