.elementor-4548 .elementor-element.elementor-element-24fba79{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4548 .elementor-element.elementor-element-55998f0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4548 .elementor-element.elementor-element-af1b84d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4548 .elementor-element.elementor-element-af1b84d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4548 .elementor-element.elementor-element-3d85579{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;}.elementor-4548 .elementor-element.elementor-element-2053151{width:100%;max-width:100%;}.elementor-4548 .elementor-element.elementor-element-2e9e6fe{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4548 .elementor-element.elementor-element-85fbed1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-4548{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-4548 .elementor-element.elementor-element-24fba79{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4548 .elementor-element.elementor-element-3d85579{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4548 .elementor-element.elementor-element-2e9e6fe{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3d85579 *//* ضبط العرض والتنسيق لشاشات الموبايل */
@media (max-width: 768px) {
    /* إلغاء التموضع الثابت للصور والبطاقات لمنع التداخل */
    .elementor-4548 .elementor-element.elementor-element-3d85579 img, 
    .elementor-4548 .elementor-element.elementor-element-3d85579 .elementor-widget-image,
    .elementor-4548 .elementor-element.elementor-element-3d85579 [class*="card"],
    .elementor-4548 .elementor-element.elementor-element-3d85579 [class*="floating"] {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin: 10px auto !important;
        max-width: 100% !important;
    }

    /* ضبط العداد والزرار في خط رأسي منظم */
    .elementor-4548 .elementor-element.elementor-element-3d85579 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: auto !important;
        padding: 20px 15px !important;
    }

    .elementor-4548 .elementor-element.elementor-element-3d85579 .elementor-button-wrapper {
        margin-top: 15px !important;
        position: relative !important;
        z-index: 10 !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   SanovaHub — Global Section Rhythm & Color Normalizer
   ------------------------------------------------------------
   إزاي تستخدمه:
   1) ضيف الكود ده مرة واحدة بس في:
      Avada → Theme Options → Custom CSS
      (أو أي حقل "Additional/Global CSS" في الثيم)
      ده بيضمن إنه يتحمّل بعد كل أكواد البلوكات، فيقدر يوحّد
      الإعدادات من غير ما نحتاج نعدل كل بلوك لوحده.
   2) ماتحطوش جوه أي بلوك code block لوحده.
   ============================================================ */

:root {
  --sh-section-gray: #F4F6F9; /* اللون الرمادي الموحّد لكل السكاشن */
}

/* ------------------------------------------------------------
   1) توحيد التباعد الرأسي (Padding) بين كل سكاشن الصفحة
   ------------------------------------------------------------ */
.sh-about-section-wrapper,
.sh-convenience-wrapper,
.sh-promo-section,
.sh-color-slider-section,
.sh-unified-section,
.sh-reviews-section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.snv-cat-scope {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media (max-width: 768px) {
  .sh-about-section-wrapper,
  .sh-convenience-wrapper,
  .sh-promo-section,
  .sh-color-slider-section,
  .sh-unified-section,
  .sh-reviews-section {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .snv-cat-scope {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

/* ------------------------------------------------------------
   2) تبادل الخلفيات (Zebra) عشان البلوكات المتجاورة متتلخبطش
      في بعض، بالترتيب المقترح:
      من نحن(رمادي) → الراحة(أبيض) → التصنيفات(رمادي) →
      بانر العروض(أبيض) → سلايدر الألوان(رمادي) →
      التقسيط(أبيض) → آراء العملاء(رمادي) → فوتر(نيفي)
   ------------------------------------------------------------ */

/* رمادي */
.sh-about-section-wrapper,
.snv-cat-scope,
.sh-color-slider-section,
.sh-reviews-section {
  background-color: var(--sh-section-gray) !important;
}

/* أبيض */
.sh-convenience-wrapper,
.sh-promo-section,
.sh-unified-section {
  background-color: #FFFFFF !important;
}

/* ------------------------------------------------------------
   3) ملاحظة: بلوك "سلايدر الألوان" أصلاً مبني من غير كارت أبيض
      داخلي (الكروت لايحة مباشرة على الخلفية)، فلو حطيناه رمادي
      هيحتاج مسافة بسيطة زيادة فوق وتحت كل كارت منتج عشان
      يبان مرتاح على الرمادي بدل الأبيض. اختياري:
   ------------------------------------------------------------ */
.sh-color-slider-section .sh-product-card {
  box-shadow: 0 4px 14px rgba(26, 45, 66, 0.06) !important;
}/* End custom CSS */