/* ========================================================================== */
/* RubyRose V10.20 — Mobile spacing + language next to search fix             */
/* ========================================================================== */

/* نقل زر اللغة بجانب عدسة البحث ومنع ظهوره فوق اللوجو. */
html body header.site-header.biagiotti-header .rr-header-left-actions{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;width:auto!important;justify-self:start!important;} /* مجموعة البحث واللغة في بداية الهيدر. */
html body header.site-header.biagiotti-header .rr-header-left-actions .rr-search-btn{grid-column:auto!important;justify-self:auto!important;flex:0 0 auto!important;} /* تثبيت زر البحث داخل المجموعة بدل شبكة الهيدر. */
html body header.site-header.biagiotti-header .rr-lang-near-search{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:30px!important;height:28px!important;padding:0 8px!important;border:1px solid rgba(176,0,38,.12)!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;color:#d91673!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;line-height:1!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(224,23,122,.08)!important;} /* زر اللغة بشكل صغير بجانب البحث. */
html body header.site-header.biagiotti-header .rr-lang-near-search:hover{background:#fff!important;color:#a9063f!important;border-color:rgba(176,0,38,.24)!important;box-shadow:0 12px 24px rgba(224,23,122,.12)!important;} /* هوفر ناعم لزر اللغة. */
html body header.site-header.biagiotti-header .header-actions .rr-header-lang-single:not(.rr-lang-near-search){display:none!important;} /* إخفاء أي نسخة قديمة داخل يمين الهيدر لو بقيت من الكاش. */

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

/* ضبط السلايدر كـ Canvas حقيقي على الموبايل بدون فراغات بيضاء فوق وتحت الصورة. */
@media(max-width:900px){
  html body header.site-header.biagiotti-header{min-height:74px!important;} /* تقليل ارتفاع غلاف الهيدر على الموبايل. */
  html body header.site-header.biagiotti-header .biagiotti-header-inner{grid-template-columns:minmax(92px,auto) minmax(0,1fr) auto!important;width:calc(100% - 22px)!important;min-height:74px!important;column-gap:8px!important;} /* توزيع الموبايل بعد نقل اللغة لليسار. */
  html body header.site-header.biagiotti-header .rr-header-left-actions{gap:4px!important;} /* تقريب اللغة من العدسة. */
  html body header.site-header.biagiotti-header .rr-search-btn{width:40px!important;height:40px!important;} /* عدسة مناسبة للموبايل. */
  html body header.site-header.biagiotti-header .rr-search-btn svg{width:27px!important;height:27px!important;} /* تقليل حجم رسم العدسة قليلًا. */
  html body header.site-header.biagiotti-header .rr-lang-near-search{min-width:28px!important;height:26px!important;padding:0 7px!important;font-size:10px!important;background:rgba(255,255,255,.88)!important;} /* لغة صغيرة بجانب البحث. */
  html body header.site-header.biagiotti-header .brand-logo-text,html body header.site-header.biagiotti-header .brand-text strong{font-size:28px!important;letter-spacing:-.05em!important;} /* لوجو أوضح بدون تداخل. */
  html body header.site-header.biagiotti-header .header-actions{gap:6px!important;} /* توازن أدوات اليمين. */
  html body header.site-header.biagiotti-header .cart-pill,html body header.site-header.biagiotti-header .mobile-menu-btn{width:40px!important;height:40px!important;} /* حجم متساوٍ للسلة والمنيو. */
  html body header.site-header.biagiotti-header .cart-pill svg{width:28px!important;height:28px!important;} /* توحيد حجم السلة. */

  html body.page-index main > .rr-home-image-slider.rr-home-pro-slider{height:clamp(285px,64vw,390px)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:#fff!important;line-height:0!important;} /* تقليل ارتفاع السلايدر وإزالة الحشو الذي كان يولد فراغات بيضاء. */
  html body.page-index main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{height:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;} /* السلايد يملأ مساحة السلايدر فقط. */
  html body.page-index main > .rr-home-image-slider.rr-bg-section .rr-slide-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;line-height:0!important;} /* عنصر الصورة بلا هامش أو سطر فارغ. */
  html body.page-index main > .rr-home-image-slider.rr-bg-section .rr-slide-picture img,html body.page-index main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > picture > img,html body.page-index main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;margin:0!important;padding:0!important;background:#fff!important;transform:none!important;} /* الصورة تملأ الكانفاس دون letterbox أبيض. */
  html body.page-index main > .rr-home-image-slider.rr-home-pro-slider::before,html body.page-index main > .rr-home-image-slider.rr-home-pro-slider::after{display:none!important;content:none!important;} /* حذف أي طبقة قد تضيف إحساس فراغ. */
  html body.page-index .rr-home-image-slider + .v9-feature-strip{margin-top:0!important;} /* المميزات تبدأ فور انتهاء السلايدر. */
  html body.page-index .v9-feature-strip{margin-top:0!important;margin-bottom:0!important;border-top:1px solid rgba(72,40,56,.09)!important;background:#fffaf7!important;} /* إلغاء فراغات أعلى وأسفل المميزات. */
  html body.page-index .v9-feature-strip-inner{width:min(100%,calc(100% - 24px))!important;max-width:620px!important;margin-inline:auto!important;padding:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;} /* سنتر المميزات بحيث تكون المسافات يمين ويسار متساوية. */
  html body.page-index .v9-feature-item{min-height:92px!important;padding:16px 12px!important;gap:12px!important;justify-content:flex-start!important;} /* تقليل ارتفاع المميزات ومنع الإحساس بفراغ كبير. */
  html body.page-index .v9-feature-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;} /* أيقونات المميزات متزنة. */
  html body.page-index .v9-feature-title{font-size:13px!important;line-height:1.18!important;letter-spacing:.02em!important;} /* عنوان المميزات واضح بدون تضخيم. */
}

@media(max-width:520px){
  html body header.site-header.biagiotti-header .biagiotti-header-inner{width:calc(100% - 18px)!important;grid-template-columns:minmax(82px,auto) minmax(0,1fr) auto!important;} /* مناسب للشاشات الصغيرة جدًا. */
  html body header.site-header.biagiotti-header .rr-header-left-actions{gap:2px!important;} /* تقليل المسافة بين البحث واللغة. */
  html body header.site-header.biagiotti-header .rr-lang-near-search{min-width:25px!important;height:24px!important;padding:0 6px!important;font-size:9.5px!important;} /* زر اللغة لا يضغط على اللوجو. */
  html body header.site-header.biagiotti-header .brand-logo-text,html body header.site-header.biagiotti-header .brand-text strong{font-size:25px!important;} /* تصغير اللوجو على أصغر عرض. */
  html body.page-index main > .rr-home-image-slider.rr-home-pro-slider{height:clamp(260px,66vw,350px)!important;} /* Canvas أقصر للموبايل الصغير. */
  html body.page-index .v9-feature-strip-inner{width:calc(100% - 18px)!important;} /* توسيط دقيق بدون فراغ زائد. */
  html body.page-index .v9-feature-item{min-height:86px!important;padding:14px 10px!important;gap:10px!important;} /* مميزات أهدأ على الشاشات الصغيرة. */
  html body.page-index .v9-feature-icon{width:38px!important;height:38px!important;flex-basis:38px!important;} /* أيقونة أصغر قليلًا. */
  html body.page-index .v9-feature-title{font-size:12px!important;} /* منع كبر النص. */
}