/* ========================================================================== */
/* RubyRose V10.9 — طبقة التنسيق الموحدة بعد مراجعة ملفات CSS بالكامل.       */
/* هذا الملف هو المصدر النهائي للهيدر والفوتر والاستجابة والمسافات الأساسية. */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* هيكل المستند ومنع أي مساحة فارغة بعد الفوتر.                               */
/* -------------------------------------------------------------------------- */
html{min-height:100%;margin:0;background:#151015;} /* جعل خلفية نهاية المستند بنفس لون الفوتر لمنع ظهور الأبيض عند التمرير الزائد. */
body.biagiotti-style{display:flex;min-height:100vh;min-height:100dvh;margin:0;flex-direction:column;background:var(--rr-cream);overflow-x:clip;} /* تحويل الصفحة إلى عمود مرن حتى يلتصق الفوتر بأسفل الشاشة. */
body.biagiotti-style>main{display:block;width:100%;min-height:0;margin:0;flex:1 0 auto;background:var(--rr-cream);} /* جعل المحتوى يملأ المساحة المتبقية بدون إضافة فراغ أسفل الفوتر. */
body.biagiotti-style>footer.site-footer{width:100%;margin:0!important;flex:0 0 auto;} /* تثبيت الفوتر كآخر جزء مرئي في تدفق الصفحة. */
body.biagiotti-style>footer.site-footer+div.chatbot{position:fixed!important;} /* ضمان خروج الشات بوت من تدفق الصفحة بعد الفوتر. */
body.biagiotti-style::before,body.biagiotti-style::after{display:none!important;content:none!important;} /* منع أي عناصر زخرفية قد تضيف ارتفاعًا أسفل الصفحة. */
main:last-child,main>:last-child{margin-bottom:0;} /* إزالة الهامش السفلي المتسرب من آخر عنصر داخل المحتوى. */

/* -------------------------------------------------------------------------- */
/* الهيدر الديناميكي — مصدر واحد نهائي بدل طبقات الإصلاح المتعارضة.          */
/* -------------------------------------------------------------------------- */
html body header.site-header.biagiotti-header{top:0;right:0;left:0;z-index:1000!important;width:100%;min-height:80px;margin:0;padding:0!important;color:var(--rr-header-text)!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--rr-header-text) 10%,transparent)!important;background:var(--rr-header-bg)!important;box-shadow:none!important;animation:none!important;transition:background-color .25s ease,box-shadow .25s ease!important;} /* توحيد غلاف الهيدر ولونه من لوحة الإدارة. */
html body.header-mode-solid header.site-header.biagiotti-header{position:sticky!important;background:var(--rr-header-bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;} /* تثبيت الهيدر العادي أعلى الصفحة. */
html body.header-mode-transparent header.site-header.biagiotti-header:not(.is-scrolled){position:absolute!important;background:transparent!important;border-bottom-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;} /* إبقاء الهيدر شفافًا فوق السلايدر قبل التمرير. */
html body.header-mode-transparent header.site-header.biagiotti-header.is-scrolled{position:fixed!important;background:var(--rr-header-bg)!important;box-shadow:0 1px 0 rgba(72,40,56,.1),0 12px 30px rgba(42,24,34,.05)!important;} /* استخدام لون الإدارة عند تمرير الهيدر الشفاف. */
html body header.site-header.biagiotti-header::before,html body header.site-header.biagiotti-header::after{display:none!important;content:none!important;} /* تعطيل الخطوط والطبقات الزخرفية القديمة حول الهيدر. */
html body header.site-header.biagiotti-header .biagiotti-header-inner{display:grid!important;grid-template-columns:96px minmax(0,1fr) 190px!important;align-items:center!important;width:calc(100% - 32px)!important;max-width:1440px!important;min-height:80px!important;margin-inline:auto!important;padding:0!important;column-gap:16px!important;} /* توزيع البحث والروابط والأدوات في أعمدة مستقلة ومنع التصاق CONTACT بالمستخدم. */
html body header.site-header.biagiotti-header .rr-search-btn{position:static!important;inset:auto!important;display:inline-grid!important;grid-column:1!important;place-items:center!important;justify-self:start!important;width:calc(var(--rr-header-icon-size) + 18px)!important;height:calc(var(--rr-header-icon-size) + 18px)!important;margin:0!important;padding:0!important;transform:none!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;color:var(--rr-header-text)!important;box-shadow:none!important;} /* توحيد زر البحث مع أيقونات الحساب والسلة. */
html body header.site-header.biagiotti-header .rr-search-btn svg{width:calc(var(--rr-header-icon-size) * 1.12)!important;height:calc(var(--rr-header-icon-size) * 1.12)!important;max-width:none!important;max-height:none!important;fill:none!important;stroke:currentColor!important;stroke-width:2.1!important;stroke-linecap:round!important;stroke-linejoin:round!important;} /* توحيد الحجم البصري لرسم العدسة. */
html body header.site-header.biagiotti-header .rr-nav-center{display:grid!important;grid-column:2!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important;gap:clamp(58px,5.2vw,82px)!important;} /* وضع اللوجو في المنتصف الحقيقي بين مجموعتي الروابط. */
html body header.site-header.biagiotti-header .rr-nav-center .main-nav{display:flex!important;align-items:center!important;min-width:0!important;margin:0!important;padding:0!important;gap:clamp(30px,2.8vw,42px)!important;border:0!important;background:transparent!important;box-shadow:none!important;} /* توسيع المسافات بين روابط الديسكتوب. */
html body header.site-header.biagiotti-header .rr-nav-center .nav-left{justify-content:flex-end!important;} /* محاذاة الروابط اليسرى باتجاه اللوجو. */
html body header.site-header.biagiotti-header .rr-nav-center .nav-right{justify-content:flex-start!important;} /* محاذاة الروابط اليمنى باتجاه اللوجو. */
html body header.site-header.biagiotti-header .main-nav a{position:relative!important;display:inline-block!important;padding:10px 0!important;color:var(--rr-header-text)!important;font-family:var(--rr-header-font)!important;font-size:var(--rr-header-font-size)!important;font-weight:500!important;line-height:1.2!important;letter-spacing:.15em!important;white-space:nowrap!important;text-decoration:none!important;text-decoration-color:currentColor!important;text-decoration-thickness:1.5px!important;text-underline-offset:8px!important;text-decoration-skip-ink:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;} /* اعتماد خط الإدارة ومنع قواعد الروابط القديمة من تغيير المسافات. */
html body header.site-header.biagiotti-header .main-nav a::before,html body header.site-header.biagiotti-header .main-nav a::after{display:none!important;content:none!important;} /* إزالة خطوط Hover الصناعية القديمة المتعارضة. */
html body header.site-header.biagiotti-header .main-nav a:hover,html body header.site-header.biagiotti-header .main-nav a.active,html body header.site-header.biagiotti-header .main-nav a.section-active{color:var(--rr-header-text)!important;text-decoration-line:underline!important;text-decoration-style:solid!important;} /* رسم الخط الحقيقي أسفل نفس عرض النص دون ترحيل. */
html body header.site-header.biagiotti-header .centered-brand{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-self:center!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;white-space:nowrap!important;} /* تثبيت اللوجو في العمود الأوسط. */
html body header.site-header.biagiotti-header .centered-brand::before,html body header.site-header.biagiotti-header .centered-brand::after{display:none!important;content:none!important;} /* إزالة زخارف اللوجو القديمة. */
html body header.site-header.biagiotti-header .brand-logo-text,html body header.site-header.biagiotti-header .brand-text strong{color:var(--rr-header-logo)!important;-webkit-text-fill-color:var(--rr-header-logo)!important;font-size:42px!important;line-height:1!important;letter-spacing:-.045em!important;background:none!important;background-image:none!important;filter:none!important;animation:none!important;-webkit-text-stroke:0!important;} /* تثبيت لون وحجم اللوجو بدون تدرجات متعارضة. */
html body header.site-header.biagiotti-header .header-zone-right{position:static!important;inset:auto!important;display:flex!important;grid-column:3!important;align-items:center!important;justify-content:flex-end!important;justify-self:end!important;width:190px!important;min-width:190px!important;margin:0!important;padding:0!important;transform:none!important;} /* حجز مساحة مستقلة لأدوات المستخدم بعيدًا عن CONTACT. */
html body header.site-header.biagiotti-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;color:var(--rr-header-text)!important;} /* توحيد توزيع أدوات الهيدر. */
html body header.site-header.biagiotti-header .account-pill,html body header.site-header.biagiotti-header .cart-pill,html body header.site-header.biagiotti-header .mobile-menu-btn{position:relative!important;display:inline-grid!important;place-items:center!important;width:calc(var(--rr-header-icon-size) + 18px)!important;height:calc(var(--rr-header-icon-size) + 18px)!important;margin:0!important;padding:0!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;color:var(--rr-header-text)!important;box-shadow:none!important;} /* توحيد مساحات جميع أيقونات الهيدر. */
html body header.site-header.biagiotti-header .account-pill svg,html body header.site-header.biagiotti-header .cart-pill svg{width:var(--rr-header-icon-size)!important;height:var(--rr-header-icon-size)!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;} /* توحيد رسم الحساب والسلة. */
html body header.site-header.biagiotti-header .account-pill img{display:block!important;width:var(--rr-header-icon-size)!important;height:var(--rr-header-icon-size)!important;border-radius:50%!important;object-fit:cover!important;} /* توحيد صورة حساب العميل مع مقاس الأيقونات. */
html body header.site-header.biagiotti-header .cart-badge-floating{position:absolute!important;top:0!important;right:-1px!important;display:grid!important;min-width:18px!important;height:18px!important;padding:0 4px!important;place-items:center!important;border:2px solid var(--rr-header-bg)!important;border-radius:999px!important;background:var(--rr-rose)!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:14px!important;} /* تثبيت بادج السلة داخل حدود الهيدر. */
html[dir="rtl"] body header.site-header.biagiotti-header .cart-badge-floating{right:auto!important;left:-1px!important;} /* عكس موضع بادج السلة في العربية. */
html body header.site-header.biagiotti-header .rr-search-btn:hover,html body header.site-header.biagiotti-header .account-pill:hover,html body header.site-header.biagiotti-header .cart-pill:hover,html body header.site-header.biagiotti-header .mobile-menu-btn:hover{border-color:color-mix(in srgb,var(--rr-header-text) 14%,transparent)!important;background:color-mix(in srgb,var(--rr-header-bg) 82%,#fff 18%)!important;transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(42,24,34,.08)!important;} /* توحيد حركة الأيقونات بدون اختلافات بين الملفات. */
html body header.site-header.biagiotti-header .lang-switch{display:none!important;} /* منع اللغات من ضغط روابط الهيدر لأن التبديل متاح في قائمة الموبايل والنافذة. */
html body header.site-header.biagiotti-header .mobile-menu-btn{display:none!important;} /* إخفاء زر القائمة على الديسكتوب. */
html body header.site-header.biagiotti-header .mobile-menu-btn::before,html body header.site-header.biagiotti-header .mobile-menu-btn::after{position:absolute!important;left:50%!important;width:calc(var(--rr-header-icon-size) * .82)!important;height:1.6px!important;margin:0!important;content:""!important;background:currentColor!important;transform:translateX(-50%)!important;transition:top .25s ease,transform .25s ease!important;} /* رسم خطي أيقونة القائمة. */
html body header.site-header.biagiotti-header .mobile-menu-btn::before{top:calc(50% - 5px)!important;} /* تحديد موضع الخط العلوي للقائمة. */
html body header.site-header.biagiotti-header .mobile-menu-btn::after{top:calc(50% + 5px)!important;} /* تحديد موضع الخط السفلي للقائمة. */
html body.nav-open header.site-header.biagiotti-header .mobile-menu-btn::before{top:50%!important;transform:translate(-50%,-50%) rotate(45deg)!important;} /* تحويل الخط العلوي إلى نصف علامة الإغلاق. */
html body.nav-open header.site-header.biagiotti-header .mobile-menu-btn::after{top:50%!important;transform:translate(-50%,-50%) rotate(-45deg)!important;} /* تحويل الخط السفلي إلى نصف علامة الإغلاق. */
html body .mobile-nav-panel{display:none!important;} /* منع لوحة الموبايل من المشاركة في تخطيط الديسكتوب. */

/* -------------------------------------------------------------------------- */
/* التابلت والموبايل للهيدر والقائمة الجانبية.                                */
/* -------------------------------------------------------------------------- */
@media(max-width:1220px){ /* بداية قواعد التابلت والموبايل. */
html body header.site-header.biagiotti-header{min-height:72px;padding:0 10px!important;} /* تقليل ارتفاع الهيدر المتجاوب. */
html body header.site-header.biagiotti-header .biagiotti-header-inner{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;width:calc(100% - 4px)!important;max-width:1120px!important;min-height:72px!important;margin-inline:auto!important;padding:0!important;gap:10px!important;} /* إبقاء اللوجو في المنتصف الحقيقي على الشاشات الصغيرة. */
html body header.site-header.biagiotti-header .rr-search-btn{grid-column:1!important;justify-self:start!important;} /* تثبيت البحث في بداية الهيدر. */
html body header.site-header.biagiotti-header .rr-nav-center{display:flex!important;grid-column:2!important;justify-content:center!important;gap:0!important;} /* عرض اللوجو وحده في المنتصف. */
html body header.site-header.biagiotti-header .rr-nav-center .main-nav{display:none!important;} /* إخفاء روابط الديسكتوب عند ضيق المساحة. */
html body header.site-header.biagiotti-header .centered-brand{margin:0!important;} /* إزالة أي هامش قد يزيح اللوجو. */
html body header.site-header.biagiotti-header .brand-logo-text,html body header.site-header.biagiotti-header .brand-text strong{font-size:clamp(28px,5.5vw,38px)!important;} /* ضبط حجم اللوجو على التابلت والموبايل. */
html body header.site-header.biagiotti-header .header-zone-right{grid-column:3!important;width:auto!important;min-width:0!important;justify-self:end!important;} /* تثبيت الأدوات في نهاية الهيدر. */
html body header.site-header.biagiotti-header .mobile-menu-btn{display:inline-grid!important;} /* إظهار زر القائمة على التابلت والموبايل. */
html body .mobile-nav-panel{position:fixed!important;inset-block:0!important;inset-inline-start:0!important;display:flex!important;width:min(88vw,390px)!important;height:100vh!important;height:100dvh!important;padding:92px 24px 28px!important;flex-direction:column!important;overflow-y:auto!important;z-index:9998!important;border:0!important;background:var(--rr-header-bg)!important;color:var(--rr-header-text)!important;box-shadow:20px 0 60px rgba(0,0,0,.18)!important;opacity:0!important;visibility:visible!important;pointer-events:none!important;transform:translateX(-105%)!important;transition:transform .32s ease,opacity .25s ease!important;} /* إنشاء لوحة موبايل واضحة خارج الشاشة وهي مغلقة. */
html[dir="rtl"] body .mobile-nav-panel{inset-inline-start:auto!important;inset-inline-end:0!important;transform:translateX(105%)!important;box-shadow:-20px 0 60px rgba(0,0,0,.18)!important;} /* فتح القائمة من اليمين في العربية. */
html body.nav-open .mobile-nav-panel{opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important;} /* إظهار القائمة عند فتحها. */
html body .mobile-nav-panel a,html body .mobile-nav-panel button{display:flex!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:12px 4px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--rr-header-text) 12%,transparent)!important;border-radius:0!important;background:transparent!important;color:var(--rr-header-text)!important;font-family:var(--rr-header-font)!important;font-size:var(--rr-header-font-size)!important;text-align:start!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;} /* إظهار نصوص القائمة ومنع تأثير الأزرار العام عليها. */
html body.nav-open::after{position:fixed;inset:0;z-index:9997;display:block!important;content:""!important;background:rgba(20,12,17,.38)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);} /* إضافة خلفية تعتيم خلف لوحة الموبايل. */
html body.nav-open header.site-header.biagiotti-header{z-index:9999!important;} /* إبقاء زر الإغلاق فوق طبقة التعتيم. */
} /* نهاية قواعد التابلت والموبايل. */

@media(max-width:600px){ /* بداية قواعد الهواتف. */
html body header.site-header.biagiotti-header .account-pill{display:none!important;} /* إخفاء الحساب فقط على الهواتف الضيقة لتوفير مساحة. */
html body header.site-header.biagiotti-header .header-actions{gap:3px!important;} /* تقليل المسافة بين أدوات الهاتف. */
html body header.site-header.biagiotti-header .rr-search-btn svg{width:calc(var(--rr-header-icon-size) * 1.06)!important;height:calc(var(--rr-header-icon-size) * 1.06)!important;} /* منع تضخم العدسة على الهاتف. */
.section{padding-inline:14px!important;} /* حماية الأقسام من ملامسة حواف الهاتف. */
.shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} /* عرض منتجين في الصف على الهاتف المتوسط. */
.shop-product-card{min-width:0!important;} /* منع كارت المنتج من توسيع الصفحة. */
.shop-product-card h3{font-size:13px!important;} /* ضبط عنوان المنتج على الهاتف. */
.shop-product-media{aspect-ratio:4/5!important;} /* الحفاظ على نسبة صور المنتجات. */
} /* نهاية قواعد الهواتف. */

@media(max-width:380px){ /* بداية قواعد الهواتف الصغيرة جدًا. */
.shopping-grid{grid-template-columns:1fr!important;} /* عرض منتج واحد لمنع تزاحم الكروت. */
} /* نهاية قواعد الهواتف الصغيرة جدًا. */

/* -------------------------------------------------------------------------- */
/* شريط المميزات وقسم التصنيفات بعد السلايدر.                                 */
/* -------------------------------------------------------------------------- */
html body .v9-feature-strip{position:relative!important;z-index:3!important;margin:0!important;border-top:1px solid #eee5e1!important;border-bottom:1px solid #eee5e1!important;background:#fffaf7!important;} /* تثبيت شريط المميزات بلا هوامش متعارضة. */
html body .v9-feature-strip-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(1060px,calc(100% - 48px))!important;max-width:1060px!important;margin:0 auto!important;} /* توحيد عرض شريط المميزات مع التصنيفات. */
html body .v9-feature-item{display:flex!important;min-height:88px!important;align-items:center!important;gap:14px!important;padding:14px 26px!important;} /* تثبيت ارتفاع ومسافات عناصر المميزات. */
html body .v9-feature-icon{display:grid!important;width:30px!important;height:30px!important;flex:0 0 30px!important;place-items:center!important;} /* توحيد حجم حاوية أيقونة الميزة. */
html body .v9-feature-icon svg{width:27px!important;height:27px!important;} /* توحيد رسم أيقونة الميزة. */
html body .v9-feature-title{margin:0 0 3px!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.035em!important;} /* تثبيت عنوان الميزة. */
html body .v9-feature-desc{margin:0!important;font-size:9px!important;line-height:1.35!important;} /* تثبيت وصف الميزة. */
html body .rr-home-category-showcase{margin:0!important;padding:25px 0 34px!important;background:#fbf8f6!important;} /* تثبيت المسافات الخارجية لقسم التصنيفات. */
html body .rr-home-category-inner{width:min(1060px,calc(100% - 48px))!important;max-width:1060px!important;margin:0 auto!important;} /* تثبيت عرض حاوية التصنيفات. */
html body .rr-home-category-heading{margin:0 0 17px!important;} /* تثبيت المسافة بين العنوان والصور. */
html body .rr-home-category-heading h2{font-size:25px!important;line-height:1.12!important;letter-spacing:.025em!important;} /* تثبيت حجم عنوان التصنيفات. */
html body .rr-home-category-heading>span{width:38px!important;height:1px!important;margin-top:10px!important;} /* تثبيت الخط الزخرفي أسفل العنوان. */
html body .rr-home-category-rail{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;justify-content:stretch!important;width:100%!important;margin:0!important;padding:0!important;gap:14px!important;overflow:visible!important;} /* عرض خمس بطاقات متساوية على الديسكتوب. */
html body .rr-home-category-card{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;} /* منع قواعد Flex القديمة من تغيير عرض البطاقة. */
html body .rr-home-category-media{width:100%!important;min-height:0!important;aspect-ratio:2.12/1!important;} /* تثبيت أبعاد صورة التصنيف مثل المرجع. */
html body .rr-home-category-content{min-height:43px!important;padding:8px 0 0!important;} /* تثبيت مساحة النص أسفل الصورة. */
html body .rr-home-category-content b{font-size:10px!important;line-height:1.3!important;letter-spacing:.025em!important;} /* تثبيت اسم التصنيف. */
html body .rr-home-category-content small{margin-top:3px!important;font-size:7.5px!important;line-height:1.3!important;letter-spacing:.085em!important;} /* تثبيت رابط Shop Now. */

@media(max-width:1100px){ /* بداية استجابة التصنيفات على التابلت. */
html body .v9-feature-strip-inner{width:calc(100% - 32px)!important;} /* تقليل هامش شريط المميزات. */
html body .v9-feature-item{padding-inline:18px!important;} /* حماية نص المميزات من الضغط. */
html body .rr-home-category-inner{width:100%!important;max-width:none!important;} /* استخدام عرض الشاشة لقسم التصنيفات. */
html body .rr-home-category-heading{padding-inline:24px!important;} /* إبقاء العنوان داخل هامش واضح. */
html body .rr-home-category-rail{display:flex!important;justify-content:flex-start!important;gap:14px!important;padding-inline:24px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-padding-inline:24px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;} /* تحويل التصنيفات إلى سحب أفقي دون تصغير الصور. */
html body .rr-home-category-rail::-webkit-scrollbar{display:none!important;} /* إخفاء شريط التمرير المرئي. */
html body .rr-home-category-card{width:200px!important;flex:0 0 200px!important;scroll-snap-align:start!important;} /* الحفاظ على عرض الصورة المرجعي أثناء السحب. */
} /* نهاية استجابة التصنيفات على التابلت. */

@media(max-width:760px){ /* بداية استجابة المميزات والتصنيفات على الهاتف. */
html body .v9-feature-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;} /* عرض ميزتين في كل صف. */
html body .v9-feature-item{min-height:82px!important;padding:13px 15px!important;} /* ضبط ارتفاع عنصر الميزة. */
html body .rr-home-category-showcase{padding:24px 0 30px!important;} /* تقليل مسافات القسم على الهاتف. */
html body .rr-home-category-heading{margin-bottom:16px!important;padding-inline:18px!important;} /* ضبط مسافات عنوان القسم. */
html body .rr-home-category-heading h2{font-size:22px!important;} /* ضبط حجم عنوان التصنيفات. */
html body .rr-home-category-rail{gap:12px!important;padding-inline:18px!important;scroll-padding-inline:18px!important;} /* ضبط هوامش السحب. */
html body .rr-home-category-card{width:min(72vw,260px)!important;flex-basis:min(72vw,260px)!important;} /* إظهار البطاقة وجزء من التالية. */
html body .rr-home-category-media{aspect-ratio:2.05/1!important;} /* الحفاظ على الصورة الأفقية. */
} /* نهاية استجابة الهاتف. */

@media(max-width:430px){ /* بداية استجابة الهواتف الصغيرة جدًا. */
html body .v9-feature-strip-inner{grid-template-columns:1fr!important;} /* عرض كل ميزة في صف مستقل. */
html body .v9-feature-item{min-height:72px!important;border-inline-end:0!important;} /* إزالة الحدود الجانبية في الصف الواحد. */
html body .rr-home-category-card{width:78vw!important;flex-basis:78vw!important;} /* تكبير بطاقة التصنيف على الهاتف الصغير. */
} /* نهاية استجابة الهواتف الصغيرة جدًا. */

/* -------------------------------------------------------------------------- */
/* الفوتر — تثبيت الشكل والنهاية بدون مساحة بيضاء أسفله.                       */
/* -------------------------------------------------------------------------- */
html body footer.site-footer.rr-premium-footer{position:relative!important;display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;margin-block-end:0!important;padding:clamp(70px,8vw,104px) max(24px,calc((100vw - 1380px)/2)) max(0px,env(safe-area-inset-bottom))!important;overflow:hidden!important;border:0!important;border-top:1px solid rgba(255,255,255,.06)!important;background:radial-gradient(circle at 8% 0,rgba(190,62,111,.22),transparent 31%),radial-gradient(circle at 92% 22%,rgba(255,255,255,.04),transparent 23%),#151015!important;color:#fff!important;box-shadow:none!important;} /* إنشاء غلاف فوتر متصل بنهاية الصفحة دون هامش أبيض. */
html body footer.site-footer.rr-premium-footer::before{position:absolute!important;right:-.04em!important;bottom:-.24em!important;display:block!important;content:"RubyRose"!important;color:rgba(255,255,255,.018)!important;font-family:'Playfair Display',serif!important;font-size:clamp(130px,25vw,390px)!important;font-weight:900!important;line-height:1!important;pointer-events:none!important;} /* الحفاظ على كتابة البراند الخلفية داخل حدود الفوتر. */
html body footer.site-footer.rr-premium-footer::after{display:none!important;content:none!important;} /* منع أي طبقة قد تضيف ارتفاعًا بعد الفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-glow{position:absolute!important;top:-90px!important;left:36%!important;width:420px!important;height:220px!important;border-radius:50%!important;background:rgba(185,52,102,.09)!important;filter:blur(70px)!important;pointer-events:none!important;} /* تثبيت التوهج داخل الفوتر دون التأثير على التدفق. */
html body footer.site-footer.rr-premium-footer .rr-footer-grid{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1.35fr .72fr .9fr 1.18fr!important;width:100%!important;max-width:1380px!important;margin:0 auto!important;gap:clamp(30px,5vw,76px)!important;align-items:start!important;} /* توحيد شبكة الفوتر. */
html body footer.site-footer.rr-premium-footer .footer-col,html body footer.site-footer.rr-premium-footer .rr-footer-brand{min-width:0!important;margin:0!important;} /* منع الأعمدة من توسيع الصفحة أو إضافة هوامش غير متوقعة. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand{max-width:380px!important;} /* تثبيت عرض عمود البراند. */
html body footer.site-footer.rr-premium-footer .rr-footer-logo{display:inline-flex!important;margin:0 0 18px!important;} /* تثبيت موضع لوجو الفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-logo img{display:block!important;max-width:156px!important;margin:0!important;} /* تثبيت حجم صورة اللوجو. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{margin:0 0 12px!important;color:#fff!important;font-size:38px!important;line-height:1.1!important;letter-spacing:-.03em!important;} /* توحيد عنوان البراند. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand p{max-width:330px!important;margin:0!important;color:rgba(255,255,255,.58)!important;font-size:13px!important;line-height:1.8!important;} /* توحيد وصف البراند. */
html body footer.site-footer.rr-premium-footer .footer-social{display:flex!important;align-items:center!important;gap:8px!important;margin:20px 0 0!important;} /* توحيد صف روابط التواصل الاجتماعي. */
html body footer.site-footer.rr-premium-footer .footer-social a{display:inline-grid!important;width:38px!important;height:38px!important;place-items:center!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:rgba(255,255,255,.035)!important;color:#fff!important;text-decoration:none!important;} /* توحيد أزرار التواصل داخل الفوتر. */
html body footer.site-footer.rr-premium-footer .footer-social a:hover{border-color:var(--rr-rose)!important;background:var(--rr-rose)!important;transform:translateY(-2px)!important;} /* توحيد حركة أزرار التواصل. */
html body footer.site-footer.rr-premium-footer .footer-col h4{position:relative!important;margin:0 0 24px!important;padding:0 0 12px!important;color:#fff!important;} /* توحيد عناوين أعمدة الفوتر. */
html body footer.site-footer.rr-premium-footer .footer-col h4::after{position:absolute!important;bottom:0!important;inset-inline-start:0!important;width:28px!important;height:1px!important;content:""!important;background:var(--rr-rose)!important;} /* إضافة خط موحد أسفل عنوان العمود. */
html body footer.site-footer.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn){display:block!important;margin:10px 0!important;color:rgba(255,255,255,.62)!important;text-decoration:none!important;} /* توحيد روابط الفوتر العادية. */
html body footer.site-footer.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn):hover{color:#fff!important;} /* توحيد حركة روابط الفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact{min-width:0!important;} /* منع عمود التواصل من توسيع العرض. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line{display:flex!important;width:100%!important;flex-direction:column!important;gap:2px!important;margin:0 0 14px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important;} /* توحيد الهاتف والبريد والعنوان. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line small{color:rgba(255,255,255,.38)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.15em!important;text-transform:uppercase!important;} /* توحيد عنوان وسيلة التواصل. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line span{overflow-wrap:anywhere!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;} /* منع البريد الطويل من توسيع الفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card{margin:22px 0 0!important;padding:20px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;} /* توحيد كارت مبيعات الجملة. */
html body footer.site-footer.rr-premium-footer .footer-bottom{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:1380px!important;min-height:0!important;margin:54px auto 0!important;margin-block-end:0!important;padding:22px 0 24px!important;border-top:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.43)!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.12em!important;text-align:start!important;text-transform:uppercase!important;} /* تثبيت شريط الحقوق كآخر جزء داخل الفوتر. */
html body footer.site-footer.rr-premium-footer .footer-bottom>*{margin:0!important;} /* إزالة أي هوامش قد تظهر بعد شريط الحقوق. */
html body footer.site-footer.rr-premium-footer .rr-footer-signature{color:rgba(255,255,255,.3)!important;} /* تثبيت لون جملة البراند الختامية. */

@media(max-width:1020px){ /* بداية استجابة الفوتر على التابلت. */
html body footer.site-footer.rr-premium-footer .rr-footer-grid{grid-template-columns:1.2fr 1fr 1fr!important;} /* تحويل الفوتر إلى ثلاثة أعمدة. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact{grid-column:2/4!important;} /* تمديد التواصل عبر عمودين. */
} /* نهاية استجابة الفوتر على التابلت. */

@media(max-width:760px){ /* بداية استجابة الفوتر على الموبايل الكبير. */
html body footer.site-footer.rr-premium-footer{padding-top:58px!important;padding-inline:22px!important;} /* تقليل المساحات الخارجية للفوتر. */
html body footer.site-footer.rr-premium-footer .rr-footer-grid{grid-template-columns:1fr 1fr!important;gap:34px 24px!important;} /* تحويل الفوتر إلى عمودين. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand,html body footer.site-footer.rr-premium-footer .rr-footer-contact{grid-column:1/-1!important;max-width:none!important;} /* جعل البراند والتواصل بعرض الفوتر. */
html body footer.site-footer.rr-premium-footer .footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-top:38px!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;} /* ترتيب الحقوق رأسيًا وإنهاء الفوتر دون فراغ. */
} /* نهاية استجابة الفوتر على الموبايل الكبير. */

@media(max-width:520px){ /* بداية استجابة الفوتر على الهاتف الصغير. */
html body footer.site-footer.rr-premium-footer .rr-footer-grid{grid-template-columns:1fr!important;} /* تحويل الفوتر إلى عمود واحد. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand,html body footer.site-footer.rr-premium-footer .rr-footer-contact{grid-column:auto!important;} /* إعادة الأعمدة إلى التدفق الطبيعي. */
} /* نهاية استجابة الفوتر على الهاتف الصغير. */