/* ========================================================================== */
/* RubyRose V10.31 — Style Conflict Cleanup                                   */
/* آخر طبقة CSS لحل تضارب ملفات الاستايل السابقة بدون تغيير قاعدة البيانات. */
/* ========================================================================== */

:root{ /* تعريف متغيرات ثابتة تمنع تضارب الألوان بين ملفات CSS القديمة والجديدة. */
  --rr-page-bg:#fff8fb; /* خلفية الصفحة الأساسية المناسبة لمستحضرات التجميل. */
  --rr-soft-bg:#fff3f8; /* خلفية وردية ناعمة للأقسام الخفيفة. */
  --rr-ink:#21151c; /* لون النص الأساسي. */
  --rr-muted:#8c7480; /* لون النص الثانوي. */
  --rr-accent:#e0177a; /* اللون الوردي الأساسي للبراند. */
  --rr-footer-bg-1:#1a0f16; /* بداية تدرج الفوتر. */
  --rr-footer-bg-2:#0f080d; /* نهاية تدرج الفوتر. */
} /* نهاية متغيرات الاستايل الموحدة. */

html{ /* تثبيت جذر الصفحة لمنع التمدد الأفقي والفراغات السوداء. */
  width:100%!important; /* جعل عرض الصفحة مساويًا لعرض الشاشة فقط. */
  max-width:100%!important; /* منع أي عنصر من توسيع الجذر خارج الشاشة. */
  min-width:0!important; /* إلغاء أي حد أدنى قديم يسبب تمددًا على الموبايل. */
  margin:0!important; /* إزالة أي هامش افتراضي. */
  padding:0!important; /* إزالة أي حشو افتراضي. */
  overflow-x:hidden!important; /* إخفاء أي تمدد أفقي ناتج عن ملفات قديمة. */
  background:var(--rr-page-bg)!important; /* خلفية فاتحة بدل الأسود لمنع الحواف السوداء. */
} /* نهاية ضبط html. */

body.biagiotti-style{ /* ضبط جسم موقع RubyRose فقط. */
  width:100%!important; /* جعل الجسم بعرض الشاشة. */
  max-width:100%!important; /* منع الجسم من تجاوز الشاشة. */
  min-width:0!important; /* إلغاء الحد الأدنى الموروث. */
  margin:0!important; /* إزالة الهامش الخارجي. */
  padding:0!important; /* إزالة الحشو الخارجي. */
  overflow-x:hidden!important; /* منع التمرير الأفقي. */
  background:var(--rr-page-bg)!important; /* خلفية موحدة فاتحة. */
  color:var(--rr-ink)!important; /* لون نص موحد. */
} /* نهاية ضبط body. */

*,*::before,*::after{ /* تطبيق box sizing موحد على كل العناصر. */
  box-sizing:border-box; /* حساب الحشو والحدود داخل العرض لمنع الكسور. */
} /* نهاية قاعدة box sizing. */

img,svg,video,canvas,iframe{ /* حماية كل أنواع الميديا من كسر عرض الشاشة. */
  max-width:100%; /* منع الميديا من تجاوز الحاوية. */
} /* نهاية حماية الميديا. */

body.biagiotti-style > main{ /* ضبط منطقة المحتوى الرئيسية. */
  display:block!important; /* إلغاء أي flex قديم تسبب في تمدد غير مرغوب. */
  width:100%!important; /* عرض كامل بدون زيادة. */
  max-width:100%!important; /* منع تجاوز العرض. */
  min-height:0!important; /* إلغاء ارتفاعات وهمية. */
  margin:0!important; /* إزالة هوامش زائدة. */
  padding-bottom:0!important; /* منع فراغ قبل الفوتر. */
  overflow:hidden!important; /* منع ظهور فراغات سوداء من عناصر عريضة. */
  background:var(--rr-page-bg)!important; /* خلفية المحتوى. */
  flex:none!important; /* إلغاء flex:1 القديم الذي كان يخلق فراغات عند قلة المحتوى. */
} /* نهاية ضبط main. */

body.biagiotti-style > main > section, /* استهداف أقسام المستوى الأول. */
body.biagiotti-style .section, /* استهداف أقسام الموقع العامة. */
body.biagiotti-style .rr-bg-section{ /* استهداف أقسام الخلفيات الديناميكية. */
  max-width:100%!important; /* منع أي قسم من تجاوز عرض الشاشة. */
  overflow:hidden!important; /* إخفاء أي ديكور خارج القسم. */
} /* نهاية حماية الأقسام. */

body.biagiotti-style .rr-section-content-wrap, /* حاوية محتوى الأقسام. */
body.biagiotti-style .rr-home-category-inner, /* حاوية تصنيفات الرئيسية. */
body.biagiotti-style .shopping-grid, /* شبكة المنتجات. */
body.biagiotti-style .rr-home-category-rail{ /* شبكة التصنيفات. */
  max-width:100%!important; /* منع الحاويات من التمدد. */
} /* نهاية حماية الحاويات. */

body.biagiotti-style .rr-section-bg-layer, /* خلفية صورة القسم. */
body.biagiotti-style .rr-decor-layer, /* طبقة الديكور. */
body.biagiotti-style .rr-section-shapes{ /* الأشكال الديناميكية. */
  pointer-events:none!important; /* منع طبقات الديكور من حجب الضغط. */
  max-width:100%!important; /* منع طبقات الديكور من كسر الشاشة. */
} /* نهاية ضبط طبقات الخلفيات. */

body.page-index .rr-home-image-slider, /* سلايدر الرئيسية. */
body.page-index .rr-home-pro-slider{ /* سلايدر البرو. */
  position:relative!important; /* تثبيت تموضع محتوى السلايدر. */
  width:100%!important; /* جعل السلايدر داخل الشاشة. */
  max-width:100%!important; /* منع السلايدر من تجاوز الحاوية. */
  margin:0!important; /* إزالة هوامش متراكمة. */
  background:var(--rr-soft-bg)!important; /* خلفية احتياطية وردية ناعمة. */
  overflow:hidden!important; /* إخفاء أي جزء خارج السلايدر. */
} /* نهاية ضبط السلايدر العام. */

body.page-index .rr-home-slide{ /* كل سلايد داخل الرئيسية. */
  position:absolute!important; /* تموضع السلايدات فوق بعضها حسب الجافاسكريبت. */
  inset:0!important; /* ملء مساحة السلايدر. */
  width:100%!important; /* عرض كامل. */
  height:100%!important; /* ارتفاع كامل. */
  overflow:hidden!important; /* منع النص أو الصورة من الخروج. */
} /* نهاية ضبط السلايد. */

body.page-index .rr-home-slide.is-active{ /* السلايد النشط. */
  z-index:2!important; /* رفع السلايد النشط فقط. */
} /* نهاية ضبط السلايد النشط. */

body.page-index .rr-slide-picture{ /* حاوية صورة السلايدر. */
  position:absolute!important; /* تثبيت الصورة داخل السلايد. */
  inset:0!important; /* جعلها تملأ السلايد. */
  display:block!important; /* عرض كبلوك. */
  width:100%!important; /* عرض كامل. */
  height:100%!important; /* ارتفاع كامل. */
  overflow:hidden!important; /* منع أي تمدد. */
} /* نهاية حاوية صورة السلايدر. */

body.page-index .rr-slide-picture img{ /* صورة السلايدر نفسها. */
  display:block!important; /* إزالة فراغات الصور الافتراضية. */
  width:100%!important; /* ملء العرض. */
  height:100%!important; /* ملء الارتفاع. */
  object-fit:cover!important; /* ملء المساحة بدون فراغات جانبية. */
  object-position:center center!important; /* توسيط الصورة. */
} /* نهاية صورة السلايدر. */

body.page-index .rr-home-default-content{ /* نص السلايدر. */
  max-width:min(620px,calc(100vw - 40px))!important; /* منع النص من الخروج خارج الشاشة. */
  overflow:visible!important; /* السماح بتأثير الظهور بدون قص. */
  word-break:normal!important; /* منع تكسير الكلمات بشكل سيئ. */
  overflow-wrap:break-word!important; /* كسر الكلمات الطويلة عند الحاجة فقط. */
} /* نهاية نص السلايدر. */

body.page-index .rr-type-text{ /* عناصر الكتابة المتدرجة في السلايدر. */
  opacity:0; /* بداية مخفية لتأثير ناعم. */
  transform:translateY(12px); /* بداية حركة خفيفة من أسفل. */
  animation:rrSoftTextIn .9s cubic-bezier(.16,1,.3,1) forwards; /* حركة ناعمة غير إخبارية. */
  animation-delay:var(--rr-delay,250ms); /* استخدام التأخير المحدد من PHP. */
} /* نهاية عناصر الكتابة. */

body.page-index .rr-home-slide.is-active .rr-type-text{ /* نص السلايد النشط. */
  animation-play-state:running; /* تشغيل الحركة عند النشاط. */
} /* نهاية النص النشط. */

body.page-index .rr-home-slide:not(.is-active) .rr-type-text{ /* نص السلايدات غير النشطة. */
  opacity:0!important; /* إخفاء النص غير النشط. */
  animation:none!important; /* منع تداخل حركات النص. */
} /* نهاية إخفاء النص غير النشط. */

@keyframes rrSoftTextIn{ /* حركة ظهور النص الناعمة. */
  from{opacity:0;transform:translateY(12px);filter:blur(5px);} /* بداية ناعمة بضباب بسيط. */
  to{opacity:1;transform:translateY(0);filter:blur(0);} /* نهاية واضحة وثابتة. */
} /* نهاية الحركة. */

body.biagiotti-style .product-card, /* كارت المنتج. */
body.biagiotti-style .product-card *{ /* كل عناصر كارت المنتج. */
  min-width:0; /* منع الكلمات الطويلة من توسيع الكارت. */
} /* نهاية حماية كارت المنتج. */

body.biagiotti-style .product-card img{ /* صور المنتجات. */
  display:block!important; /* إزالة فراغ الصور الافتراضية. */
  max-width:100%!important; /* منع التمدد. */
  object-fit:contain!important; /* إظهار المنتج كاملًا. */
} /* نهاية صور المنتجات. */

body.biagiotti-style .product-colors, /* حاوية الألوان. */
body.biagiotti-style .product-swatches{ /* حاوية السواتشات. */
  display:flex!important; /* صف مرن للألوان. */
  align-items:center!important; /* توسيط رأسي. */
  gap:6px!important; /* مسافة صغيرة بين الألوان. */
  flex-wrap:wrap!important; /* السماح بلف الألوان. */
} /* نهاية حاوية الألوان. */

body.biagiotti-style .color-dot, /* نقطة اللون. */
body.biagiotti-style .swatch-dot, /* نقطة سواتش بديلة. */
body.biagiotti-style .rr-color-dot{ /* نقطة اللون الجديدة. */
  width:22px!important; /* عرض ثابت دائري. */
  height:22px!important; /* ارتفاع ثابت دائري. */
  min-width:22px!important; /* منع ضغط العرض. */
  min-height:22px!important; /* منع ضغط الارتفاع. */
  border-radius:50%!important; /* دائرة حقيقية. */
  aspect-ratio:1/1!important; /* تثبيت النسبة. */
  padding:0!important; /* إزالة الحشو. */
  flex:0 0 22px!important; /* منع البيضاوية داخل flex. */
} /* نهاية نقاط الألوان. */

body.biagiotti-style footer.site-footer.rr-premium-footer{ /* فوتر الموقع. */
  margin-bottom:0!important; /* منع فراغ أسفل الفوتر. */
  overflow:hidden!important; /* منع الخلفيات الكبيرة من الخروج. */
} /* نهاية الفوتر. */

body.biagiotti-style footer.site-footer.rr-premium-footer .rr-footer-shell{ /* حاوية الفوتر. */
  background:transparent!important; /* إزالة أي مستطيل أسود داخلي قديم. */
  box-shadow:none!important; /* إزالة الظلال القديمة المتعارضة. */
  border:0!important; /* إزالة حدود متراكمة. */
} /* نهاية حاوية الفوتر. */

body.biagiotti-style footer.site-footer.rr-premium-footer::before, /* ديكور فوتر قديم. */
body.biagiotti-style footer.site-footer.rr-premium-footer::after, /* ديكور فوتر قديم. */
body.biagiotti-style footer.site-footer.rr-premium-footer .footer-bg-word, /* كلمة خلفية قديمة. */
body.biagiotti-style footer.site-footer.rr-premium-footer .footer-brand-word{ /* كلمة براند خلفية. */
  display:none!important; /* إخفاء كل الديكورات المتسببة في التشويه. */
  content:none!important; /* إلغاء المحتوى الوهمي. */
} /* نهاية إخفاء ديكورات الفوتر. */

body.biagiotti-style footer.site-footer.rr-premium-footer .brand-logo-text{ /* اسم الشركة النصي داخل الفوتر. */
  display:none!important; /* الاكتفاء باللوجو فقط كما هو مطلوب. */
} /* نهاية إخفاء اسم الشركة النصي. */

body.biagiotti-style .chatbot, /* الشات بوت. */
body.biagiotti-style .rr-chatbot{ /* الشات بوت باسم آخر. */
  max-width:calc(100vw - 20px)!important; /* منع الشات من الخروج على الشاشات الصغيرة. */
} /* نهاية الشات بوت. */

@media (min-width:901px){ /* قواعد الديسكتوب واللاب. */
  body.page-index .rr-home-image-slider, /* سلايدر الرئيسية ديسكتوب. */
  body.page-index .rr-home-pro-slider{ /* سلايدر البرو ديسكتوب. */
    height:clamp(620px,calc(100vh - 82px),860px)!important; /* ارتفاع احترافي متجاوب. */
    min-height:620px!important; /* أقل ارتفاع مريح للصور الكبيرة. */
  } /* نهاية سلايدر الديسكتوب. */

  body.page-index .rr-home-default-content h1{ /* عنوان السلايدر ديسكتوب. */
    font-size:clamp(54px,5.1vw,104px)!important; /* حجم عنوان متجاوب. */
    line-height:.96!important; /* ارتفاع سطر Premium. */
    max-width:11ch!important; /* منع العنوان من الامتداد بشكل قبيح. */
  } /* نهاية عنوان السلايدر ديسكتوب. */

  body.page-index .rr-home-default-content p{ /* وصف السلايدر ديسكتوب. */
    font-size:clamp(14px,1.05vw,18px)!important; /* حجم وصف متجاوب. */
    max-width:520px!important; /* عرض وصف مريح. */
  } /* نهاية وصف السلايدر ديسكتوب. */
} /* نهاية قواعد الديسكتوب. */

@media (max-width:900px){ /* قواعد التابلت والموبايل. */
  body.biagiotti-style{ /* جسم الصفحة على الموبايل. */
    position:relative!important; /* تثبيت مرجع العناصر الثابتة. */
  } /* نهاية جسم الموبايل. */

  body.biagiotti-style > main{ /* المحتوى على الموبايل. */
    overflow:hidden!important; /* حماية إضافية من التمدد الأفقي. */
  } /* نهاية main على الموبايل. */

  body.page-index .rr-home-image-slider, /* سلايدر الموبايل. */
  body.page-index .rr-home-pro-slider{ /* سلايدر الموبايل البديل. */
    min-height:0!important; /* إلغاء ارتفاعات قديمة متعارضة. */
    height:clamp(360px,62vh,520px)!important; /* ارتفاع متوازن لشاشات مثل iPhone. */
    margin-top:0!important; /* إلغاء الفراغ بعد الهيدر. */
    margin-bottom:0!important; /* إلغاء الفراغ قبل المميزات. */
  } /* نهاية سلايدر الموبايل. */

  body.page-index .rr-slide-picture img{ /* صورة السلايدر على الموبايل. */
    object-fit:cover!important; /* ملء الكانفاس بدون فراغ أبيض. */
    object-position:center center!important; /* توسيط الصورة. */
  } /* نهاية صورة السلايدر على الموبايل. */

  body.page-index .rr-home-default-content{ /* نص السلايدر على الموبايل. */
    inset:auto 18px 24px 18px!important; /* وضع النص داخل السلايدر بدون خروج. */
    max-width:calc(100vw - 36px)!important; /* منع النص من الخروج. */
    text-align:center!important; /* توسيط النص. */
  } /* نهاية نص السلايدر على الموبايل. */

  body.page-index .rr-home-default-content h1{ /* عنوان السلايدر موبايل. */
    font-size:clamp(30px,11vw,52px)!important; /* حجم متجاوب مع الشاشة الصغيرة. */
    line-height:1!important; /* ارتفاع سطر محكم. */
    margin:8px auto!important; /* مسافة بسيطة. */
    max-width:10ch!important; /* منع العنوان الطويل من التمدد. */
  } /* نهاية عنوان السلايدر موبايل. */

  body.page-index .rr-home-default-content p{ /* وصف السلايدر موبايل. */
    font-size:clamp(12px,3.4vw,15px)!important; /* حجم وصف مناسب. */
    line-height:1.45!important; /* قراءة مريحة. */
    margin:8px auto 0!important; /* مسافة علوية فقط. */
    max-width:30ch!important; /* عرض وصف مناسب. */
  } /* نهاية وصف السلايدر موبايل. */

  body.page-index .v9-feature-strip{ /* شريط المميزات أسفل السلايدر. */
    margin-top:0!important; /* إزالة الفراغ بين السلايدر والمميزات. */
    padding-top:0!important; /* إزالة حشو علوي. */
    padding-bottom:0!important; /* إزالة حشو سفلي. */
  } /* نهاية شريط المميزات. */

  body.page-index .v9-feature-strip-inner{ /* شبكة المميزات. */
    width:100%!important; /* عرض كامل دون زيادة. */
    max-width:100%!important; /* منع التمدد. */
    margin:0 auto!important; /* توسيط الشبكة. */
    gap:0!important; /* إزالة فجوات متعارضة. */
  } /* نهاية شبكة المميزات. */

  body.page-index .section, /* أقسام الرئيسية. */
  body.page-index .rr-bg-section:not(.rr-home-image-slider):not(.rr-home-pro-slider){ /* أقسام الخلفية باستثناء السلايدر. */
    min-height:0!important; /* إزالة المساحات الطويلة الوهمية. */
    padding-top:clamp(22px,5vw,36px)!important; /* حشو علوي معتدل. */
    padding-bottom:clamp(22px,5vw,36px)!important; /* حشو سفلي معتدل. */
  } /* نهاية أقسام الرئيسية. */

  body.page-index .rr-home-offer-section{ /* قسم العروض على الموبايل. */
    margin:0!important; /* إلغاء هوامش كبيرة. */
    padding-block:clamp(20px,5vw,32px)!important; /* مسافة مناسبة فقط. */
  } /* نهاية قسم العروض. */

  body.page-index .shopping-section{ /* قسم المنتجات. */
    padding-top:clamp(26px,7vw,44px)!important; /* بداية مريحة للمنتجات. */
    padding-bottom:clamp(32px,8vw,52px)!important; /* نهاية مريحة قبل الفوتر. */
  } /* نهاية قسم المنتجات. */

  body.biagiotti-style .shopping-grid{ /* شبكة منتجات الموبايل. */
    display:grid!important; /* عرض Grid ثابت. */
    grid-template-columns:repeat(2,minmax(0,1fr))!important; /* عمودان للموبايل. */
    gap:18px 12px!important; /* مسافات مريحة بدون تمدد. */
    padding-inline:14px!important; /* مسافة جانبية متساوية. */
  } /* نهاية شبكة منتجات الموبايل. */

  body.biagiotti-style .product-card{ /* كارت المنتج موبايل. */
    width:100%!important; /* ملء العمود فقط. */
    max-width:100%!important; /* منع تجاوز العمود. */
    margin:0!important; /* منع هوامش عشوائية. */
  } /* نهاية كارت المنتج. */

  body.biagiotti-style .product-card .product-image, /* حاوية صورة المنتج. */
  body.biagiotti-style .product-card .product-img-wrap{ /* حاوية صورة بديلة. */
    width:100%!important; /* عرض كامل للكارت. */
    max-width:100%!important; /* عدم تجاوز الكارت. */
    aspect-ratio:1/1.12!important; /* نسبة مناسبة للكوزمتكس. */
    overflow:hidden!important; /* إخفاء الزيادة. */
  } /* نهاية حاوية صورة المنتج. */

  body.biagiotti-style footer.site-footer.rr-premium-footer{ /* الفوتر على الموبايل. */
    padding-top:26px!important; /* تقليل البداية. */
    padding-inline:16px!important; /* مسافة جانبية آمنة. */
  } /* نهاية الفوتر موبايل. */

  body.biagiotti-style footer.site-footer.rr-premium-footer .rr-footer-shell{ /* حاوية الفوتر موبايل. */
    width:100%!important; /* عرض متجاوب. */
    max-width:430px!important; /* حد أقصى مريح. */
    margin:0 auto!important; /* توسيط. */
    gap:16px!important; /* تقليل المسافة بين أعمدة الفوتر. */
  } /* نهاية حاوية الفوتر موبايل. */

  body.biagiotti-style .chatbot, /* الشات على الموبايل. */
  body.biagiotti-style .rr-chatbot{ /* الشات البديل. */
    right:max(12px,env(safe-area-inset-right))!important; /* مسافة آمنة من اليمين. */
    bottom:max(12px,env(safe-area-inset-bottom))!important; /* مسافة آمنة من الأسفل. */
  } /* نهاية الشات على الموبايل. */
} /* نهاية قواعد الموبايل. */

@media (max-width:380px){ /* قواعد الشاشات الصغيرة جدًا مثل iPhone 11 Pro وأصغر. */
  body.page-index .rr-home-image-slider, /* السلايدر على الشاشات الصغيرة. */
  body.page-index .rr-home-pro-slider{ /* السلايدر البديل على الشاشات الصغيرة. */
    height:clamp(340px,58vh,470px)!important; /* ارتفاع أقل لمنع الفراغات. */
  } /* نهاية السلايدر الصغير. */

  body.biagiotti-style .shopping-grid{ /* شبكة المنتجات للشاشات الصغيرة. */
    gap:16px 10px!important; /* تقليل الفجوات. */
    padding-inline:10px!important; /* تقليل الحشو الجانبي. */
  } /* نهاية شبكة المنتجات الصغيرة. */

  body.biagiotti-style .product-card .product-title{ /* عنوان المنتج على الشاشات الصغيرة. */
    font-size:13px!important; /* حجم أكثر أمانًا. */
    line-height:1.35!important; /* قراءة مريحة. */
  } /* نهاية عنوان المنتج. */

  body.biagiotti-style .product-card .product-price{ /* سعر المنتج على الشاشات الصغيرة. */
    font-size:15px!important; /* حجم واضح بدون توسع. */
  } /* نهاية السعر. */
} /* نهاية قواعد الشاشات الصغيرة. */