/* ========================================================================== */
/* RubyRose V10.17 — Mobile Spacing + Footer Compact + Feature Center Fix       */
/* ========================================================================== */

/* يمنع أي مساحة بيضاء غير مقصودة قبل السلايدر في الصفحة الرئيسية. */
html body.page-index main{padding-top:0!important;margin-top:0!important;background:#fff!important;} /* المحتوى الرئيسي يبدأ مباشرة بعد الهيدر. */
html body.page-index main > .rr-home-image-slider:first-child{margin-top:0!important;} /* أول سلايدر بدون أي هامش علوي. */

/* تقليل ارتفاع السلايدر على الموبايل حتى لا يظهر فراغ أبيض كبير أعلى وأسفل الصورة. */
@media(max-width:900px){
  html body main > .rr-home-image-slider.rr-home-pro-slider{height:clamp(350px,78vw,500px)!important;min-height:0!important;max-height:none!important;margin-top:0!important;margin-bottom:0!important;background:#fff!important;} /* ارتفاع موبايل متوازن بدل كانفاس طويل جدًا. */
  html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{height:100%!important;background:#fff!important;} /* السلايد يملأ إطار السلايدر فقط. */
  html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture{inset:0!important;height:100%!important;background:#fff!important;} /* الصورة داخل نفس الإطار بلا فراغ خارجي. */
  html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture img{object-fit:cover!important;object-position:center center!important;width:100%!important;height:100%!important;background:#fff!important;} /* الصورة تملأ المساحة بدون أن تبدو بعيدة. */
  html body .rr-home-pro-slider .rr-home-slide:after{background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.10) 100%)!important;} /* تدرج خفيف فقط بدون طبقة بيضاء كبيرة. */
  html body .rr-home-pro-slider .rr-home-default-content{bottom:14px!important;left:18px!important;right:18px!important;padding:10px 12px!important;background:rgba(255,255,255,.30)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:none!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;} /* صندوق نص صغير وخفيف داخل السلايدر. */
  html body .rr-home-pro-slider .rr-home-default-content h1{font-size:clamp(23px,7vw,34px)!important;line-height:1.05!important;margin:2px 0!important;} /* عنوان موبايل لا يقطع الصورة. */
  html body .rr-home-slider-dots{bottom:10px!important;} /* النقاط أقرب وأسفل بشكل نظيف. */
}

@media(max-width:520px){
  html body main > .rr-home-image-slider.rr-home-pro-slider{height:clamp(330px,82vw,430px)!important;} /* ارتفاع أنسب للموبايل الصغير. */
  html body .rr-home-pro-slider .rr-home-default-content{bottom:10px!important;left:14px!important;right:14px!important;padding:8px 10px!important;} /* تقليل صندوق النص أكثر. */
}

/* إزالة أي فراغ غير مرغوب بين السلايدر وأول مجموعة مميزات. */
html body .rr-home-image-slider + .v9-feature-strip{margin-top:0!important;} /* المميزات تبدأ مباشرة بعد السلايدر. */
html body .v9-feature-strip{margin-top:0!important;margin-bottom:0!important;background:#fffaf7!important;} /* إلغاء هوامش شريط المميزات. */

/* توسيط ديف المميزات وتوحيد المسافة البيضاء يمين ويسار. */
html body .v9-feature-strip-inner{width:calc(100% - 28px)!important;max-width:620px!important;margin-inline:auto!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;} /* سنتر واضح ومريح للموبايل. */
html body .v9-feature-item{box-sizing:border-box!important;min-width:0!important;justify-content:flex-start!important;padding:18px 14px!important;} /* منع تمدد عنصر على حساب الآخر. */
html body .v9-feature-title{font-size:12px!important;line-height:1.25!important;letter-spacing:.02em!important;} /* عنوان الميزة بحجم ثابت وواضح. */

@media(min-width:901px){
  html body .v9-feature-strip-inner{width:min(1060px,calc(100% - 48px))!important;max-width:1060px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;} /* الحفاظ على شكل الديسكتوب. */
}

/* تقليل الفوتر على الموبايل وإزالة كارت مبيعات الجملة مع إبقاء الرابط فقط. */
html body footer.site-footer.rr-premium-footer{padding-top:clamp(42px,6vw,72px)!important;} /* تقليل بداية الفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-grid{gap:clamp(22px,4vw,44px)!important;} /* تقليل المسافات بين أعمدة الفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-width:300px!important;margin-inline:auto!important;} /* اختصار وصف البراند لسطرين. */
html body footer.site-footer.rr-premium-footer .footer-col h4{margin-bottom:14px!important;padding-bottom:8px!important;} /* تقليل مسافة عناوين الفوتر. */
html body footer.site-footer.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn){margin:7px 0!important;} /* تقليل روابط الفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line{margin-bottom:10px!important;padding-bottom:10px!important;} /* تقليل بيانات التواصل. */
html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card{margin-top:8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;} /* إزالة مربع مبيعات الجملة بالكامل. */
html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card>span,html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card p{display:none!important;} /* إخفاء عنوان ووصف مبيعات الجملة والإبقاء على الرابط. */
html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn{min-height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:11px!important;letter-spacing:.12em!important;text-decoration:underline!important;text-underline-offset:7px!important;box-shadow:none!important;} /* تحويل زر الجملة إلى لينك بسيط. */
html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn:hover{background:transparent!important;color:#ff8fbd!important;} /* هوفر خفيف على لينك الجملة. */
html body footer.site-footer.rr-premium-footer .footer-bottom{margin-top:28px!important;padding-top:16px!important;padding-bottom:18px!important;} /* تقليل الشريط السفلي. */

@media(max-width:760px){
  html body footer.site-footer.rr-premium-footer{padding:38px 18px 0!important;} /* فوتر أقصر على الموبايل. */
  html body footer.site-footer.rr-premium-footer .rr-footer-grid{gap:24px!important;} /* مسافات موبايل مختصرة. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{font-size:30px!important;margin-bottom:10px!important;} /* تصغير اسم البراند. */
  html body footer.site-footer.rr-premium-footer .rr-footer-logo{display:none!important;} /* إزالة اللوجو الإضافي أعلى الفوتر لتقليل الطول. */
  html body footer.site-footer.rr-premium-footer .footer-col h4{font-size:13px!important;letter-spacing:.13em!important;} /* عنوان فوتر أنظف على الموبايل. */
  html body footer.site-footer.rr-premium-footer .footer-bottom{align-items:center!important;text-align:center!important;gap:6px!important;margin-top:24px!important;} /* توسيط نهاية الفوتر. */
}