/* ===== style.css ===== */
:root{--ruby:#e51f77;--text:#29212a;--soft:#fff3f8;--radius:22px} /* ألوان RubyRose */
*{box-sizing:border-box} /* ضبط الأحجام */
body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7} /* الجسم */
a{text-decoration:none;color:inherit} /* الروابط */
img{max-width:100%;height:auto;display:block} /* الصور Responsive */

.site-header{position:sticky;top:0;z-index:60;padding:10px clamp(14px,4vw,58px);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(229,31,119,.08);border-bottom:1px solid rgba(229,31,119,.08)} /* هيدر عصري ثابت */
.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px} /* حاوية الهيدر */
.brand{display:flex;align-items:center;gap:12px;min-width:220px} /* اللوجو والاسم */
.brand img{width:118px;border-radius:18px;box-shadow:0 10px 24px rgba(229,31,119,.18)} /* صورة اللوجو */
.brand-text{display:grid;line-height:1.15} /* نص البراند */
.brand-text strong{font-size:20px;font-weight:500;letter-spacing:.3px;color:var(--ruby)} /* اسم البراند */
.brand-text small{font-size:12px;color:#8b7780;white-space:nowrap} /* الشعار */
.main-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex:1} /* القائمة */
.main-nav a{position:relative;padding:11px 16px;border-radius:999px;color:#332632;font-weight:600;transition:.25s ease} /* رابط القائمة */
.main-nav a:hover,.main-nav a.active{color:var(--ruby);background:#fff3f8;box-shadow:0 8px 20px rgba(229,31,119,.10)} /* تفاعل القائمة */
.header-actions{display:flex;align-items:center;gap:10px;min-width:190px;justify-content:flex-end} /* أدوات الهيدر */
.lang-switch{display:flex;gap:4px;padding:4px;background:#fff3f8;border:1px solid #ffd5e5;border-radius:999px} /* تبديل اللغة */
.lang-switch a{min-width:48px;text-align:center;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:800;color:#956473;transition:.25s ease} /* زر اللغة */
.lang-switch a.active,.lang-switch a:hover{background:var(--ruby);color:#fff;box-shadow:0 8px 18px rgba(229,31,119,.25)} /* اللغة النشطة */
.cart-pill{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#191116;color:#fff;box-shadow:0 10px 24px rgba(25,17,22,.16)} /* أيقونة السلة */
.mobile-menu-btn{display:none;border:0;background:var(--ruby);color:#fff;width:42px;height:42px;border-radius:14px;font-size:20px;cursor:pointer} /* زر قائمة الموبايل */







.hero-slider{min-height:clamp(560px,78vh,820px);position:relative;overflow:hidden;background:linear-gradient(135deg,#fff9fc 0%,#fff0f6 42%,#ffe1ec 100%);isolation:isolate} /* السلايدر الرئيسي بخلفية ناعمة */
.hero-slider:before{content:"";position:absolute;inset:auto -8% -38% auto;width:54vw;aspect-ratio:1;border-radius:50%;background:rgba(229,31,119,.12);filter:blur(8px);z-index:-1} /* دائرة خلفية ناعمة */
.hero-slider:after{content:"RubyRose";position:absolute;inset:auto auto 18px 4vw;font-size:clamp(64px,12vw,180px);line-height:1;font-weight:300;color:rgba(229,31,119,.045);letter-spacing:-8px;z-index:-1;pointer-events:none} /* كلمة زخرفية كبيرة */
html[dir="rtl"] .hero-slider:after{inset:auto 4vw 18px auto;letter-spacing:-5px} /* ضبط الزخرفة في العربي */
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease;display:grid;place-items:center;padding:clamp(26px,5vw,70px) clamp(16px,5vw,76px)} /* السلايد */
.hero-slide.active{opacity:1;visibility:visible;z-index:1} /* السلايد النشط */
.hero-shell{width:min(1260px,100%);min-height:clamp(480px,66vh,660px);display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(26px,5vw,74px);align-items:center;margin:auto} /* جسم السلايدر */
html[dir="rtl"] .hero-shell{grid-template-columns:1.12fr .88fr} /* ترتيب أعمدة السلايدر للعربي */
.hero-copy{position:relative;z-index:3;max-width:560px;padding:clamp(22px,4vw,44px);border-radius:34px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.78);box-shadow:0 28px 85px rgba(93,32,57,.10);backdrop-filter:blur(18px);text-align:start} /* صندوق النص */
.hero-copy:before{content:"";position:absolute;inset:14px;border:1px solid rgba(229,31,119,.13);border-radius:26px;pointer-events:none} /* إطار داخلي ناعم */
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:5px;text-transform:uppercase;color:var(--ruby);font-size:12px;font-weight:900;margin-bottom:12px} /* العنوان الصغير */
.hero-eyebrow:before{content:"";width:34px;height:1px;background:var(--ruby);opacity:.65} /* خط صغير بجانب العنوان */
.hero-copy h1{margin:0 0 16px;font-size:clamp(40px,6.5vw,86px);line-height:.98;font-weight:300;letter-spacing:-2.6px;color:#24141d} /* عنوان السلايدر */
.hero-copy p{margin:0 0 28px;color:#6d5b64;font-size:clamp(15px,1.55vw,18px);max-width:470px} /* وصف السلايدر */
.hero-btn{padding-inline:28px;background:#21161d;box-shadow:0 16px 35px rgba(33,22,29,.18)} /* زر السلايدر */
.hero-btn:hover{background:var(--ruby);transform:translateY(-2px)} /* تفاعل زر السلايدر */
.hero-media{position:relative;min-height:clamp(390px,54vh,620px);display:grid;place-items:center;z-index:2} /* حاوية الصورة */
.hero-media:before{content:"";position:absolute;width:min(580px,88%);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 35px 100px rgba(229,31,119,.14);z-index:-2} /* دائرة خلف الصورة */
.hero-media picture{width:min(720px,100%);display:block;filter:drop-shadow(0 34px 45px rgba(69,20,42,.16))} /* الصورة */
.hero-media img{width:100%;height:auto;object-fit:contain;border-radius:38px} /* صورة السلايدر */
.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(229,31,119,.18);pointer-events:none} /* مدار زخرفي */
.hero-orbit-one{width:min(620px,94%);aspect-ratio:1;animation:rrFloat 6s ease-in-out infinite} /* مدار أول */
.hero-orbit-two{width:min(470px,74%);aspect-ratio:1;animation:rrFloat 7s ease-in-out infinite reverse} /* مدار ثاني */
.slider-controls{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.84);box-shadow:0 14px 35px rgba(65,23,43,.10);backdrop-filter:blur(12px)} /* تحكم السلايدر */
.slider-arrow{width:38px;height:38px;border:0;border-radius:50%;background:#21161d;color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.25s ease} /* سهم السلايدر */
.slider-arrow:hover{background:var(--ruby);transform:translateY(-1px)} /* تفاعل السهم */
.slider-dots{display:flex;gap:7px;align-items:center} /* نقاط السلايدر */
.slider-dot{width:9px;height:9px;border-radius:999px;border:0;background:#e7b3c7;cursor:pointer;transition:.25s ease;padding:0} /* نقطة */
.slider-dot.active{width:28px;background:var(--ruby)} /* نقطة نشطة */
@keyframes rrFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-13px) rotate(2deg)}} /* حركة زخرفية ناعمة */
.home-tabs-section{padding-top:22px;padding-bottom:0} /* قسم تبويبات الرئيسية */
.home-tabs{max-width:820px;margin:auto;display:flex;justify-content:center;gap:12px;flex-wrap:wrap} /* حاوية التبويبات */
.home-tabs a{padding:12px 24px;border-radius:999px;background:#fff;border:1px solid #ffd4e4;color:var(--ruby);font-weight:800;box-shadow:0 14px 30px rgba(229,31,119,.08);transition:.25s ease} /* رابط التبويب */
.home-tabs a:hover{background:var(--ruby);color:#fff;transform:translateY(-2px)} /* تفاعل التبويب */
.page-hero{background:linear-gradient(135deg,#fff4f9,#fff);text-align:center;border-bottom:1px solid #ffe2ed} /* هيرو الصفحات الداخلية */
.page-hero p{max-width:620px;margin:0 auto;color:#76636d} /* وصف هيرو الصفحات */
.offer-card small{display:block;color:#8a6f7d;margin-top:8px} /* موعد نهاية العرض */
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ruby);color:#fff;border:0;border-radius:999px;padding:12px 25px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #e51f7740} /* زر */
.btn.ghost{background:#fff;color:var(--ruby);border:1px solid #ffd2e3;box-shadow:none} /* زر ثانوي */
.btn.small{padding:8px 16px;font-size:14px} /* زر صغير */
.section{padding:clamp(36px,7vw,86px) clamp(14px,5vw,72px)} /* قسم */
.narrow{max-width:860px;margin:auto} /* عرض ضيق */
.section h1,.section h2{text-align:center;font-weight:300;font-size:clamp(30px,5vw,52px)} /* عناوين */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px} /* شبكة */
.category-card,.product-card{background:white;border:1px solid #f4e3ea;border-radius:var(--radius);padding:16px;text-align:center;box-shadow:0 15px 35px #00000008} /* كارت */
.category-card img,.product-card img{aspect-ratio:1/1;object-fit:cover;border-radius:18px;background:var(--soft)} /* صورة كارت */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:clamp(30px,6vw,78px);align-items:center} /* تفاصيل */
.product-main-image{border-radius:32px;background:var(--soft)} /* صورة رئيسية */
.form-card{display:grid;gap:14px;background:white;border:1px solid #f2dbe4;border-radius:24px;padding:24px;box-shadow:0 15px 40px #0001} /* فورم */
.form-card label{display:grid;gap:6px;font-weight:700} /* ليبل */
input,textarea,select{width:100%;border:1px solid #ecd7e0;border-radius:14px;padding:12px;font:inherit;background:#fff} /* حقول */
textarea{min-height:110px} /* textarea */
.cart-row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:14px;border-bottom:1px solid #f0e1e8} /* صف سلة */
.status-bar{display:flex;gap:10px;align-items:center;overflow:auto;padding:18px 0} /* شريط حالة */
.step{min-width:130px;padding:12px;border-radius:999px;background:#f5edf1;text-align:center;color:#887681} /* خطوة */
.step.done{background:var(--ruby);color:#fff} /* خطوة منجزة */



.chatbot{position:fixed;inset-inline-end:22px;bottom:22px;z-index:50} /* الشات */
.chatbot-toggle{width:58px;height:58px;border-radius:50%;border:0;background:var(--ruby);color:white;font-size:24px} /* زر الشات */
.chatbot-panel{display:none;width:min(340px,calc(100vw - 44px));height:420px;background:white;border-radius:24px;box-shadow:0 20px 60px #0002;overflow:hidden;border:1px solid #f0d8e3} /* لوحة الشات */
.chatbot.open .chatbot-panel{display:grid;grid-template-rows:auto 1fr auto} /* إظهار الشات */
.chatbot-title{background:var(--ruby);color:white;padding:14px;font-weight:700} /* عنوان الشات */
.chatbot-messages{padding:14px;overflow:auto;font-size:14px} /* رسائل */
.chatbot-input{border-radius:0;border-width:1px 0 0} /* إدخال */

.site-footer{background:radial-gradient(circle at top left,rgba(229,31,119,.22),transparent 36%),#171116;color:#fff;padding:56px clamp(16px,5vw,72px) 0} /* الفوتر العصري */
.footer-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:34px;align-items:start} /* شبكة الفوتر */
.footer-brand img{width:142px;border-radius:20px;margin-bottom:16px;box-shadow:0 12px 30px rgba(229,31,119,.22)} /* لوجو الفوتر */
.footer-brand h3,.footer-col h4{margin:0 0 12px;font-weight:500;color:#fff} /* عناوين الفوتر */
.footer-brand p,.footer-col p,.footer-col span{color:#d8c8d0;margin:0 0 10px;display:block} /* نصوص الفوتر */
.footer-col a{display:block;color:#d8c8d0;margin:8px 0;transition:.25s ease} /* روابط الفوتر */
.footer-col a:hover{color:#fff;transform:translateX(3px)} /* تفاعل روابط الفوتر */
html[dir="rtl"] .footer-col a:hover{transform:translateX(-3px)} /* تفاعل روابط الفوتر عربي */
.footer-social{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap} /* سوشيال الفوتر */
.footer-social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ruby);font-weight:900;margin:0;box-shadow:0 10px 22px rgba(0,0,0,.18)} /* أيقونة سوشيال */
.footer-social a:hover{background:var(--ruby);color:#fff;transform:translateY(-3px)} /* تفاعل السوشيال */
.footer-btn{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;background:var(--ruby);color:#fff!important;padding:10px 18px;margin-top:10px!important;box-shadow:0 10px 24px rgba(229,31,119,.28)} /* زر الفوتر */
.footer-bottom{margin-top:40px;padding:18px;text-align:center;border-top:1px solid rgba(255,255,255,.08);color:#bcaeb5;font-size:14px} /* حقوق النشر */
@media(max-width:980px){.header-inner{flex-wrap:wrap}.brand{min-width:auto}.header-actions{min-width:auto}.footer-inner{grid-template-columns:1fr 1fr}.main-nav{order:3;width:100%;justify-content:center}.hero-shell,html[dir="rtl"] .hero-shell{grid-template-columns:1fr 1fr;gap:28px}.hero-copy h1{font-size:clamp(38px,7vw,70px)}} /* تابلت */
@media(max-width:800px){.product-detail{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr}.brand img{width:104px}.brand-text small{display:none}.mobile-menu-btn{display:grid}.main-nav{display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #ffe0eb;border-radius:20px;padding:12px;box-shadow:0 16px 40px rgba(0,0,0,.08)}.nav-open .main-nav{display:flex}.main-nav a{text-align:center}.header-actions{margin-inline-start:auto}.footer-inner{grid-template-columns:1fr}.site-footer{text-align:start}.footer-brand img{margin-inline:0}.hero-slider{min-height:auto;padding:0;background:linear-gradient(180deg,#fff8fb 0%,#ffe9f2 100%)}.hero-slider:after{font-size:64px;letter-spacing:-4px;bottom:8px;opacity:.6}.hero-slide{position:relative;min-height:auto;padding:24px 14px 78px;display:none;opacity:1;visibility:visible}.hero-slide.active{display:block}.hero-shell,html[dir="rtl"] .hero-shell{min-height:auto;grid-template-columns:1fr;gap:18px}.hero-media{order:1;min-height:auto;padding-top:8px}.hero-media:before{width:min(340px,88vw)}.hero-media picture{width:min(430px,96vw);filter:drop-shadow(0 22px 30px rgba(69,20,42,.13))}.hero-media img{border-radius:28px}.hero-orbit-one{width:min(380px,92vw)}.hero-orbit-two{width:min(290px,74vw)}.hero-copy{order:2;margin:auto;text-align:center;padding:28px 22px;max-width:560px;background:rgba(255,255,255,.76)}.hero-eyebrow{justify-content:center;letter-spacing:3px}.hero-copy h1{font-size:clamp(34px,10vw,58px);letter-spacing:-1.5px}.hero-copy p{margin-inline:auto}.slider-controls{bottom:18px}.home-tabs-section{padding-top:12px}} /* موبايل */
@media(max-width:520px){.site-header{padding:8px 12px}.brand-text strong{font-size:17px}.lang-switch a{min-width:42px;padding:6px 8px}.cart-pill{width:36px;height:36px}.hero-copy{padding:24px 18px;border-radius:26px}.hero-copy:before{inset:10px;border-radius:20px}.section{padding-inline:14px}.slider-arrow{width:34px;height:34px;font-size:24px}.slider-controls{padding:7px 10px}} /* موبايل صغير */


/* V2.4 Mobile Side Showcase Slider - بداية تصميم السلايدر الجانبي للموبايل */
@media(max-width:800px){ /* تطبيق التصميم الجانبي على شاشات الموبايل فقط */
  .mobile-side-slider{min-height:calc(100svh - 66px);background:#fff;overflow:hidden;touch-action:pan-y;} /* جعل السلايدر بارتفاع الشاشة تقريبًا مع السماح بالسحب العمودي الطبيعي */
  .mobile-side-slider:before{display:none;} /* إخفاء الدائرة الخلفية القديمة في الموبايل */
  .mobile-side-slider:after{content:"RubyRose";left:50%;right:auto;bottom:16px;transform:translateX(-50%);font-size:58px;letter-spacing:-4px;color:rgba(229,31,119,.055);white-space:nowrap;} /* إضافة توقيع خفيف في الخلفية */
  html[dir="rtl"] .mobile-side-slider:after{left:50%;right:auto;letter-spacing:-3px;} /* تثبيت التوقيع في العربي */
  .mobile-side-slider .hero-slide{position:absolute;inset:0;display:block;visibility:visible;opacity:0;transform:translateX(100%);transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .42s ease;padding:0;background:#fff;} /* تحويل كل سلايد إلى لوحة جانبية قابلة للحركة */
  .mobile-side-slider .hero-slide.slide-before{transform:translateX(-100%);} /* وضع السلايدات السابقة خارج الشاشة من اليسار */
  .mobile-side-slider .hero-slide.slide-after{transform:translateX(100%);} /* وضع السلايدات التالية خارج الشاشة من اليمين */
  .mobile-side-slider .hero-slide.active{opacity:1;transform:translateX(0);z-index:2;} /* إظهار السلايد النشط في المنتصف */
  html[dir="rtl"] .mobile-side-slider .hero-slide.slide-before{transform:translateX(100%);} /* عكس اتجاه السلايدات السابقة في العربي */
  html[dir="rtl"] .mobile-side-slider .hero-slide.slide-after{transform:translateX(-100%);} /* عكس اتجاه السلايدات التالية في العربي */
  .mobile-side-slider .hero-shell,html[dir="rtl"] .mobile-side-slider .hero-shell{width:100%;height:100%;min-height:calc(100svh - 66px);display:grid;grid-template-columns:46% 54%;gap:0;align-items:stretch;} /* تقسيم الشاشة إلى صورة جانبية ومحتوى جانبي */
  .mobile-side-slider .hero-media{order:1;min-height:100%;height:100%;padding:0;background:linear-gradient(180deg,#fff1f7 0%,#ffe2ee 100%);overflow:hidden;display:grid;place-items:center;} /* جعل الصورة في جانب الشاشة مثل الفيديو */
  .mobile-side-slider .hero-media:before{display:none;} /* إلغاء الدائرة خلف الصورة في الموبايل */
  .mobile-side-slider .hero-media picture{width:100%;height:100%;display:block;filter:none;} /* جعل الصورة تملأ جانب السلايدر */
  .mobile-side-slider .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;} /* ضبط الصورة لتغطي الجانب بدون فراغات */
  .mobile-side-slider .hero-orbit{display:none;} /* إخفاء الزخارف الدائرية في الموبايل */
  .mobile-side-slider .hero-copy{order:2;align-self:center;justify-self:center;width:100%;max-width:none;margin:0;padding:28px 24px 28px 18px;background:#fff;border-radius:0;box-shadow:none;text-align:start;min-height:100%;display:flex;flex-direction:column;justify-content:center;} /* جعل النص في الجانب الثاني بشكل نظيف */
  html[dir="rtl"] .mobile-side-slider .hero-copy{padding:28px 18px 28px 24px;text-align:start;} /* ضبط مسافات النص في العربي */
  .mobile-side-slider .hero-copy:before{display:none;} /* إخفاء إطار النص الداخلي في الموبايل */
  .mobile-side-slider .hero-eyebrow{justify-content:flex-start;gap:8px;font-size:10px;letter-spacing:2.8px;color:var(--ruby);margin-bottom:10px;} /* تصغير السطر العلوي مثل أسلوب المجلات */
  html[dir="rtl"] .mobile-side-slider .hero-eyebrow{justify-content:flex-start;letter-spacing:0;} /* ضبط السطر العلوي في العربي */
  .mobile-side-slider .hero-copy h1{font-size:clamp(24px,8vw,40px);line-height:1.06;letter-spacing:-1px;margin:0 0 12px;color:#191116;} /* عنوان ناعم ومقروء على الموبايل */
  .mobile-side-slider .hero-copy p{font-size:13px;line-height:1.75;max-width:260px;margin:0 0 18px;color:#786773;} /* وصف صغير لا يزحم الشاشة */
  .mobile-side-slider .hero-btn{align-self:flex-start;padding:11px 18px;font-size:11px;letter-spacing:1px;border-radius:0;background:#fff;color:#191116;border:1px solid #191116;box-shadow:none;text-transform:uppercase;} /* زر شبيه بالستايل الجانبي في الفيديو */
  .mobile-side-slider .hero-btn:hover{background:var(--ruby);border-color:var(--ruby);color:#fff;} /* تفاعل الزر */
  .mobile-side-slider .slider-controls{left:auto;right:10px;bottom:auto;top:50%;transform:translateY(-50%);padding:8px 6px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(0,0,0,.08);z-index:8;flex-direction:column;gap:9px;} /* نقل نقاط السلايدر إلى جانب الشاشة */
  html[dir="rtl"] .mobile-side-slider .slider-controls{right:auto;left:10px;} /* نقل النقاط للجهة المناسبة في العربي */
  .mobile-side-slider .slider-arrow{display:none;} /* إخفاء الأسهم على الموبايل والاعتماد على السحب والنقاط */
  .mobile-side-slider .slider-dots{display:flex;flex-direction:column;gap:9px;} /* جعل النقاط رأسية */
  .mobile-side-slider .slider-dot{width:10px;height:10px;border-radius:50%;border:1px solid #191116;background:transparent;opacity:.85;} /* شكل النقطة الجانبية */
  .mobile-side-slider .slider-dot.active{width:10px;height:10px;background:var(--ruby);border-color:var(--ruby);box-shadow:0 0 0 5px rgba(229,31,119,.12);} /* تمييز السلايد الحالي */
} /* نهاية تصميم السلايدر الجانبي للموبايل */
@media(max-width:480px){ /* تحسينات الشاشات الصغيرة جدًا */
  .mobile-side-slider .hero-shell,html[dir="rtl"] .mobile-side-slider .hero-shell{grid-template-columns:44% 56%;} /* زيادة مساحة النص قليلًا في الموبايل الصغير */
  .mobile-side-slider .hero-copy{padding-inline:16px 26px;} /* تقليل مسافات النص */
  html[dir="rtl"] .mobile-side-slider .hero-copy{padding-inline:26px 16px;} /* تقليل مسافات النص في العربي */
  .mobile-side-slider .hero-copy h1{font-size:clamp(22px,8.5vw,34px);} /* تصغير العنوان قليلًا */
  .mobile-side-slider .hero-copy p{font-size:12.5px;line-height:1.65;} /* تصغير الوصف قليلًا */
  .mobile-side-slider .hero-btn{padding:10px 14px;font-size:10px;} /* تصغير الزر */
  .mobile-side-slider .slider-controls{right:7px;} /* تقريب النقاط من الحافة */
  html[dir="rtl"] .mobile-side-slider .slider-controls{left:7px;} /* تقريب النقاط في العربي */
} /* نهاية تحسينات الشاشات الصغيرة */

/* V2.5 Dual Image Professional Slider - بداية السلايدر الاحترافي بصورتين يمين وشمال */
.hero-dual-slider{min-height:clamp(600px,82vh,880px);background:linear-gradient(135deg,#fffafc 0%,#fff1f7 44%,#ffe2ee 100%);} /* خلفية السلايدر الجديدة */
.hero-dual-slider .hero-slide{padding:clamp(28px,4.5vw,66px) clamp(16px,4.5vw,66px);} /* مسافات السلايد */
.hero-dual-slider .hero-dual-shell{width:min(1320px,100%);min-height:clamp(520px,70vh,720px);display:grid;grid-template-columns:minmax(230px,1fr) minmax(330px,.9fr) minmax(230px,1fr);gap:clamp(16px,2.8vw,34px);align-items:center;} /* تقسيم السلايدر إلى 3 أجزاء */
html[dir="rtl"] .hero-dual-slider .hero-dual-shell{grid-template-columns:minmax(230px,1fr) minmax(330px,.9fr) minmax(230px,1fr);} /* تثبيت الأعمدة في العربي */
.hero-dual-slider .hero-pane{position:relative;height:clamp(430px,64vh,660px);overflow:hidden;border-radius:42px;background:#fff;box-shadow:0 32px 85px rgba(77,23,48,.13);isolation:isolate;} /* حاوية صورة جانبية */
.hero-dual-slider .hero-pane:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(229,31,119,.10));pointer-events:none;} /* طبقة ناعمة فوق الصورة */
.hero-dual-slider .hero-pane-left{transform:translateY(-18px);} /* رفع الصورة الشمال قليلًا في الديسكتوب */
.hero-dual-slider .hero-pane-right{transform:translateY(18px);} /* تنزيل الصورة اليمين قليلًا في الديسكتوب */
.hero-dual-slider .hero-pane picture{width:100%;height:100%;display:block;} /* جعل عنصر picture يملأ الحاوية */
.hero-dual-slider .hero-pane img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;transition:transform 1.2s cubic-bezier(.22,.61,.36,1);} /* صورة جانبية تغطي المساحة */
.hero-dual-slider .hero-slide.active .hero-pane img{transform:scale(1.035);} /* تكبير ناعم للصورة النشطة */
.hero-dual-slider .hero-copy{align-self:center;justify-self:center;width:100%;max-width:520px;text-align:center;padding:clamp(26px,3.6vw,52px);border-radius:36px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.88);box-shadow:0 28px 85px rgba(93,32,57,.12);backdrop-filter:blur(18px);} /* صندوق النص الأوسط */
.hero-dual-slider .hero-copy:before{inset:14px;border-radius:28px;} /* إطار النص الداخلي */
.hero-dual-slider .hero-eyebrow{justify-content:center;letter-spacing:4px;} /* محاذاة العنوان الصغير */
html[dir="rtl"] .hero-dual-slider .hero-eyebrow{letter-spacing:0;} /* ضبط المسافات في العربي */
.hero-dual-slider .hero-eyebrow:before{width:30px;} /* خط العنوان الصغير */
.hero-dual-slider .hero-copy h1{font-size:clamp(38px,5.6vw,76px);line-height:1.02;letter-spacing:-2px;} /* عنوان السلايدر */
html[dir="rtl"] .hero-dual-slider .hero-copy h1{letter-spacing:-.6px;} /* ضبط العنوان العربي */
.hero-dual-slider .hero-copy p{margin-inline:auto;} /* توسيط الوصف */
.hero-dual-slider .hero-btn{background:#1e151b;color:#fff;border:1px solid #1e151b;} /* زر السلايدر */
.hero-dual-slider .hero-btn:hover{background:var(--ruby);border-color:var(--ruby);color:#fff;} /* تفاعل الزر */
.hero-dual-slider .slider-controls{bottom:24px;} /* مكان أدوات التحكم */
@media(max-width:980px){.hero-dual-slider .hero-dual-shell{grid-template-columns:.95fr 1.05fr .95fr;gap:16px}.hero-dual-slider .hero-copy{padding:28px 22px}.hero-dual-slider .hero-copy h1{font-size:clamp(34px,6vw,58px)}} /* تحسين التابلت */
@media(max-width:800px){
  .hero-dual-slider.mobile-side-slider{min-height:calc(100svh - 66px);padding:0;background:#fff;overflow:hidden;touch-action:pan-y;} /* سلايدر موبايل بارتفاع الشاشة */
  .hero-dual-slider.mobile-side-slider:before{display:none;} /* إخفاء الزخرفة الخلفية القديمة */
  .hero-dual-slider.mobile-side-slider:after{content:"RubyRose";left:50%;right:auto;bottom:12px;transform:translateX(-50%);font-size:54px;letter-spacing:-4px;color:rgba(229,31,119,.055);white-space:nowrap;z-index:7;} /* توقيع RubyRose خفيف */
  html[dir="rtl"] .hero-dual-slider.mobile-side-slider:after{left:50%;right:auto;letter-spacing:-2px;} /* ضبط التوقيع العربي */
  .hero-dual-slider.mobile-side-slider .hero-slide{position:absolute;inset:0;display:block;visibility:visible;opacity:0;transform:none;padding:0;background:#fff;transition:opacity .46s ease;} /* تحويل السلايدات إلى طبقات شفافة */
  .hero-dual-slider.mobile-side-slider .hero-slide.active{opacity:1;z-index:3;pointer-events:auto;} /* إظهار السلايد النشط */
  .hero-dual-slider.mobile-side-slider .hero-dual-shell{width:100%;height:100%;min-height:calc(100svh - 66px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0;align-items:stretch;} /* تقسيم الموبايل إلى شمال ويمين */
  .hero-dual-slider.mobile-side-slider .hero-pane{height:100%;min-height:100%;border-radius:0;box-shadow:none;transform:translateY(0);transition:transform .86s cubic-bezier(.22,.61,.36,1),opacity .46s ease;} /* إعداد حركة الجزأين */
  .hero-dual-slider.mobile-side-slider .hero-pane-left{grid-column:1;grid-row:1;} /* تثبيت الجزء الشمال */
  .hero-dual-slider.mobile-side-slider .hero-pane-right{grid-column:2;grid-row:1;} /* تثبيت الجزء اليمين */
  .hero-dual-slider.mobile-side-slider .hero-pane-left:after{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.0));} /* طبقة ناعمة للشمال */
  .hero-dual-slider.mobile-side-slider .hero-pane-right:after{background:linear-gradient(270deg,rgba(229,31,119,.12),rgba(255,255,255,.0));} /* طبقة ناعمة لليمين */
  .hero-dual-slider.mobile-side-slider .hero-pane img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .86s cubic-bezier(.22,.61,.36,1);} /* ضبط صور الموبايل */
  .hero-dual-slider.mobile-side-slider .hero-slide.slide-before .hero-pane-left,.hero-dual-slider.mobile-side-slider .hero-slide.slide-after .hero-pane-left{transform:translateY(-115%);opacity:.98;} /* الجزء الشمال يطلع لفوق عند الخروج */
  .hero-dual-slider.mobile-side-slider .hero-slide.slide-before .hero-pane-right,.hero-dual-slider.mobile-side-slider .hero-slide.slide-after .hero-pane-right{transform:translateY(115%);opacity:.98;} /* الجزء اليمين ينزل لتحت عند الخروج */
  .hero-dual-slider.mobile-side-slider .hero-slide.active .hero-pane-left,.hero-dual-slider.mobile-side-slider .hero-slide.active .hero-pane-right{transform:translateY(0);opacity:1;} /* رجوع الجزأين لمكانهما في السلايد النشط */
  .hero-dual-slider.mobile-side-slider .hero-copy{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);width:min(84vw,360px);max-width:none;min-height:auto;margin:0;padding:24px 20px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.86);border-radius:26px;box-shadow:0 24px 58px rgba(35,13,25,.16);text-align:center;display:block;} /* صندوق النص فوق الصورتين */
  html[dir="rtl"] .hero-dual-slider.mobile-side-slider .hero-copy{left:50%;right:auto;transform:translate(-50%,-50%);text-align:center;} /* تثبيت النص في العربي */
  .hero-dual-slider.mobile-side-slider .hero-copy:before{inset:9px;border-radius:20px;} /* إطار النص في الموبايل */
  .hero-dual-slider.mobile-side-slider .hero-eyebrow{justify-content:center;gap:8px;font-size:10px;letter-spacing:2.4px;color:var(--ruby);margin-bottom:9px;} /* سطر صغير موبايل */
  html[dir="rtl"] .hero-dual-slider.mobile-side-slider .hero-eyebrow{letter-spacing:0;} /* ضبط السطر الصغير عربي */
  .hero-dual-slider.mobile-side-slider .hero-copy h1{font-size:clamp(27px,8vw,42px);line-height:1.08;letter-spacing:-1px;margin:0 0 10px;color:#191116;} /* عنوان الموبايل */
  .hero-dual-slider.mobile-side-slider .hero-copy p{font-size:13px;line-height:1.65;max-width:280px;margin:0 auto 16px;color:#6f5d67;} /* وصف الموبايل */
  .hero-dual-slider.mobile-side-slider .hero-btn{padding:10px 17px;font-size:11px;letter-spacing:.8px;border-radius:999px;background:var(--ruby);color:#fff;border-color:var(--ruby);box-shadow:0 12px 28px rgba(229,31,119,.24);} /* زر الموبايل */
  .hero-dual-slider.mobile-side-slider .slider-controls{left:auto;right:10px;bottom:auto;top:50%;transform:translateY(-50%);padding:8px 6px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(0,0,0,.08);z-index:10;flex-direction:column;gap:9px;} /* نقاط جانبية */
  html[dir="rtl"] .hero-dual-slider.mobile-side-slider .slider-controls{right:auto;left:10px;} /* نقاط جانبية عربي */
  .hero-dual-slider.mobile-side-slider .slider-arrow{display:none;} /* إخفاء الأسهم في الموبايل */
  .hero-dual-slider.mobile-side-slider .slider-dots{display:flex;flex-direction:column;gap:9px;} /* نقاط رأسية */
  .hero-dual-slider.mobile-side-slider .slider-dot{width:10px;height:10px;border-radius:50%;border:1px solid #191116;background:transparent;opacity:.85;} /* النقطة العادية */
  .hero-dual-slider.mobile-side-slider .slider-dot.active{width:10px;height:10px;background:var(--ruby);border-color:var(--ruby);box-shadow:0 0 0 5px rgba(229,31,119,.12);} /* النقطة النشطة */
} /* نهاية تصميم الموبايل للسلايدر الاحترافي */
@media(max-width:480px){
  .hero-dual-slider.mobile-side-slider .hero-copy{width:min(82vw,330px);padding:22px 17px;} /* تصغير صندوق النص في الموبايل الصغير */
  .hero-dual-slider.mobile-side-slider .hero-copy h1{font-size:clamp(24px,8vw,36px);} /* تصغير العنوان */
  .hero-dual-slider.mobile-side-slider .hero-copy p{font-size:12.5px;line-height:1.6;} /* تصغير الوصف */
  .hero-dual-slider.mobile-side-slider .slider-controls{right:7px;} /* تقريب النقاط */
  html[dir="rtl"] .hero-dual-slider.mobile-side-slider .slider-controls{left:7px;} /* تقريب النقاط عربي */
} /* نهاية تحسينات الموبايل الصغير */
/* V2.5 Dual Image Professional Slider - نهاية السلايدر الاحترافي بصورتين يمين وشمال */

/* V2.6 Soft Light Effects + Mobile No-Zoom Slider - بداية تحسين إضاءة السلايدر ومنع زوم صور الموبايل */
.hero-dual-slider .hero-pane{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.96) 0%,rgba(255,238,247,.78) 34%,rgba(255,224,238,.72) 100%);border:1px solid rgba(255,255,255,.76);} /* إضافة خلفية ضوئية ناعمة خلف صور السلايدر */
.hero-dual-slider .hero-pane:before{content:"";position:absolute;inset:-42%;z-index:2;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.30) 18%,rgba(229,31,119,.16) 36%,rgba(229,31,119,0) 58%),linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.54) 48%,rgba(255,255,255,0) 72%);mix-blend-mode:screen;opacity:.78;animation:rrSoftLightDrift 8s ease-in-out infinite;} /* طبقة لمعان ضوئي متحركة فوق خلفية الصورة */
.hero-dual-slider .hero-pane:after{z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(229,31,119,.10)),radial-gradient(circle at 78% 18%,rgba(255,255,255,.42),rgba(255,255,255,0) 34%),radial-gradient(circle at 18% 82%,rgba(229,31,119,.14),rgba(229,31,119,0) 42%);} /* طبقة بصرية ناعمة تعطي إحساس Beauty فاخر */
.hero-dual-slider .hero-pane picture{position:relative;z-index:1;} /* وضع الصورة أسفل طبقات الإضاءة */
.hero-dual-slider .hero-pane img{position:relative;z-index:1;} /* تثبيت الصورة داخل طبقات السلايدر */
.hero-dual-slider .hero-slide.active .hero-pane-left:before{animation-delay:0s;} /* ضبط بداية حركة الضوء للصورة الشمال */
.hero-dual-slider .hero-slide.active .hero-pane-right:before{animation-delay:-3s;} /* ضبط بداية حركة الضوء للصورة اليمين لاختلاف الحركة */
@keyframes rrSoftLightDrift{0%,100%{transform:translate3d(-4%,-3%,0) rotate(0deg);opacity:.56;}50%{transform:translate3d(6%,5%,0) rotate(8deg);opacity:.88;}} /* حركة إضاءة ناعمة وغير مزعجة */
@media(hover:hover){.hero-dual-slider .hero-pane:hover:before{opacity:.95;transform:translate3d(4%,4%,0) rotate(7deg);}} /* زيادة بسيطة في التفاعل الضوئي عند مرور الماوس */
@media(max-width:800px){.hero-dual-slider.mobile-side-slider .hero-pane{background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.98) 0%,rgba(255,239,247,.86) 38%,rgba(255,224,238,.78) 100%);padding:10px 0;display:grid;place-items:center;} /* خلفية موبايل مضيئة مع مساحة بسيطة حول الصورة */
.hero-dual-slider.mobile-side-slider .hero-pane picture{width:100%;height:100%;display:grid;place-items:center;position:relative;z-index:1;} /* جعل صورة الموبايل تتمركز داخل نصف الشاشة */
.hero-dual-slider.mobile-side-slider .hero-pane img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:drop-shadow(0 18px 32px rgba(62,18,39,.12));} /* منع قص وزوم صورة الموبايل وإظهارها كاملة بوضوح */
.hero-dual-slider.mobile-side-slider .hero-slide.active .hero-pane img{transform:none!important;} /* إلغاء أي تكبير للصورة النشطة على الموبايل */
.hero-dual-slider.mobile-side-slider .hero-pane:before{inset:-54%;opacity:.62;animation-duration:9s;} /* تخفيف حركة الإضاءة على الموبايل */
.hero-dual-slider.mobile-side-slider .hero-pane:after{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.36),rgba(255,255,255,0) 36%),linear-gradient(180deg,rgba(255,255,255,.10),rgba(229,31,119,.08));} /* طبقة إضاءة خفيفة لا تغطي تفاصيل الصورة */
.hero-dual-slider.mobile-side-slider .hero-pane-left img,.hero-dual-slider.mobile-side-slider .hero-pane-right img{object-position:center;} /* تثبيت تمركز الصور في الجهتين على الموبايل */
} /* نهاية قواعد منع الزوم وتحسين إضاءة الموبايل */
@media(max-width:480px){.hero-dual-slider.mobile-side-slider .hero-pane{padding:8px 0;} /* تقليل الهوامش حول الصورة في الشاشات الصغيرة جدًا */
.hero-dual-slider.mobile-side-slider .hero-pane img{max-width:100%;max-height:100%;} /* ضمان عدم خروج الصورة خارج مساحة السلايدر */
} /* نهاية تحسينات الموبايل الصغير للسلايدر */
/* V2.6 Soft Light Effects + Mobile No-Zoom Slider - نهاية تحسين إضاءة السلايدر ومنع زوم صور الموبايل */
/* V2.7 Product Showcase Slider - بداية خلفية بيضاء وصور شفافة وسواتشات */
.hero-product-showcase{background:#fff!important;} /* جعل خلفية السلايدر بيضاء بالكامل */
.hero-product-showcase:before{background:radial-gradient(circle at 50% 42%,rgba(255,226,239,.72),rgba(255,255,255,0) 45%)!important;opacity:.95!important;} /* إضاءة وردية ناعمة على خلفية بيضاء */
.hero-product-showcase:after{content:"RubyRose"!important;color:rgba(255,178,212,.42)!important;opacity:1!important;text-shadow:none!important;} /* جعل كلمة RubyRose أسفل الصور بالبينك الفاتح */
.hero-product-showcase .hero-slide{background:#fff!important;} /* جعل خلفية كل سلايد بيضاء */
.hero-product-showcase .hero-dual-shell{background:#fff!important;} /* جعل إطار السلايدر أبيض */
.hero-product-showcase .hero-pane{background:#fff!important;border:1px solid rgba(255,226,239,.72)!important;box-shadow:0 26px 70px rgba(109,35,68,.10)!important;overflow:hidden!important;} /* جعل خلفية الصور بيضاء وناعمة */
.hero-product-showcase .hero-pane:before{background:radial-gradient(circle at 35% 28%,rgba(255,232,243,.80),rgba(255,255,255,0) 42%),linear-gradient(125deg,rgba(255,255,255,0),rgba(255,222,237,.36),rgba(255,255,255,0))!important;mix-blend-mode:normal!important;opacity:.62!important;} /* تأثير ضوئي ناعم فوق الأبيض */
.hero-product-showcase .hero-pane:after{background:radial-gradient(circle at 70% 18%,rgba(255,226,239,.55),rgba(255,255,255,0) 36%)!important;} /* طبقة إضاءة خفيفة جدًا */
.hero-product-showcase .hero-pane img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;padding:clamp(18px,3vw,44px)!important;filter:drop-shadow(0 30px 38px rgba(74,19,42,.13))!important;} /* إظهار الصور كاملة بدون زوم أو قص */
.hero-product-showcase .hero-slide.active .hero-pane img{transform:none!important;} /* منع تكبير الصورة في السلايد النشط */
.hero-product-showcase .hero-copy{background:rgba(255,255,255,.84)!important;border-color:rgba(255,221,236,.95)!important;} /* جعل صندوق النص أبيض ناعم */
.hero-product-showcase .hero-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px;} /* ترتيب أزرار السلايدر */
.hero-product-showcase .hero-cart-form{display:inline-flex;margin:0;} /* إظهار فورم السلة بجانب الزر */
.hero-product-showcase .hero-cart-btn{background:#f7a9c9!important;border-color:#f7a9c9!important;color:#fff!important;box-shadow:0 12px 28px rgba(247,169,201,.28)!important;} /* زر إضافة للعربة بالبينك الفاتح */
.hero-product-showcase .hero-cart-btn:hover{background:#e98bb7!important;border-color:#e98bb7!important;} /* تفاعل زر السلة */
.hero-swatches,.product-swatches{display:flex;align-items:center;gap:9px;justify-content:center;margin:14px 0 2px;} /* تنسيق سواتشات السلايدر والمنتج */
.hero-swatch,.product-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(45,24,34,.16),0 8px 16px rgba(70,24,42,.10);cursor:pointer;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease;position:relative;} /* شكل السواتش */
.product-swatch{width:34px;height:34px;} /* تكبير سواتش صفحة المنتج لوضوح أكبر */
.hero-swatch:hover,.product-swatch:hover{transform:translateY(-2px) scale(1.08);} /* تفاعل السواتش عند المرور */
.hero-swatch.active,.product-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #e0177a,0 10px 20px rgba(224,23,122,.25);transform:scale(1.06);} /* تمييز اللون المختار بحلقة مزدوجة */
.product-swatch.active::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.45);} /* علامة صح على اللون المختار */
.product-swatches{justify-content:flex-start;flex-wrap:wrap;} /* محاذاة سواتش صفحة المنتج لبداية السطر مع باقي البيانات (وليس المنتصف) */
/* V8.4 السواتش دوائر ملوّنة حقيقية تتجاوز نمط الأزرار الزجاجية العام */
.product-swatch,.product-swatch:hover,.hero-swatch,.hero-swatch:hover,.shop-swatch,.shop-swatch:hover{background:var(--sw,#e51f77)!important;border:2px solid #fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(45,24,34,.20),0 6px 14px rgba(70,24,42,.12)!important;isolation:auto!important;} /* لون السواتش من المتغير وإلغاء الزجاج */
.product-swatch::before,.product-swatch::after,.hero-swatch::before,.hero-swatch::after,.shop-swatch::before,.shop-swatch::after{display:none!important;content:none!important;} /* إزالة لمعة وشعاع الزجاج عن السواتش */
.product-swatch.active,.product-swatch.active:hover,.hero-swatch.active,.hero-swatch.active:hover,.shop-swatch.active,.shop-swatch.active:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px #e0177a,0 8px 18px rgba(224,23,122,.32)!important;transform:scale(1.08)!important;} /* تمييز اللون المختار بحلقة وردية واضحة */
.product-swatches-block{margin:18px 0;} /* مسافة قسم ألوان المنتج */
.product-swatches-block h3{margin:0 0 8px;font-size:16px;color:#3a2630;} /* عنوان ألوان المنتج */
.product-color-name{display:block;margin-top:9px;font-size:14px;font-weight:700;color:#7a566a;min-height:18px;} /* اسم اللون المختار */
.cart-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12);vertical-align:middle;margin-inline:6px;} /* نقطة لون داخل السلة */
@media(max-width:800px){.hero-product-showcase{background:#fff!important;} /* خلفية موبايل بيضاء */
.hero-product-showcase:after{bottom:10px!important;font-size:48px!important;color:rgba(255,178,212,.38)!important;letter-spacing:-3px!important;} /* كلمة RubyRose موبايل بالبينك الفاتح */
.hero-product-showcase .hero-pane{background:#fff!important;padding:0!important;} /* إزالة هوامش خلفية الصورة في الموبايل */
.hero-product-showcase .hero-pane img{object-fit:contain!important;padding:18px 8px!important;max-width:100%!important;max-height:100%!important;transform:none!important;} /* عرض صور الموبايل كاملة بدون زوم */
.hero-product-showcase .hero-copy{width:min(86vw,360px)!important;} /* ضبط صندوق النص على الموبايل */
.hero-product-showcase .hero-actions{gap:8px;margin-top:12px;} /* مسافات أزرار الموبايل */
.hero-product-showcase .hero-btn,.hero-product-showcase .hero-cart-btn{padding:10px 14px!important;font-size:11px!important;} /* أزرار أصغر على الموبايل */
.hero-swatches{margin-top:10px;} /* مسافة سواتشات السلايدر على الموبايل */
.hero-swatch{width:25px;height:25px;} /* تصغير السواتشات على الموبايل */
} /* نهاية قواعد الموبايل */
/* V2.7 Product Showcase Slider - نهاية خلفية بيضاء وصور شفافة وسواتشات */


.hero-product-showcase .hero-dual-shell.no-copy{grid-template-columns:1fr 1fr!important;gap:clamp(20px,4vw,70px)!important;} /* جعل السلايدر صورتين فقط عند عدم وجود نصوص */
.hero-product-showcase .hero-copy.copy-tools-only{position:absolute!important;left:50%!important;right:auto!important;bottom:22px!important;top:auto!important;z-index:9!important;transform:translateX(-50%)!important;width:auto!important;max-width:min(92vw,520px)!important;min-height:auto!important;margin:0!important;padding:10px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,220,236,.94)!important;box-shadow:0 16px 42px rgba(109,35,68,.12)!important;backdrop-filter:blur(14px)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;} /* جعل أدوات السلايدر صغيرة لا تخفي صور المنتجات */
.hero-product-showcase .hero-copy.copy-tools-only:before{display:none!important;} /* إخفاء الإطار الداخلي عند عدم وجود نص */
.hero-product-showcase .hero-copy.copy-tools-only .hero-swatches{margin:0!important;display:flex!important;align-items:center!important;gap:7px!important;} /* ترتيب السواتشات داخل الشريط الصغير */
.hero-product-showcase .hero-copy.copy-tools-only .hero-actions{margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;} /* ترتيب الأزرار داخل الشريط الصغير */
.hero-product-showcase .hero-copy.copy-tools-only .hero-btn,.hero-product-showcase .hero-copy.copy-tools-only .hero-cart-btn{padding:9px 14px!important;font-size:11px!important;min-height:auto!important;white-space:nowrap!important;} /* تصغير أزرار السلايدر حتى لا تغطي الصور */
@media(max-width:800px){.hero-product-showcase .hero-dual-shell.no-copy{grid-template-columns:1fr 1fr!important;gap:8px!important;} /* استمرار عرض الصورتين فقط على الموبايل */
.hero-product-showcase .hero-copy.copy-tools-only{bottom:14px!important;max-width:calc(100vw - 26px)!important;padding:8px 9px!important;gap:7px!important;} /* تصغير أدوات المنتج على الموبايل */
.hero-product-showcase .hero-copy.copy-tools-only .hero-swatch{width:22px!important;height:22px!important;} /* تصغير السواتشات على الموبايل */
.hero-product-showcase .hero-copy.copy-tools-only .hero-btn,.hero-product-showcase .hero-copy.copy-tools-only .hero-cart-btn{padding:8px 10px!important;font-size:10.5px!important;} /* تصغير الأزرار على الموبايل */
} /* نهاية ضبط الموبايل */

/* V2.9 Clean Transparent Slider - بداية جعل السلايدر شفاف بدون تأثيرات بصرية */
.hero-slider.hero-product-showcase,
.hero-product-showcase,
.hero-product-showcase .hero-slide,
.hero-product-showcase .hero-dual-shell{
  background:transparent!important; /* استخدام خلفية الموقع فقط بدون خلفية وردية أو خلفية خاصة للسلايدر */
}
.hero-slider.hero-product-showcase:before,
.hero-slider.hero-product-showcase:after,
.hero-product-showcase:before,
.hero-product-showcase:after{
  display:none!important; /* إلغاء كلمة RubyRose الزخرفية وإلغاء أي إضاءة أو أشكال خلفية */
  content:none!important; /* منع إنشاء عناصر زخرفية فوق أو خلف السلايدر */
}
.hero-product-showcase .hero-pane,
.hero-dual-slider .hero-pane{
  background:transparent!important; /* جعل مساحة الصورة شفافة على خلفية الموقع */
  border:0!important; /* إلغاء البرواز حول الصور */
  box-shadow:none!important; /* إلغاء الظلال حول الصور */
  border-radius:0!important; /* إلغاء تدوير الحواف حتى تظهر الصورة فقط */
  overflow:visible!important; /* السماح للصورة الشفافة بالظهور بدون قص */
}
.hero-product-showcase .hero-pane:before,
.hero-product-showcase .hero-pane:after,
.hero-dual-slider .hero-pane:before,
.hero-dual-slider .hero-pane:after{
  display:none!important; /* إلغاء كل طبقات الإضاءة والتأثيرات فوق الصور */
  content:none!important; /* منع ظهور أي تدرجات أو لمعات بصرية */
  animation:none!important; /* إيقاف أي حركة ضوئية سابقة */
}
.hero-product-showcase .hero-pane picture,
.hero-dual-slider .hero-pane picture{
  filter:none!important; /* إلغاء أي تأثير على حاوية الصورة */
  background:transparent!important; /* إبقاء حاوية الصورة شفافة */
}
.hero-product-showcase .hero-pane img,
.hero-dual-slider .hero-pane img,
.hero-dual-slider.mobile-side-slider .hero-pane img{
  object-fit:contain!important; /* عرض الصورة كاملة بدون زوم أو قص */
  object-position:center!important; /* تثبيت الصورة في المنتصف */
  transform:none!important; /* إلغاء أي تكبير أو حركة داخلية للصورة */
  filter:none!important; /* إزالة الظلال والفلاتر من الصورة */
  padding:clamp(8px,2vw,24px)!important; /* هامش بسيط فقط حتى لا تلتصق الصورة بحافة السلايدر */
  background:transparent!important; /* الحفاظ على شفافية صور PNG */
}
.hero-product-showcase .hero-slide.active .hero-pane img,
.hero-dual-slider.mobile-side-slider .hero-slide.active .hero-pane img{
  transform:none!important; /* منع أي زوم عند تنشيط السلايد */
  filter:none!important; /* منع أي تأثير عند تنشيط السلايد */
}
.hero-dual-slider.mobile-side-slider,
.hero-dual-slider.mobile-side-slider .hero-slide,
.hero-dual-slider.mobile-side-slider .hero-dual-shell,
.hero-dual-slider.mobile-side-slider .hero-pane{
  background:transparent!important; /* جعل نسخة الموبايل شفافة بالكامل مثل الديسكتوب */
}
@media(max-width:800px){
  .hero-product-showcase .hero-pane,
  .hero-dual-slider.mobile-side-slider .hero-pane{
    padding:0!important; /* إزالة أي مساحة خلفية إضافية حول الصورة على الموبايل */
    background:transparent!important; /* منع ظهور أي خلفية وردية على الموبايل */
    border:0!important; /* منع ظهور برواز على الموبايل */
    box-shadow:none!important; /* منع ظهور ظل على الموبايل */
  }
  .hero-product-showcase .hero-pane img,
  .hero-dual-slider.mobile-side-slider .hero-pane img{
    width:100%!important; /* جعل الصورة تستفيد من عرض الجزء المخصص لها */
    height:100%!important; /* جعل الصورة تستفيد من ارتفاع الجزء المخصص لها */
    max-width:100%!important; /* منع خروج الصورة خارج الشاشة */
    max-height:100%!important; /* منع خروج الصورة خارج ارتفاع السلايدر */
    object-fit:contain!important; /* ظهور الصورة كاملة على الموبايل بدون زوم */
    padding:8px!important; /* هامش خفيف جدًا حول الصورة على الموبايل */
  }
}
/* V2.9 Clean Transparent Slider - نهاية جعل السلايدر شفاف بدون تأثيرات بصرية */


/* V3.0 Blush Style Vertical Dual Showcase Slider - بداية تصميم السلايدر بالشكل المرجعي */
.hero-slider.hero-product-showcase{min-height:calc(100vh - 78px)!important;background:#fff!important;overflow:hidden!important;} /* جعل السلايدر بطول الشاشة تقريبًا مثل الشكل المرجعي */
.hero-slider.hero-product-showcase .hero-slide{position:absolute!important;inset:0!important;padding:0!important;display:block!important;background:#fff!important;opacity:0!important;visibility:hidden!important;transition:opacity .46s ease,visibility .46s ease!important;} /* تحويل كل سلايد إلى لوحة كاملة بدون مسافات خارجية */
.hero-slider.hero-product-showcase .hero-slide.active{opacity:1!important;visibility:visible!important;z-index:3!important;} /* إظهار السلايد النشط فوق باقي السلايدات */
.hero-slider.hero-product-showcase .hero-dual-shell{width:100%!important;max-width:none!important;height:100%!important;min-height:calc(100vh - 78px)!important;margin:0!important;display:grid!important;grid-template-columns:50% 50%!important;gap:0!important;align-items:stretch!important;background:#fff!important;} /* تقسيم السلايدر إلى نصف صورة يسار ونصف منتج يمين */
html[dir="rtl"] .hero-slider.hero-product-showcase .hero-dual-shell{grid-template-columns:50% 50%!important;} /* تثبيت نفس تقسيم اليمين والشمال في العربي حتى يبقى شكل السلايدر ثابت */
.hero-slider.hero-product-showcase .hero-pane{position:relative!important;width:100%!important;height:100%!important;min-height:calc(100vh - 78px)!important;display:grid!important;place-items:center!important;background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;} /* إزالة أي كروت أو براويز وجعل كل نصف مساحة نظيفة */
.hero-slider.hero-product-showcase .hero-pane-left{grid-column:1!important;grid-row:1!important;} /* وضع الصورة الكبيرة في النصف الشمال */
.hero-slider.hero-product-showcase .hero-pane-right{grid-column:2!important;grid-row:1!important;padding-bottom:150px!important;} /* وضع صورة المنتج في النصف اليمين مع مساحة لاسم المنتج والزر */
.hero-slider.hero-product-showcase .hero-pane-left img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:transparent!important;filter:none!important;border-radius:0!important;} /* جعل صورة الشمال تملأ نصف الشاشة مثل الصورة المرجعية */
.hero-slider.hero-product-showcase .hero-pane-right img{width:min(58%,440px)!important;height:min(50vh,440px)!important;max-width:440px!important;max-height:440px!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:transparent!important;filter:none!important;border-radius:0!important;} /* عرض صورة المنتج في منتصف الجزء اليمين بدون زوم أو مؤثرات */
.hero-slider.hero-product-showcase .hero-copy{position:absolute!important;z-index:8!important;left:50%!important;right:auto!important;top:auto!important;bottom:12vh!important;transform:none!important;width:50%!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0 8vw!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;text-align:center!important;color:#111!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;} /* وضع بيانات المنتج والزر أسفل صورة المنتج في النصف اليمين */
html[dir="rtl"] .hero-slider.hero-product-showcase .hero-copy{left:50%!important;right:auto!important;text-align:center!important;} /* إبقاء معلومات المنتج في النصف اليمين حتى في اللغة العربية */
.hero-slider.hero-product-showcase .hero-copy:before{display:none!important;content:none!important;} /* إلغاء إطار صندوق النص نهائيًا */
.hero-slider.hero-product-showcase .hero-copy.copy-tools-only{position:absolute!important;left:50%!important;bottom:12vh!important;width:50%!important;max-width:none!important;padding:0 8vw!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:12px!important;} /* إلغاء شكل الشريط الصغير القديم واستبداله بمنطقة منتج واضحة */
.hero-product-caption{display:grid!important;gap:4px!important;text-align:center!important;} /* ترتيب اسم المنتج والسعر فوق الزر */
.hero-product-caption strong{font-size:clamp(20px,1.8vw,30px)!important;line-height:1.15!important;font-weight:800!important;color:#050505!important;letter-spacing:.2px!important;} /* اسم المنتج بنفس وضوح الشكل المرجعي */
.hero-product-caption span{font-size:clamp(14px,1.1vw,18px)!important;line-height:1.2!important;font-weight:700!important;color:#aaa!important;} /* السعر بلون هادي أسفل اسم المنتج */
.hero-slider.hero-product-showcase .hero-swatches{margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;} /* وضع السواتشات بشكل صغير ومنظم */
.hero-slider.hero-product-showcase .hero-swatch{width:22px!important;height:22px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.18)!important;} /* تصغير السواتش حتى لا يزحم منطقة المنتج */
.hero-slider.hero-product-showcase .hero-swatch.active{box-shadow:0 0 0 2px #f6adc8!important;} /* تمييز اللون المختار بلون RubyRose ناعم */
.hero-slider.hero-product-showcase .hero-actions{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;gap:0!important;} /* ترتيب أزرار السلايدر في المنتصف */
.hero-slider.hero-product-showcase .hero-cart-form{display:inline-flex!important;margin:0!important;} /* جعل فورم السلة يأخذ حجم الزر فقط */
.hero-slider.hero-product-showcase .hero-cart-btn{display:inline-grid!important;grid-template-columns:auto 42px!important;align-items:center!important;min-height:48px!important;padding:0!important;background:#fff!important;color:#050505!important;border:1px solid #050505!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:900!important;letter-spacing:.9px!important;text-transform:uppercase!important;overflow:hidden!important;} /* زر إضافة للعربة بحدود سوداء مثل الشكل المرجعي */
.hero-slider.hero-product-showcase .hero-cart-btn span:first-child{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding:0 34px!important;} /* مساحة نص زر إضافة للعربة */
.hero-slider.hero-product-showcase .hero-cart-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:100%!important;border-inline-start:1px solid #050505!important;font-size:16px!important;line-height:1!important;} /* أيقونة السلة داخل مربع مستقل في الزر */
.hero-slider.hero-product-showcase .hero-cart-btn:hover{background:#050505!important;color:#fff!important;border-color:#050505!important;transform:none!important;} /* تفاعل أنيق للزر عند المرور */
.hero-slider.hero-product-showcase .hero-cart-btn:hover .hero-cart-icon{border-inline-start-color:#fff!important;} /* تغيير خط الأيقونة مع تفاعل الزر */
.hero-slider.hero-product-showcase .slider-controls{left:auto!important;right:28px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:12!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;} /* جعل نقاط السلايدر رأسية في يمين الشاشة مثل الشكل المرجعي */
html[dir="rtl"] .hero-slider.hero-product-showcase .slider-controls{right:28px!important;left:auto!important;} /* تثبيت النقاط في يمين الشاشة حتى في العربي */
.hero-slider.hero-product-showcase .slider-arrow{display:none!important;} /* إخفاء الأسهم والإبقاء على النقاط فقط */
.hero-slider.hero-product-showcase .slider-dots{display:flex!important;flex-direction:column!important;gap:14px!important;} /* ترتيب نقاط السلايدر رأسيًا */
.hero-slider.hero-product-showcase .slider-dot{width:13px!important;height:13px!important;border-radius:50%!important;border:1px solid #050505!important;background:transparent!important;opacity:1!important;padding:0!important;box-shadow:none!important;} /* شكل النقطة العادية */
.hero-slider.hero-product-showcase .slider-dot.active{width:13px!important;height:13px!important;background:#f7d5df!important;border-color:#050505!important;box-shadow:none!important;} /* شكل النقطة النشطة بلون وردي فاتح */
.hero-slider.hero-product-showcase .hero-slide.active .hero-pane-left img{animation:rrShowcaseLeftUp .78s cubic-bezier(.22,.61,.36,1) both!important;} /* حركة الصورة الشمال إلى أعلى عند ظهور السلايد */
.hero-slider.hero-product-showcase .hero-slide.active .hero-pane-right img{animation:rrShowcaseRightDown .78s cubic-bezier(.22,.61,.36,1) both!important;} /* حركة الصورة اليمين إلى أسفل عند ظهور السلايد */
.hero-slider.hero-product-showcase .hero-slide.active .hero-copy{animation:rrShowcaseCaption .72s cubic-bezier(.22,.61,.36,1) .12s both!important;} /* حركة بيانات المنتج والزر بشكل ناعم */
@keyframes rrShowcaseLeftUp{0%{opacity:0;transform:translateY(80px);}100%{opacity:1;transform:translateY(0);}} /* دخول صورة اليسار من أسفل إلى أعلى */
@keyframes rrShowcaseRightDown{0%{opacity:0;transform:translateY(-80px);}100%{opacity:1;transform:translateY(0);}} /* دخول صورة اليمين من أعلى إلى أسفل */
@keyframes rrShowcaseCaption{0%{opacity:0;transform:translateY(18px);}100%{opacity:1;transform:translateY(0);}} /* دخول اسم المنتج والزر بهدوء */
@media(max-width:900px){.hero-slider.hero-product-showcase{min-height:calc(100svh - 68px)!important;} /* ضبط ارتفاع السلايدر على الموبايل */
.hero-slider.hero-product-showcase .hero-dual-shell{min-height:calc(100svh - 68px)!important;grid-template-columns:50% 50%!important;} /* استمرار التقسيم النصفي على الموبايل */
.hero-slider.hero-product-showcase .hero-pane{min-height:calc(100svh - 68px)!important;} /* ضبط ارتفاع نصفي السلايدر على الموبايل */
.hero-slider.hero-product-showcase .hero-pane-right{padding-bottom:126px!important;} /* ترك مساحة كافية للزر واسم المنتج على الموبايل */
.hero-slider.hero-product-showcase .hero-pane-right img{width:82%!important;height:42vh!important;max-width:none!important;max-height:42vh!important;} /* تكبير منتج اليمين نسبيًا على الموبايل بدون قص */
.hero-slider.hero-product-showcase .hero-copy,.hero-slider.hero-product-showcase .hero-copy.copy-tools-only{left:50%!important;bottom:8.5vh!important;width:50%!important;padding:0 18px!important;gap:9px!important;} /* ضبط معلومات المنتج على نصف الشاشة اليمين في الموبايل */
.hero-product-caption strong{font-size:clamp(17px,4.3vw,22px)!important;} /* تصغير اسم المنتج على الموبايل */
.hero-product-caption span{font-size:13px!important;} /* تصغير السعر على الموبايل */
.hero-slider.hero-product-showcase .hero-cart-btn{min-height:42px!important;font-size:10px!important;letter-spacing:.5px!important;} /* زر مناسب لشاشة الموبايل */
.hero-slider.hero-product-showcase .hero-cart-btn span:first-child{padding:0 16px!important;} /* تقليل عرض نص الزر على الموبايل */
.hero-slider.hero-product-showcase .hero-cart-icon{width:36px!important;font-size:14px!important;} /* تصغير مربع الأيقونة على الموبايل */
.hero-slider.hero-product-showcase .hero-swatches{gap:6px!important;} /* تصغير مسافات السواتشات على الموبايل */
.hero-slider.hero-product-showcase .hero-swatch{width:18px!important;height:18px!important;} /* تصغير السواتشات على الموبايل */
.hero-slider.hero-product-showcase .slider-controls{right:12px!important;gap:11px!important;} /* تقريب النقاط من الحافة على الموبايل */
html[dir="rtl"] .hero-slider.hero-product-showcase .slider-controls{right:12px!important;left:auto!important;} /* إبقاء النقاط يمينًا على الموبايل العربي */
.hero-slider.hero-product-showcase .slider-dots{gap:11px!important;} /* مسافة نقاط الموبايل */
.hero-slider.hero-product-showcase .slider-dot{width:11px!important;height:11px!important;} /* حجم نقطة الموبايل */
.hero-slider.hero-product-showcase .slider-dot.active{width:11px!important;height:11px!important;} /* حجم النقطة النشطة على الموبايل */
} /* نهاية قواعد الموبايل للسلايدر المرجعي */
@media(max-width:520px){.hero-slider.hero-product-showcase .hero-pane-right img{width:78%!important;height:36vh!important;max-height:36vh!important;} /* ضبط صورة المنتج للموبايل الصغير */
.hero-slider.hero-product-showcase .hero-copy,.hero-slider.hero-product-showcase .hero-copy.copy-tools-only{bottom:7vh!important;padding:0 12px!important;} /* تقليل مساحة بيانات المنتج على الموبايل الصغير */
.hero-slider.hero-product-showcase .hero-cart-btn span:first-child{padding:0 11px!important;} /* جعل الزر لا يخرج خارج نصف الشاشة */
.hero-product-caption strong{font-size:16px!important;} /* تصغير اسم المنتج في الشاشات الصغيرة */
} /* نهاية قواعد الموبايل الصغير للسلايدر المرجعي */
/* V3.0 Blush Style Vertical Dual Showcase Slider - نهاية تصميم السلايدر بالشكل المرجعي */

/* V3.1 Professional Product Shopping - بداية عرض المنتجات الاحترافي */
.section-heading{text-align:center;max-width:760px;margin:0 auto 34px;} /* عنوان الأقسام بشكل مركزي */
.section-heading span,.shopping-page-hero span{display:inline-flex;margin-bottom:8px;color:var(--ruby);font-size:12px;font-weight:900;letter-spacing:3px;text-transform:uppercase;} /* عنوان صغير وردي */
.section-heading h2,.shopping-page-hero h1{margin:0 0 10px;font-size:clamp(34px,5vw,58px);line-height:1.08;font-weight:300;letter-spacing:-1.4px;} /* عنوان رئيسي ناعم */
.section-heading p,.shopping-page-hero p{margin:0 auto;color:#82717a;max-width:680px;} /* وصف القسم */
.category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:1180px;margin:auto;} /* شبكة التصنيفات الحديثة */
.category-pill-card{display:grid;gap:12px;align-items:center;justify-items:center;padding:14px;border:1px solid #f5dce7;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(67,30,46,.06);transition:.28s ease;} /* كارت التصنيف الحديث */
.category-pill-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(229,31,119,.12);border-color:#f7b8d1;} /* تفاعل كارت التصنيف */
.category-pill-card img{width:86px;height:86px;object-fit:contain;border-radius:22px;background:#fff7fb;} /* صورة التصنيف */
.category-pill-card span{font-weight:800;color:#2c2029;} /* اسم التصنيف */
.shopping-section{background:linear-gradient(180deg,#fff 0%,#fff9fc 100%);} /* خلفية قسم التسوق */
.shopping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:24px;max-width:1280px;margin:auto;} /* شبكة المنتجات الاحترافية */
.shop-product-card{position:relative;overflow:hidden;border:1px solid #f3dce6;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 22px 60px rgba(39,22,31,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;} /* كارت منتج حديث */
.shop-product-card:hover{transform:translateY(-7px);box-shadow:0 34px 76px rgba(229,31,119,.14);border-color:#f6b4ce;} /* تفاعل كارت المنتج */
.shop-card-media{position:relative;display:grid;place-items:center;min-height:280px;padding:24px;background:linear-gradient(180deg,#fff 0%,#fff7fb 100%);} /* منطقة صورة المنتج */
.shop-card-media a{display:grid;place-items:center;width:100%;height:100%;} /* رابط الصورة */
.shop-card-media img{width:100%;height:235px;object-fit:contain;border-radius:0;background:transparent;transition:transform .28s ease;} /* صورة المنتج بدون قص */
.shop-product-card:hover .shop-card-media img{transform:scale(1.035);} /* تفاعل صورة المنتج */
.shop-offer-badge{position:absolute;top:16px;inset-inline-start:16px;z-index:2;min-width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--ruby);color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(229,31,119,.28);} /* بادج الخصم */
.shop-countdown{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;background:#fff;color:#8d6273;border:1px solid #f5cddd;padding:6px 12px;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(35,18,28,.06);} /* موعد نهاية العرض */
.shop-card-body{padding:18px 18px 20px;} /* محتوى كارت المنتج */
.shop-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;min-height:26px;} /* سطر الحالة والعرض */
.shop-stock{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;} /* نص المخزون */
.shop-stock:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;} /* نقطة المخزون */
.shop-stock.in-stock{color:#289b62;} /* لون متاح */
.shop-stock.out-stock{color:#b74848;} /* لون غير متاح */
.shop-offer-text{font-size:11px;font-weight:900;color:var(--ruby);background:#fff0f6;border:1px solid #ffd3e3;border-radius:999px;padding:4px 8px;} /* نص العرض */
.shop-card-body h3{margin:0 0 8px;font-size:18px;line-height:1.35;font-weight:800;color:#211820;text-align:start;} /* اسم المنتج */
.shop-card-body h3 a:hover{color:var(--ruby);} /* تفاعل اسم المنتج */
.shop-short-desc{margin:0 0 12px;color:#83717b;font-size:13px;line-height:1.6;min-height:40px;text-align:start;} /* وصف مختصر */
.shop-swatches{display:flex;align-items:center;gap:8px;margin:12px 0 14px;flex-wrap:wrap;} /* سواتشات الألوان */
.shop-swatch{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ead3dd;cursor:pointer;transition:.22s ease;padding:0;} /* زر لون */
.shop-swatch.active,.shop-swatch:hover{box-shadow:0 0 0 2px var(--ruby);transform:scale(1.08);} /* اللون النشط */
.shop-price-row{display:flex;align-items:baseline;gap:10px;margin:12px 0 16px;} /* صف السعر */
.shop-price-row strong{font-size:20px;color:#191116;font-weight:900;} /* السعر النهائي */
.shop-price-row del{color:#a7929c;font-size:14px;} /* السعر القديم */
.shop-card-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;} /* أزرار الكارت */
.shop-view-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #20161d;color:#20161d;background:#fff;height:42px;border-radius:0;padding:0 14px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;transition:.25s ease;} /* زر عرض المنتج */
.shop-view-btn:hover{background:#20161d;color:#fff;} /* تفاعل زر العرض */
.shop-cart-form{margin:0;} /* فورم السلة */
.shop-cart-form button{height:42px;border:0;border-radius:0;background:var(--ruby);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;padding:0 16px;cursor:pointer;transition:.25s ease;} /* زر إضافة للسلة */
.shop-cart-form button:hover{background:#20161d;} /* تفاعل زر السلة */
.shop-cart-form button:disabled{background:#d7c8cf;cursor:not-allowed;} /* زر السلة غير فعال */
.empty-state{grid-column:1/-1;text-align:center;padding:36px;border:1px dashed #efc6d7;border-radius:28px;color:#8f7380;background:#fff;} /* حالة عدم وجود منتجات */
.shopping-page-hero{background:#fff;text-align:center;border-bottom:1px solid #f6e1ea;} /* هيدر صفحات التسوق */
@media(max-width:800px){.shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-card-media{min-height:210px;padding:16px}.shop-card-media img{height:175px}.shop-card-body{padding:14px}.shop-card-body h3{font-size:15px}.shop-short-desc{display:none}.shop-card-actions{grid-template-columns:1fr}.shop-view-btn,.shop-cart-form button{width:100%}.shop-price-row strong{font-size:17px}.shop-offer-badge{width:44px;height:44px;min-width:44px;font-size:13px}.shop-countdown{font-size:10px;padding:5px 9px}.category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}} /* موبايل */
@media(max-width:420px){.shopping-grid{grid-template-columns:1fr}.shop-card-media img{height:210px}} /* موبايل صغير */
/* V3.1 Professional Product Shopping - نهاية عرض المنتجات الاحترافي */

/* V3.2 navigation and content pages */
.guide-section,.info-page-section{background:#fff;padding-top:52px;padding-bottom:72px;} /* خلفية صفحات الدليل والمعلومات */
.guide-grid,.contact-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;} /* شبكة كروت الدليل والتواصل */
.guide-card,.info-card,.contact-card{background:#fff;border:1px solid #f5dce7;border-radius:30px;padding:30px;box-shadow:0 20px 50px rgba(229,31,119,.08);} /* كروت ناعمة */
.guide-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff2f7;color:var(--ruby);font-weight:900;margin-bottom:18px;} /* رقم كارت الدليل */
.guide-card h3,.info-card h2,.contact-card strong{display:block;margin:0 0 12px;color:#231821;font-weight:700;} /* عناوين الكروت */
.guide-card p,.info-card p,.contact-card span{display:block;margin:0 0 10px;color:#75646d;line-height:1.8;} /* نصوص الكروت */
.info-card{max-width:860px;margin:auto;text-align:center;} /* كارت معلومات متوسط */
.contact-card a{margin-top:12px;} /* مسافة زر التواصل */
@media(max-width:800px){.guide-grid,.contact-grid{grid-template-columns:1fr;}.guide-card,.info-card,.contact-card{padding:24px;border-radius:24px;}} /* ضبط الكروت على الموبايل */
.main-nav{gap:4px;} /* تقليل المسافات بين روابط الهيدر بعد إضافة الروابط الجديدة */
.main-nav a{padding:10px clamp(10px,1vw,15px);white-space:nowrap;} /* ضبط عرض روابط الهيدر بدون كسر الكلمات */

/* V3.3 iOS Glass Buttons - بداية تحسين شكل الأزرار بأسلوب زجاجي ناعم */
:root{--glass-bg:rgba(255,255,255,.42);--glass-bg-strong:rgba(255,255,255,.68);--glass-line:rgba(255,255,255,.72);--glass-pink:rgba(229,31,119,.18);--glass-shadow:0 18px 44px rgba(124,36,74,.16);--glass-shadow-hover:0 24px 58px rgba(229,31,119,.22);} /* متغيرات شكل الزجاج لتوحيد الأزرار */
.btn,
button,
input[type="submit"],
input[type="button"],
.hero-btn,
.hero-cart-btn,
.shop-view-btn,
.shop-cart-form button,
.home-tabs a,
.contact-card a,
.hero-slider.hero-product-showcase .hero-cart-btn,
.hero-product-showcase .hero-btn,
.hero-product-showcase .hero-cart-btn{position:relative!important;overflow:hidden!important;isolation:isolate!important;border-radius:999px!important;border:1px solid var(--glass-line)!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.30))!important;color:#22151d!important;box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(229,31,119,.10)!important;backdrop-filter:blur(18px) saturate(1.55)!important;-webkit-backdrop-filter:blur(18px) saturate(1.55)!important;text-shadow:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease!important;} /* تحويل كل الأزرار العامة إلى شكل زجاجي ناعم */
.btn:before,
button:before,
input[type="submit"]:before,
input[type="button"]:before,
.hero-btn:before,
.hero-cart-btn:before,
.shop-view-btn:before,
.shop-cart-form button:before,
.home-tabs a:before,
.contact-card a:before,
.hero-slider.hero-product-showcase .hero-cart-btn:before,
.hero-product-showcase .hero-btn:before,
.hero-product-showcase .hero-cart-btn:before{content:""!important;position:absolute!important;inset:1px 1px auto 1px!important;height:50%!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.08))!important;opacity:.78!important;z-index:-1!important;pointer-events:none!important;} /* إضافة لمعة علوية تشبه الزجاج */
.btn:after,
button:after,
input[type="submit"]:after,
input[type="button"]:after,
.hero-btn:after,
.hero-cart-btn:after,
.shop-view-btn:after,
.shop-cart-form button:after,
.home-tabs a:after,
.contact-card a:after,
.hero-slider.hero-product-showcase .hero-cart-btn:after,
.hero-product-showcase .hero-btn:after,
.hero-product-showcase .hero-cart-btn:after{content:""!important;position:absolute!important;inset:-55% -20% auto auto!important;width:58%!important;height:160%!important;border-radius:999px!important;background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0))!important;transform:rotate(18deg) translateX(-120%)!important;opacity:.0!important;z-index:-1!important;pointer-events:none!important;transition:transform .46s ease,opacity .46s ease!important;} /* إضافة شعاع خفيف يظهر عند المرور */
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.hero-btn:hover,
.hero-cart-btn:hover,
.shop-view-btn:hover,
.shop-cart-form button:hover,
.home-tabs a:hover,
.contact-card a:hover,
.hero-slider.hero-product-showcase .hero-cart-btn:hover,
.hero-product-showcase .hero-btn:hover,
.hero-product-showcase .hero-cart-btn:hover{transform:translateY(-2px)!important;border-color:rgba(229,31,119,.34)!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,226,238,.52))!important;color:var(--ruby)!important;box-shadow:var(--glass-shadow-hover),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(229,31,119,.16)!important;} /* تفاعل hover زجاجي ناعم */
.btn:hover:after,
button:hover:after,
input[type="submit"]:hover:after,
input[type="button"]:hover:after,
.hero-btn:hover:after,
.hero-cart-btn:hover:after,
.shop-view-btn:hover:after,
.shop-cart-form button:hover:after,
.home-tabs a:hover:after,
.contact-card a:hover:after,
.hero-slider.hero-product-showcase .hero-cart-btn:hover:after,
.hero-product-showcase .hero-btn:hover:after,
.hero-product-showcase .hero-cart-btn:hover:after{opacity:.82!important;transform:rotate(18deg) translateX(75%)!important;} /* حركة اللمعة عند المرور */
.btn:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
.hero-btn:active,
.hero-cart-btn:active,
.shop-view-btn:active,
.shop-cart-form button:active,
.home-tabs a:active,
.contact-card a:active,
.hero-slider.hero-product-showcase .hero-cart-btn:active,
.hero-product-showcase .hero-btn:active,
.hero-product-showcase .hero-cart-btn:active{transform:translateY(0) scale(.985)!important;box-shadow:0 10px 26px rgba(124,36,74,.12),inset 0 2px 10px rgba(229,31,119,.10)!important;} /* إحساس ضغط الزر مثل واجهات الموبايل */
.btn:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
.hero-btn:focus-visible,
.hero-cart-btn:focus-visible,
.shop-view-btn:focus-visible,
.shop-cart-form button:focus-visible,
.home-tabs a:focus-visible,
.contact-card a:focus-visible{outline:0!important;box-shadow:0 0 0 4px rgba(229,31,119,.16),var(--glass-shadow)!important;} /* إطار تركيز واضح ومريح */
button:disabled,
.shop-cart-form button:disabled,
.btn[disabled]{opacity:.55!important;cursor:not-allowed!important;transform:none!important;filter:grayscale(.18)!important;} /* شكل الأزرار غير المفعلة */
.shop-cart-form button,
.hero-cart-btn{font-weight:900!important;letter-spacing:.65px!important;text-transform:uppercase!important;} /* ضبط زر إضافة للعربة بشكل أوضح */
.hero-slider.hero-product-showcase .hero-cart-btn{height:48px!important;min-width:168px!important;padding:0 0 0 18px!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.40))!important;} /* ضبط زر إضافة للعربة داخل السلايدر */
.hero-slider.hero-product-showcase .hero-cart-btn span:first-child{background:transparent!important;color:#21161d!important;padding:0 18px!important;} /* جعل النص داخل زر السلايدر جزءًا زجاجيًا بدل الخلفية الصلبة */
.hero-slider.hero-product-showcase .hero-cart-btn span:last-child{width:46px!important;height:46px!important;border-inline-start:1px solid rgba(229,31,119,.18)!important;background:rgba(255,255,255,.38)!important;color:var(--ruby)!important;} /* جعل أيقونة السلة داخل الزر زجاجية */
.slider-arrow,
.cart-pill,
.mobile-menu-btn{position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.72)!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.28))!important;color:#20161d!important;box-shadow:0 14px 34px rgba(51,21,35,.13),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(16px) saturate(1.45)!important;-webkit-backdrop-filter:blur(16px) saturate(1.45)!important;transition:transform .22s ease,box-shadow .22s ease,color .22s ease!important;} /* تحويل الأزرار الدائرية إلى زجاج */
.slider-arrow:hover,
.cart-pill:hover,
.mobile-menu-btn:hover{transform:translateY(-2px)!important;color:var(--ruby)!important;box-shadow:0 18px 44px rgba(229,31,119,.18),inset 0 1px 0 rgba(255,255,255,1)!important;} /* تفاعل الأزرار الدائرية */
.main-nav a{border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;} /* إبقاء روابط الهيدر هادئة قبل المرور */
.main-nav a:hover,
.main-nav a.active{border-color:rgba(255,255,255,.72)!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,226,238,.42))!important;color:var(--ruby)!important;box-shadow:0 14px 34px rgba(229,31,119,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(16px) saturate(1.45)!important;-webkit-backdrop-filter:blur(16px) saturate(1.45)!important;} /* تحويل روابط الهيدر النشطة إلى كبسولات زجاجية */
.lang-switch{background:rgba(255,255,255,.50)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 12px 30px rgba(124,36,74,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(16px) saturate(1.45)!important;-webkit-backdrop-filter:blur(16px) saturate(1.45)!important;} /* جعل زر اللغة الخارجي زجاجيًا */
.lang-switch a{color:#6f4d5d!important;background:transparent!important;box-shadow:none!important;} /* ضبط أزرار اللغة قبل الاختيار */
.lang-switch a.active,
.lang-switch a:hover{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,226,238,.58))!important;color:var(--ruby)!important;box-shadow:0 8px 20px rgba(229,31,119,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;} /* شكل اللغة النشطة بزجاج وردي */
.home-tabs a{border-color:rgba(255,255,255,.74)!important;} /* ضبط حدود تبويبات الرئيسية */
.shop-view-btn{height:44px!important;border-radius:999px!important;} /* تدوير زر عرض المنتج بالكامل */
.shop-cart-form button{height:44px!important;border-radius:999px!important;} /* تدوير زر السلة بالكامل */
@media(max-width:800px){.btn,button,input[type="submit"],input[type="button"],.hero-btn,.hero-cart-btn,.shop-view-btn,.shop-cart-form button,.home-tabs a,.contact-card a{min-height:42px!important;padding-inline:16px!important;} /* ضبط حجم الأزرار على الموبايل */
.hero-slider.hero-product-showcase .hero-cart-btn{min-width:146px!important;height:44px!important;padding-inline-start:12px!important;} /* ضبط زر السلايدر على الموبايل */
.hero-slider.hero-product-showcase .hero-cart-btn span:last-child{width:42px!important;height:42px!important;} /* ضبط أيقونة السلة على الموبايل */
} /* نهاية ضبط الموبايل للأزرار */
/* V3.3 iOS Glass Buttons - نهاية تحسين شكل الأزرار بأسلوب زجاجي ناعم */

/* V3.4 Continuous Vertical Slider Motion - بداية حركة مستمرة بدون اختفاء وظهور */
.hero-slider.hero-product-showcase .hero-slide{transition:none!important;} /* إلغاء انتقال الشفافية القديم حتى لا تختفي الصور وتظهر فجأة */
.hero-slider.hero-product-showcase .hero-slide.active{opacity:1!important;visibility:visible!important;} /* تثبيت السلايد النشط ظاهرًا بالكامل */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit,
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter{opacity:1!important;visibility:visible!important;pointer-events:none!important;} /* إبقاء السلايد الخارج والداخل ظاهرين أثناء الحركة */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit{z-index:5!important;} /* وضع السلايد الخارج فوق السلايد الداخل أثناء الخروج */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter{z-index:4!important;} /* وضع السلايد الداخل خلف الخارج حتى تكون الحركة طبيعية */
.hero-slider.hero-product-showcase .hero-pane{will-change:transform!important;transition:transform .98s cubic-bezier(.16,1,.3,1)!important;} /* تجهيز نصفي السلايدر لحركة رأسية ناعمة */
.hero-slider.hero-product-showcase .hero-copy{will-change:transform!important;transition:transform .98s cubic-bezier(.16,1,.3,1),opacity .28s ease!important;} /* تجهيز بيانات المنتج والزر لحركة خفيفة متزامنة */
.hero-slider.hero-product-showcase .hero-slide.slide-enter .hero-pane-left{transform:translateY(110%)!important;} /* بدء صورة الشمال الجديدة من أسفل قبل دخولها */
.hero-slider.hero-product-showcase .hero-slide.slide-enter .hero-pane-right{transform:translateY(-110%)!important;} /* بدء صورة اليمين الجديدة من أعلى قبل دخولها */
.hero-slider.hero-product-showcase .hero-slide.slide-enter .hero-copy{transform:translateY(24px)!important;opacity:0!important;} /* بدء بيانات المنتج الجديدة من أسفل بشكل خفيف */
.hero-slider.hero-product-showcase .hero-slide.slide-enter.slide-in .hero-pane-left{transform:translateY(0)!important;} /* إدخال صورة الشمال الجديدة إلى مكانها */
.hero-slider.hero-product-showcase .hero-slide.slide-enter.slide-in .hero-pane-right{transform:translateY(0)!important;} /* إدخال صورة اليمين الجديدة إلى مكانها */
.hero-slider.hero-product-showcase .hero-slide.slide-enter.slide-in .hero-copy{transform:translateY(0)!important;opacity:1!important;} /* إظهار بيانات المنتج الجديدة بعد دخول الصور */
.hero-slider.hero-product-showcase .hero-slide.slide-exit .hero-pane-left{transform:translateY(0)!important;} /* تثبيت صورة الشمال القديمة في مكانها قبل الخروج */
.hero-slider.hero-product-showcase .hero-slide.slide-exit .hero-pane-right{transform:translateY(0)!important;} /* تثبيت صورة اليمين القديمة في مكانها قبل الخروج */
.hero-slider.hero-product-showcase .hero-slide.slide-exit.slide-out .hero-pane-left{transform:translateY(-110%)!important;} /* خروج صورة الشمال القديمة لفوق مثل المطلوب */
.hero-slider.hero-product-showcase .hero-slide.slide-exit.slide-out .hero-pane-right{transform:translateY(110%)!important;} /* خروج صورة اليمين القديمة لتحت مثل المطلوب */
.hero-slider.hero-product-showcase .hero-slide.slide-exit.slide-out .hero-copy{transform:translateY(28px)!important;opacity:0!important;} /* إخراج بيانات المنتج القديمة بهدوء */
.hero-slider.hero-product-showcase .hero-slide.active .hero-pane-left img,
.hero-slider.hero-product-showcase .hero-slide.active .hero-pane-right img,
.hero-slider.hero-product-showcase .hero-slide.active .hero-copy{animation:none!important;} /* إلغاء أنيميشن الظهور القديم الذي كان يسبب اختفاء ثم ظهور */
.hero-slider.hero-product-showcase .hero-pane-left img,
.hero-slider.hero-product-showcase .hero-pane-right img{transform:none!important;transition:none!important;} /* منع أي حركة على الصورة نفسها وجعل الحركة على نصف السلايدر بالكامل */
.hero-slider.hero-product-showcase .slider-dot{transition:background .22s ease,border-color .22s ease,box-shadow .22s ease!important;} /* إبقاء تفاعل النقاط ناعمًا بدون تأثير على حركة الصور */
@media(max-width:900px){.hero-slider.hero-product-showcase .hero-pane{transition:transform .98s cubic-bezier(.16,1,.3,1)!important;} /* نفس حركة الصعود والنزول على الموبايل */
.hero-slider.hero-product-showcase .hero-slide.slide-enter .hero-pane-left{transform:translateY(110%)!important;} /* دخول صورة الشمال الجديدة من أسفل على الموبايل */
.hero-slider.hero-product-showcase .hero-slide.slide-enter .hero-pane-right{transform:translateY(-110%)!important;} /* دخول صورة اليمين الجديدة من أعلى على الموبايل */
.hero-slider.hero-product-showcase .hero-slide.slide-exit.slide-out .hero-pane-left{transform:translateY(-110%)!important;} /* خروج صورة الشمال لفوق على الموبايل */
.hero-slider.hero-product-showcase .hero-slide.slide-exit.slide-out .hero-pane-right{transform:translateY(110%)!important;} /* خروج صورة اليمين لتحت على الموبايل */
} /* نهاية ضبط الموبايل لحركة السلايدر */
/* V3.4 Continuous Vertical Slider Motion - نهاية حركة مستمرة بدون اختفاء وظهور */

/* V3.5 Ajax Cart Badges + Toast + True Vertical Slider - بداية تحسين السلة وحركة السلايدر */
.nav-cart-link{position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;} /* جعل رابط Cart يحتوي على النص والبادج بشكل منظم */
.cart-badge{display:none!important;min-width:19px!important;height:19px!important;padding:0 6px!important;border-radius:999px!important;background:#f6adc8!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:19px!important;text-align:center!important;box-shadow:0 8px 18px rgba(229,31,119,.22)!important;} /* شكل عداد السلة بجوار كلمة Cart */
.cart-badge.show{display:inline-flex!important;align-items:center!important;justify-content:center!important;} /* إظهار عداد السلة عند وجود منتجات */
.cart-pill{position:relative!important;} /* تجهيز أيقونة السلة لعرض البادج فوقها */
.cart-badge-floating{position:absolute!important;top:-7px!important;right:-7px!important;z-index:4!important;} /* وضع بادج السلة فوق الأيقونة */
html[dir="rtl"] .cart-badge-floating{right:auto!important;left:-7px!important;} /* ضبط مكان البادج في اللغة العربية */
.cart-toast{position:fixed!important;inset:auto 24px 24px auto!important;z-index:9999!important;max-width:min(360px,calc(100vw - 32px))!important;padding:14px 18px!important;border-radius:22px!important;background:rgba(255,255,255,.82)!important;color:#24141d!important;border:1px solid rgba(246,173,200,.55)!important;box-shadow:0 22px 60px rgba(58,21,38,.18)!important;backdrop-filter:blur(18px) saturate(1.45)!important;-webkit-backdrop-filter:blur(18px) saturate(1.45)!important;font-size:14px!important;font-weight:800!important;line-height:1.5!important;opacity:0!important;transform:translateY(18px) scale(.98)!important;pointer-events:none!important;transition:opacity .24s ease,transform .24s ease!important;} /* إشعار إضافة السلة الزجاجي */
.cart-toast.show{opacity:1!important;transform:translateY(0) scale(1)!important;} /* إظهار إشعار السلة */
.cart-toast:before{content:"✓"!important;display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;margin-inline-end:8px!important;border-radius:50%!important;background:#f6adc8!important;color:#fff!important;font-size:13px!important;font-weight:900!important;} /* أيقونة نجاح داخل الإشعار */
.cart-toast.cart-toast-error:before{content:"!"!important;background:#9e2438!important;} /* أيقونة خطأ داخل الإشعار */
html[dir="rtl"] .cart-toast{inset:auto auto 24px 24px!important;text-align:right!important;} /* وضع الإشعار في الجهة المناسبة للعربي */
.js-add-to-cart-form button.is-loading{opacity:.72!important;cursor:wait!important;} /* شكل زر الإضافة أثناء التحميل */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter,
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit{background:transparent!important;} /* منع السلايد الداخل أو الخارج من تغطية الصور بخلفية بيضاء أثناء الحركة */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-dual-shell,
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit .hero-dual-shell,
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-pane,
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit .hero-pane{background:transparent!important;transform:none!important;transition:none!important;} /* إبقاء نصفي السلايدر ثابتين وتحريك الصور فقط بدون شاشة بيضاء */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter{z-index:6!important;opacity:1!important;visibility:visible!important;} /* وضع السلايد الجديد فوق القديم لكن بدون خلفية حاجبة */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit{z-index:5!important;opacity:1!important;visibility:visible!important;} /* إبقاء السلايد القديم ظاهرًا أثناء خروجه */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-pane-left img{transform:translateY(112%)!important;opacity:1!important;transition:transform .98s cubic-bezier(.16,1,.3,1)!important;} /* بدء صورة الشمال الجديدة من أسفل */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-pane-right img{transform:translateY(-112%)!important;opacity:1!important;transition:transform .98s cubic-bezier(.16,1,.3,1)!important;} /* بدء صورة اليمين الجديدة من أعلى */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter.slide-in .hero-pane-left img{transform:translateY(0)!important;} /* دخول صورة الشمال الجديدة إلى مكانها من تحت لفوق */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter.slide-in .hero-pane-right img{transform:translateY(0)!important;} /* دخول صورة اليمين الجديدة إلى مكانها من فوق لتحت */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit .hero-pane-left img{transform:translateY(0)!important;opacity:1!important;transition:transform .98s cubic-bezier(.16,1,.3,1)!important;} /* تثبيت صورة الشمال القديمة قبل الخروج */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit .hero-pane-right img{transform:translateY(0)!important;opacity:1!important;transition:transform .98s cubic-bezier(.16,1,.3,1)!important;} /* تثبيت صورة اليمين القديمة قبل الخروج */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit.slide-out .hero-pane-left img{transform:translateY(-112%)!important;} /* خروج صورة الشمال القديمة إلى أعلى */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit.slide-out .hero-pane-right img{transform:translateY(112%)!important;} /* خروج صورة اليمين القديمة إلى أسفل */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-copy{transition:transform .45s ease,opacity .28s ease!important;} /* تحريك بيانات المنتج بهدوء أثناء تغيير السلايد */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-copy{transform:translateY(18px)!important;opacity:0!important;} /* بدء بيانات المنتج الجديدة من أسفل */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter.slide-in .hero-copy{transform:translateY(0)!important;opacity:1!important;} /* إظهار بيانات المنتج الجديدة */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit.slide-out .hero-copy{transform:translateY(18px)!important;opacity:0!important;} /* إخفاء بيانات المنتج القديمة بنعومة */
@media(max-width:800px){.cart-toast{inset:auto 16px 18px 16px!important;max-width:none!important;text-align:center!important;} /* جعل إشعار السلة ممتدًا وأنيقًا على الموبايل */
html[dir="rtl"] .cart-toast{inset:auto 16px 18px 16px!important;text-align:center!important;} /* تثبيت إشعار السلة في المنتصف على الموبايل العربي */
.cart-badge{min-width:18px!important;height:18px!important;font-size:10px!important;line-height:18px!important;} /* تصغير عداد السلة على الموبايل */
} /* نهاية قواعد الموبايل */
/* V3.5 Ajax Cart Badges + Toast + True Vertical Slider - نهاية تحسين السلة وحركة السلايدر */

/* V3.6 True Blush Vertical Slider Fix - بداية منع الشاشة البيضاء وجعل الانتقال مستمر */
.hero-slider.hero-product-showcase{background:#fff!important;} /* تثبيت خلفية عامة بيضاء مثل المثال بدون لون وردي */
.hero-slider.hero-product-showcase .hero-slide{background:transparent!important;} /* منع أي سلايد من إنشاء طبقة بيضاء فوق الصور */
.hero-slider.hero-product-showcase .hero-dual-shell{background:transparent!important;} /* جعل هيكل السلايدر شفاف حتى تظهر الصور فقط */
.hero-slider.hero-product-showcase .hero-pane{overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;} /* جعل كل نصف في السلايدر ماسك حركة الصورة بدون برواز */
.hero-slider.hero-product-showcase .hero-pane picture{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;background:transparent!important;} /* تثبيت حاوية الصورة في مركز النصف */
.hero-slider.hero-product-showcase .hero-pane img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;padding:clamp(6px,1.6vw,22px)!important;} /* عرض الصورة كاملة بدون زوم أو قص */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit{z-index:9!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;} /* إبقاء السلايد القديم فوق الجديد أثناء خروجه لمنع الفراغ الأبيض */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter{z-index:8!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;} /* وضع السلايد الجديد تحت القديم ليظهر من تحته بشكل مستمر */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit .hero-pane-left img{transform:translateY(0)!important;transition:transform 1.05s cubic-bezier(.16,1,.3,1)!important;} /* تثبيت صورة الشمال القديمة قبل الصعود */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit .hero-pane-right img{transform:translateY(0)!important;transition:transform 1.05s cubic-bezier(.16,1,.3,1)!important;} /* تثبيت صورة اليمين القديمة قبل النزول */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-pane-left img{transform:translateY(112%)!important;transition:transform 1.05s cubic-bezier(.16,1,.3,1)!important;} /* تجهيز صورة الشمال الجديدة أسفل مكانها */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-pane-right img{transform:translateY(-112%)!important;transition:transform 1.05s cubic-bezier(.16,1,.3,1)!important;} /* تجهيز صورة اليمين الجديدة أعلى مكانها */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit.slide-out .hero-pane-left img{transform:translateY(-112%)!important;} /* خروج صورة الشمال القديمة إلى أعلى */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit.slide-out .hero-pane-right img{transform:translateY(112%)!important;} /* خروج صورة اليمين القديمة إلى أسفل */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter.slide-in .hero-pane-left img{transform:translateY(0)!important;} /* دخول صورة الشمال الجديدة من أسفل إلى مكانها */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter.slide-in .hero-pane-right img{transform:translateY(0)!important;} /* دخول صورة اليمين الجديدة من أعلى إلى مكانها */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-copy{transition:opacity .35s ease,transform .45s ease!important;} /* جعل بيانات المنتج تتحرك بهدوء منفصل عن الصور */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-exit.slide-out .hero-copy{opacity:0!important;transform:translateY(14px)!important;} /* إخفاء بيانات المنتج القديمة بعد بداية حركة الصور */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter .hero-copy{opacity:0!important;transform:translateY(14px)!important;} /* تجهيز بيانات المنتج الجديدة قبل الظهور */
.hero-slider.hero-product-showcase.is-vertical-moving .hero-slide.slide-enter.slide-in .hero-copy{opacity:1!important;transform:translateY(0)!important;} /* إظهار بيانات المنتج الجديدة بشكل ناعم */
@media(max-width:800px){.hero-slider.hero-product-showcase .hero-pane img{padding:4px!important;} /* تقليل هوامش صور السلايدر على الموبايل */
.hero-slider.hero-product-showcase .hero-dual-shell{gap:0!important;} /* جعل نصفي السلايدر متلاصقين على الموبايل */
} /* نهاية ضبط الموبايل */
/* V3.6 True Blush Vertical Slider Fix - نهاية منع الشاشة البيضاء وجعل الانتقال مستمر */

/* V3.8 Blush Exact Slider - بداية سلايدر مطابق لفكرة Blush بعمودين متعاكسين */
.blush-showcase-slider{position:relative;background:#fff;overflow:visible;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;isolation:isolate;padding-bottom:30px;} /* السلايدر: صورتان بالأعلى والبيانات بالأسفل */
.blush-logo-mark{position:absolute;top:28px;inset-inline-start:38px;z-index:20;font-size:clamp(28px,3vw,42px);line-height:1;font-weight:900;font-style:italic;letter-spacing:-1.8px;color:#080808;pointer-events:none;} /* اسم RubyRose أو العلامة أعلى السلايدر */
.blush-logo-mark:after{content:".";color:#f6adc8;} /* نقطة وردية خفيفة بعد العلامة مثل إحساس Blush */
.blush-left-window,.blush-right-window{position:relative;height:58vh;min-height:380px;overflow:hidden;background:#fff;} /* نافذة كل عمود تعرض الصورة كاملة */
.blush-left-item,.blush-right-item{position:absolute;inset:0;display:grid;place-items:center;background:#fff;transition:transform 1.05s cubic-bezier(.77,0,.175,1);will-change:transform;backface-visibility:hidden;} /* كل صورة مطلقة تتحرك رأسيًا بانزلاق نظيف */
.blush-left-item img,.blush-right-item img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:transparent;padding:16px;box-sizing:border-box;} /* الصورتان تظهران كاملتين دائمًا بدون قص */
.blush-left-item.is-active,.blush-right-item.is-active{transform:translateY(0);z-index:3;} /* السلايد الحالي في مكانه تمامًا */
.blush-left-item.is-before{transform:translateY(-100%);z-index:2;} /* صورة الشمال السابقة فوق النافذة */
.blush-left-item.is-after{transform:translateY(100%);z-index:2;} /* صورة الشمال التالية تحت النافذة */
.blush-right-item.is-before{transform:translateY(100%);z-index:2;} /* صورة اليمين السابقة تنزل لأسفل */
.blush-right-item.is-after{transform:translateY(-100%);z-index:2;} /* صورة اليمين التالية تأتي من الأعلى نزولاً */
@media(prefers-reduced-motion:reduce){.blush-left-item.is-active img{transform:none;}} /* احترام تفضيل تقليل الحركة */
.blush-caption-layer{position:relative;grid-column:1 / -1;width:100%;margin-top:75px;z-index:15;display:grid;place-items:center;pointer-events:none;} /* بيانات المنتج أسفل الصورتين بمسافة ~2سم */
html[dir="rtl"] .blush-caption-layer{left:auto;right:auto;} /* بدون إزاحة جانبية بعد نقلها للأسفل */
.blush-caption{grid-area:1/1;text-align:center;display:grid;place-items:center;gap:10px;opacity:0;transform:translateY(18px);transition:opacity .34s ease,transform .52s cubic-bezier(.22,.61,.36,1);pointer-events:none;} /* كابشن غير نشط مخفي بهدوء */
.blush-caption.is-active{opacity:1;transform:translateY(0);pointer-events:auto;} /* الكابشن الحالي ظاهر وقابل للضغط */
.blush-caption .hero-product-caption{display:grid;gap:5px;text-align:center;} /* بيانات اسم وسعر المنتج */
.blush-caption .hero-product-caption strong{font-size:clamp(21px,1.9vw,31px);font-weight:900;color:#050505;line-height:1.1;letter-spacing:.1px;} /* اسم المنتج */
.blush-caption .hero-product-caption span{font-size:clamp(14px,1.1vw,18px);font-weight:800;color:#aaa;} /* سعر المنتج */
.blush-caption .hero-swatches{margin:3px 0 2px;display:flex;align-items:center;justify-content:center;gap:8px;} /* سواتشات المنتج */
.blush-caption .hero-swatch{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.18);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;} /* شكل لون المنتج */
.blush-caption .hero-swatch.active,.blush-caption .hero-swatch:hover{box-shadow:0 0 0 2px #f6adc8;transform:scale(1.07);} /* تفعيل لون المنتج */
.blush-cart-btn{display:inline-grid!important;grid-template-columns:auto 44px!important;align-items:center!important;min-height:48px!important;padding:0!important;background:#fff!important;color:#050505!important;border:1px solid #050505!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:900!important;letter-spacing:.9px!important;text-transform:uppercase!important;overflow:hidden!important;} /* زر Add To Cart مثل المثال */
.blush-cart-btn span:first-child{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding:0 34px!important;background:#fff!important;color:#050505!important;} /* جزء النص داخل الزر */
.blush-cart-btn .hero-cart-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:100%!important;border-inline-start:1px solid #050505!important;background:#fff!important;color:#050505!important;font-size:16px!important;} /* مربع الأيقونة داخل الزر */
.blush-cart-btn:hover{background:#050505!important;color:#fff!important;border-color:#050505!important;transform:none!important;} /* تفاعل الزر */
.blush-cart-btn:hover span:first-child,.blush-cart-btn:hover .hero-cart-icon{background:#050505!important;color:#fff!important;} /* تفاعل أجزاء الزر */
.blush-cart-btn:hover .hero-cart-icon{border-inline-start-color:#fff!important;} /* تغيير خط الأيقونة عند التفاعل */
.blush-slider-dots{position:absolute;right:35px;top:29vh;z-index:25;display:flex;flex-direction:column;gap:15px;transform:translateY(-50%);} /* نقاط رأسية على يمين الصور للتنقل بين المنتجات */
html[dir="rtl"] .blush-slider-dots{right:35px;left:auto;} /* تثبيت النقاط يمينًا في العربي */
.blush-slider-dots button{width:13px!important;height:13px!important;min-height:13px!important;padding:0!important;border-radius:50%!important;border:1px solid #050505!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;cursor:pointer!important;} /* النقطة العادية */
.blush-slider-dots button.active{background:#f7d5df!important;border-color:#050505!important;} /* النقطة النشطة */
.blush-slider-dots button:before,.blush-slider-dots button:after{display:none!important;} /* إلغاء تأثيرات الزجاج من النقاط */
@media(max-width:900px){.blush-showcase-slider{grid-template-columns:50% 50%;padding-bottom:20px;} /* السلايدر على الموبايل */
.blush-left-window,.blush-right-window{height:38vh;min-height:240px;} /* ارتفاع النوافذ على الموبايل */
.blush-left-item img,.blush-right-item img{object-fit:contain;padding:10px;} /* الصورتان كاملتان على الموبايل */
.blush-caption-layer{margin-top:42px;width:100%;padding:0 14px;} /* بيانات المنتج أسفل الصورتين على الموبايل */
.blush-caption .hero-product-caption strong{font-size:clamp(16px,4.4vw,22px);} /* تصغير اسم المنتج */
.blush-caption .hero-product-caption span{font-size:13px;} /* تصغير السعر */
.blush-cart-btn{min-height:42px!important;font-size:10px!important;letter-spacing:.5px!important;grid-template-columns:auto 38px!important;} /* تصغير زر السلة */
.blush-cart-btn span:first-child{padding:0 15px!important;} /* تصغير جزء النص */
.blush-cart-btn .hero-cart-icon{width:38px!important;font-size:14px!important;} /* تصغير أيقونة الزر */
.blush-caption .hero-swatch{width:18px;height:18px;} /* تصغير السواتشات */
.blush-slider-dots{right:12px;top:19vh;gap:11px;} /* النقاط على يمين الصور على الموبايل */
html[dir="rtl"] .blush-slider-dots{right:12px;left:auto;} /* تثبيت النقاط يمينًا */
.blush-slider-dots button{width:11px!important;height:11px!important;min-height:11px!important;} /* تصغير النقاط */
} /* نهاية الموبايل */
@media(max-width:520px){.blush-left-window,.blush-right-window{height:32vh;min-height:200px;} /* نوافذ أصغر للموبايل الصغير */
.blush-caption-layer{margin-top:32px;padding:0 10px;} /* بيانات المنتج للموبايل الصغير */
.blush-cart-btn span:first-child{padding:0 10px!important;} /* جعل الزر مناسب لنصف الشاشة */
.blush-caption .hero-product-caption strong{font-size:15.5px;} /* تصغير اسم المنتج أكثر */
} /* نهاية الموبايل الصغير */
/* V3.8 Blush Exact Slider - نهاية سلايدر مطابق لفكرة Blush بعمودين متعاكسين */

/* V3.8 Receipt + Social Share - بداية تحسين ريسيت التتبع وأزرار الشير */
.order-receipt{max-width:760px;margin:28px auto 0;background:#fff;border:1px solid #f5dce7;border-radius:30px;padding:28px;box-shadow:0 24px 70px rgba(229,31,119,.10);} /* شكل الريسيت في صفحة تتبع الطلب */
.receipt-logo{text-align:center;margin-bottom:18px;} /* توسيط اللوجو داخل الريسيت */
.receipt-logo img{width:148px;max-width:60%;height:auto;display:inline-block;} /* حجم اللوجو */
.receipt-head{text-align:center;border-bottom:1px dashed #edc7d7;padding-bottom:16px;margin-bottom:18px;} /* رأس الريسيت */
.receipt-head h2{margin:0 0 6px;font-size:26px;color:#20161d;} /* عنوان الريسيت */
.receipt-head p{margin:0;color:#846d78;} /* بيانات مختصرة */
.receipt-table{width:100%;border-collapse:collapse;margin:18px 0;} /* جدول المنتجات داخل الريسيت */
.receipt-table th,.receipt-table td{padding:11px 8px;border-bottom:1px solid #f5e3eb;text-align:start;font-size:14px;} /* خلايا جدول المنتجات */
.receipt-table th{color:#8d6273;font-size:12px;text-transform:uppercase;letter-spacing:.6px;} /* رؤوس الجدول */
.receipt-totals{display:grid;gap:8px;margin-top:18px;} /* منطقة الإجماليات */
.receipt-totals div{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#5f4b55;} /* سطر إجمالي */
.receipt-totals .grand-total{font-size:20px;font-weight:900;color:#050505;border-top:1px solid #efc9d9;padding-top:12px;margin-top:4px;} /* الإجمالي النهائي */
.product-share-row{display:flex;align-items:center;gap:9px;margin:14px 0;flex-wrap:wrap;} /* صف مشاركة المنتج */
.product-share-row span{font-size:13px;font-weight:800;color:#7b6470;} /* نص المشاركة */
.share-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(246,173,200,.55);background:#fff;color:#20161d;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(229,31,119,.08);transition:.22s ease;} /* أيقونة مشاركة عامة */
.share-icon:hover{transform:translateY(-2px);color:var(--ruby);border-color:#f6adc8;box-shadow:0 14px 32px rgba(229,31,119,.15);} /* تفاعل أيقونة المشاركة */
@media(max-width:640px){.order-receipt{padding:20px;border-radius:24px}.receipt-table th,.receipt-table td{font-size:12px;padding:9px 5px}.receipt-totals .grand-total{font-size:18px}} /* ضبط الريسيت على الموبايل */
/* V3.8 Receipt + Social Share - نهاية تحسين ريسيت التتبع وأزرار الشير */

/* V3.9 Product interactive images and swatch background - بداية تحسين صور المنتجات والخلفية */
.rr-page-swatches{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden} /* حاوية خلفية السواتشات الديكورية */
.rr-page-swatch{position:absolute;width:clamp(110px,15vw,260px);height:auto;opacity:.16;filter:blur(.2px);object-fit:contain;transform:rotate(var(--rr-rot,0deg))} /* شكل صورة السواتش في الخلفية */
.rr-page-swatch-0{top:9%;left:2%;--rr-rot:-18deg} /* موضع أول سواتش */
.rr-page-swatch-1{top:12%;right:3%;--rr-rot:16deg} /* موضع ثاني سواتش */
.rr-page-swatch-2{top:46%;left:-2%;--rr-rot:8deg} /* موضع ثالث سواتش */
.rr-page-swatch-3{top:50%;right:-1%;--rr-rot:-12deg} /* موضع رابع سواتش */
.rr-page-swatch-4{bottom:9%;left:7%;--rr-rot:20deg} /* موضع خامس سواتش */
.rr-page-swatch-5{bottom:7%;right:8%;--rr-rot:-22deg} /* موضع سادس سواتش */
.rr-page-swatch-6{top:30%;left:45%;--rr-rot:10deg;opacity:.11} /* موضع سابع سواتش */
.rr-page-swatch-7{bottom:28%;right:38%;--rr-rot:-7deg;opacity:.1} /* موضع ثامن سواتش */
.rr-page-swatch-8{top:72%;left:42%;--rr-rot:24deg;opacity:.09} /* موضع تاسع سواتش */
.rr-page-swatch-9{top:24%;right:42%;--rr-rot:-19deg;opacity:.09} /* موضع عاشر سواتش */
.shop-card-image-link{position:relative;display:block;min-height:280px} /* رابط صورة الكارت يسمح بتراكب صورة الهوفر */
.shop-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .38s ease,transform .45s ease} /* صور الكارت المتراكبة */
.shop-card-img-main{opacity:1} /* الصورة الأساسية ظاهرة */
.shop-card-img-hover{opacity:0} /* صورة الهوفر مخفية افتراضيًا */
.shop-product-card:hover .shop-card-img-main{opacity:0;transform:scale(1.02)} /* إخفاء الصورة الرئيسية عند الوقوف */
.shop-product-card:hover .shop-card-img-hover{opacity:1;transform:scale(1.035)} /* إظهار صورة الهوفر عند الوقوف */
.shop-model-peek{position:absolute;right:14px;bottom:14px;width:72px;height:92px;border-radius:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);box-shadow:0 16px 32px rgba(45,18,28,.12);overflow:hidden;border:1px solid rgba(255,207,222,.8)} /* صورة موديل صغيرة داخل كارت المنتج */
html[dir="rtl"] .shop-model-peek{right:auto;left:14px} /* نقل صورة الموديل في العربي */
.shop-model-peek img{width:100%;height:100%;object-fit:cover;display:block} /* صورة الموديل داخل الكارت */
.product-detail-premium{grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);position:relative} /* تخطيط صفحة المنتج التفاعلية */
.product-gallery-area{display:grid;gap:18px} /* منطقة معرض المنتج */
.product-main-frame{background:rgba(255,255,255,.62);border-radius:36px;min-height:520px;display:grid;place-items:center;overflow:hidden} /* إطار الصورة الرئيسية */
.product-detail-premium .product-main-image{max-width:92%;max-height:520px;width:auto;height:auto;object-fit:contain;background:transparent;border-radius:0} /* صورة المنتج في التفاصيل بدون قص */
.product-thumb-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center} /* شريط الصور المصغرة */
.product-thumb-btn{width:82px!important;height:82px!important;min-height:82px!important;padding:7px!important;border-radius:22px!important;border:1px solid rgba(241,167,195,.7)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 10px 24px rgba(40,20,31,.08)!important;cursor:pointer!important} /* زر صورة مصغرة */
.product-thumb-btn.active,.product-thumb-btn:hover{border-color:#f19abb!important;transform:translateY(-2px)} /* تفاعل الصورة المصغرة */
.product-thumb-btn img{width:100%;height:100%;object-fit:contain;display:block} /* صورة مصغرة داخل الزر */
.product-info-area{align-self:center;display:grid;gap:16px} /* بيانات المنتج */
/* V8.4 إطار صورة المنتج + محدّد الكمية المصغّر */
.product-main-frame{position:relative;cursor:default} /* الإطار يتحول لصورة الموديل عند المرور (مؤشّر عادي بدون عدسة) */
.product-main-frame .product-main-image{transition:opacity .35s ease} /* انتقال ناعم بين صورة المنتج والموديل */
.product-frame-hint{position:absolute;inset-inline-start:50%;bottom:14px;transform:translateX(-50%);background:rgba(34,21,29,.62);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;pointer-events:none;backdrop-filter:blur(6px);white-space:nowrap;opacity:.9;z-index:5} /* تلميح المرور لرؤية الموديل */
.product-main-frame:hover .product-frame-hint{opacity:0} /* إخفاء التلميح أثناء عرض الموديل */
.qty-stepper{display:inline-flex;align-items:center;gap:0;border:1px solid #e7cdd9;border-radius:999px;overflow:hidden;width:max-content;background:#fff} /* محدّد كمية مصغّر */
.qty-stepper .qty-btn{width:38px;height:38px;min-height:38px;border:0!important;background:#fff!important;color:#9a2b5e!important;font-size:20px;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important} /* أزرار + و − */
.qty-stepper .qty-btn:hover{background:#fbe3ee!important;color:#e0177a!important} /* تفاعل الأزرار */
.qty-stepper .qty-btn:disabled{color:#d9c4cf!important;cursor:not-allowed;background:#fff!important} /* زر معطّل عند بلوغ الحد */
.qty-stepper .qty-btn:before,.qty-stepper .qty-btn:after{display:none!important;content:none!important} /* إلغاء تأثير الزجاج عن أزرار الكمية */
.qty-stepper .qty-input{width:46px;height:38px;border:0;border-inline:1px solid #f1dbe6;text-align:center;font-size:15px;font-weight:800;color:#3a2630;background:#fff;-moz-appearance:textfield;padding:0} /* خانة العدد في المنتصف */
.qty-stepper .qty-input::-webkit-outer-spin-button,.qty-stepper .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} /* إخفاء أسهم المتصفح */
.product-detail-price{font-size:clamp(24px,2.4vw,38px);color:#e85f98} /* سعر صفحة المنتج */
.product-model-panel{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;background:rgba(255,246,250,.68);border:1px solid rgba(242,185,207,.5);border-radius:34px;padding:22px;overflow:hidden} /* لوحة صورة الموديل في صفحة المنتج */
.product-model-panel span{font-weight:900;color:#e85f98;letter-spacing:.08em;text-transform:uppercase} /* عنوان لوحة الموديل */
.product-model-panel img{width:100%;max-height:360px;object-fit:cover;border-radius:26px;display:block} /* صورة الموديل الكبيرة */
.admin-image-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;margin:14px 0} /* شبكة صور المنتج في الإدارة */
.admin-image-role-card{display:grid;gap:7px;padding:10px;border:1px solid #f3dce6;border-radius:18px;background:#fff} /* كارت صورة في الإدارة */
.admin-gallery-upload-grid{display:grid;gap:12px} /* شبكة رفع الصور */
.admin-gallery-upload-row{display:grid;grid-template-columns:2fr 1fr 110px auto;gap:12px;align-items:end;padding:12px;border:1px dashed #f1b7cd;border-radius:18px;background:#fffafd} /* صف رفع صورة */
.category-product-showcase{margin-top:0;min-height:72vh;height:72vh} /* ارتفاع سلايدر التصنيف أقل من الرئيسي */
.category-product-showcase .blush-logo-mark{color:#f19abb;font-style:normal;font-weight:800} /* اسم التصنيف بالبينك الناعم */
@media(max-width:900px){.rr-page-swatch{width:clamp(80px,24vw,160px);opacity:.1}.rr-page-swatch:nth-child(n+5){display:none}.shop-card-image-link{min-height:230px}.product-detail-premium{grid-template-columns:1fr}.product-main-frame{min-height:360px}.product-model-panel{grid-template-columns:1fr}.admin-gallery-upload-row{grid-template-columns:1fr}.category-product-showcase{height:76svh;min-height:76svh}} /* ضبط الموبايل */
/* V3.9 Product interactive images and swatch background - نهاية تحسين صور المنتجات والخلفية */

/* V4.0 Home Single Image Slider - بداية سلايدر الصفحة الرئيسية بصورة واحدة وانتقال يمين ويسار */
.rr-home-image-slider{position:relative;width:100%;height:clamp(520px,72vh,760px);overflow:hidden;background:transparent;isolation:isolate;} /* حاوية السلايدر الرئيسية بارتفاع متوازن */
.rr-home-slider-track{position:relative;width:100%;height:100%;overflow:hidden;} /* مسار الصور داخل السلايدر */
.rr-home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .35s ease,visibility .35s ease;will-change:transform;backface-visibility:hidden;} /* السلايد غير النشط خارج الشاشة */
html[dir="rtl"] .rr-home-slide{transform:translateX(-100%);} /* عكس اتجاه البداية في العربي */
.rr-home-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);z-index:3;} /* السلايد الحالي ظاهر في مكانه */
.rr-home-slide.is-prev{opacity:1;visibility:visible;transform:translateX(-100%);z-index:2;} /* السلايد السابق يخرج ناحية الشمال */
.rr-home-slide.is-next{opacity:1;visibility:visible;transform:translateX(100%);z-index:2;} /* السلايد التالي يخرج ناحية اليمين */
html[dir="rtl"] .rr-home-slide.is-prev{transform:translateX(100%);} /* عكس خروج السابق في العربي */
html[dir="rtl"] .rr-home-slide.is-next{transform:translateX(-100%);} /* عكس خروج التالي في العربي */
.rr-home-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:transparent;} /* صورة السلايدر تملأ المساحة بشكل واضح */
.rr-home-slide-content{position:absolute;inset-inline-start:clamp(24px,7vw,96px);top:50%;transform:translateY(-50%);z-index:6;max-width:min(520px,70vw);display:grid;gap:14px;padding:clamp(18px,2vw,28px);border-radius:30px;background:rgba(255,255,255,.26);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.38);box-shadow:0 28px 70px rgba(80,30,50,.08);} /* صندوق نص ناعم فوق الصورة عند وجود نص */
.rr-home-slide-content span{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#e85f98;} /* النص الصغير أعلى العنوان */
.rr-home-slide-content h1{margin:0;font-size:clamp(34px,5vw,72px);line-height:.96;color:#22151c;letter-spacing:-2px;} /* عنوان السلايدر الكبير */
.rr-home-slide-content p{margin:0;font-size:clamp(14px,1.2vw,18px);line-height:1.8;color:#6c5260;} /* وصف السلايدر */
.rr-home-slide-btn{width:max-content;} /* جعل زر السلايدر على قدر النص */
.rr-home-slider-arrow{position:absolute;top:50%;z-index:12;transform:translateY(-50%);width:52px!important;height:52px!important;min-height:52px!important;border-radius:50%!important;border:1px solid rgba(232,95,152,.34)!important;background:rgba(255,255,255,.58)!important;color:#e85f98!important;display:grid!important;place-items:center!important;font-size:36px!important;line-height:1!important;box-shadow:0 18px 42px rgba(90,30,55,.12)!important;backdrop-filter:blur(14px)!important;cursor:pointer!important;transition:transform .22s ease,background .22s ease,color .22s ease!important;} /* أزرار يمين وشمال زجاجية */
.rr-home-slider-arrow:hover{transform:translateY(-50%) scale(1.06)!important;background:#e85f98!important;color:#fff!important;} /* تفاعل زر السلايدر */
.rr-home-slider-prev{inset-inline-start:28px;} /* مكان زر السابق */
.rr-home-slider-next{inset-inline-end:28px;} /* مكان زر التالي */
.rr-home-slider-dots{position:absolute;left:50%;bottom:24px;z-index:12;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;} /* نقاط السلايدر أسفل الصورة */
.rr-home-slider-dots button{width:10px!important;height:10px!important;min-height:10px!important;border-radius:50%!important;padding:0!important;border:1px solid rgba(232,95,152,.62)!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important;cursor:pointer!important;transition:width .24s ease,background .24s ease!important;} /* نقطة عادية */
.rr-home-slider-dots button.active{width:30px!important;border-radius:20px!important;background:#e85f98!important;} /* النقطة النشطة */
@media(max-width:900px){.rr-home-image-slider{height:clamp(430px,62svh,620px);} /* تقليل ارتفاع السلايدر على الموبايل */
.rr-home-slide img{object-fit:cover;} /* الحفاظ على ملء الصورة للموبايل */
.rr-home-slide-content{inset-inline:18px;top:auto;bottom:70px;transform:none;max-width:none;padding:18px;border-radius:24px;} /* وضع النص أسفل الصورة على الموبايل */
.rr-home-slide-content h1{font-size:clamp(28px,9vw,44px);letter-spacing:-1px;} /* تصغير عنوان الموبايل */
.rr-home-slide-content p{font-size:13px;} /* تصغير وصف الموبايل */
.rr-home-slider-arrow{width:44px!important;height:44px!important;min-height:44px!important;font-size:30px!important;} /* تصغير الأسهم */
.rr-home-slider-prev{inset-inline-start:12px;} /* تقريب زر السابق */
.rr-home-slider-next{inset-inline-end:12px;} /* تقريب زر التالي */
.rr-home-slider-dots{bottom:18px;} /* رفع النقاط قليلاً */
} /* نهاية ضبط الموبايل */
/* V4.0 Home Single Image Slider - نهاية سلايدر الصفحة الرئيسية بصورة واحدة وانتقال يمين ويسار */

/* V4.1 Biagiotti Style Transformation - بداية تحويل RubyRose إلى تجربة Beauty Luxury */
:root{--biagiotti-pink:#e85f98;--biagiotti-soft:#fff7fa;--biagiotti-ink:#1f171c;--biagiotti-muted:#82717a;--biagiotti-line:rgba(232,95,152,.18);} /* ألوان Biagiotti الخاصة بـ RubyRose */
body.biagiotti-style{background:radial-gradient(circle at 8% 16%,rgba(232,95,152,.10),transparent 24%),radial-gradient(circle at 94% 24%,rgba(255,206,224,.35),transparent 28%),linear-gradient(180deg,#fff 0%,#fff8fb 52%,#fff 100%);color:var(--biagiotti-ink);} /* خلفية فاخرة بدل الأبيض الصريح */
.biagiotti-header{position:fixed!important;top:0;left:0;right:0;z-index:200;padding:0 clamp(18px,4vw,64px)!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;transition:background .32s ease,box-shadow .32s ease,padding .32s ease,backdrop-filter .32s ease;} /* هيدر شفاف فوق السلايدر */
.biagiotti-header.is-scrolled{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 46px rgba(55,28,40,.08)!important;border-bottom:1px solid rgba(232,95,152,.10)!important;} /* الهيدر بعد النزول يتحول لجلاس */
.biagiotti-header-inner{height:88px;max-width:1380px;margin:auto;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;position:relative;} /* تقسيمة الهيدر بثلاث مناطق */
.header-zone{display:flex;align-items:center;gap:24px;min-width:0;} /* منطقة الهيدر */
.header-zone-left{justify-content:flex-start;} /* منطقة الشمال */
.header-zone-right{justify-content:flex-end;} /* منطقة اليمين */
.centered-brand{position:relative;display:grid;place-items:center;text-align:center;min-width:180px;text-decoration:none!important;} /* اللوجو النصي في المنتصف */
.brand-logo-text{font-size:clamp(28px,3.2vw,48px);line-height:1;font-weight:300;letter-spacing:-1.8px;color:var(--biagiotti-pink);text-shadow:0 14px 28px rgba(232,95,152,.18);} /* نص RubyRose باللون البينك */
.wishlist-link{display:inline-flex;align-items:center;gap:8px;color:#2b2027;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:color .25s ease,transform .25s ease;} /* Wishlist */
.wishlist-link span:first-child{font-size:22px;color:var(--biagiotti-pink);line-height:1;} /* أيقونة القلب */
.wishlist-link:hover{color:var(--biagiotti-pink);transform:translateY(-1px);} /* تفاعل Wishlist */
.biagiotti-header .main-nav{display:flex!important;align-items:center;gap:clamp(14px,1.7vw,32px);width:auto!important;order:initial!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;} /* روابط الهيدر */
.biagiotti-header .main-nav a{position:relative;padding:8px 0!important;border:0!important;background:transparent!important;color:#2c2228!important;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center;white-space:nowrap;} /* شكل الروابط */
.biagiotti-header .main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--biagiotti-pink);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;} /* خط أسفل الرابط */
.biagiotti-header .main-nav a:hover:after,.biagiotti-header .main-nav a.active:after{transform:scaleX(1);} /* تفعيل الخط */
.biagiotti-header .main-nav a:hover,.biagiotti-header .main-nav a.active{color:var(--biagiotti-pink)!important;} /* لون الرابط النشط */
.biagiotti-header .header-actions{display:flex;align-items:center;gap:10px;margin:0!important;min-width:0!important;} /* أدوات الهيدر */
.header-icon,.biagiotti-header .cart-pill{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.46)!important;border:1px solid rgba(255,255,255,.58)!important;color:#1f171c!important;box-shadow:0 12px 30px rgba(65,24,42,.06)!important;backdrop-filter:blur(12px);transition:transform .25s ease,background .25s ease,color .25s ease;} /* أيقونات الهيدر */
.header-icon:hover,.biagiotti-header .cart-pill:hover{background:var(--biagiotti-pink)!important;color:#fff!important;transform:translateY(-2px);} /* تفاعل الأيقونات */
.biagiotti-header .lang-switch{display:flex;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.60);border-radius:999px;padding:3px;backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(65,24,42,.06);} /* زر اللغة */
.biagiotti-header .lang-switch a{min-width:42px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;color:#2c2228;} /* رابط اللغة */
.biagiotti-header .lang-switch a.active{background:var(--biagiotti-pink);color:#fff;} /* اللغة النشطة */
.mobile-nav-panel{display:none;} /* إخفاء قائمة الموبايل على الديسكتوب */
.mobile-menu-btn{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.50)!important;border:1px solid rgba(255,255,255,.65)!important;color:#1f171c!important;box-shadow:0 12px 30px rgba(65,24,42,.06)!important;} /* زر قائمة الموبايل */
.rr-home-image-slider{height:clamp(580px,78vh,840px)!important;margin-top:0!important;background:#fff;overflow:hidden;} /* سلايدر الصفحة الرئيسية كبير ومتضمن الهيدر */
.rr-home-image-slider:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.18) 38%,rgba(255,255,255,.08) 100%);z-index:4;pointer-events:none;} /* طبقة بيضاء ناعمة فوق السلايدر */
.rr-home-slide img{filter:none!important;transform:none!important;} /* صورة السلايدر ثابتة بواقعيتها بدون أي زوم */
.rr-home-slide.is-active img{transform:none!important;} /* بدون تكبير للصورة النشطة */
.rr-home-slide-content{inset-inline-start:clamp(28px,8vw,128px)!important;top:54%!important;max-width:min(580px,78vw)!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;} /* محتوى السلايدر بلا صندوق */
.rr-home-slide-content span{display:inline-flex;align-items:center;gap:14px;color:var(--biagiotti-pink)!important;font-size:12px;letter-spacing:.32em;font-weight:800;margin-bottom:8px;} /* نص صغير فاخر */
.rr-home-slide-content span:before{content:"";width:46px;height:1px;background:var(--biagiotti-pink);opacity:.75;} /* خط زخرفي */
.rr-home-slide-content h1{font-size:clamp(44px,7vw,96px)!important;line-height:.95!important;font-weight:300!important;letter-spacing:-3px!important;color:#1e171c!important;margin:0 0 18px!important;} /* عنوان السلايدر بأسلوب Beauty */
.rr-home-slide-content p{font-size:clamp(15px,1.5vw,20px)!important;line-height:1.8!important;color:#66565f!important;max-width:520px;} /* وصف السلايدر */
.rr-home-slide-btn{margin-top:10px;border-radius:0!important;background:#1f171c!important;color:#fff!important;padding:14px 34px!important;letter-spacing:.18em!important;text-transform:uppercase!important;box-shadow:none!important;} /* زر السلايدر المستطيل الأنيق */
.rr-home-slide-btn:hover{background:var(--biagiotti-pink)!important;transform:translateY(-3px);} /* تفاعل زر السلايدر */
.rr-home-slider-arrow{width:46px!important;height:46px!important;border-radius:0!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(232,95,152,.22)!important;color:#1f171c!important;box-shadow:0 16px 34px rgba(60,24,40,.08)!important;} /* أسهم السلايدر بشكل مربع ناعم */
.rr-home-slider-arrow:hover{background:var(--biagiotti-pink)!important;color:#fff!important;} /* تفاعل الأسهم */
.rr-home-slider-dots button.active{background:var(--biagiotti-pink)!important;} /* نقطة السلايدر النشطة */
.section{position:relative;overflow:hidden;} /* تجهيز كل الأقسام للحركة */
.section-heading{text-align:center;max-width:780px;margin:0 auto 40px;} /* عنوان القسم في المنتصف */
.section-heading span{display:inline-block;color:var(--biagiotti-pink);font-size:12px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;margin-bottom:10px;} /* عنوان صغير للأقسام */
.section-heading h2{margin:0 0 12px;font-weight:300;letter-spacing:-1.8px;color:#21181d;} /* عنوان القسم */
.section-heading p{margin:0 auto;color:var(--biagiotti-muted);line-height:1.8;max-width:640px;} /* وصف القسم */
.category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px;max-width:1180px;margin:auto;} /* شبكة التصنيفات الفاخرة */
.category-pill-card{position:relative;display:grid;place-items:end center;min-height:260px;overflow:hidden;border-radius:0;background:#fff;box-shadow:0 22px 60px rgba(50,24,38,.08);transition:transform .35s ease,box-shadow .35s ease;} /* كارت تصنيف فاخر */
.category-pill-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease;} /* صورة التصنيف */
.category-pill-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(31,23,28,.56) 100%);} /* طبقة على التصنيف */
.category-pill-card span{position:relative;z-index:2;margin:0 0 24px;padding:10px 18px;background:rgba(255,255,255,.88);color:#21181d;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px;} /* اسم التصنيف */
.category-pill-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(50,24,38,.12);} /* حركة التصنيف */
.category-pill-card:hover img{transform:scale(1.08);} /* تكبير صورة التصنيف */
.shopping-section{background:linear-gradient(180deg,rgba(255,247,250,.65),rgba(255,255,255,.94));} /* خلفية قسم المنتجات */
.shopping-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(22px,3vw,34px);} /* شبكة المنتجات */
.product-card{position:relative;border:0!important;border-radius:0!important;background:#fff!important;padding:0 0 18px!important;box-shadow:0 20px 55px rgba(42,22,34,.07)!important;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;} /* كارت المنتج بشكل Biagiotti */
.product-card:hover{transform:translateY(-8px);box-shadow:0 34px 80px rgba(42,22,34,.12)!important;} /* تفاعل كارت المنتج */
.product-card img{border-radius:0!important;background:#fff7fa!important;transition:transform .65s ease!important;} /* صورة المنتج */
.product-card:hover img{transform:scale(1.055);} /* زوم ناعم عند الوقوف */
.product-card h3{font-weight:500;letter-spacing:.02em;color:#21181d;} /* اسم المنتج */
.product-card .btn{border-radius:0!important;box-shadow:none!important;letter-spacing:.1em;text-transform:uppercase;} /* أزرار المنتجات */
.btn{border-radius:0!important;box-shadow:none!important;letter-spacing:.06em;transition:transform .25s ease,background .25s ease,color .25s ease;} /* أزرار عامة أكثر فخامة */
.btn:hover{transform:translateY(-2px);} /* تفاعل الأزرار */
.site-footer{background:#171116!important;border-top:1px solid rgba(255,255,255,.06);} /* فوتر أسود فاخر */
.footer-brand img{display:none;} /* إخفاء صورة اللوجو في الفوتر لاستخدام النص */
.footer-brand h3{font-size:34px!important;font-weight:300!important;color:var(--biagiotti-pink)!important;letter-spacing:-1px;} /* اسم البراند في الفوتر */
.rr-reveal{opacity:0;transform:translateY(42px);transition:opacity .78s ease,transform .78s cubic-bezier(.22,.61,.36,1);} /* حالة قبل ظهور الأقسام */
.rr-reveal.is-visible{opacity:1;transform:translateY(0);} /* حالة بعد ظهور الأقسام */
.rr-reveal-delay-1{transition-delay:.08s;} /* تأخير أول */
.rr-reveal-delay-2{transition-delay:.16s;} /* تأخير ثاني */
.rr-reveal-delay-3{transition-delay:.24s;} /* تأخير ثالث */
@media(max-width:1180px){.biagiotti-header-inner{grid-template-columns:auto 1fr auto;height:78px}.centered-brand{justify-self:center}.wishlist-link span:last-child,.biagiotti-header .nav-left,.biagiotti-header .nav-right{display:none!important}.mobile-menu-btn{display:grid!important}.mobile-nav-panel{display:none;position:absolute;top:100%;inset-inline:16px;background:rgba(255,255,255,.94);border:1px solid rgba(232,95,152,.14);box-shadow:0 22px 58px rgba(40,20,34,.12);backdrop-filter:blur(18px);padding:12px;gap:4px}.nav-open .mobile-nav-panel{display:grid}.mobile-nav-panel a{padding:13px 14px;color:#23191f;font-weight:800;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid rgba(232,95,152,.08)}.header-zone-left{justify-content:flex-start}.header-zone-right{justify-content:flex-end}.brand-logo-text{font-size:34px}} /* تابلت وموبايل */
@media(max-width:760px){.biagiotti-header{padding-inline:12px!important}.biagiotti-header-inner{height:68px;gap:8px}.brand-logo-text{font-size:28px}.header-icon{display:none}.biagiotti-header .lang-switch a{min-width:34px;padding:6px 7px;font-size:10px}.biagiotti-header .cart-pill,.mobile-menu-btn{width:38px;height:38px}.rr-home-image-slider{height:clamp(460px,70svh,620px)!important}.rr-home-image-slider:before{background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.74) 100%)}.rr-home-slide img{object-fit:cover;object-position:center}.rr-home-slide-content{inset-inline:22px!important;top:auto!important;bottom:76px!important;transform:none!important;max-width:none!important;text-align:center!important}.rr-home-slide-content span{justify-content:center;letter-spacing:.22em}.rr-home-slide-content span:before{width:28px}.rr-home-slide-content h1{font-size:clamp(34px,12vw,58px)!important;letter-spacing:-1.5px!important}.rr-home-slide-content p{font-size:14px!important;margin-inline:auto}.rr-home-slider-prev{inset-inline-start:12px!important}.rr-home-slider-next{inset-inline-end:12px!important}.category-strip{grid-template-columns:1fr 1fr;gap:14px}.category-pill-card{min-height:190px}.shopping-grid{grid-template-columns:1fr 1fr;gap:16px}.section{padding-block:54px!important}} /* موبايل */
@media(max-width:470px){.wishlist-link{display:none}.brand-logo-text{font-size:25px}.shopping-grid{grid-template-columns:1fr}.category-strip{grid-template-columns:1fr}.rr-home-slide-content h1{font-size:36px!important}.rr-home-slide-content p{display:none}} /* موبايل صغير */
/* V4.1 Biagiotti Style Transformation - نهاية تحويل RubyRose إلى تجربة Beauty Luxury */

/* V4.4 Header Links Hover Fix - بداية تكبير منطقة الضغط وتحسين hover روابط الهيدر */
header.biagiotti-header .main-nav a{padding:11px 16px!important;border-radius:999px!important;transition:background .25s ease,color .25s ease,transform .25s ease;} /* تحويل الرابط إلى زر بمساحة ضغط مريحة */
header.biagiotti-header .main-nav a:hover{background:rgba(255,255,255,.55)!important;backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(190,52,110,.10);transform:translateY(-1px);} /* خلفية زجاجية ناعمة عند المرور */
header.biagiotti-header.is-scrolled .main-nav a:hover{background:rgba(232,95,152,.10)!important;} /* خلفية وردية خفيفة بعد تحول الهيدر إلى جلاس */
header.biagiotti-header .main-nav a:after{inset-inline:16px!important;left:auto!important;right:auto!important;bottom:6px!important;height:2px!important;border-radius:2px;} /* خط أسمك ومتمركز تحت النص داخل الزر وليس على حافته */
header.biagiotti-header .main-nav a.active{background:rgba(255,255,255,.45)!important;} /* تمييز الصفحة النشطة بخلفية هادئة */
header.biagiotti-header .wishlist-link{padding:11px 16px;border-radius:999px;transition:background .25s ease,color .25s ease,transform .25s ease;} /* نفس مساحة الزر لرابط Wishlist */
header.biagiotti-header .wishlist-link:hover{background:rgba(255,255,255,.55);backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(190,52,110,.10);} /* hover زجاجي للويش ليست */
.mobile-nav-panel a{transition:background .22s ease,color .22s ease;} /* تجهيز روابط قائمة الموبايل */
.mobile-nav-panel a:hover,.mobile-nav-panel a.active{background:rgba(232,95,152,.08);color:var(--biagiotti-pink);border-radius:12px;} /* hover واضح داخل قائمة الموبايل */
@media(max-width:1280px){header.biagiotti-header .main-nav a{padding:10px 11px!important;}header.biagiotti-header .main-nav a:after{inset-inline:11px!important;}} /* تقليل الحشو قليلًا على الشاشات المتوسطة حتى لا تتزاحم الروابط */
/* V4.4 Header Links Hover Fix - نهاية تحسين hover روابط الهيدر */

/* V4.5 Brand Exact Center - بداية تثبيت اللوجو في منتصف الشاشة بالضبط مهما كان حجم الشاشة */
header.biagiotti-header{padding:0 clamp(14px,3vw,44px)!important;} /* تقليل حواف الهيدر لإعطاء مساحة أكبر للروابط */
header.biagiotti-header .biagiotti-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;position:relative;gap:0;} /* عمودان متساويان قسرًا واللوجو خارج الشبكة */
header.biagiotti-header .centered-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;justify-self:unset;} /* تمركز مطلق للوجو في منتصف الهيدر بالمليمتر في أي مقاس */
header.biagiotti-header .brand-logo-text{font-size:clamp(26px,2.6vw,42px);} /* حجم لوجو متوازن لا يزاحم الروابط */
header.biagiotti-header .header-zone-left{grid-column:1;justify-content:flex-start;gap:10px;} /* منطقة الشمال تلتصق ببداية الهيدر */
header.biagiotti-header .header-zone-right{grid-column:2;justify-content:flex-end;gap:12px;} /* منطقة اليمين تلتصق بنهاية الهيدر */
header.biagiotti-header .main-nav{gap:4px!important;} /* تقليل المسافة بين الروابط لأن لكل رابط padding خاص */
header.biagiotti-header .main-nav a{padding:10px 12px!important;font-size:11.5px;letter-spacing:.07em!important;} /* روابط مضغوطة قليلًا حتى لا تلمس اللوجو */
header.biagiotti-header .main-nav a:after{inset-inline:12px!important;} /* ضبط الخط السفلي مع الحشو الجديد */
header.biagiotti-header .header-actions{gap:8px;} /* تقريب أدوات الهيدر */
header.biagiotti-header .header-icon,header.biagiotti-header .cart-pill{width:40px;height:40px;} /* أيقونات أصغر قليلًا */
header.biagiotti-header .lang-switch a{min-width:36px;padding:6px 8px;} /* تنحيف مبدل اللغة */
header.biagiotti-header .wishlist-link{padding:10px 12px;} /* ضبط حشو Wishlist مع الحجم الجديد */
@media(max-width:1380px){ /* رفع نقطة التحول لقائمة الموبايل لأن الروابط الكاملة لا تتسع مع لوجو متمركز قبل هذا العرض */
header.biagiotti-header .nav-left,header.biagiotti-header .nav-right,header.biagiotti-header .wishlist-link span:last-child{display:none!important;} /* إخفاء روابط الديسكتوب ونص Wishlist */
.mobile-menu-btn{display:grid!important;} /* إظهار زر القائمة */
header.biagiotti-header .biagiotti-header-inner{height:78px;} /* تقليل ارتفاع الهيدر */
.mobile-nav-panel{display:none;position:absolute;top:100%;inset-inline:16px;background:rgba(255,255,255,.94);border:1px solid rgba(232,95,152,.14);box-shadow:0 22px 58px rgba(40,20,34,.12);backdrop-filter:blur(18px);padding:12px;gap:4px;} /* لوحة قائمة الموبايل في المدى الجديد */
.nav-open .mobile-nav-panel{display:grid;} /* فتح القائمة */
.mobile-nav-panel a{padding:13px 14px;color:#23191f;font-weight:800;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid rgba(232,95,152,.08);} /* روابط القائمة */
} /* نهاية مدى 1380 */
@media(max-width:760px){header.biagiotti-header .brand-logo-text{font-size:27px;}header.biagiotti-header .biagiotti-header-inner{height:68px;}} /* لوجو الموبايل يبقى متمركزًا تمامًا */
/* V4.5 Brand Exact Center - نهاية تثبيت اللوجو في المنتصف */

/* V4.6 Professional Home Slider Elements - بداية السلايدر بعناصر موضوعة على الصورة */
.rr-home-pro-slider .rr-home-elements-layer{position:absolute;inset:0;z-index:8;pointer-events:none;} /* طبقة العناصر فوق صورة السلايدر */
.rr-slide-element{position:absolute;transform:translate(-50%,-50%) translateY(18px);opacity:0;transition:opacity .55s ease,transform .75s cubic-bezier(.22,.61,.36,1);transition-delay:var(--rr-delay,1000ms);pointer-events:auto;} /* حالة العنصر قبل الظهور */
.rr-slide-element.is-visible{opacity:1;transform:translate(-50%,-50%) translateY(0);} /* حالة العنصر بعد الظهور */
.rr-slide-element-text{font-size:clamp(22px,calc(var(--rr-font,42px) * .95),82px);font-weight:400;line-height:1.05;color:var(--rr-color,#e85f98);letter-spacing:-1px;text-shadow:0 18px 42px rgba(255,255,255,.55);white-space:pre-line;max-width:min(680px,82vw);text-align:center;} /* عنصر النص المكتوب تدريجيًا */
.rr-slide-element-image{max-width:min(280px,28vw);height:auto;filter:drop-shadow(0 24px 44px rgba(120,45,75,.14));} /* عنصر صورة فوق السلايدر */
.rr-slide-element-button{white-space:nowrap;background:#e85f98!important;color:#fff!important;border-color:#e85f98!important;} /* زر السلايدر فوق الصورة */
.rr-home-default-content .rr-type-text{opacity:0;transition:opacity .35s ease;} /* إخفاء النص الافتراضي قبل الكتابة */
.rr-home-default-content .rr-type-text.is-visible{opacity:1;} /* إظهار النص الافتراضي أثناء الكتابة */
@media(max-width:760px){.rr-slide-element-text{font-size:clamp(24px,9vw,46px);max-width:88vw}.rr-slide-element-image{max-width:46vw}.rr-slide-element-button{font-size:12px!important;padding:12px 18px!important}.rr-home-pro-slider .rr-home-slide img{object-fit:cover;}} /* ضبط عناصر السلايدر على الموبايل */
.checkout-shipping-preview{padding:12px 16px;border-radius:18px;background:rgba(232,95,152,.08);color:#4a2837;} /* صندوق عرض قيمة الشحن في Checkout */
/* V4.6 Professional Home Slider Elements - نهاية السلايدر بعناصر موضوعة على الصورة */

/* V4.7 Home Slider Elements Visibility Fix - بداية ضمان ظهور عناصر السلايدر فوق الصورة */
.rr-home-pro-slider .rr-home-elements-layer{position:absolute!important;inset:0!important;z-index:20!important;pointer-events:none!important;} /* رفع طبقة العناصر فوق أي Overlay */
.rr-home-pro-slider .rr-slide-element{z-index:21!important;pointer-events:auto!important;} /* ضمان أن كل عنصر يظهر فوق الصورة */
.rr-home-pro-slider:before{z-index:4!important;pointer-events:none!important;} /* إبقاء طبقة السلايدر الخلفية أسفل العناصر */
.rr-home-pro-slider .rr-home-slide-content{z-index:22!important;} /* إبقاء المحتوى الافتراضي أعلى الصورة */
.rr-slide-element-text.is-visible,.rr-slide-element-image.is-visible,.rr-slide-element-button.is-visible{opacity:1!important;} /* تأكيد ظهور العناصر بعد التفعيل */
/* V4.7 Home Slider Elements Visibility Fix - نهاية ضمان ظهور عناصر السلايدر فوق الصورة */


/* V4.8 Checkout totals and offer hero */
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:start}
.checkout-receipt-card{position:sticky;top:96px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border:1px solid rgba(232,95,152,.16);border-radius:28px;padding:26px;box-shadow:0 24px 60px rgba(177,80,118,.12)}
.checkout-receipt-logo{display:block;width:96px;max-height:96px;object-fit:contain;margin:0 auto 10px}.checkout-receipt-card h2{text-align:center;color:#e85f98;margin:0 0 18px}.checkout-item-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06);align-items:center}.checkout-item-row small{color:#777}.checkout-totals{margin-top:18px}.checkout-totals>div{display:flex;justify-content:space-between;padding:10px 0}.checkout-totals .grand{border-top:1px solid rgba(232,95,152,.22);font-size:1.18rem;color:#e85f98}.rr-home-offer-section,.rr-offer-hero-section{padding-top:42px;padding-bottom:42px}.rr-home-offer-card,.rr-offer-hero{min-height:360px;border-radius:38px;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:54px 28px;box-shadow:0 28px 80px rgba(177,80,118,.10);border:1px solid rgba(232,95,152,.14)}.rr-home-offer-card h2,.rr-offer-hero h2{font-size:clamp(42px,7vw,92px);line-height:1;margin:12px 0;color:#22141b}.rr-offer-kicker{letter-spacing:.28em;text-transform:uppercase;color:#e85f98;font-size:.82rem}.rr-offer-value{display:block;font-size:clamp(28px,4vw,58px);color:#e85f98;margin:8px 0}.rr-offer-countdown{margin:12px 0 20px;color:#6d5660;font-weight:600}@media(max-width:860px){.checkout-layout{grid-template-columns:1fr}.checkout-receipt-card{position:relative;top:auto}.checkout-item-row{grid-template-columns:1fr}.rr-home-offer-card,.rr-offer-hero{min-height:300px;border-radius:26px}.rr-home-offer-card h2,.rr-offer-hero h2{font-size:42px}}


/* V4.9 Live Offer Countdown - بداية تصميم عد تنازلي حيوي للعروض */
.rr-live-countdown{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px auto 26px;color:#5c3f4d;font-weight:700} /* حاوية العد التنازلي الكبيرة */
.rr-countdown-title{width:100%;display:block;margin-bottom:4px;color:#e85f98;font-size:.86rem;letter-spacing:.18em;text-transform:uppercase} /* عنوان العد التنازلي */
.rr-countdown-box{min-width:76px;padding:12px 10px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(232,95,152,.22);box-shadow:0 18px 40px rgba(232,95,152,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;line-height:1} /* صندوق الوقت */
.rr-countdown-box b{font-size:clamp(24px,3vw,40px);font-weight:900;color:#e85f98;font-variant-numeric:tabular-nums;letter-spacing:.04em} /* رقم الوقت */
.rr-countdown-box small{margin-top:7px;font-size:11px;color:#7a6070;text-transform:uppercase;letter-spacing:.08em} /* تسمية الوقت */
.rr-countdown-box.pulse b{animation:rrSecondPulse 1s ease-in-out infinite} /* نبضة الثواني */
.rr-card-countdown{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,.94);color:#e85f98;border-color:rgba(232,95,152,.28);font-variant-numeric:tabular-nums;letter-spacing:.04em} /* عد تنازلي داخل كارت المنتج */
.rr-countdown-ended{opacity:.8;filter:grayscale(.1)} /* حالة انتهاء العرض */
@keyframes rrSecondPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.10);opacity:.72}} /* حركة نبض الثواني */
@media(max-width:720px){.rr-live-countdown{gap:7px}.rr-countdown-box{min-width:62px;padding:10px 8px;border-radius:18px}.rr-countdown-box small{font-size:9px}.rr-countdown-title{font-size:.72rem;letter-spacing:.12em}} /* ضبط العد التنازلي للموبايل */
/* V4.9 Live Offer Countdown - نهاية تصميم عد تنازلي حيوي للعروض */

/* RubyRose V5.0 - Mobile cart visibility + Dynamic content sections */
.mobile-cart-link{display:flex!important;align-items:center;justify-content:space-between;gap:12px;} /* إظهار رابط العربة بوضوح داخل قائمة الموبايل */
.mobile-cart-count{min-width:24px;height:24px;border-radius:999px;background:#e85f98;color:#fff;display:none;place-items:center;font-size:12px;font-weight:900;padding:0 7px;} /* بادج عدد المنتجات داخل قائمة الموبايل */
.mobile-cart-count.show{display:inline-grid;} /* إظهار البادج عند وجود أصناف */
.rr-dynamic-section{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,247,250,.96),rgba(255,255,255,.98));} /* قسم ديناميكي بخلفية Beauty ناعمة */
.rr-dynamic-section:nth-of-type(even){background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,240,247,.92));} /* تنويع بسيط للخلفية بين الأقسام */
.rr-dynamic-section:before{content:"";position:absolute;inset:auto -80px -120px auto;width:320px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(232,95,152,.14),transparent 65%);pointer-events:none;} /* لطخة ناعمة في الخلفية */
.rr-dynamic-shell{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);gap:clamp(28px,5vw,86px);align-items:center;} /* تقسيمة القسم صورة ونص */
.rr-dynamic-reverse .rr-dynamic-media{order:2;} /* عكس مكان الصورة عند اختيار صورة يمين */
.rr-dynamic-reverse .rr-dynamic-content{order:1;} /* عكس مكان النص عند اختيار صورة يمين */
.rr-dynamic-full .rr-dynamic-shell{grid-template-columns:1fr;} /* تخطيط العرض الكامل */
.rr-dynamic-media{position:relative;min-height:clamp(380px,48vw,690px);display:grid;place-items:center;isolation:isolate;} /* حاوية صورة القسم */
.rr-dynamic-main-image{width:100%;height:100%;max-height:690px;object-fit:cover;border-radius:0;box-shadow:none;display:block;} /* صورة القسم الأساسية بدون برواز */
.rr-dynamic-full .rr-dynamic-main-image{height:clamp(420px,58vw,780px);object-fit:cover;} /* ضبط الصورة في العرض الكامل */
.rr-dynamic-content{position:relative;z-index:2;max-width:620px;} /* محتوى النص */
.rr-dynamic-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:12px;color:#e85f98;letter-spacing:.22em;text-transform:uppercase;font-weight:800;font-size:.76rem;} /* عنوان صغير */
.rr-dynamic-eyebrow:before{content:"";width:34px;height:1px;background:#e85f98;opacity:.72;} /* خط صغير بجانب العنوان */
.rr-dynamic-content h2{text-align:start;margin:0 0 18px;font-size:clamp(34px,5.2vw,76px);line-height:1.02;font-weight:300;color:#23171f;letter-spacing:-1.8px;} /* رأس الموضوع */
.rr-dynamic-content p{color:#6d5c64;line-height:1.9;font-size:clamp(15px,1.2vw,18px);margin:0 0 18px;} /* تفاصيل القسم */
.rr-dynamic-points{display:grid;gap:12px;margin:18px 0 26px;padding:0;list-style:none;} /* قائمة النقاط */
.rr-dynamic-points li{position:relative;padding-inline-start:34px;color:#3b2b33;font-weight:700;} /* نقطة واحدة */
.rr-dynamic-points li:before{content:"✦";position:absolute;inset-inline-start:0;color:#e85f98;font-size:18px;line-height:1;} /* أيقونة النقطة */
.rr-dynamic-element{position:absolute;z-index:4;opacity:0;transform:translateY(18px) scale(.98);animation:rrDynamicElementIn .72s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--rr-delay,1000ms);pointer-events:auto;} /* عنصر فوق الصورة بتأخير متتابع */
.rr-dynamic-el-text,.rr-dynamic-el-button{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 55px rgba(61,31,44,.12);backdrop-filter:blur(14px);border-radius:999px;padding:12px 18px;color:#23171f;font-weight:800;} /* نص أو زر فوق الصورة */
.rr-dynamic-el-image{max-width:min(210px,22vw);filter:drop-shadow(0 22px 35px rgba(75,37,50,.12));} /* صورة عنصر ديكوري */
.rr-pos-top_left{top:24px;left:24px;} /* أعلى يسار */
.rr-pos-top_right{top:24px;right:24px;} /* أعلى يمين */
.rr-pos-bottom_left{bottom:24px;left:24px;} /* أسفل يسار */
.rr-pos-bottom_right{bottom:24px;right:24px;} /* أسفل يمين */
.rr-pos-top_center{top:24px;left:50%;transform:translate(-50%,18px) scale(.98);} /* منتصف أعلى */
.rr-pos-bottom_center{bottom:24px;left:50%;transform:translate(-50%,18px) scale(.98);} /* منتصف أسفل */
.rr-pos-center_left{top:50%;left:24px;transform:translateY(calc(-50% + 18px)) scale(.98);} /* منتصف يسار */
.rr-pos-center_right{top:50%;right:24px;transform:translateY(calc(-50% + 18px)) scale(.98);} /* منتصف يمين */
.rr-pos-center{top:50%;left:50%;transform:translate(-50%,calc(-50% + 18px)) scale(.98);} /* المنتصف */
.rr-dynamic-embed{margin-top:20px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(232,95,152,.14);box-shadow:0 18px 45px rgba(61,31,44,.08);} /* ميديا القسم */
.rr-dynamic-embed iframe,.rr-dynamic-embed video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000;} /* فيديو أو يوتيوب */
.rr-media-link{display:flex;align-items:center;justify-content:center;min-height:72px;color:#e85f98;font-weight:900;} /* لينك TikTok أو Reels */
@keyframes rrDynamicElementIn{to{opacity:1;transform:translateY(0) scale(1);}} /* دخول عناصر القسم */
@media(max-width:900px){.rr-dynamic-shell{grid-template-columns:1fr;gap:24px}.rr-dynamic-reverse .rr-dynamic-media,.rr-dynamic-reverse .rr-dynamic-content{order:initial}.rr-dynamic-media{min-height:360px}.rr-dynamic-main-image{max-height:520px}.rr-dynamic-content{text-align:center;margin:auto}.rr-dynamic-content h2{text-align:center}.rr-dynamic-eyebrow{justify-content:center}.rr-dynamic-el-image{max-width:34vw}.biagiotti-header .cart-pill{display:grid!important}.mobile-nav-panel .mobile-cart-link{display:flex!important}} /* ضبط الأقسام والعربة على الموبايل */
@media(max-width:520px){.rr-dynamic-section{padding-inline:14px!important}.rr-dynamic-media{min-height:300px}.rr-dynamic-el-text,.rr-dynamic-el-button{font-size:12px;padding:9px 12px}.rr-dynamic-el-image{max-width:42vw}.header-actions{gap:6px}.biagiotti-header .cart-pill{width:36px!important;height:36px!important}.mobile-menu-btn{width:36px!important;height:36px!important}} /* ضبط الموبايل الصغير */

/* RubyRose V5.0 Admin content section helpers */
.admin-position-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0;padding:10px;border:1px dashed #eac7d7;border-radius:18px;background:#fff8fb;} /* رسمة مواضع العناصر في الإدارة */
.admin-position-guide span{min-height:42px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#9b5572;font-size:12px;font-weight:800;} /* خانة موضع */

/* V5.1 Swatch background visibility - بداية إظهار السواتشات بوضوح بدون مؤثرات */
.rr-page-swatches{position:fixed!important;inset:0!important;z-index:12!important;pointer-events:none!important;overflow:hidden!important;} /* جعل طبقة السواتشات ظاهرة فوق الخلفيات البيضاء بدون تعطيل الضغط */
.rr-page-swatch{position:absolute!important;width:clamp(150px,18vw,330px)!important;height:auto!important;opacity:.42!important;filter:none!important;mix-blend-mode:normal!important;object-fit:contain!important;box-shadow:none!important;border:0!important;transform:rotate(var(--rr-rot,0deg))!important;} /* إظهار السواتش بصورة واضحة بدون Blur أو Glow أو Shadow */
.rr-page-swatch-0{top:8%!important;left:1%!important;--rr-rot:-16deg!important;} /* تثبيت السواتش الأول في أعلى اليسار */
.rr-page-swatch-1{top:9%!important;right:2%!important;--rr-rot:14deg!important;} /* تثبيت السواتش الثاني في أعلى اليمين */
.rr-page-swatch-2{top:38%!important;left:-2%!important;--rr-rot:9deg!important;} /* تثبيت السواتش الثالث في منتصف اليسار */
.rr-page-swatch-3{top:42%!important;right:-2%!important;--rr-rot:-12deg!important;} /* تثبيت السواتش الرابع في منتصف اليمين */
.rr-page-swatch-4{bottom:10%!important;left:5%!important;--rr-rot:18deg!important;} /* تثبيت السواتش الخامس في أسفل اليسار */
.rr-page-swatch-5{bottom:8%!important;right:6%!important;--rr-rot:-20deg!important;} /* تثبيت السواتش السادس في أسفل اليمين */
.rr-page-swatch-6{top:24%!important;left:44%!important;opacity:.30!important;--rr-rot:10deg!important;} /* سواتش داخلي خفيف لملء المساحات الكبيرة */
.rr-page-swatch-7{bottom:25%!important;right:37%!important;opacity:.28!important;--rr-rot:-7deg!important;} /* سواتش داخلي إضافي للمساحات البيضاء */
.rr-page-swatch-8{top:70%!important;left:42%!important;opacity:.26!important;--rr-rot:24deg!important;} /* سواتش سفلي داخلي خفيف */
.rr-page-swatch-9{top:23%!important;right:42%!important;opacity:.26!important;--rr-rot:-19deg!important;} /* سواتش علوي داخلي خفيف */
.site-header,.chatbot-widget{z-index:70!important;} /* إبقاء الهيدر والشات أعلى من السواتشات */
.product-card,.shop-card,.category-card,.guide-card,.info-card,.contact-card,.offer-hero,.dynamic-section-content,.receipt-card,.form-card{position:relative!important;z-index:20!important;} /* إبقاء الكروت والنصوص المهمة فوق السواتشات */
.section h1,.section h2,.section p,.section .btn,.page-hero h1,.page-hero p{position:relative;z-index:20;} /* حماية النصوص الأساسية من تداخل السواتشات */
@media(max-width:900px){.rr-page-swatches{z-index:8!important;} /* تخفيض طبقة السواتشات على الموبايل */ .rr-page-swatch{width:clamp(105px,32vw,190px)!important;opacity:.34!important;filter:none!important;} /* إظهار السواتشات على الموبايل بدون مؤثرات */ .rr-page-swatch:nth-child(n+7){display:none!important;} /* تقليل العدد على الموبايل حتى لا تزحم الشاشة */}
/* V5.1 Swatch background visibility - نهاية إظهار السواتشات بوضوح بدون مؤثرات */

/* RubyRose V5.2 - Swatches true background layer - بداية جعل السواتشات خلفية حقيقية */
.rr-page-swatches{position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important;} /* وضع السواتشات خلف محتوى الصفحة وليس فوق الكروت أو الأقسام */
.rr-page-swatch{position:absolute!important;width:clamp(150px,18vw,330px)!important;height:auto!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;object-fit:contain!important;box-shadow:none!important;border:0!important;transform:rotate(var(--rr-rot,0deg))!important;} /* إظهار السواتشات بنسبة وضوح 100% وبدون أي مؤثرات */
body.biagiotti-style{position:relative!important;background:#fff!important;} /* تثبيت خلفية الموقع البيضاء حتى تظهر السواتشات كديكور خلفي */
main,.site-footer,.site-header,.chatbot,.mobile-nav-panel{position:relative!important;z-index:3!important;} /* رفع المحتوى الأساسي والهيدر والفوتر فوق طبقة السواتشات */
.section,.rr-dynamic-section,.rr-home-image-slider,.rr-home-offer-section,.shopping-page-hero,.page-hero,.product-detail-premium,.checkout-layout,.cart-page,.track-page{position:relative!important;z-index:2!important;} /* إبقاء أقسام الصفحة فوق السواتشات */
.shop-product-card,.category-pill-card,.rr-home-offer-card,.rr-offer-hero,.checkout-receipt-card,.order-receipt,.product-main-frame,.product-model-panel,.rr-dynamic-content,.rr-dynamic-media,.form-card,.info-card,.contact-card,.guide-card,.admin-card,.table-card{position:relative!important;z-index:4!important;} /* منع السواتشات من الظهور فوق الكروت أو الديفات المهمة */
.shop-product-card,.rr-home-offer-card,.rr-offer-hero,.checkout-receipt-card,.order-receipt,.product-main-frame,.product-model-panel,.form-card,.info-card,.contact-card,.guide-card,.table-card{background-color:rgba(255,255,255,.98)!important;} /* خلفية شبه بيضاء للكروت حتى لا تظهر السواتشات فوقها بصريًا */
.rr-dynamic-section{background:rgba(255,255,255,.96)!important;} /* منع السواتشات من التداخل فوق سكشنات المحتوى الديناميكي */
.rr-page-swatch-0{top:8%!important;left:1%!important;--rr-rot:-16deg!important;} /* موضع سواتش أعلى يسار */
.rr-page-swatch-1{top:9%!important;right:2%!important;--rr-rot:14deg!important;} /* موضع سواتش أعلى يمين */
.rr-page-swatch-2{top:38%!important;left:-2%!important;--rr-rot:9deg!important;} /* موضع سواتش منتصف يسار */
.rr-page-swatch-3{top:42%!important;right:-2%!important;--rr-rot:-12deg!important;} /* موضع سواتش منتصف يمين */
.rr-page-swatch-4{bottom:10%!important;left:5%!important;--rr-rot:18deg!important;} /* موضع سواتش أسفل يسار */
.rr-page-swatch-5{bottom:8%!important;right:6%!important;--rr-rot:-20deg!important;} /* موضع سواتش أسفل يمين */
.rr-page-swatch-6{top:24%!important;left:44%!important;--rr-rot:10deg!important;} /* سواتش داخلي */
.rr-page-swatch-7{bottom:25%!important;right:37%!important;--rr-rot:-7deg!important;} /* سواتش داخلي */
.rr-page-swatch-8{top:70%!important;left:42%!important;--rr-rot:24deg!important;} /* سواتش داخلي */
.rr-page-swatch-9{top:23%!important;right:42%!important;--rr-rot:-19deg!important;} /* سواتش داخلي */
@media(max-width:900px){.rr-page-swatches{z-index:0!important;} .rr-page-swatch{width:clamp(105px,32vw,190px)!important;opacity:1!important;filter:none!important;} .rr-page-swatch:nth-child(n+7){display:none!important;}} /* ضبط السواتشات على الموبايل مع وضوح كامل */
/* RubyRose V5.2 - Swatches true background layer - نهاية جعل السواتشات خلفية حقيقية */

/* V5.3 Header Balance Fix - بداية تحسين تناسق الهيدر وإزالة Wishlist */
header.biagiotti-header .wishlist-link{display:none!important;} /* إخفاء Wishlist نهائيًا لأنه غير مطلوب في الهيدر */
header.biagiotti-header .biagiotti-header-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;} /* إبقاء الهيدر مقسومًا نصفين حول اللوجو */
header.biagiotti-header .header-zone-left{justify-content:flex-end!important;padding-inline-end:clamp(138px,13vw,250px)!important;gap:0!important;} /* وضع روابط اليسار قبل اللوجو بمسافة منتظمة */
header.biagiotti-header .header-zone-right{justify-content:space-between!important;padding-inline-start:clamp(138px,13vw,250px)!important;gap:18px!important;} /* وضع روابط اليمين بعد اللوجو بمسافة مساوية مع إبقاء الأدوات في أقصى اليمين */
header.biagiotti-header .nav-left,header.biagiotti-header .nav-right{display:flex!important;align-items:center!important;gap:clamp(18px,2vw,34px)!important;} /* توحيد المسافات بين روابط الهيدر */
header.biagiotti-header .main-nav a{padding:10px 8px!important;font-size:12px!important;letter-spacing:.10em!important;} /* ضبط حجم روابط الهيدر لتكون متناسقة وواضحة */
header.biagiotti-header .main-nav a:after{inset-inline:8px!important;} /* ضبط خط الرابط النشط حسب الحشو الجديد */
header.biagiotti-header .brand-logo-text{font-size:clamp(31px,3vw,50px)!important;font-weight:300!important;} /* إبراز شعار RubyRose في المنتصف بدون زحمة */
header.biagiotti-header .header-actions{margin-inline-start:auto!important;gap:12px!important;} /* إبقاء أدوات البحث والسلة واللغة في أقصى اليمين بمسافة مريحة */
header.biagiotti-header .cart-pill{background:rgba(255,255,255,.72)!important;border:1px solid rgba(232,95,152,.22)!important;color:#20161d!important;} /* جعل دائرة العربة أوضح من السابق */
header.biagiotti-header .cart-pill:hover{background:var(--biagiotti-pink)!important;color:#fff!important;} /* تفاعل واضح لأيقونة العربة */
.cart-icon-svg{width:21px!important;height:21px!important;display:grid!important;place-items:center!important;} /* حجم أيقونة العربة */
.cart-icon-svg svg{width:21px!important;height:21px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;} /* رسم العربة كأيقونة واضحة بدل الإيموجي */
.cart-badge-floating{top:-8px!important;right:-8px!important;background:var(--biagiotti-pink)!important;color:#fff!important;} /* تحسين عداد العربة فوق الأيقونة */
html[dir="rtl"] .cart-badge-floating{right:auto!important;left:-8px!important;} /* ضبط عداد العربة في العربي */
@media(max-width:1500px){header.biagiotti-header .header-zone-left{padding-inline-end:clamp(120px,11vw,210px)!important;}header.biagiotti-header .header-zone-right{padding-inline-start:clamp(120px,11vw,210px)!important;}header.biagiotti-header .nav-left,header.biagiotti-header .nav-right{gap:clamp(14px,1.5vw,26px)!important;}header.biagiotti-header .main-nav a{font-size:11.2px!important;letter-spacing:.075em!important;}} /* ضبط الشاشات المتوسطة بدون كسر الروابط */
@media(max-width:1320px){header.biagiotti-header .nav-left,header.biagiotti-header .nav-right{display:none!important;}header.biagiotti-header .header-zone-left{justify-content:flex-start!important;padding-inline-end:0!important;}header.biagiotti-header .header-zone-right{justify-content:flex-end!important;padding-inline-start:0!important;}header.biagiotti-header .mobile-menu-btn{display:grid!important;}} /* التحول لقائمة الموبايل قبل حدوث تزاحم */
@media(max-width:760px){header.biagiotti-header .cart-pill{display:grid!important;width:38px!important;height:38px!important;}header.biagiotti-header .header-actions{gap:8px!important;}header.biagiotti-header .brand-logo-text{font-size:28px!important;}} /* الحفاظ على ظهور العربة بوضوح في الموبايل */
/* V5.3 Header Balance Fix - نهاية تحسين تناسق الهيدر */


/* V5.4 Transparent Floating Header - بداية هيدر شفاف فوق السلايدر */
body.biagiotti-style{padding-top:0!important;} /* منع أي مسافة علوية حتى يبدأ السلايدر من أول الصفحة */
body:not(.page-index) main{padding-top:96px!important;} /* حماية الصفحات الداخلية من دخول المحتوى تحت الهيدر الثابت */
header.biagiotti-header.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:120!important;padding:18px clamp(18px,3.5vw,64px)!important;background:transparent!important;border-bottom:1px solid transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .32s ease,box-shadow .32s ease,border-color .32s ease,padding .32s ease,backdrop-filter .32s ease!important;} /* جعل الهيدر شفافًا ومثبتًا فوق السلايدر */
header.biagiotti-header.site-header.is-scrolled{padding-top:10px!important;padding-bottom:10px!important;background:rgba(255,255,255,.88)!important;border-bottom-color:rgba(238,117,171,.12)!important;box-shadow:0 18px 42px rgba(49,26,39,.08)!important;backdrop-filter:blur(18px) saturate(1.35)!important;-webkit-backdrop-filter:blur(18px) saturate(1.35)!important;} /* تحول الهيدر إلى أبيض زجاجي أثناء النزول */
header.biagiotti-header .biagiotti-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:clamp(22px,4.4vw,90px)!important;width:100%!important;max-width:none!important;margin:0!important;} /* تقسيم متوازن حول شعار RubyRose */
header.biagiotti-header .header-zone-left{grid-column:1!important;justify-self:end!important;padding:0!important;display:flex!important;align-items:center!important;} /* روابط اليسار قبل البراند */
header.biagiotti-header .centered-brand{grid-column:2!important;justify-self:center!important;min-width:auto!important;width:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:4!important;} /* تثبيت الشعار في منتصف الهيدر الحقيقي */
header.biagiotti-header .header-zone-right{grid-column:3!important;justify-self:start!important;padding:0!important;display:flex!important;align-items:center!important;gap:clamp(20px,3vw,58px)!important;min-width:0!important;} /* روابط اليمين والأدوات بعد البراند بمسافة مريحة */
header.biagiotti-header .nav-left,header.biagiotti-header .nav-right{display:flex!important;align-items:center!important;gap:clamp(22px,2.8vw,56px)!important;flex:0 0 auto!important;margin:0!important;} /* توحيد المسافة بين الروابط */
header.biagiotti-header .main-nav a{padding:9px 2px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#251920!important;font-size:12px!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important;position:relative!important;} /* روابط خطية فخمة مثل Biagiotti */
header.biagiotti-header .main-nav a:after{content:""!important;position:absolute!important;left:50%!important;right:auto!important;bottom:2px!important;width:0!important;height:2px!important;background:#ee75ab!important;transform:translateX(-50%)!important;transition:width .28s ease!important;border-radius:99px!important;} /* خط نشط تحت الرابط */
header.biagiotti-header .main-nav a:hover:after,header.biagiotti-header .main-nav a.active:after,header.biagiotti-header .main-nav a.section-active:after{width:100%!important;} /* إظهار الخط عند الوقوف أو نشاط القسم */
header.biagiotti-header .main-nav a:hover,header.biagiotti-header .main-nav a.active,header.biagiotti-header .main-nav a.section-active{color:#ee75ab!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important;} /* لون الرابط النشط */
header.biagiotti-header .brand-logo-text{font-size:clamp(38px,3.7vw,66px)!important;line-height:.95!important;color:#ee75ab!important;font-weight:300!important;letter-spacing:-3px!important;white-space:nowrap!important;text-align:center!important;text-shadow:0 10px 28px rgba(238,117,171,.10)!important;} /* شعار RubyRose في المنتصف */
header.biagiotti-header .centered-brand.is-pulsing .brand-logo-text{animation:rrLogoPulse .78s cubic-bezier(.16,1,.3,1)!important;} /* نبضة الشعار أثناء النزول */
@keyframes rrLogoPulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(238,117,171,0));}38%{transform:scale(1.055);filter:drop-shadow(0 0 18px rgba(238,117,171,.22));}100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(238,117,171,0));}} /* حركة نبضة اللوجو */
header.biagiotti-header .header-actions{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;min-width:auto!important;} /* أدوات الهيدر */
header.biagiotti-header .header-actions .header-icon{display:none!important;} /* إزالة العدسة نهائيًا */
header.biagiotti-header .cart-pill{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.72)!important;color:#21141b!important;border:1px solid rgba(238,117,171,.22)!important;box-shadow:0 16px 38px rgba(34,15,26,.08)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;} /* عربة واضحة وفخمة */
header.biagiotti-header .cart-pill:hover{background:#ee75ab!important;color:#fff!important;transform:translateY(-1px)!important;} /* تفاعل العربة */
.cart-icon-svg{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;} /* حجم أيقونة العربة */
.cart-icon-svg svg{width:22px!important;height:22px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;} /* رسم العربة واضح */
.cart-badge-floating{top:-8px!important;right:-8px!important;background:#ee75ab!important;color:#fff!important;} /* عداد العربة */
html[dir="rtl"] .cart-badge-floating{right:auto!important;left:-8px!important;} /* عداد العربة للعربي */
header.biagiotti-header .lang-switch{background:rgba(255,255,255,.62)!important;border:1px solid rgba(238,117,171,.16)!important;box-shadow:0 14px 34px rgba(238,117,171,.08)!important;} /* مبدل اللغة زجاجي */
header.biagiotti-header .lang-switch a.active,header.biagiotti-header .lang-switch a:hover{background:#ee75ab!important;color:#fff!important;} /* اللغة النشطة */
.rr-home-image-slider,.hero-slider{margin-top:0!important;} /* جعل السلايدر يبدأ خلف الهيدر مباشرة */
@media(max-width:1320px){header.biagiotti-header .nav-left,header.biagiotti-header .nav-right{display:none!important;}header.biagiotti-header .biagiotti-header-inner{grid-template-columns:auto 1fr auto!important;gap:12px!important;}header.biagiotti-header .header-zone-left{display:none!important;}header.biagiotti-header .centered-brand{grid-column:2!important;justify-self:center!important;}header.biagiotti-header .header-zone-right{grid-column:3!important;justify-self:end!important;gap:10px!important;}header.biagiotti-header .mobile-menu-btn{display:grid!important;}} /* موبايل وتابلت: إخفاء الروابط وإظهار القائمة */
@media(max-width:760px){body:not(.page-index) main{padding-top:82px!important;}header.biagiotti-header.site-header{padding:12px 14px!important;}header.biagiotti-header.site-header.is-scrolled{padding:8px 12px!important;}header.biagiotti-header .brand-logo-text{font-size:32px!important;letter-spacing:-1.8px!important;}header.biagiotti-header .cart-pill{width:39px!important;height:39px!important;}header.biagiotti-header .lang-switch{display:none!important;}.mobile-nav-panel{top:64px!important;}} /* موبايل: براند في المنتصف والعربة والمينيو واضحين */
/* V5.4 Transparent Floating Header - نهاية هيدر شفاف فوق السلايدر */

/* V5.5 Header Couture + Social Login - بداية الإصلاحات القوية واللمسات الإبداعية */
.announce-bar{position:relative;z-index:121;height:34px;overflow:hidden;background:linear-gradient(90deg,#1e1218,#3a1f2d 50%,#1e1218);color:#ffd9e8;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;} /* شريط إعلان علوي داكن فاخر */
.announce-track{display:flex;gap:64px;white-space:nowrap;animation:rrAnnounce 26s linear infinite;padding-inline-start:24px;} /* مسار النص المتحرك */
.announce-track span{display:inline-block;} /* عناصر النص */
@keyframes rrAnnounce{from{transform:translateX(0);}to{transform:translateX(-33.33%);}} /* حركة شريط الإعلان المستمرة */
html[dir="rtl"] .announce-track{animation-name:rrAnnounceRtl;} /* اتجاه عربي */
@keyframes rrAnnounceRtl{from{transform:translateX(0);}to{transform:translateX(33.33%);}} /* حركة الشريط للعربي */
body.rr-scrolled .announce-bar{display:none;} /* إخفاء الشريط بعد النزول ليأخذ الهيدر القمة */
header.biagiotti-header.site-header{top:auto!important;} /* السماح للهيدر بالجلوس أسفل شريط الإعلان طبيعيًا */
header.biagiotti-header.site-header:not(.is-scrolled){position:absolute!important;} /* الهيدر فوق السلايدر بدون إزاحة المحتوى مع بقاء شريط الإعلان أعلاه */
header.biagiotti-header.site-header.is-scrolled{position:fixed!important;top:0!important;animation:rrHeaderDrop .42s cubic-bezier(.16,1,.3,1);} /* الهيدر يثبت أعلى الشاشة عند النزول بدخول ناعم */
@keyframes rrHeaderDrop{from{transform:translateY(-110%);}to{transform:translateY(0);}} /* حركة نزول الهيدر الزجاجي */
header.biagiotti-header.site-header:before{content:"";position:absolute;inset:0;height:170%;pointer-events:none;background:linear-gradient(180deg,rgba(34,16,26,.16),rgba(34,16,26,0));opacity:1;transition:opacity .3s ease;z-index:-1;} /* ظل علوي خفيف يضمن قراءة الروابط فوق أي صورة سلايدر */
header.biagiotti-header.site-header.is-scrolled:before{opacity:0;} /* إخفاء الظل في الوضع الأبيض */
header.biagiotti-header.site-header.is-scrolled:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#f7a8ca 18%,#ee75ab 50%,#f7a8ca 82%,transparent);opacity:.85;} /* خيط متدرج وردي أسفل الهيدر الزجاجي كلمسة كوتور */
body:not(.page-index) header.biagiotti-header.site-header{position:fixed!important;top:0!important;background:rgba(255,255,255,.9)!important;border-bottom-color:rgba(238,117,171,.12)!important;box-shadow:0 18px 42px rgba(49,26,39,.07)!important;backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;padding-top:10px!important;padding-bottom:10px!important;} /* الصفحات الداخلية: هيدر زجاجي من أول لحظة بدل الشفاف غير المكتمل */
body:not(.page-index) header.biagiotti-header.site-header:before{opacity:0;} /* لا ظل في الصفحات الداخلية */
body:not(.page-index) .announce-bar{display:none;} /* شريط الإعلان للرئيسية فقط حفاظًا على هدوء الصفحات الداخلية */
header.biagiotti-header .brand-logo-text{background:linear-gradient(100deg,#ee75ab 0%,#ff9ec6 28%,#ffe2ef 50%,#ff9ec6 72%,#ee75ab 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rrBrandSheen 7s ease-in-out infinite;} /* لمعة ساتان تمر على اسم البراند ببطء */
@keyframes rrBrandSheen{0%,100%{background-position:0% 0;}50%{background-position:100% 0;}} /* حركة اللمعة */
header.biagiotti-header .centered-brand:before,header.biagiotti-header .centered-brand:after{content:"✦";font-size:11px;color:#ee75ab;opacity:.55;margin-inline:14px;animation:rrTwinkle 3.4s ease-in-out infinite;} /* نجمتان زخرفيتان حول البراند */
header.biagiotti-header .centered-brand:after{animation-delay:1.7s;} /* تبادل وميض النجمتين */
@keyframes rrTwinkle{0%,100%{opacity:.25;transform:scale(.85);}50%{opacity:.85;transform:scale(1.12);}} /* وميض النجمة */
header.biagiotti-header .account-pill{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.72);color:#21141b;border:1px solid rgba(238,117,171,.22);box-shadow:0 16px 38px rgba(34,15,26,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:background .25s ease,color .25s ease,transform .25s ease;} /* أيقونة الحساب بنفس عائلة العربة */
header.biagiotti-header .account-pill:hover{background:#ee75ab;color:#fff;transform:translateY(-1px);} /* تفاعل الحساب */
header.biagiotti-header .account-pill svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;} /* رسم أيقونة الحساب */
header.biagiotti-header .account-pill img{width:100%;height:100%;object-fit:cover;border-radius:50%;} /* صورة العميل المسجل */
@media(max-width:1320px){header.biagiotti-header .centered-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}header.biagiotti-header .biagiotti-header-inner{display:flex!important;justify-content:space-between!important;}header.biagiotti-header .centered-brand:before,header.biagiotti-header .centered-brand:after{display:none;}} /* الموبايل: تمركز هندسي مطلق للبراند بدل الانحياز ناحية العربة */
@media(max-width:760px){header.biagiotti-header .account-pill{width:39px;height:39px;}.announce-bar{font-size:9.5px;height:30px;letter-spacing:.16em;}} /* مقاسات الموبايل */
.mobile-nav-panel{border-radius:22px!important;} /* نعومة لوحة الموبايل */
.nav-open .mobile-nav-panel a{animation:rrNavItem .4s ease both;} /* دخول روابط الموبايل */
.nav-open .mobile-nav-panel a:nth-child(2){animation-delay:.05s;}.nav-open .mobile-nav-panel a:nth-child(3){animation-delay:.1s;}.nav-open .mobile-nav-panel a:nth-child(4){animation-delay:.15s;}.nav-open .mobile-nav-panel a:nth-child(5){animation-delay:.2s;}.nav-open .mobile-nav-panel a:nth-child(6){animation-delay:.25s;}.nav-open .mobile-nav-panel a:nth-child(7){animation-delay:.3s;} /* تتابع ظهور الروابط */
@keyframes rrNavItem{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}} /* حركة ظهور رابط الموبايل */
.mobile-account-link{color:#ee75ab!important;font-weight:900!important;} /* تمييز رابط الحساب في الموبايل */
.login-section{display:grid;place-items:center;min-height:60vh;} /* توسيط كارت الدخول */
.login-card{position:relative;width:min(460px,94vw);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(238,117,171,.18);border-radius:30px;padding:44px 36px;text-align:center;box-shadow:0 30px 80px rgba(72,26,48,.12);} /* كارت دخول زجاجي فاخر */
.login-sparkle{position:absolute;top:18px;inset-inline-end:22px;color:#ee75ab;animation:rrTwinkle 3s ease-in-out infinite;} /* زخرفة الكارت */
.login-card h1{font-size:30px;font-weight:300;letter-spacing:-1px;color:#2a1a22;margin:0 0 8px;} /* عنوان الدخول */
.login-sub{color:#8a6e7c;font-size:14px;margin:0 0 26px;} /* وصف الدخول */
.social-login-buttons{display:grid;gap:12px;} /* أزرار المزودين */
.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid #ecdce4;background:#fff;color:#241a20;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;} /* زر اجتماعي موحد */
.social-btn svg{width:21px;height:21px;flex-shrink:0;} /* أيقونة الزر */
.social-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(72,26,48,.12);border-color:#f3b9d3;} /* تفاعل الزر */
.social-facebook{background:#1877F2;border-color:#1877F2;color:#fff;} /* زر فيسبوك بهويته */
.social-apple{background:#0b0b0c;border-color:#0b0b0c;color:#fff;} /* زر أبل بهويته */
.login-privacy{margin:22px 0 0;font-size:11.5px;color:#a98e9c;} /* سطر الخصوصية */
.account-section{padding-top:26px;} /* قسم الحساب */
.account-head{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.8);border:1px solid rgba(238,117,171,.16);border-radius:24px;padding:20px 24px;margin-bottom:26px;box-shadow:0 18px 50px rgba(72,26,48,.08);} /* رأس الحساب */
.account-avatar{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid #f6c4da;} /* صورة العميل */
.account-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#ee75ab,#ff9ec6);color:#fff;font-size:26px;font-weight:800;} /* بديل الصورة بأول حرف */
.account-head h1{margin:0;font-size:24px;font-weight:400;} /* اسم العميل */
.account-meta{margin:2px 0 0;color:#8a6e7c;font-size:13px;} /* بريد العميل */
.account-logout{margin-inline-start:auto;} /* زر الخروج في الطرف */
.account-orders-title{font-size:18px;color:#2a1a22;} /* عنوان الطلبات */
.account-orders{display:grid;gap:10px;} /* قائمة الطلبات */
.account-order{display:grid;grid-template-columns:1.2fr auto auto auto;align-items:center;gap:14px;background:#fff;border:1px solid #f3dde7;border-radius:16px;padding:14px 18px;transition:transform .2s ease,box-shadow .2s ease;} /* صف طلب */
.account-order:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(72,26,48,.1);} /* تفاعل الصف */
.account-order-no{font-weight:800;color:#2a1a22;} /* رقم الطلب */
.account-order-status{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#fff0f6;color:#b13d75;border-radius:999px;padding:5px 12px;text-align:center;} /* حالة الطلب */
.account-order-total{font-weight:800;color:#ee75ab;} /* إجمالي الطلب */
.account-order-date{font-size:12px;color:#9c8290;} /* تاريخ الطلب */
@media(max-width:640px){.account-order{grid-template-columns:1fr auto;}.account-order-date{display:none;}.account-head{flex-wrap:wrap;}} /* موبايل الحساب */
/* V5.5 Header Couture + Social Login - نهاية التحديث */

/* V5.6 AI Chatbot Widget - بداية ويدجت وكيل RubyRose الذكي */
.rr-chatbot{position:fixed;inset-inline-end:22px;bottom:22px;z-index:200;} /* تثبيت الشات أسفل الشاشة */
.rr-chat-toggle{position:relative;width:62px;height:62px;border:0;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,#ee75ab,#ff9ec6);color:#fff;font-size:26px;box-shadow:0 18px 44px rgba(238,117,171,.45);display:grid;place-items:center;transition:transform .25s ease,box-shadow .25s ease;} /* زر عائم كبير وواضح */
.rr-chat-toggle:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 24px 54px rgba(238,117,171,.55);} /* تفاعل الزر */
.rr-chat-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(238,117,171,.55);animation:rrChatPulse 2.4s ease-out infinite;pointer-events:none;} /* حلقة نبض تلفت الانتباه */
@keyframes rrChatPulse{0%{transform:scale(1);opacity:.8;}100%{transform:scale(1.65);opacity:0;}} /* حركة النبض */
.rr-chat-toggle-close{display:none;} /* أيقونة الإغلاق مخفية افتراضيًا */
.rr-chatbot.open .rr-chat-toggle-icon{display:none;} /* إخفاء البالون عند الفتح */
.rr-chatbot.open .rr-chat-toggle-close{display:block;font-size:22px;} /* إظهار علامة الإغلاق */
.rr-chatbot.open .rr-chat-pulse{display:none;} /* إيقاف النبض أثناء الفتح */
.rr-chat-greeting{position:absolute;bottom:74px;inset-inline-end:0;background:#fff;color:#3a2230;font-size:13px;font-weight:800;padding:12px 16px;border-radius:18px;border-end-end-radius:4px;box-shadow:0 18px 44px rgba(72,26,48,.18);white-space:nowrap;cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;} /* فقاعة جذب الانتباه */
.rr-chat-greeting.show{opacity:1;transform:translateY(0);pointer-events:auto;} /* إظهار الفقاعة */
.rr-chat-panel{position:absolute;bottom:78px;inset-inline-end:0;width:min(380px,calc(100vw - 32px));height:520px;max-height:calc(100vh - 130px);display:none;grid-template-rows:auto 1fr auto auto;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border:1px solid rgba(238,117,171,.18);border-radius:26px;overflow:hidden;box-shadow:0 34px 90px rgba(72,26,48,.22);animation:rrChatOpen .32s cubic-bezier(.16,1,.3,1);} /* نافذة الشات الزجاجية */
.rr-chatbot.open .rr-chat-panel{display:grid;} /* فتح النافذة */
@keyframes rrChatOpen{from{opacity:0;transform:translateY(16px) scale(.96);}to{opacity:1;transform:translateY(0) scale(1);}} /* حركة فتح النافذة */
.rr-chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#ee75ab,#ff9ec6);color:#fff;} /* رأس النافذة */
.rr-chat-avatar{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:#ee75ab;display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:0 8px 20px rgba(72,26,48,.18);} /* صورة البوت */
.rr-chat-head-info b{display:block;font-size:15px;} /* اسم البوت */
.rr-chat-head-info small{font-size:11px;opacity:.92;display:flex;align-items:center;gap:5px;} /* حالة البوت */
.rr-chat-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3);display:inline-block;} /* نقطة متاح الآن */
.rr-chat-messages{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#fff7fb,#fff);} /* منطقة الرسائل */
.rr-chat-messages .bot-msg{align-self:flex-start;max-width:84%;background:#fff;border:1px solid #f6dce9;color:#33222c;padding:11px 14px;border-radius:18px;border-start-start-radius:4px;font-size:13.5px;line-height:1.6;box-shadow:0 8px 22px rgba(72,26,48,.06);animation:rrMsgIn .3s ease both;} /* فقاعة البوت */
.rr-chat-messages .user-msg{align-self:flex-end;max-width:84%;background:linear-gradient(135deg,#ee75ab,#ff8fc0);color:#fff;padding:11px 14px;border-radius:18px;border-start-end-radius:4px;font-size:13.5px;line-height:1.6;box-shadow:0 10px 24px rgba(238,117,171,.3);animation:rrMsgIn .3s ease both;} /* فقاعة العميل */
@keyframes rrMsgIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}} /* دخول الرسالة */
.rr-chat-typing{display:flex;gap:5px;align-items:center;padding:14px 16px!important;} /* مؤشر الكتابة */
.rr-chat-typing span{width:7px;height:7px;border-radius:50%;background:#ee9cc2;animation:rrTypeDot 1.1s ease-in-out infinite;} /* نقطة الكتابة */
.rr-chat-typing span:nth-child(2){animation-delay:.18s;}.rr-chat-typing span:nth-child(3){animation-delay:.36s;} /* تتابع النقاط */
@keyframes rrTypeDot{0%,100%{transform:translateY(0);opacity:.45;}50%{transform:translateY(-5px);opacity:1;}} /* حركة النقاط */
.rr-chat-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 10px;} /* صف الأسئلة السريعة */
.rr-chat-chips.hide{display:none;} /* إخفاء الأزرار بعد أول سؤال */
.rr-chat-chip{border:1px solid #f3c4da;background:#fff;color:#b13d75;font-size:11.5px;font-weight:800;padding:8px 13px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease;} /* زر سؤال سريع */
.rr-chat-chip:hover{background:#ee75ab;border-color:#ee75ab;color:#fff;} /* تفاعل الزر */
.rr-chat-inputrow{display:flex;gap:8px;padding:12px;border-top:1px solid #f7e3ec;background:#fff;} /* صف الإدخال */
.rr-chat-input{flex:1;border:1px solid #f0d4e1!important;border-radius:999px!important;padding:11px 16px!important;font-size:13.5px!important;outline:none;background:#fff;} /* حقل الكتابة */
.rr-chat-input:focus{border-color:#ee75ab!important;box-shadow:0 0 0 3px rgba(238,117,171,.14);} /* تركيز الحقل */
.rr-chat-send{width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(135deg,#ee75ab,#ff9ec6);color:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:transform .2s ease;} /* زر الإرسال */
.rr-chat-send:hover{transform:scale(1.07);} /* تفاعل الإرسال */
.rr-chat-send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;} /* أيقونة الطائرة */
html[dir="rtl"] .rr-chat-send svg{transform:scaleX(-1);} /* عكس الطائرة للعربي */
@media(max-width:560px){.rr-chatbot{inset-inline-end:14px;bottom:14px;}.rr-chat-panel{position:fixed;inset-inline:10px;bottom:86px;width:auto;height:min(560px,calc(100vh - 110px));}.rr-chat-toggle{width:56px;height:56px;}} /* الموبايل: نافذة بعرض الشاشة تقريبًا */
/* V5.6 AI Chatbot Widget - نهاية الويدجت */

/* V5.6 Chatbot Admin - بداية ستايلات شاشة الشات في الإدارة */
.chatbot-ai-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px;align-items:start;} /* شبكة إعدادات الوكيل */
.provider-toggle-row{display:flex;align-items:center;gap:12px;font-weight:800;color:#54223a;margin-bottom:14px;} /* صف مفتاح التفعيل */
.chatbot-how h3{margin:0 0 12px;color:#a31355;} /* عنوان الشرح */
.chatbot-pipeline{margin:0;padding-inline-start:20px;display:grid;gap:10px;font-size:13.5px;line-height:1.7;color:#4a3340;} /* خطوات عمل الوكيل */
.chatbot-chats-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:18px;align-items:start;} /* شبكة المحادثات */
.chat-review{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow:auto;padding:6px;} /* عرض محادثة كاملة */
.chat-review-msg{max-width:86%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.6;} /* رسالة في المراجعة */
.chat-review-user{align-self:flex-end;background:linear-gradient(135deg,#ee75ab,#ff8fc0);color:#fff;} /* رسالة العميل */
.chat-review-bot{align-self:flex-start;background:#fff;border:1px solid #f3dde7;color:#33222c;} /* رسالة البوت */
.chat-review-msg small{display:block;margin-top:5px;font-size:10px;opacity:.65;} /* وقت الرسالة */
.row-active td{background:#fff0f6;} /* تمييز الجلسة المختارة */
@media(max-width:1000px){.chatbot-ai-grid,.chatbot-chats-grid{grid-template-columns:1fr;}} /* شاشة صغيرة */
/* V5.6 Chatbot Admin - نهاية ستايلات الإدارة */

/* V5.7 Logo True Center - بداية التمركز النهائي الحاسم للشعار في كل المقاسات */
header.site-header.biagiotti-header .biagiotti-header-inner{display:flex!important;justify-content:space-between!important;align-items:center!important;position:relative!important;width:100%!important;max-width:none!important;margin:0!important;gap:14px!important;min-height:58px!important;} /* إلغاء الجريد نهائيًا: المناطق على الطرفين والشعار يطفو فوق المنتصف */
header.site-header.biagiotti-header .centered-brand{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;width:auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;z-index:5!important;} /* الشعار في منتصف الشاشة هندسيًا بالمليمتر في كل مقاس واتجاه */
header.site-header.biagiotti-header .centered-brand:before{position:absolute!important;inset-inline-end:calc(100% + 12px)!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;} /* النجمة الأولى خارج صندوق الشعار حتى لا تؤثر على مركزه */
header.site-header.biagiotti-header .centered-brand:after{position:absolute!important;inset-inline-start:calc(100% + 12px)!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;} /* النجمة الثانية خارج الصندوق بنفس المسافة للتماثل التام */
header.site-header.biagiotti-header .brand-logo-text{margin:0!important;display:block!important;} /* تنظيف أي هوامش متبقية على النص */
header.site-header.biagiotti-header .header-zone-left{flex:0 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;margin:0!important;min-width:0!important;} /* روابط البداية تلتصق بطرف الشاشة */
header.site-header.biagiotti-header .header-zone-right{flex:0 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0!important;margin:0!important;margin-inline-start:auto!important;min-width:0!important;} /* الأدوات تلتصق بالطرف الآخر دائمًا حتى عند اختفاء روابط البداية في الموبايل */
@media(max-width:1320px){header.site-header.biagiotti-header .biagiotti-header-inner{display:flex!important;}header.site-header.biagiotti-header .centered-brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;}header.site-header.biagiotti-header .centered-brand:before,header.site-header.biagiotti-header .centered-brand:after{display:none!important;}} /* الموبايل والتابلت: نفس التمركز المطلق وإخفاء النجمتين لتوفير المساحة */
@media(max-width:760px){header.site-header.biagiotti-header .biagiotti-header-inner{min-height:50px!important;}header.site-header.biagiotti-header .brand-logo-text{font-size:30px!important;letter-spacing:-1.6px!important;}} /* ضبط حجم الشعار على الموبايل مع بقائه في المنتصف تمامًا */
/* V5.7 Logo True Center - نهاية التمركز النهائي */

/* V5.8 Marquee Dividers + Bold Brand - بداية فواصل RubyRose والشعار الثقيل */
.rr-section-divider{position:relative;overflow:hidden;background:linear-gradient(90deg,#220a14,#3b0f24 50%,#220a14);border-block:1px solid rgba(238,117,171,.22);padding:18px 0;margin:8px 0;} /* شريط فاصل داكن بدرجة بينك غامقة جدًا */
.rr-section-divider:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 130% at 50% 50%,rgba(238,47,134,.16),transparent 70%);pointer-events:none;} /* توهج وردي خافت في منتصف الشريط */
.rr-div-track{display:flex;width:max-content;animation:rrDivMarquee 36s linear infinite;} /* مسار الحركة المستمرة */
html[dir="rtl"] .rr-div-track{animation-name:rrDivMarqueeRtl;} /* اتجاه الحركة للعربي */
@keyframes rrDivMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}} /* حلقة لا نهائية */
@keyframes rrDivMarqueeRtl{from{transform:translateX(0);}to{transform:translateX(50%);}} /* الحلقة بالعكس للعربي */
.rr-div-run{display:flex;align-items:center;flex-shrink:0;} /* مقطع واحد من الكلمات */
.rr-div-word{font-size:24px;font-weight:300;letter-spacing:-1px;white-space:nowrap;padding-inline:22px;line-height:1;font-style:italic;} /* كلمة RubyRose داخل الفاصل */
.rr-div-word.tone-deep{color:#c2185b;} /* الدرجة الغامقة */
.rr-div-word.tone-mid{color:#ee75ab;} /* الدرجة المتوسطة */
.rr-div-word.tone-light{color:#ffb9d6;} /* الدرجة الفاتحة */
.rr-div-word.tone-white{color:#fff;} /* الأبيض */
.rr-div-star{color:rgba(238,117,171,.55);font-size:11px;flex-shrink:0;} /* نجمة فاصلة بين الكلمات */
.rr-section-divider:hover .rr-div-track{animation-play-state:paused;} /* إيقاف الحركة عند مرور الماوس كلمسة لطيفة */
@media(max-width:760px){.rr-div-word{font-size:18px;padding-inline:14px;}.rr-section-divider{padding:13px 0;}} /* مقاس الموبايل */

header.site-header.biagiotti-header .brand-logo-text{font-size:clamp(46px,4.4vw,80px)!important;font-weight:900!important;letter-spacing:-2.2px!important;line-height:.95!important;white-space:nowrap!important;background:linear-gradient(105deg,#9e0e45 0%,#e0177a 30%,#ff7ab5 50%,#e0177a 70%,#9e0e45 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:rrBrandSheen 6s ease-in-out infinite!important;-webkit-text-stroke:1.2px rgba(158,14,69,.45);paint-order:stroke fill;filter:drop-shadow(0 3px 14px rgba(224,23,122,.30)) drop-shadow(0 1px 2px rgba(120,8,52,.25))!important;text-shadow:none!important;} /* الشعار ثقيل وكبير: وزن 900 وحدود خفيفة وظل يبرز كل حرف حتى على الخلفية البيضاء مع بقاء لمعة الساتان بدرجات غامقة مقروءة */
header.site-header.biagiotti-header.is-scrolled .brand-logo-text,body:not(.page-index) header.site-header.biagiotti-header .brand-logo-text{filter:drop-shadow(0 2px 10px rgba(224,23,122,.22))!important;} /* ظل أهدأ قليلًا فوق الهيدر الأبيض الزجاجي */
@media(max-width:1320px){header.site-header.biagiotti-header .brand-logo-text{font-size:clamp(36px,5.4vw,52px)!important;}} /* حجم التابلت */
@media(max-width:760px){header.site-header.biagiotti-header .brand-logo-text{font-size:34px!important;letter-spacing:-1.4px!important;-webkit-text-stroke:1px rgba(158,14,69,.45);}} /* حجم الموبايل مع بقاء الثقل والوضوح */
/* V5.8 Marquee Dividers + Bold Brand - نهاية التحديث */

/* V5.9 Luxury Couture - بداية طبقة الفخامة الشاملة وإصلاح الشات والروابط والشعار */
.chatbot.rr-chatbot{position:fixed!important;inset-inline-end:22px!important;inset-inline-start:auto!important;bottom:22px!important;top:auto!important;z-index:240!important;width:auto!important;} /* إصلاح جذري: إلغاء position:relative القديم الذي كان يرمي الشات تحت الفوتر كشريط غريب وإعادته عائمًا ثابتًا */
@media(max-width:560px){.chatbot.rr-chatbot{inset-inline-end:14px!important;bottom:14px!important;}} /* موضع الشات على الموبايل */

header.site-header.biagiotti-header .brand-logo-text{font-size:clamp(24px,2.2vw,40px)!important;letter-spacing:-1.2px!important;-webkit-text-stroke:.7px rgba(158,14,69,.4);font-family:"Playfair Display",Georgia,serif!important;font-style:italic!important;font-weight:900!important;filter:drop-shadow(0 2px 8px rgba(224,23,122,.25))!important;} /* الشعار أصغر بنحو النصف مع خط Playfair الفاخر المائل وبقاء الثقل والوضوح */
@media(max-width:1320px){header.site-header.biagiotti-header .brand-logo-text{font-size:clamp(22px,3vw,30px)!important;}} /* حجم التابلت */
@media(max-width:760px){header.site-header.biagiotti-header .brand-logo-text{font-size:21px!important;letter-spacing:-.8px!important;}} /* حجم الموبايل */
header.site-header.biagiotti-header .centered-brand:before,header.site-header.biagiotti-header .centered-brand:after{font-size:9px!important;} /* نجمتان أصغر مع الشعار الجديد */

header.site-header.biagiotti-header .main-nav{gap:0!important;} /* إزالة المسافة بين الروابط نهائيًا لأن لكل رابط حشوًا خاصًا */
header.site-header.biagiotti-header .main-nav a{padding:9px 9px!important;letter-spacing:.05em!important;font-size:11px!important;} /* تقريب الروابط من بعضها بحشو أصغر وتباعد أحرف أهدأ */
header.site-header.biagiotti-header .main-nav a:after{inset-inline:9px!important;} /* ضبط الخط السفلي مع الحشو الجديد */
header.site-header.biagiotti-header .header-zone-left{gap:6px!important;} /* تقريب عناصر منطقة البداية */
header.site-header.biagiotti-header .header-zone-right{gap:8px!important;} /* تقريب عناصر منطقة الأدوات */

h1,h2,h3,.section h1,.section h2,.page-hero h1{font-family:"Playfair Display",Georgia,serif;} /* عناوين سيريف فاخرة في كل الموقع */
.section h1,.section h2{font-weight:600;letter-spacing:-.5px;} /* وزن متوازن للعناوين */
.section h2:after{content:"";display:block;width:54px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,transparent,#e0177a,transparent);} /* خيط وردي رفيع تحت كل عنوان قسم */
.rr-div-word{font-family:"Playfair Display",Georgia,serif;font-weight:700;} /* كلمات الفواصل بنفس الخط الفاخر */
body{background:#fffcfd;} /* خلفية عاجية وردية هادئة بدل الأبيض الصريح */
::selection{background:#e0177a;color:#fff;} /* تحديد النص بلون البراند */
html{scroll-behavior:smooth;} /* تمرير ناعم */
::-webkit-scrollbar{width:9px;} /* عرض شريط التمرير */
::-webkit-scrollbar-track{background:#fdf2f7;} /* مسار التمرير */
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ee75ab,#e0177a);border-radius:99px;} /* مقبض التمرير وردي */
.btn{letter-spacing:.12em;text-transform:uppercase;font-size:12.5px;background:linear-gradient(135deg,#e0177a,#ff6aa8);transition:transform .25s ease,box-shadow .25s ease;} /* أزرار فاخرة بأحرف متباعدة */
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(224,23,122,.35);} /* تفاعل الأزرار */
.category-pill-card,.rr-home-offer-card,.product-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;} /* نعومة حركة الكروت */
.category-pill-card:hover,.rr-home-offer-card:hover,.product-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(72,26,48,.14);} /* رفع الكروت بفخامة عند المرور */
.product-card{overflow:hidden;} /* احتواء صورة الكارت */
.product-card img{transition:transform .6s cubic-bezier(.16,1,.3,1);} /* نعومة تكبير الصورة */
.product-card:hover img{transform:scale(1.05);} /* تكبير هادئ لصورة المنتج */
.site-footer{border-top:1px solid rgba(238,117,171,.25);} /* خيط وردي يفصل الفوتر */
.footer-col h4{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:.02em;} /* عناوين الفوتر سيريف */
/* V5.9 Luxury Couture - نهاية الطبقة */

/* V6.0 Grand Polish - بداية كروت التصنيفات والهيدر الموبايل وروابط الديسكتوب ونافذة اللغة */
.category-pill-card{position:relative;background:#fff!important;border:1px solid #f3dde7;border-radius:24px;overflow:hidden;display:block;} /* خلفية الكارت بيضاء كما طلبت */
.category-pill-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1);transform-origin:center 35%;} /* الصورة تملأ الكارت وتتحرك بنعومة */
.category-pill-card .cat-panel{position:absolute;inset-inline:0;bottom:0;height:0;opacity:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border-top:1px solid #f6dce9;transition:height .45s cubic-bezier(.16,1,.3,1),opacity .3s ease;overflow:hidden;padding-inline:14px;} /* لوحة بيضاء مخفية أسفل الكارت */
.category-pill-card .cat-name{font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:700;color:#22141c;letter-spacing:-.3px;font-style:normal;} /* اسم التصنيف داخل اللوحة */
.category-pill-card .cat-cta{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e0177a;} /* سطر التفاصيل والدعوة للتسوق */
.category-pill-card:hover img,.category-pill-card:focus-visible img{transform:scale(.88) translateY(-9%);} /* الصورة تصغر وترتفع قليلًا عند المرور */
.category-pill-card:hover .cat-panel,.category-pill-card:focus-visible .cat-panel{height:50%;opacity:1;} /* اللوحة تصعد من الأسفل حتى منتصف الكارت */
.category-pill-card:not(:hover) img{transform:scale(1);} /* عودة الصورة كاملة في الإطار فور انتقال الماوس لكارت آخر */
@media(hover:none){.category-pill-card .cat-panel{height:44px;opacity:1;justify-content:center;}.category-pill-card .cat-cta{display:none;}} /* أجهزة اللمس: شريط اسم دائم لأن لا يوجد hover */

header.site-header.biagiotti-header .main-nav a{font-size:13.5px!important;font-weight:800!important;color:#0d0d10!important;letter-spacing:.07em!important;padding:10px 13px!important;} /* روابط أكبر وأوضح وبالأسود على الكمبيوتر */
header.site-header.biagiotti-header .main-nav a:after{background:#fff!important;height:2.5px!important;inset-inline:13px!important;bottom:5px!important;box-shadow:0 1px 4px rgba(0,0,0,.18);} /* الخط السفلي أبيض مع ظل خفيف ليظهر فوق أي خلفية */
header.site-header.biagiotti-header .main-nav a:hover{color:#e0177a!important;background:transparent!important;box-shadow:none!important;transform:none!important;} /* الكلمة تنقلب بينك عند الوقوف بدون خلفية زر */
header.site-header.biagiotti-header .lang-switch{display:none!important;} /* إخفاء زر اللغة من الهيدر نهائيًا: الاختيار من نافذة أول زيارة */

@media(max-width:1320px){ /* هيدر الموبايل: البراند في المنتصف فقط والباقي في البرجر */
header.site-header.biagiotti-header .wishlist-link,header.site-header.biagiotti-header .header-icon{display:none!important;} /* إخفاء الويش ليست وأيقونة البحث */
header.site-header.biagiotti-header .account-pill{display:grid!important;width:38px!important;height:38px!important;order:1;} /* أيقونة الحساب ظاهرة بجوار البرجر */
header.site-header.biagiotti-header .cart-pill{order:2;} /* العربة بعد الحساب */
header.site-header.biagiotti-header .mobile-menu-btn{order:3;} /* البرجر في النهاية */
} /* نهاية هيدر الموبايل */
.mobile-lang-row{display:flex;gap:8px;padding:12px 14px 6px;} /* صف اللغة داخل قائمة الموبايل */
.mobile-lang-row a{flex:1;text-align:center;padding:10px;border:1px solid #f0cede!important;border-radius:12px!important;font-weight:800;color:#7c2b53!important;border-bottom:1px solid #f0cede!important;} /* زر لغة داخل القائمة */
.mobile-lang-row a.active{background:linear-gradient(135deg,#e0177a,#ff6aa8);color:#fff!important;border-color:transparent!important;} /* اللغة الحالية */

.lang-modal{position:fixed;inset:0;z-index:400;background:rgba(34,10,22,.55);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;} /* خلفية نافذة اللغة */
.lang-modal[hidden]{display:none;} /* إخفاء النافذة بعد الاختيار */
body.lang-modal-open{overflow:hidden;} /* قفل التمرير أثناء النافذة */
.lang-modal-card{width:min(380px,92vw);background:#fff;border-radius:28px;padding:38px 30px;text-align:center;box-shadow:0 40px 100px rgba(34,10,22,.4);animation:rrChatOpen .4s cubic-bezier(.16,1,.3,1);} /* كارت الاختيار */
.lang-modal-logo{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:900;font-size:34px;background:linear-gradient(105deg,#9e0e45,#e0177a,#ff7ab5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:10px;} /* شعار داخل النافذة */
.lang-modal-card p{margin:0 0 22px;color:#5d4450;font-weight:700;line-height:1.7;} /* نص الدعوة */
.lang-modal-card p small{color:#a98e9c;font-weight:600;} /* السطر الإنجليزي */
.lang-modal-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;} /* زرا اللغتين */
.lang-modal-btns a{padding:14px;border-radius:999px;font-weight:900;font-size:15px;border:1.5px solid #f0cede;color:#7c2b53;transition:all .22s ease;} /* زر لغة */
.lang-modal-btns a:hover{background:linear-gradient(135deg,#e0177a,#ff6aa8);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 14px 32px rgba(224,23,122,.35);} /* تفاعل الزر */
/* V6.0 Grand Polish - نهاية الطبقة */

/* V6.1 Biagiotti Categories + Tight Nav - بداية شبكة التصنيفات بأسلوب Biagiotti وتقريب الروابط */
header.site-header.biagiotti-header .main-nav{gap:0!important;} /* إلغاء أي فجوة بين الروابط */
header.site-header.biagiotti-header .main-nav a{padding:8px 7px!important;letter-spacing:.02em!important;margin:0!important;} /* تقريب الروابط من بعضها بحشو أصغر */
header.site-header.biagiotti-header .main-nav a:after{inset-inline:7px!important;} /* ضبط الخط السفلي مع الحشو الأصغر */
header.site-header.biagiotti-header .header-zone-left{gap:0!important;} /* لصق روابط البداية */
header.site-header.biagiotti-header .header-zone-right .main-nav{gap:0!important;} /* لصق روابط النهاية */

.categories-showcase{padding-inline:0!important;max-width:none!important;} /* السماح للشبكة بالامتداد لكامل العرض مثل Biagiotti */
.categories-showcase .section-heading{padding-inline:clamp(16px,5vw,72px);} /* إبقاء العنوان داخل هامش مريح */
.category-grid-biagiotti{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;margin-top:30px;} /* شبكة من 4 أعمدة بدون فواصل */
.cat-tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#f3e9ee;} /* بلاطة بنسبة طول ثابتة تملأ خانتها */
.cat-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1);} /* الصورة تملأ البلاطة */
.cat-tile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,12,20,.05),rgba(28,12,20,.55));opacity:0;transition:opacity .5s ease;} /* تعتيم متدرج يظهر عند المرور */
.cat-tile-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:18px;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1);z-index:2;} /* اسم القسم في المنتصف يظهر صاعدًا */
.cat-tile-name{font-family:"Playfair Display",Georgia,serif;font-size:clamp(20px,1.9vw,30px);font-weight:700;color:#fff;letter-spacing:.02em;text-shadow:0 4px 20px rgba(0,0,0,.35);} /* اسم القسم بخط فاخر أبيض */
.cat-tile-sub{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.88);} /* سطر التفاصيل تحت الاسم */
.cat-tile:hover img,.cat-tile:focus-visible img{transform:scale(1.12);} /* تكبير الصورة عند المرور مثل المرجع */
.cat-tile:hover .cat-tile-overlay,.cat-tile:focus-visible .cat-tile-overlay{opacity:1;} /* إظهار التعتيم */
.cat-tile:hover .cat-tile-caption,.cat-tile:focus-visible .cat-tile-caption{opacity:1;transform:translateY(0);} /* إظهار الاسم صاعدًا للمنتصف */
@media(max-width:1100px){.category-grid-biagiotti{grid-template-columns:repeat(2,1fr);}} /* عمودان على التابلت */
@media(max-width:560px){.category-grid-biagiotti{grid-template-columns:repeat(2,1fr);}.cat-tile{aspect-ratio:1/1;}.cat-tile-caption{opacity:1;transform:translateY(0);}.cat-tile-overlay{opacity:1;background:linear-gradient(180deg,rgba(28,12,20,0),rgba(28,12,20,.5));}.cat-tile-name{font-size:17px;}} /* الموبايل: عمودان والاسم ظاهر دائمًا لعدم وجود hover */
/* V6.1 Biagiotti Categories + Tight Nav - نهاية التحديث */

/* V6.2 Nuage Flow Slider - بداية حركات الدخول الانسيابية لعناصر السلايدر على طراز Nuage */
.rr-home-pro-slider .rr-slide-element,.rr-home-default-content .rr-type-text,.rr-home-default-content .btn{will-change:transform,opacity,filter;} /* تحسين أداء الحركة */
.rr-home-pro-slider .rr-slide-element{opacity:0!important;transform:translate(-50%,-50%) translateY(46px) scale(.94)!important;filter:blur(9px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1),filter .9s ease!important;transition-delay:var(--rr-delay,800ms)!important;} /* حالة العنصر قبل الدخول: غائم وهابط ومصغّر قليلًا */
.rr-home-pro-slider .rr-slide-element.is-visible{opacity:1!important;transform:translate(-50%,-50%) translateY(0) scale(1)!important;filter:blur(0)!important;} /* الدخول الانسيابي: يصعد ويتضح ويكبر لحجمه */
.rr-home-pro-slider .rr-slide-element-image{transform:translate(-50%,-50%) translateY(60px) scale(.9)!important;} /* الصورة تبدأ أخفض قليلًا لإحساس أعمق */
.rr-home-pro-slider .rr-slide-element-image.is-visible{transform:translate(-50%,-50%) translateY(0) scale(1)!important;animation:rrFloat 6s ease-in-out 1.4s infinite;} /* بعد الدخول تطفو العناصر الصورية بنعومة */
@keyframes rrFloat{0%,100%{margin-top:0;}50%{margin-top:-12px;}} /* طفو لطيف يعطي إحساسًا سحابيًا */

.rr-home-default-content{display:flex;flex-direction:column;gap:14px;} /* ترتيب المحتوى الافتراضي عموديًا */
.rr-home-default-content > *{opacity:0;transform:translateY(40px);filter:blur(6px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter .85s ease;} /* كل سطر يبدأ غائمًا وهابطًا */
.rr-home-default-content > *.is-visible,.rr-home-default-content .is-active > *{opacity:1;transform:translateY(0);filter:blur(0);} /* حالة الظهور */
.rr-home-slide.is-active .rr-home-default-content > *{opacity:1;transform:translateY(0);filter:blur(0);} /* عند تفعيل السلايد تدخل العناصر */
.rr-home-slide:not(.is-active) .rr-home-default-content > *{opacity:0;transform:translateY(40px);filter:blur(6px);} /* عند مغادرة السلايد تخرج العناصر بنعومة */
.rr-home-slide.is-active .rr-home-default-content > *:nth-child(1){transition-delay:.25s;} /* تتابع: العنوان الصغير */
.rr-home-slide.is-active .rr-home-default-content > *:nth-child(2){transition-delay:.45s;} /* تتابع: العنوان */
.rr-home-slide.is-active .rr-home-default-content > *:nth-child(3){transition-delay:.65s;} /* تتابع: الوصف */
.rr-home-slide.is-active .rr-home-default-content > *:nth-child(4){transition-delay:.85s;} /* تتابع: الزر */

.rr-home-slide img{transform:scale(1.12)!important;transition:transform 7s ease-out!important;} /* الصورة تبدأ مكبرة قليلًا */
.rr-home-slide.is-active img{transform:scale(1)!important;} /* حركة Ken Burns: الصورة تتراجع ببطء أثناء عرض السلايد لإحساس سينمائي */
.rr-home-slide-btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(232,95,152,.4);} /* رفعة الزر */
@media(prefers-reduced-motion:reduce){.rr-home-pro-slider .rr-slide-element,.rr-home-default-content > *,.rr-home-slide img{filter:none!important;transition-duration:.4s!important;animation:none!important;}} /* احترام تفضيل تقليل الحركة */
/* V6.2 Nuage Flow Slider - نهاية الحركات الانسيابية */

/* ============================================================
   V6.3 DEFINITIVE OVERRIDE - طبقة إلغاء التعارضات النهائية
   هذه الطبقة الأخيرة تُلغي كل التعارضات السابقة بين التحديثات
   ============================================================ */

/* --- هيدر: التخطيط النهائي الحاسم --- */
header.biagiotti-header .biagiotti-header-inner{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:0!important;
  position:relative!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
} /* ثلاثة أعمدة: روابط | لوجو | أدوات — اللوجو يحتل مساحته الطبيعية */

header.biagiotti-header .header-zone-left{
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding-inline-end:10px!important;
} /* منطقة اليسار تلتصق بالطرف */

header.biagiotti-header .centered-brand{
  grid-column:2!important;
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-inline:18px!important;
  min-width:0!important;
} /* اللوجو عمود أوسط طبيعي لا absolute — يجلس بين الروابط مباشرة */

header.biagiotti-header .header-zone-right{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  padding-inline-start:10px!important;
} /* منطقة اليمين تلتصق بالطرف */

header.biagiotti-header .centered-brand:before,
header.biagiotti-header .centered-brand:after{display:none!important;} /* إخفاء النجمتين نهائيًا — كانتا تأخذان مساحة وتتسببان في انزياح */

header.biagiotti-header .brand-logo-text{
  font-size:clamp(22px,2.6vw,38px)!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
  white-space:nowrap!important;
} /* حجم الشعار النهائي */

header.biagiotti-header .main-nav{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  flex:none!important;
  background:none!important;
  border:none!important;
  padding:0!important;
} /* الروابط بجوار بعضها بدون أي فراغ إضافي */

header.biagiotti-header .main-nav a{
  padding:10px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#0d0d10!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  border-radius:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .22s ease!important;
} /* رابط نظيف بحشو متساوٍ فقط */

header.biagiotti-header .main-nav a:hover,
header.biagiotti-header .main-nav a.active{
  color:#e0177a!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  border:none!important;
} /* hover: الكلمة تنقلب بينك فقط بلا خلفية */

header.biagiotti-header .main-nav a:after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:4px!important;
  height:1.5px!important;
  background:#fff!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .25s ease!important;
  border-radius:2px!important;
  box-shadow:0 1px 4px rgba(0,0,0,.2)!important;
} /* خط أبيض أسفل الرابط */

header.biagiotti-header .main-nav a:hover:after,
header.biagiotti-header .main-nav a.active:after{transform:scaleX(1)!important;} /* إظهار الخط عند المرور */

/* --- التصنيفات: cat-tile الجديدة (index.php تم تحديثه في V6.1) --- */
.category-grid-biagiotti{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  width:100%!important;
  margin-top:28px!important;
} /* شبكة أربعة أعمدة بلا فواصل */

.cat-tile{
  position:relative!important;
  display:block!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  background:#1a0e14!important;
  cursor:pointer!important;
} /* بلاطة التصنيف */

.cat-tile img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transform:scale(1)!important;
  transition:transform .85s cubic-bezier(.16,1,.3,1)!important;
  will-change:transform!important;
} /* الصورة تملأ البلاطة بالكامل */

.cat-tile-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(22,10,16,.04) 0%,rgba(22,10,16,.62) 100%)!important;
  opacity:0!important;
  transition:opacity .55s ease!important;
  z-index:1!important;
} /* طبقة التعتيم */

.cat-tile-caption{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  padding:20px!important;
  opacity:0!important;
  transform:translateY(22px)!important;
  transition:opacity .55s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1)!important;
  z-index:2!important;
} /* النص في المنتصف */

.cat-tile-name{
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(18px,2vw,28px)!important;
  font-weight:700!important;
  color:#fff!important;
  letter-spacing:.02em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.4)!important;
  font-style:normal!important;
} /* اسم التصنيف */

.cat-tile-sub{
  font-style:normal!important;
  font-size:10.5px!important;
  font-weight:800!important;
  letter-spacing:.3em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.86)!important;
} /* السطر الوصفي */

.cat-tile:hover img{transform:scale(1.1)!important;} /* تكبير الصورة */
.cat-tile:hover .cat-tile-overlay{opacity:1!important;} /* التعتيم */
.cat-tile:hover .cat-tile-caption{opacity:1!important;transform:translateY(0)!important;} /* صعود النص */

@media(max-width:1100px){
  .category-grid-biagiotti{grid-template-columns:repeat(2,1fr)!important;}
  .cat-tile{aspect-ratio:4/5!important;}
} /* تابلت: عمودان */

@media(max-width:760px){
  .category-grid-biagiotti{grid-template-columns:repeat(2,1fr)!important;}
  .cat-tile{aspect-ratio:1/1!important;}
  .cat-tile-overlay{opacity:1!important;background:linear-gradient(180deg,rgba(22,10,16,0),rgba(22,10,16,.55))!important;}
  .cat-tile-caption{opacity:1!important;transform:translateY(0)!important;}
  .cat-tile-name{font-size:16px!important;}
  .cat-tile-sub{display:none!important;}
} /* موبايل: الاسم دائمًا ظاهر */

@media(max-width:1320px){
  header.biagiotti-header .biagiotti-header-inner{grid-template-columns:auto 1fr auto!important;}
  header.biagiotti-header .header-zone-left .main-nav,
  header.biagiotti-header .header-zone-right .main-nav{display:none!important;}
  header.biagiotti-header .mobile-menu-btn{display:grid!important;}
  header.biagiotti-header .centered-brand{justify-self:center!important;}
} /* موبايل: إخفاء الروابط وإظهار البرجر */

/* --- V6.3 DEFINITIVE OVERRIDE - نهاية طبقة الإلغاء --- */

/* ============================================================
   V6.4 JAMEELA POLISH - السلايدر الاحترافي والطرطشة والهيدر والبرجر
   ============================================================ */

/* --- 1) إصلاح السلايدر في العربية RTL --- */
html[dir="rtl"] .rr-home-slide{transform:translateX(-100%);} /* السلايد غير النشط خارج الشاشة يمينًا في العربي */
html[dir="rtl"] .rr-home-slide.is-active{transform:translateX(0)!important;} /* السلايد النشط يظهر في مكانه حتى في العربي — إصلاح اختفاء السلايدر */
.rr-home-image-slider{direction:ltr;} /* تثبيت اتجاه حاوية السلايدر لمنع انقلاب حساب المواضع في العربي */
.rr-home-elements-layer,.rr-home-slide-content{direction:inherit;} /* إعادة الاتجاه الطبيعي للنصوص داخل السلايد */

/* --- 2) عنصر السلايدر الاحترافي الثابت الواضح 100% --- */
.rr-home-pro-slider .rr-home-default-content{
  position:absolute!important;
  inset-inline-start:clamp(28px,6vw,96px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  max-width:min(620px,46vw)!important;
  display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;gap:18px!important;
  text-align:start!important;
  padding:38px 40px!important;
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(22px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.3)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:30px!important;
  box-shadow:0 40px 90px rgba(60,20,40,.18)!important;
  z-index:25!important;
} /* لوحة محتوى زجاجية فاخرة ثابتة ومقروءة 100% فوق أي صورة */
.rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child{
  font-size:13px!important;font-weight:800!important;letter-spacing:.32em!important;
  text-transform:uppercase!important;color:#e0177a!important;
  display:inline-flex!important;align-items:center!important;gap:12px!important;
  -webkit-text-fill-color:#e0177a!important;
} /* السطر العلوي الصغير */
.rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child:before{
  content:""!important;width:34px!important;height:2px!important;background:#e0177a!important;display:inline-block!important;
} /* خط زخرفي قبل السطر العلوي */
.rr-home-pro-slider .rr-home-default-content h1{
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(36px,4vw,62px)!important;font-weight:900!important;
  line-height:1.02!important;letter-spacing:-1.5px!important;color:#1f0f17!important;
  margin:0!important;-webkit-text-fill-color:#1f0f17!important;
} /* العنوان الرئيسي ثقيل وواضح */
.rr-home-pro-slider .rr-home-default-content p{
  font-size:clamp(14px,1.2vw,17px)!important;line-height:1.7!important;
  color:#4a3340!important;margin:0!important;font-weight:500!important;max-width:46ch!important;
} /* الوصف */
.rr-home-pro-slider .rr-home-default-content .btn,
.rr-home-pro-slider .rr-home-slide-btn{
  margin-top:6px!important;background:linear-gradient(135deg,#e0177a,#ff6aa8)!important;
  color:#fff!important;padding:15px 34px!important;border-radius:999px!important;
  font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;
  font-size:13px!important;box-shadow:0 18px 40px rgba(224,23,122,.32)!important;
} /* زر الدعوة للتسوق */
@media(max-width:900px){
  .rr-home-pro-slider .rr-home-default-content{
    inset-inline:18px!important;inset-inline-start:18px!important;
    top:auto!important;bottom:24px!important;transform:none!important;
    max-width:none!important;width:auto!important;padding:24px 22px!important;
    align-items:center!important;text-align:center!important;
  } /* الموبايل: اللوحة أسفل السلايدر بعرض مريح */
  .rr-home-pro-slider .rr-home-default-content p{display:none!important;} /* إخفاء الوصف على الموبايل لتوفير المساحة */
} /* نهاية موبايل لوحة السلايدر */

/* --- 3) الطرطشة لكل قسم (مستقلة + متحركة مع السكرول) --- */
.rr-has-swatch{position:relative;overflow:hidden;} /* احتواء الطرطشة داخل القسم */
.rr-sec-swatches{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;} /* حاوية طرطشة القسم */
.rr-has-swatch > *:not(.rr-sec-swatches){position:relative;z-index:1;} /* إبقاء محتوى القسم فوق الطرطشة */
.rr-sec-swatch{position:absolute;width:clamp(180px,22vw,380px);height:auto;opacity:.5;transform:translateY(var(--rr-par,0px)) rotate(var(--rr-rot,0deg));transition:transform .15s linear,opacity .8s ease;} /* صورة طرطشة تتحرك مع السكرول */
.rr-sec-swatch-a{top:-4%;inset-inline-end:-5%;} /* الطرطشة الأولى أعلى اليمين */
.rr-sec-swatch-b{bottom:-6%;inset-inline-start:-6%;opacity:.4;} /* الطرطشة الثانية أسفل اليسار */
.shopping-section .rr-sec-swatch,.categories-showcase .rr-sec-swatch{opacity:.32;} /* تخفيف الطرطشة في الأقسام المزدحمة */

/* --- 4) ديناميكية الظهور بالسكرول --- */
.rr-rv{opacity:0;transform:translateY(38px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);} /* حالة ما قبل الظهور */
.rr-rv-in{opacity:1;transform:translateY(0);} /* حالة الظهور */
.cat-tile.rr-rv{transform:translateY(46px) scale(.96);} /* بلاطة التصنيف تدخل بتكبير */
.cat-tile.rr-rv-in{transform:translateY(0) scale(1);} /* اكتمال دخول البلاطة */
.product-card.rr-rv{transform:translateY(40px) scale(.97);} /* المنتج يدخل بتكبير */
.product-card.rr-rv-in{transform:translateY(0) scale(1);} /* اكتمال دخول المنتج */
.rr-sec-swatch.rr-rv{opacity:0;} /* الطرطشة تظهر تدريجيًا */
@media(prefers-reduced-motion:reduce){.rr-rv,.rr-sec-swatch{transition-duration:.3s!important;}.rr-sec-swatch{transform:none!important;}} /* احترام تقليل الحركة */

/* --- 5) الهيدر: تقريب الروابط من اللوجو --- */
header.biagiotti-header .biagiotti-header-inner{grid-template-columns:auto auto auto!important;justify-content:center!important;column-gap:clamp(10px,2vw,28px)!important;} /* الأعمدة تتجمع حول المنتصف بدل التمدد للأطراف */
header.biagiotti-header .header-zone-left{justify-content:flex-end!important;padding-inline-end:0!important;} /* روابط اليسار تقترب من اللوجو */
header.biagiotti-header .header-zone-right{justify-content:flex-start!important;padding-inline-start:0!important;} /* أدوات اليمين تقترب من اللوجو */
header.biagiotti-header .centered-brand{padding-inline:clamp(12px,2vw,26px)!important;} /* مسافة متوازنة حول اللوجو */
header.biagiotti-header .main-nav{gap:2px!important;} /* الروابط متلاصقة */
header.biagiotti-header .main-nav a{padding:9px 11px!important;} /* حشو مناسب للرابط */

/* --- 6) برجر منيو الموبايل: شكل منظم --- */
@media(max-width:1320px){
  .mobile-nav-panel{
    position:absolute!important;top:calc(100% + 8px)!important;inset-inline:12px!important;
    background:rgba(255,255,255,.97)!important;backdrop-filter:blur(22px)!important;
    border:1px solid rgba(232,95,152,.16)!important;border-radius:22px!important;
    box-shadow:0 30px 70px rgba(40,20,34,.16)!important;padding:10px!important;
    display:none!important;flex-direction:column!important;gap:2px!important;z-index:120!important;
  } /* لوحة البرجر منظمة */
  .nav-open .mobile-nav-panel{display:flex!important;animation:rrChatOpen .3s ease!important;} /* فتح البرجر بحركة */
  .mobile-nav-panel a{
    display:block!important;padding:15px 18px!important;border-radius:14px!important;
    color:#23191f!important;font-weight:800!important;font-size:14px!important;
    letter-spacing:.04em!important;text-transform:uppercase!important;
    border-bottom:1px solid rgba(232,95,152,.07)!important;text-align:start!important;
    transition:background .2s ease,color .2s ease!important;
  } /* رابط برجر منظم */
  .mobile-nav-panel a:last-child{border-bottom:0!important;} /* آخر رابط بلا خط */
  .mobile-nav-panel a:hover,.mobile-nav-panel a.active{background:rgba(232,95,152,.09)!important;color:#e0177a!important;} /* تفاعل رابط البرجر */
  .mobile-menu-btn{
    display:grid!important;place-items:center!important;width:42px!important;height:42px!important;
    border-radius:13px!important;background:rgba(255,255,255,.7)!important;
    border:1px solid rgba(232,95,152,.2)!important;color:#21141b!important;
    backdrop-filter:blur(14px)!important;font-size:19px!important;
  } /* زر البرجر أنيق */
} /* نهاية برجر الموبايل */
/* --- V6.4 JAMEELA POLISH - نهاية --- */

/* ============================================================
   V6.5 PRO SLIDER + SECTION BACKGROUNDS
   ============================================================ */

/* --- خلفية السواتش لكل قسم --- */
.rr-bg-section{position:relative;overflow:hidden;} /* احتواء طبقة الخلفية */
.rr-section-bg-swatch{position:absolute;inset:0;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center;} /* طبقة صورة السواتش */
.rr-section-bg-swatch img{width:min(115%,1400px);height:100%;object-fit:cover;object-position:center;} /* الصورة تغطي القسم */
.rr-bg-section > *:not(.rr-section-bg-swatch){position:relative;z-index:1;} /* محتوى القسم فوق الخلفية */

/* --- السلايدر الاحترافي الجديد --- */
.rr-home-pro-slider{
  height:clamp(560px,82vh,860px)!important;
  background:linear-gradient(135deg,#fff5f9 0%,#ffeef5 55%,#fff 100%)!important;
} /* خلفية ناعمة فاخرة للسلايدر */

/* صورة السلايد: تظهر بالكامل بدون اقتطاع مزعج، مع تكبير سينمائي بطيء */
.rr-home-pro-slider .rr-home-slide img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center!important;
} /* الصورة تملأ بالكامل */

/* تعتيم متدرج أسفل لإبراز النص دائمًا */
.rr-home-pro-slider .rr-home-slide:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(105deg,rgba(20,8,14,.52) 0%,rgba(20,8,14,.28) 38%,transparent 62%)!important;
  pointer-events:none!important;
} /* تدرج داكن من جهة النص */
html[dir="rtl"] .rr-home-pro-slider .rr-home-slide:after{
  background:linear-gradient(255deg,rgba(20,8,14,.52) 0%,rgba(20,8,14,.28) 38%,transparent 62%)!important;
} /* عكس التدرج في العربي */

/* لوحة المحتوى الاحترافية — نص فوق التعتيم مباشرة بلا صندوق ثقيل */
.rr-home-pro-slider .rr-home-default-content{
  position:absolute!important;z-index:20!important;
  inset-inline-start:clamp(28px,7vw,110px)!important;
  top:50%!important;transform:translateY(-50%)!important;
  max-width:min(580px,50vw)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:22px!important;text-align:start!important;
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;
} /* محتوى نظيف بلا صندوق زجاجي */

.rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child{
  font-size:13px!important;font-weight:800!important;letter-spacing:.4em!important;
  text-transform:uppercase!important;color:#ffd9e8!important;-webkit-text-fill-color:#ffd9e8!important;
  display:inline-flex!important;align-items:center!important;gap:14px!important;
} /* السطر العلوي */
.rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child:before{
  content:""!important;width:42px!important;height:2px!important;background:#ff6aa8!important;
} /* خط زخرفي */

.rr-home-pro-slider .rr-home-default-content h1{
  font-family:"Playfair Display",Georgia,serif!important;
  font-size:clamp(40px,5vw,76px)!important;font-weight:900!important;
  line-height:1.0!important;letter-spacing:-2px!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;margin:0!important;
  text-shadow:0 6px 40px rgba(0,0,0,.4)!important;
} /* عنوان ضخم أبيض فاخر */

.rr-home-pro-slider .rr-home-default-content p{
  font-size:clamp(15px,1.3vw,19px)!important;line-height:1.7!important;
  color:rgba(255,255,255,.92)!important;margin:0!important;font-weight:500!important;
  max-width:44ch!important;text-shadow:0 2px 20px rgba(0,0,0,.35)!important;
} /* وصف أبيض واضح */

.rr-home-pro-slider .rr-home-default-content .btn,
.rr-home-pro-slider .rr-home-slide-btn{
  margin-top:8px!important;background:#fff!important;color:#c2185b!important;
  padding:17px 40px!important;border-radius:999px!important;font-weight:800!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;font-size:13px!important;
  box-shadow:0 20px 50px rgba(0,0,0,.25)!important;transition:transform .3s ease,box-shadow .3s ease!important;
} /* زر أبيض راقٍ يبرز فوق الصورة */
.rr-home-pro-slider .rr-home-default-content .btn:hover,
.rr-home-pro-slider .rr-home-slide-btn:hover{
  transform:translateY(-3px)!important;background:#fff!important;color:#e0177a!important;
  box-shadow:0 26px 60px rgba(0,0,0,.3)!important;
} /* تفاعل الزر */

/* الأسهم: دوائر زجاجية أنيقة */
.rr-home-pro-slider .rr-home-slider-arrow{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:30!important;
  width:54px!important;height:54px!important;border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;border:1px solid rgba(224,23,122,.25)!important;
  color:#c2185b!important;font-size:28px!important;font-weight:700!important;cursor:pointer!important;
  box-shadow:0 10px 30px rgba(80,30,55,.18)!important;
  backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;
  display:grid!important;place-items:center!important;
  transition:background .25s ease,transform .25s ease,color .25s ease!important;
} /* أسهم واضحة: رمز وردي غامق على دائرة بيضاء صلبة */
.rr-home-pro-slider .rr-home-slider-arrow:before,.rr-home-pro-slider .rr-home-slider-arrow:after{display:none!important;content:none!important;} /* إلغاء لمعة الزجاج العامة عن الأسهم */
.rr-home-pro-slider .rr-home-slider-arrow:hover{background:#e0177a!important;color:#fff!important;transform:translateY(-50%) scale(1.08)!important;} /* تفاعل السهم */
.rr-home-pro-slider .rr-home-slider-prev{inset-inline-start:24px!important;} /* السابق */
.rr-home-pro-slider .rr-home-slider-next{inset-inline-end:24px!important;} /* التالي */

/* النقاط: خطوط أنيقة بدل دوائر */
.rr-home-pro-slider .rr-home-slider-dots{
  position:absolute!important;bottom:30px!important;inset-inline-start:50%!important;
  transform:translateX(-50%)!important;z-index:30!important;display:flex!important;gap:10px!important;
} /* حاوية النقاط */
.rr-home-pro-slider .rr-home-slider-dots button,
.rr-home-pro-slider .rr-home-slider-dots .dot{
  width:30px!important;height:4px!important;border-radius:999px!important;border:0!important;padding:0!important;
  background:rgba(255,255,255,.45)!important;cursor:pointer!important;transition:background .3s ease,width .3s ease!important;
} /* نقطة على شكل خط */
.rr-home-pro-slider .rr-home-slider-dots button.is-active,
.rr-home-pro-slider .rr-home-slider-dots .dot.is-active,
.rr-home-pro-slider .rr-home-slider-dots .active{background:#fff!important;width:44px!important;} /* الخط النشط أطول وأبيض */

@media(max-width:900px){
  .rr-home-pro-slider{height:clamp(480px,72svh,640px)!important;}
  .rr-home-pro-slider .rr-home-default-content{
    inset-inline:22px!important;inset-inline-start:22px!important;
    top:auto!important;bottom:64px!important;transform:none!important;
    max-width:none!important;align-items:flex-start!important;text-align:start!important;gap:16px!important;
  }
  .rr-home-pro-slider .rr-home-default-content p{display:none!important;}
  .rr-home-pro-slider .rr-home-slide:after{background:linear-gradient(180deg,transparent 30%,rgba(20,8,14,.6) 100%)!important;}
  html[dir="rtl"] .rr-home-pro-slider .rr-home-slide:after{background:linear-gradient(180deg,transparent 30%,rgba(20,8,14,.6) 100%)!important;}
  .rr-home-pro-slider .rr-home-slider-arrow{width:44px!important;height:44px!important;font-size:22px!important;}
} /* موبايل السلايدر */
/* --- V6.5 PRO SLIDER + SECTION BACKGROUNDS - نهاية --- */

/* ============================================================
   V6.7 CLEAN SLIDER - إزالة الطبقات العائقة وإظهار الصورة زاهية والعناصر واضحة
   ============================================================ */

/* 1) إزالة الطبقة البيضاء القديمة التي كانت تبيّض الصورة من الجانب */
.rr-home-image-slider:before,
.rr-home-pro-slider:before{
  background:none!important;
  display:none!important;
} /* إلغاء الطبقة البيضاء العائقة نهائيًا — الصورة تظهر بلونها الطبيعي */

/* 2) تدرج داكن خفيف جدًا محصور في جهة النص فقط، والباقي صورة صافية زاهية */
.rr-home-pro-slider .rr-home-slide:after{
  background:linear-gradient(100deg,rgba(15,6,11,.46) 0%,rgba(15,6,11,.20) 26%,transparent 46%)!important;
} /* تعتيم خفيف في أول 46% فقط من جهة النص — باقي الصورة بلا أي طبقة */
html[dir="rtl"] .rr-home-pro-slider .rr-home-slide:after{
  background:linear-gradient(260deg,rgba(15,6,11,.46) 0%,rgba(15,6,11,.20) 26%,transparent 46%)!important;
} /* عكس الاتجاه في العربي */

/* 3) الصورة بألوانها الكاملة الزاهية بدون أي فلتر */
.rr-home-pro-slider .rr-home-slide img{
  filter:saturate(1.06) contrast(1.03)!important;
  -webkit-filter:saturate(1.06) contrast(1.03)!important;
} /* رفع تشبّع بسيط ليبدو زاهيًا وحيًّا */

/* 4) العناصر المخصّصة فوق السلايدر: أوضح وأزهى مع ظل يفصلها عن الصورة */
.rr-home-pro-slider .rr-slide-element{filter:none!important;} /* إزالة أي بلور متبقٍ من الحركات */
.rr-home-pro-slider .rr-slide-element-text{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4)!important;
  font-weight:700!important;
} /* نص العنصر أبيض واضح بظل يبرزه فوق أي خلفية */
.rr-home-pro-slider .rr-slide-element-image{
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.32))!important;
} /* صورة العنصر بظل ناعم يفصلها عن الخلفية */
.rr-home-pro-slider .rr-slide-element-button{
  background:#fff!important;color:#c2185b!important;border:0!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;font-weight:800!important;
} /* زر العنصر أبيض راقٍ واضح */

/* 5) ضمان وضوح المحتوى الافتراضي بنسبة 100% */
.rr-home-pro-slider .rr-home-default-content h1{
  text-shadow:0 4px 30px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.35)!important;
} /* ظل أقوى قليلًا للعنوان ليبقى واضحًا فوق أي صورة */
.rr-home-pro-slider .rr-home-default-content p{
  text-shadow:0 2px 16px rgba(0,0,0,.5)!important;color:#fff!important;
} /* الوصف أبيض واضح */
/* --- V6.7 CLEAN SLIDER - نهاية --- */

/* ============================================================
   V6.8 HEADER TIGHT CENTER - تجميع الروابط حول الشعار وتكبير الخط
   ============================================================ */
@media(min-width:1321px){ /* على الكمبيوتر فقط */
  header.site-header.biagiotti-header .biagiotti-header-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;  /* كل المجموعة في منتصف الهيدر */
    gap:0!important;
    width:100%!important;
  } /* الهيدر يتجمع في المنتصف بدل التمدد للأطراف */

  header.site-header.biagiotti-header .header-zone-left{
    position:static!important;
    flex:0 0 auto!important;
    justify-content:flex-end!important;
    margin:0!important;padding:0!important;
    gap:0!important;
  } /* روابط اليسار ملتصقة بجوار الشعار */

  header.site-header.biagiotti-header .centered-brand{
    position:static!important;     /* الشعار عمود طبيعي بين الروابط لا عائم */
    left:auto!important;top:auto!important;transform:none!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding-inline:clamp(14px,1.6vw,30px)!important;  /* مسافة صغيرة متناسقة حول الشعار */
  } /* الشعار في منتصف المجموعة بمسافة قريبة من الروابط */

  header.site-header.biagiotti-header .header-zone-right{
    position:static!important;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
    margin:0!important;padding:0!important;
    gap:6px!important;
  } /* أدوات اليمين ملتصقة بجوار الشعار */

  header.site-header.biagiotti-header .main-nav{
    gap:0!important;
  } /* الروابط متقاربة */

  header.site-header.biagiotti-header .main-nav a{
    font-size:14.5px!important;          /* خط أكبر وأوضح بدل الصغير */
    font-weight:800!important;
    color:#0d0d10!important;
    letter-spacing:.03em!important;
    padding:10px 14px!important;          /* مسافة متناسقة بين كل رابط والتالي */
    white-space:nowrap!important;
  } /* روابط أكبر وأوضح ومتناسقة التباعد */

  header.site-header.biagiotti-header .main-nav a:after{
    left:14px!important;right:14px!important;
  } /* ضبط الخط السفلي مع الحشو الجديد */

  /* أول رابط ملاصق للشعار من كل جهة بمسافة صغيرة */
  header.site-header.biagiotti-header .header-zone-left .main-nav a:last-child{padding-inline-end:6px!important;} /* آخر رابط يسار قريب من الشعار */
  header.site-header.biagiotti-header .header-zone-right .main-nav a:first-child{padding-inline-start:6px!important;} /* أول رابط يمين قريب من الشعار */
} /* نهاية كمبيوتر */
/* --- V6.8 HEADER TIGHT CENTER - نهاية --- */

/* ============================================================
   V6.9 RANDOM SWATCHES - توزيع عشوائي وتأثير بصري غني للطرطشة
   ============================================================ */
.rr-sec-swatch{
  position:absolute!important;
  height:auto!important;
  opacity:0;                         /* تبدأ مخفية ثم تظهر بحركة */
  /* الحركة = الطفو المستمر + إزاحة السكرول + الدوران الأساسي + دوران السكرول، كلها مدمجة */
  transform:
    translate(var(--rr-par-x,0px), calc(var(--rr-par,0px) + var(--rr-float-y,0px)))
    rotate(calc(var(--rr-base-rot,0deg) + var(--rr-scroll-rot,0deg) + var(--rr-float-r,0deg)))
    scale(var(--rr-float-s,1))!important;
  transition:opacity 1s ease!important;
  animation:rrSwatchFloat var(--rr-float-dur,10s) ease-in-out var(--rr-float-delay,0s) infinite!important;
  will-change:transform,opacity;
  filter:saturate(1.05);
} /* طرطشة بموضع عشوائي وحركة بصرية غنية */
.rr-sec-swatch.rr-rv-in{opacity:var(--rr-op,.45);} /* تظهر بشفافيتها العشوائية عند الوصول إليها */

/* حركة طفو مستمرة: تنفّس مقياس + ميل دوران + ارتفاع عمودي — تأثير بصري حقيقي لا مجرد ظهور/اختفاء */
@keyframes rrSwatchFloat{
  0%   {--rr-float-y:0px;   --rr-float-r:0deg;   --rr-float-s:1;}
  25%  {--rr-float-y:-16px; --rr-float-r:4deg;   --rr-float-s:1.04;}
  50%  {--rr-float-y:-6px;  --rr-float-r:-3deg;  --rr-float-s:1.02;}
  75%  {--rr-float-y:-20px; --rr-float-r:5deg;   --rr-float-s:1.05;}
  100% {--rr-float-y:0px;   --rr-float-r:0deg;   --rr-float-s:1;}
} /* الطرطشة تطفو وتتنفّس وتميل باستمرار */

/* تسجيل المتغيرات كي تتحرك بسلاسة (دعم المتصفحات الحديثة) */
@property --rr-float-y{syntax:'<length>';inherits:false;initial-value:0px;}
@property --rr-float-r{syntax:'<angle>';inherits:false;initial-value:0deg;}
@property --rr-float-s{syntax:'<number>';inherits:false;initial-value:1;}

@media(prefers-reduced-motion:reduce){
  .rr-sec-swatch{animation:none!important;transform:rotate(var(--rr-base-rot,0deg))!important;}
} /* احترام تقليل الحركة */
/* --- V6.9 RANDOM SWATCHES - نهاية --- */

/* V7.0 Policy Pages - بداية صفحات السياسات */
.policy-section{padding-top:40px;padding-bottom:50px;} /* قسم السياسة */
.policy-title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(28px,3.5vw,44px);color:#1f0f17;text-align:center;margin-bottom:8px;} /* عنوان السياسة */
.policy-title:after{content:"";display:block;width:60px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,transparent,#e0177a,transparent);} /* خيط وردي */
.policy-content{max-width:760px;margin:24px auto 0;background:rgba(255,255,255,.7);border:1px solid rgba(238,117,171,.16);border-radius:22px;padding:32px 30px;font-size:15px;line-height:2.1;color:#4a3340;box-shadow:0 18px 50px rgba(72,26,48,.06);} /* محتوى السياسة */
/* V7.0 Policy Pages - نهاية */

/* V7.3 Site Logo Image - بداية لوجو الموقع كصورة قابلة للرفع والتحكم في الحجم */
.rr-site-logo{display:block;max-width:100%;} /* صورة اللوجو العامة */
.rr-logo-header{vertical-align:middle;} /* لوجو الهيدر */
header.site-header.biagiotti-header .centered-brand .rr-site-logo{margin:0 auto;} /* توسيط لوجو الصورة في الهيدر */
.rr-logo-footer{max-height:80px;width:auto!important;} /* لوجو الفوتر يحترم حدًا أقصى مناسبًا */
.rr-logo-modal{max-width:180px;height:auto!important;margin:0 auto;} /* لوجو نافذة اللغة */
/* V7.3 Site Logo Image - نهاية */

/* ============================================================
   V7.6 CLEAN LOGO - إزالة كل التأثيرات من حول اللوجو (نظيف تمامًا)
   ============================================================ */
/* إزالة النجوم/الزخارف ✦ حول اللوجو */
header.biagiotti-header .centered-brand:before,
header.biagiotti-header .centered-brand:after{
  content:none!important;
  display:none!important;
} /* لا نجوم ولا زخارف */

/* إزالة اللمعة المتحركة والتدرج اللوني من النص */
header.biagiotti-header .brand-logo-text{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#ee75ab!important;  /* لون بينك صريح ثابت بدل التدرج */
  color:#ee75ab!important;
  animation:none!important;                     /* إيقاف حركة الساتان */
  text-shadow:none!important;                   /* إزالة الظل */
  filter:none!important;                        /* إزالة أي drop-shadow */
  -webkit-text-stroke:0!important;              /* إزالة حدود الحروف */
  paint-order:normal!important;
} /* نص اللوجو نظيف بلون واحد بلا أي تأثير */

/* إيقاف نبضة الشعار أثناء التمرير */
header.biagiotti-header .centered-brand.is-pulsing .brand-logo-text{
  animation:none!important;
} /* لا نبض */

/* تنظيف صورة اللوجو المرفوعة (إن استُخدمت صورة) */
header.biagiotti-header .rr-site-logo,
.rr-site-logo{
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  background:none!important;
} /* صورة اللوجو نظيفة بلا ظل أو خلفية */

/* إزالة أي خلفية/ظل من حاوية اللوجو نفسها */
header.biagiotti-header .centered-brand{
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
} /* حاوية اللوجو شفافة تمامًا */
/* --- V7.6 CLEAN LOGO - نهاية --- */

/* ============================================================
   V7.7 LOGO EMBOSS REMOVAL - إزالة التجسيم/النقش نهائيًا بأعلى أولوية
   ============================================================ */
/* selector بـ 3 كلاسات + html ليتفوّق على كل القواعد السابقة */
html header.site-header.biagiotti-header .brand-logo-text,
html header.site-header.biagiotti-header.is-scrolled .brand-logo-text,
body:not(.page-index) header.site-header.biagiotti-header .brand-logo-text{
  -webkit-text-stroke:0 transparent!important;   /* إزالة حدود الحروف المسببة للتجسيم */
  text-stroke:0 transparent!important;
  paint-order:normal!important;
  filter:none!important;                          /* إزالة كل drop-shadow */
  -webkit-filter:none!important;
  text-shadow:none!important;                     /* إزالة الظل */
  background:none!important;                       /* إزالة التدرج */
  background-image:none!important;
  -webkit-text-fill-color:#ee75ab!important;      /* لون بينك صريح ممتلئ */
  color:#ee75ab!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  animation:none!important;                        /* إيقاف اللمعة */
  opacity:1!important;                             /* نص ممتلئ غير شفاف */
} /* نص لوجو ممتلئ نظيف بلا تجسيم أو شفافية */
/* --- V7.7 LOGO EMBOSS REMOVAL - نهاية --- */

/* ============================================================
   V8.0 BEAUTY GUIDE QUIZ - كويز دليل الجمال التفاعلي الكامل
   ============================================================ */
.bg-hero{text-align:center;padding:56px 20px 40px;background:linear-gradient(160deg,#fff5f9 0%,#ffe8f2 60%,#fff 100%);}
.bg-hero-kicker{font-size:13px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#e0177a;display:block;margin-bottom:14px;}
.bg-hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(32px,5vw,54px);color:#1f0f17;margin:0 0 14px;}
.bg-hero p{max-width:540px;margin:0 auto;color:#5d4450;font-size:16px;line-height:1.8;}

.bg-quiz-wrap{padding:20px 0 50px;}
.bg-quiz{max-width:680px;margin:0 auto;background:#fff;border-radius:30px;box-shadow:0 24px 70px rgba(72,26,48,.12);overflow:hidden;}

.bg-progress-bar{height:5px;background:#f6e3ec;position:relative;}
.bg-progress-fill{height:100%;background:linear-gradient(90deg,#e0177a,#ff6aa8);transition:width .5s cubic-bezier(.16,1,.3,1);}
.bg-step-counter{text-align:center;font-size:12px;font-weight:800;color:#b58a9e;letter-spacing:.1em;padding:14px 0 0;text-transform:uppercase;}

.bg-step{padding:32px 36px 28px;display:none;}
.bg-step.bg-step-active{display:block;animation:bgStepIn .4s cubic-bezier(.16,1,.3,1);}
@keyframes bgStepIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

.bg-step-q{font-family:"Playfair Display",Georgia,serif;font-size:clamp(20px,2.8vw,26px);color:#1f0f17;margin:10px 0 26px;text-align:center;line-height:1.3;}

.bg-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:28px;}
.bg-opt{background:#fff7fb;border:2px solid #f3d4e2;border-radius:18px;padding:18px 12px;cursor:pointer;text-align:center;transition:all .22s ease;display:flex;flex-direction:column;align-items:center;gap:10px;}
.bg-opt:hover{border-color:#ee75ab;background:#fff0f6;transform:translateY(-3px);}
.bg-opt.bg-opt-selected{border-color:#e0177a;background:linear-gradient(135deg,#fff0f6,#ffe3ef);box-shadow:0 10px 28px rgba(224,23,122,.2);}
.bg-opt-emoji{font-size:32px;line-height:1;}
.bg-opt-label{font-size:13px;font-weight:800;color:#3a2230;line-height:1.3;}
.bg-opt.bg-opt-selected .bg-opt-label{color:#c2185b;}

.bg-step-nav{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid #f6e3ec;}
.bg-nav-btn{padding:13px 28px;border-radius:999px;border:0;font-weight:800;font-size:14px;cursor:pointer;transition:all .22s ease;}
.bg-prev-btn{background:#f5e8ee;color:#7c2b53;}
.bg-prev-btn:hover{background:#f0d4e2;color:#5a1e3a;}
.bg-next-btn{background:linear-gradient(135deg,#e0177a,#ff6aa8);color:#fff;box-shadow:0 14px 32px rgba(224,23,122,.28);}
.bg-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 40px rgba(224,23,122,.36);}
.bg-next-btn:disabled{background:#f0d4e2;color:#c9a0b4;box-shadow:none;cursor:not-allowed;}

/* النتائج */
.bg-results{padding:36px;}
.bg-results-head{text-align:center;margin-bottom:28px;}
.bg-results-emoji{font-size:44px;display:block;margin-bottom:10px;}
.bg-results-head h2{font-family:"Playfair Display",Georgia,serif;font-size:28px;color:#1f0f17;margin:0 0 8px;}
.bg-results-head p{color:#5d4450;font-size:15px;}
.bg-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.bg-product-card{display:block;background:#fff;border:1px solid #f3d4e2;border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;}
.bg-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(72,26,48,.14);}
.bg-product-card img{width:100%;aspect-ratio:1;object-fit:cover;}
.bg-product-no-img{width:100%;aspect-ratio:1;background:#fff7fb;display:grid;place-items:center;font-size:36px;}
.bg-product-info{padding:10px 12px;}
.bg-product-info b{display:block;font-size:13px;color:#1f0f17;font-weight:700;margin-bottom:4px;line-height:1.3;}
.bg-product-info span{font-size:13px;color:#e0177a;font-weight:800;}
.bg-loading,.bg-no-results{grid-column:1/-1;text-align:center;color:#7c2b53;font-size:15px;padding:28px;}
.bg-restart-btn{display:block;margin:24px auto 0;background:none;border:2px solid #f0cede;color:#7c2b53;padding:13px 32px;border-radius:999px;font-weight:800;font-size:14px;cursor:pointer;transition:all .22s ease;}
.bg-restart-btn:hover{background:#fff0f6;border-color:#ee75ab;color:#e0177a;}

/* كروت النصائح */
.guide-tip-section{background:linear-gradient(135deg,#fff5f9,#fff);}
.guide-tip-title{text-align:center;font-family:"Playfair Display",Georgia,serif;font-size:clamp(22px,3vw,34px);color:#1f0f17;margin-bottom:32px;}

@media(max-width:640px){
  .bg-quiz{border-radius:0;}
  .bg-step{padding:24px 18px 20px;}
  .bg-options-grid{grid-template-columns:repeat(2,1fr);}
  .bg-step-nav{flex-direction:column;gap:10px;}
  .bg-nav-btn{width:100%;text-align:center;}
  .bg-prev-btn{order:2;}
}
/* --- V8.0 BEAUTY GUIDE - نهاية --- */

/* V8.1 Dynamic Sections + Admin - بداية */
.rr-desktop-only{display:block!important;}
.rr-mobile-only{display:none!important;}
@media(max-width:1024px){.rr-desktop-only{display:none!important;}.rr-mobile-only{display:block!important;}}
.rr-dyn-section{position:relative;overflow:hidden;padding:60px 0;}
.rr-sec-bg-img{position:absolute;inset:0;z-index:0;pointer-events:none;}
.rr-sec-bg-img img{width:100%;height:100%;object-fit:cover;}
.rr-dyn-section>*:not(.rr-sec-bg-img){position:relative;z-index:1;}
.rr-dyn-split{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1200px;margin:0 auto;align-items:center;}
.rr-dyn-flip{direction:rtl;}.rr-dyn-flip .rr-dyn-content{direction:ltr;}
html[dir="rtl"] .rr-dyn-flip{direction:ltr;}.html[dir="rtl"] .rr-dyn-flip .rr-dyn-content{direction:rtl;}
.rr-dyn-media img{width:100%;height:100%;object-fit:cover;display:block;}
.rr-dyn-full{position:relative;min-height:420px;display:flex;align-items:center;}
.rr-dyn-full-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.rr-dyn-full .rr-dyn-content{position:relative;z-index:1;padding:48px clamp(20px,6vw,80px);max-width:560px;}
.rr-dyn-content{padding:40px clamp(20px,5vw,60px);}
.rr-dyn-eyebrow{font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#e0177a;display:block;margin-bottom:12px;}
.rr-dyn-title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(26px,3.5vw,46px);font-weight:700;color:#1f0f17;margin:0 0 16px;line-height:1.1;}
.rr-dyn-body{font-size:16px;line-height:1.8;color:#4a3340;margin:0 0 16px;}
.rr-dyn-bullets{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;}
.rr-dyn-bullets li::before{content:"✦";color:#e0177a;margin-inline-end:10px;font-size:11px;}
.rr-dyn-btn{display:inline-block;background:linear-gradient(135deg,#e0177a,#ff6aa8);color:#fff;padding:14px 34px;border-radius:999px;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 34px rgba(224,23,122,.28);transition:transform .25s ease;}
.rr-dyn-btn:hover{transform:translateY(-2px);}
.rr-slide-badge{display:inline-block;background:rgba(255,255,255,.9);color:#c2185b;padding:8px 18px;border-radius:999px;font-weight:800;font-size:13px;box-shadow:0 8px 24px rgba(72,26,48,.12);}
@media(max-width:768px){.rr-dyn-split{grid-template-columns:1fr;}.rr-dyn-flip{direction:unset;}}

/* Admin Section Extras */
.sec-extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;}
@media(max-width:900px){.sec-extras-grid{grid-template-columns:1fr;}}
.sec-device-btns{display:flex;flex-direction:column;gap:8px;margin-top:8px;}
.sec-device-opt{display:flex;align-items:center;gap:10px;padding:12px 16px;border:2px solid #f1d6e2;border-radius:14px;cursor:pointer;font-weight:700;color:#54223a;transition:all .2s ease;}
.sec-device-opt.active{border-color:#e0177a;background:#fff0f6;color:#c2185b;}
.sec-device-opt input[type=radio]{accent-color:#e0177a;}
/* V8.1 Dynamic Sections - نهاية */

/* V8.5 روابط الهيدر بأسلوب بريميوم نهائي (لا تمسّ اللوجو وإعداداته) */
header.site-header.biagiotti-header .main-nav a{
  font-family:'Playfair Display',serif!important; /* خط راقٍ يطابق هوية الموقع */
  font-size:13px!important; /* حجم متوازن */
  font-weight:600!important; /* وزن أنيق غير ثقيل */
  letter-spacing:.14em!important; /* تباعد أحرف فاخر */
  text-transform:uppercase!important; /* أحرف كبيرة بريميوم */
  color:#1c1419!important; /* لون نص هادئ غامق */
  padding:10px 14px!important; /* حشو مريح */
  background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important; /* بلا خلفية أو زر */
  transition:color .3s ease!important; /* انتقال لون ناعم */
  position:relative!important;
}
header.site-header.biagiotti-header .main-nav a:after{
  content:""!important;position:absolute!important;left:50%!important;right:auto!important;bottom:2px!important; /* خط أنيق متمركز */
  width:0!important;height:1.5px!important;background:linear-gradient(90deg,#e0177a,#ff8ec0)!important; /* تدرّج وردي فاخر */
  transform:translateX(-50%)!important;transition:width .32s cubic-bezier(.22,.61,.36,1)!important;border-radius:99px!important;box-shadow:none!important;
}
header.site-header.biagiotti-header .main-nav a:hover,
header.site-header.biagiotti-header .main-nav a.active,
header.site-header.biagiotti-header .main-nav a.section-active{color:#e0177a!important;background:transparent!important;box-shadow:none!important;transform:none!important;} /* الكلمة تتحول لوردي راقٍ عند المرور/النشاط */
header.site-header.biagiotti-header .main-nav a:hover:after,
header.site-header.biagiotti-header .main-nav a.active:after,
header.site-header.biagiotti-header .main-nav a.section-active:after{width:calc(100% - 22px)!important;} /* الخط ينمو من المنتصف بفخامة */
/* V8.5 نهاية روابط الهيدر */

/* V8.6 تأثيرات عناصر السلايدر + زر العنصر + الوصف */
@keyframes rrFxGlow{0%,100%{text-shadow:0 0 4px currentColor,0 0 12px rgba(255,255,255,.35);}50%{text-shadow:0 0 18px currentColor,0 0 34px currentColor;}} /* وميض */
.rr-fx-glow .rr-type-text,.rr-fx-glow .rr-slide-el-btn{animation:rrFxGlow 1.8s ease-in-out infinite;} /* تطبيق الوميض */
@keyframes rrFxBlur{0%,100%{filter:blur(0);}50%{filter:blur(2.6px);}} /* بلور نابض */
.rr-fx-blur .rr-type-text{animation:rrFxBlur 2.6s ease-in-out infinite;} /* تطبيق البلور */
@keyframes rrFxZoom{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}} /* زوم إن/أوت */
.rr-fx-zoom .rr-type-text{display:inline-block;animation:rrFxZoom 2.4s ease-in-out infinite;} /* تطبيق الزوم على النص فقط */
@keyframes rrFxColor{0%{filter:hue-rotate(0deg);}100%{filter:hue-rotate(360deg);}} /* تغيّر ألوان */
.rr-fx-random_color .rr-type-text{animation:rrFxColor 6s linear infinite;} /* ألوان عشوائية متدرّجة */
.rr-fx-outline .rr-type-text{-webkit-text-stroke:1.4px rgba(255,255,255,.92);paint-order:stroke fill;text-shadow:0 2px 8px rgba(0,0,0,.25);} /* حدود للنص */
.rr-slide-el-btn{display:inline-block;background:#1f171c;padding:13px 32px;border-radius:0;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800;text-decoration:none;transition:background .25s ease,transform .25s ease;box-shadow:0 14px 34px rgba(0,0,0,.18);} /* زر العنصر الموجِّه */
.rr-slide-el-btn,.rr-slide-el-btn .rr-type-text{color:#fff!important;} /* نص الزر أبيض دائمًا */
.rr-slide-el-btn:hover{background:#e0177a;transform:translateY(-3px);} /* تفاعل الزر */
.rr-slide-el-desc{display:block;font-size:.5em;line-height:1.6;opacity:.92;margin-top:10px;font-weight:400;} /* وصف العنصر تحت النص */
@media(prefers-reduced-motion:reduce){.rr-fx-glow .rr-type-text,.rr-fx-blur .rr-type-text,.rr-fx-zoom .rr-type-text,.rr-fx-random_color .rr-type-text{animation:none!important;}} /* احترام تقليل الحركة */
/* V8.6 نهاية */


/* ===== _v9.css ===== */

/* ═══════════════════════════════════════════════════════════════════════
   V9 — Screenshot Exact Design: Clean Modern Cosmetics
   ═══════════════════════════════════════════════════════════════════════ */

/* --- V9 HEADER --- */
.site-header,.biagiotti-header{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 0 rgba(0,0,0,.09)!important;border-bottom:0!important;}

header.site-header.biagiotti-header .main-nav a{font-family:'Jost',-apple-system,'Segoe UI',sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#2e1f28!important;padding:8px 14px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;position:relative!important;transition:color .25s!important;}
header.site-header.biagiotti-header .main-nav a:after{content:""!important;position:absolute!important;left:50%!important;right:50%!important;bottom:1px!important;height:1.5px!important;background:#2e1f28!important;transition:left .28s,right .28s!important;border-radius:2px!important;width:auto!important;transform:none!important;box-shadow:none!important;}
header.site-header.biagiotti-header .main-nav a:hover,header.site-header.biagiotti-header .main-nav a.active,header.site-header.biagiotti-header .main-nav a.section-active{color:#2e1f28!important;background:transparent!important;box-shadow:none!important;}
header.site-header.biagiotti-header .main-nav a:hover:after,header.site-header.biagiotti-header .main-nav a.active:after,header.site-header.biagiotti-header .main-nav a.section-active:after{left:14px!important;right:14px!important;width:auto!important;}

.brand-text strong,.brand-logo-text,.rr-logo-text,.brand-name-text{font-family:'Yeseva One',Georgia,serif!important;font-size:30px!important;font-weight:400!important;color:#9c2542!important;letter-spacing:.5px!important;line-height:1!important;}

/* --- V9 HERO SLIDER --- */
.rr-home-pro-slider,.rr-home-image-slider{background:#b87870!important;height:clamp(560px,88vh,940px)!important;min-height:560px!important;}
.rr-home-pro-slider::before,.rr-home-pro-slider::after,.rr-home-image-slider::before,.rr-home-image-slider::after{display:none!important;content:none!important;}

.rr-home-pro-slider .rr-home-slide img,.rr-home-image-slider .rr-home-slide img{position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:62%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;transform:none!important;transition:none!important;filter:none!important;}
html[dir="rtl"] .rr-home-pro-slider .rr-home-slide img,html[dir="rtl"] .rr-home-image-slider .rr-home-slide img{right:auto!important;left:0!important;}

.rr-home-pro-slider .rr-home-slide::before{display:none!important;content:none!important;}
/* تدرج لوني على منطقة النص فقط — الصورة تبقى واضحة بلا تأثير */
.rr-home-pro-slider .rr-home-slide::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(to right,#b87870 0%,#b87870 30%,rgba(184,120,112,0) 50%)!important;z-index:2!important;pointer-events:none!important;}
html[dir="rtl"] .rr-home-pro-slider .rr-home-slide::after{background:linear-gradient(to left,#b87870 0%,#b87870 30%,rgba(184,120,112,0) 50%)!important;}

.rr-home-slide img{transform:none!important;}
.rr-home-slide.is-active img{transform:none!important;}

.rr-home-pro-slider .rr-home-default-content{position:absolute!important;left:clamp(28px,7vw,100px)!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important;max-width:min(480px,42vw)!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;color:#fff!important;}
html[dir="rtl"] .rr-home-pro-slider .rr-home-default-content{left:auto!important;right:clamp(28px,7vw,100px)!important;}

.rr-home-pro-slider .rr-home-default-content > span{display:block!important;font-size:11px!important;font-weight:700!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:rgba(255,255,255,.88)!important;margin-bottom:12px!important;}
.rr-home-pro-slider .rr-home-default-content > span::before{display:none!important;}
.rr-home-pro-slider .rr-home-default-content h1{font-family:'Playfair Display',serif!important;font-size:clamp(52px,8.5vw,112px)!important;line-height:.92!important;font-weight:700!important;letter-spacing:-2px!important;color:#fff!important;margin:0 0 18px!important;}
.rr-home-pro-slider .rr-home-default-content h1::after{content:""!important;display:block!important;width:48px!important;height:1px!important;background:rgba(255,255,255,.55)!important;margin-top:16px!important;}
.rr-home-pro-slider .rr-home-default-content p{font-size:clamp(14px,1.25vw,17px)!important;line-height:1.8!important;color:rgba(255,255,255,.84)!important;margin:0 0 30px!important;max-width:380px!important;display:block!important;}

.rr-home-pro-slider .rr-home-default-content .btn,.rr-home-pro-slider .rr-home-slide-btn{background:#3d1e2c!important;color:#fff!important;border-radius:0!important;padding:15px 34px!important;font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important;box-shadow:none!important;border:0!important;font-family:inherit!important;}
.rr-home-pro-slider .rr-home-default-content .btn:hover,.rr-home-pro-slider .rr-home-slide-btn:hover{background:var(--ruby)!important;transform:none!important;}

.rr-home-pro-slider .rr-home-slider-arrow{width:46px!important;height:46px!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.5)!important;box-shadow:none!important;font-size:22px!important;backdrop-filter:none!important;}
.rr-home-pro-slider .rr-home-slider-arrow:hover{background:rgba(255,255,255,.28)!important;color:#fff!important;transform:translateY(-50%)!important;}
.rr-home-pro-slider .rr-home-slider-prev{inset-inline-start:18px!important;}
.rr-home-pro-slider .rr-home-slider-next{inset-inline-end:18px!important;}
.rr-home-pro-slider .rr-home-slider-dots{bottom:28px!important;}
.rr-home-pro-slider .rr-home-slider-dots button,.rr-home-pro-slider .rr-home-slider-dots .dot{width:10px!important;height:10px!important;border-radius:50%!important;background:rgba(255,255,255,.45)!important;border:0!important;}
.rr-home-pro-slider .rr-home-slider-dots button.is-active,.rr-home-pro-slider .rr-home-slider-dots .active{width:10px!important;background:#fff!important;}

@media(max-width:760px){
  .rr-home-pro-slider,.rr-home-image-slider{height:clamp(480px,72svh,680px)!important;}
  .rr-home-pro-slider .rr-home-slide img{top:0!important;right:0!important;left:0!important;width:100%!important;height:62%!important;object-position:top center!important;}
  .rr-home-pro-slider .rr-home-slide::after{top:0!important;right:0!important;left:0!important;bottom:0!important;background:linear-gradient(180deg,rgba(184,120,112,.08) 42%,rgba(184,120,112,.97) 100%)!important;}
  .rr-home-pro-slider .rr-home-default-content{left:clamp(16px,5vw,28px)!important;right:clamp(16px,5vw,28px)!important;top:auto!important;bottom:clamp(56px,9vw,80px)!important;transform:none!important;max-width:none!important;}
  html[dir="rtl"] .rr-home-pro-slider .rr-home-default-content{right:clamp(16px,5vw,28px)!important;left:clamp(16px,5vw,28px)!important;}
  .rr-home-pro-slider .rr-home-default-content h1{font-size:clamp(38px,10vw,60px)!important;}
  .rr-home-pro-slider .rr-home-default-content p{display:none!important;}
}

/* --- V9 FEATURE STRIP --- */
.v9-feature-strip{background:#fff;border-top:1px solid #f0e6ec;border-bottom:1px solid #f0e6ec;position:relative;z-index:3;}
.v9-feature-strip-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);}
.v9-feature-item{display:flex;align-items:center;gap:16px;padding:24px clamp(14px,2.5vw,28px);border-inline-end:1px solid #f0e6ec;}
.v9-feature-item:last-child{border-inline-end:0;}
.v9-feature-icon{flex-shrink:0;display:grid;place-items:center;}
.v9-feature-icon svg{width:34px;height:34px;stroke:#5a3a48;stroke-width:1.4;fill:none;}
.v9-feature-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2e1f28;margin:0 0 4px;line-height:1.2;}
.v9-feature-desc{font-size:12px;color:#8a7480;margin:0;line-height:1.4;}
@media(max-width:760px){.v9-feature-strip-inner{grid-template-columns:1fr 1fr;}.v9-feature-item:nth-child(2){border-inline-end:0;}.v9-feature-item:nth-child(3){border-top:1px solid #f0e6ec;}}
@media(max-width:440px){.v9-feature-strip-inner{grid-template-columns:1fr;}.v9-feature-item{border-inline-end:0!important;border-bottom:1px solid #f0e6ec;padding:16px clamp(14px,4vw,24px);}.v9-feature-item:last-child{border-bottom:0;}}

/* --- V9 CATEGORY GRID --- */
.categories-showcase .section-heading span{display:none!important;}
.categories-showcase .section-heading p{display:none!important;}
.categories-showcase .section-heading h2{font-size:clamp(16px,2vw,22px)!important;font-weight:800!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#1e131b!important;margin-bottom:0!important;}
.categories-showcase .section-heading{margin-bottom:28px!important;}
.categories-showcase .section-heading h2::after{content:""!important;display:block!important;width:36px!important;height:2px!important;background:var(--ruby)!important;margin:10px auto 0!important;}
.category-grid-biagiotti{grid-template-columns:repeat(5,1fr)!important;gap:2px!important;}
.cat-tile{aspect-ratio:3/4!important;}
.cat-tile .cat-tile-overlay{opacity:1!important;background:linear-gradient(180deg,rgba(22,10,16,0) 52%,rgba(22,10,16,.72) 100%)!important;}
.cat-tile .cat-tile-caption{opacity:1!important;transform:none!important;justify-content:flex-end!important;align-items:flex-start!important;padding:14px 16px!important;}
.cat-tile .cat-tile-name{font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-align:start!important;}
.cat-tile .cat-tile-sub{display:block!important;font-size:10px!important;letter-spacing:.12em!important;color:rgba(255,255,255,.8)!important;text-transform:uppercase!important;}
.cat-tile:hover img{transform:scale(1.06)!important;}
@media(max-width:900px){.category-grid-biagiotti{grid-template-columns:repeat(3,1fr)!important;}}
@media(max-width:520px){.category-grid-biagiotti{grid-template-columns:repeat(2,1fr)!important;}.cat-tile{aspect-ratio:1/1!important;}}

/* V9 نهاية */

/* ═══════════════════════════════════════════════════════════════════════
   V9.1 — تجاوزات قوية تتغلب على قواعد style.css القديمة عالية الأولوية
   ═══════════════════════════════════════════════════════════════════════ */

/* اللوجو: خط Yeseva One صلب بلا تدرج/لمعة/حدود/ظل */
html body header.site-header.biagiotti-header .brand-logo-text,
html body header.site-header.biagiotti-header .brand-text strong{
  font-family:'Yeseva One',Georgia,serif!important;
  font-style:normal!important;font-weight:400!important;
  font-size:clamp(26px,2.4vw,34px)!important;letter-spacing:.4px!important;line-height:1!important;
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;text-shadow:none!important;filter:none!important;
  animation:none!important;white-space:nowrap!important;
}

/* روابط الهيدر: خط Jost sans */
html body header.site-header.biagiotti-header .main-nav a{
  font-family:'Jost',-apple-system,'Segoe UI',sans-serif!important;
  font-weight:500!important;font-size:13px!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}

/* مسافات الهيدر مطابقة للصورة */
html body header.site-header.biagiotti-header .biagiotti-header-inner,
html body header.site-header.biagiotti-header .header-inner{max-width:1320px!important;}
html body header.site-header.biagiotti-header .main-nav{gap:clamp(18px,2.4vw,38px)!important;}
html body header.site-header.biagiotti-header .header-zone{gap:clamp(18px,2.4vw,38px)!important;}

/* ── السلايدر: إزالة أي تأثير/توهج/تعتيم خلف النص — التكست على السلايدر مباشرة ── */
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide:after{
  background:linear-gradient(to right,#b87870 0%,#b87870 30%,rgba(184,120,112,0) 50%)!important;
}
html[dir="rtl"] .rr-home-image-slider.rr-home-pro-slider .rr-home-slide:after{
  background:linear-gradient(to left,#b87870 0%,#b87870 30%,rgba(184,120,112,0) 50%)!important;
}
/* العنوان بلا ظل/توهج — يأخذ لون النص المختار من إعدادات السلايد */
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content h1{
  font-family:'Playfair Display',serif!important;font-weight:700!important;
  color:inherit!important;-webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;filter:none!important;
}
/* الوصف بلا ظل */
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content p{
  color:inherit!important;text-shadow:none!important;filter:none!important;
}
/* العنوان الصغير بلا خط زخرفي ولا توهج */
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child{
  color:inherit!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child:before{
  display:none!important;content:none!important;
}
/* الزر بلا ظل ثقيل */
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content .btn,
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide-btn{
  text-shadow:none!important;
}

/* ═══════════════════════════════════════════════════════════════════════
   V9.2 — تخطيط الهيدر: بحث يسار · (روابط+لوجو+روابط) وسط · أدوات يمين
   ═══════════════════════════════════════════════════════════════════════ */
html body header.site-header.biagiotti-header .biagiotti-header-inner{
  display:flex!important;justify-content:center!important;align-items:center!important;
  position:relative!important;width:100%!important;max-width:1340px!important;margin:auto!important;
  min-height:76px!important;height:auto!important;gap:0!important;
}
/* المجموعة الوسطى */
html body header.site-header.biagiotti-header .rr-nav-center{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:clamp(22px,2.6vw,46px)!important;flex-wrap:nowrap!important;
}
html body header.site-header.biagiotti-header .rr-nav-center .main-nav{
  display:flex!important;align-items:center!important;gap:clamp(20px,2.2vw,40px)!important;flex:0 0 auto!important;
  padding:0!important;background:none!important;box-shadow:none!important;border:0!important;
}
/* اللوجو في وسط المجموعة بلا تموضع مطلق ولا نجوم زخرفية */
html body header.site-header.biagiotti-header .centered-brand{
  position:static!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;
  margin:0 clamp(8px,1vw,18px)!important;padding:0!important;display:inline-flex!important;align-items:center!important;
  min-width:auto!important;width:auto!important;flex:0 0 auto!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 .rr-search-btn{
  position:absolute!important;left:clamp(14px,3vw,40px)!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;z-index:6!important;
}
html[dir="rtl"] body header.site-header.biagiotti-header .rr-search-btn{left:auto!important;right:clamp(14px,3vw,40px)!important;}
html body header.site-header.biagiotti-header .rr-search-btn svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;}
/* أدوات اليمين (الحساب + السلة + اللغة) أقصى اليمين */
html body header.site-header.biagiotti-header .header-zone-right{
  position:absolute!important;right:clamp(14px,3vw,40px)!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;padding:0!important;z-index:6!important;
}
html[dir="rtl"] body header.site-header.biagiotti-header .header-zone-right{right:auto!important;left:clamp(14px,3vw,40px)!important;}
html body header.site-header.biagiotti-header .header-actions{display:flex!important;align-items:center!important;gap:12px!important;}
/* روابط الهيدر شكل نظيف */
html body header.site-header.biagiotti-header .rr-nav-center .main-nav a{padding:6px 2px!important;}

/* ── موبايل: إخفاء الروابط الوسطى وإظهار زر القائمة ── */
@media(max-width:1100px){
  html body header.site-header.biagiotti-header .rr-nav-center .main-nav{display:none!important;}
  html body header.site-header.biagiotti-header .rr-nav-center{gap:0!important;}
  html body header.site-header.biagiotti-header .mobile-menu-btn{display:grid!important;}
}

/* ═══════════════════════════════════════════════════════════════════════
   V9.3 — السلايدر: إبقاء تأثير الكتابة فقط، إزالة أي حركة/ضبابية/خلفية خلف النص
   ═══════════════════════════════════════════════════════════════════════ */
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content,
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content > *{
  background:none!important;background-image:none!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:0!important;border-radius:0!important;
}
/* العناصر تظهر فوراً بلا حركة دخول (blur/scale/translate) — الكتابة فقط */
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide.is-active .rr-home-default-content > *{
  opacity:1!important;transform:none!important;filter:none!important;
  animation:none!important;transition:none!important;
}
.rr-home-image-slider.rr-home-pro-slider .rr-home-default-content > .rr-slide-element,
.rr-home-image-slider.rr-home-pro-slider .rr-slide-element{
  filter:none!important;transform:none!important;
}

/* ═══════════════════════════════════════════════════════════════════════
   V9.4 — التصنيفات: كتلة موثوقة نهائية تتغلب على كل قواعد style.css المتضاربة
   (الكابشن ظاهر دائمًا كما في الصورة المرجعية + تكبير عند المرور)
   ═══════════════════════════════════════════════════════════════════════ */
html body .categories-showcase .section-heading span,
html body .categories-showcase .section-heading p{display:none!important;}
html body .categories-showcase .section-heading h2{font-size:clamp(16px,2vw,22px)!important;font-weight:800!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#1e131b!important;margin-bottom:0!important;}
html body .categories-showcase .section-heading h2::after{content:""!important;display:block!important;width:36px!important;height:2px!important;background:var(--ruby,#e51f77)!important;margin:10px auto 0!important;}
html body .category-grid-biagiotti{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:2px!important;width:100%!important;margin-top:28px!important;}
html body .category-grid-biagiotti .cat-tile{position:relative!important;display:block!important;aspect-ratio:3/4!important;overflow:hidden!important;background:#f3e9ee!important;}
html body .category-grid-biagiotti .cat-tile img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .8s cubic-bezier(.16,1,.3,1)!important;}
html body .category-grid-biagiotti .cat-tile .cat-tile-overlay{position:absolute!important;inset:0!important;opacity:1!important;background:linear-gradient(180deg,rgba(22,10,16,0) 50%,rgba(22,10,16,.74) 100%)!important;transition:opacity .4s ease!important;}
html body .category-grid-biagiotti .cat-tile .cat-tile-caption{position:absolute!important;inset:0!important;opacity:1!important;transform:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;gap:4px!important;padding:14px 16px!important;z-index:2!important;}
html body .category-grid-biagiotti .cat-tile .cat-tile-name{font-family:'Jost',sans-serif!important;font-size:12px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#fff!important;text-align:start!important;text-shadow:0 2px 10px rgba(0,0,0,.4)!important;}
html body .category-grid-biagiotti .cat-tile .cat-tile-sub{display:block!important;font-size:10px!important;font-weight:700!important;letter-spacing:.14em!important;color:rgba(255,255,255,.85)!important;text-transform:uppercase!important;font-style:normal!important;}
html body .category-grid-biagiotti .cat-tile:hover img{transform:scale(1.07)!important;}
html body .category-grid-biagiotti .cat-tile:hover .cat-tile-overlay{opacity:1!important;background:linear-gradient(180deg,rgba(22,10,16,.05) 35%,rgba(22,10,16,.8) 100%)!important;}
@media(max-width:900px){html body .category-grid-biagiotti{grid-template-columns:repeat(3,1fr)!important;}}
@media(max-width:520px){html body .category-grid-biagiotti{grid-template-columns:repeat(2,1fr)!important;}html body .category-grid-biagiotti .cat-tile{aspect-ratio:1/1!important;}}


/* ===== luxury-10.css ===== */
/* ========================================================================== */
/* RubyRose Luxury 10/10 Design Layer                                         */
/* هذا الملف يُحمّل أخيرًا حتى يوحّد الشكل بدون حذف أي وظيفة سابقة.            */
/* ========================================================================== */

:root{ /* متغيرات التصميم العامة. */
  --rr-ink:#21171d; /* لون النص الأساسي. */
  --rr-muted:#786a72; /* لون النص الثانوي. */
  --rr-rose:#b93466; /* لون البراند الرئيسي. */
  --rr-rose-dark:#842342; /* اللون الداكن للحالات التفاعلية. */
  --rr-rose-soft:#f7dce7; /* خلفية وردية ناعمة. */
  --rr-blush:#fff7fa; /* خلفية فاتحة جدًا. */
  --rr-cream:#fffdfb; /* خلفية كريمية. */
  --rr-white:#ffffff; /* اللون الأبيض. */
  --rr-border:rgba(72,40,56,.12); /* لون الحدود الموحد. */
  --rr-border-strong:rgba(72,40,56,.22); /* لون الحدود القوي. */
  --rr-shadow-sm:0 10px 28px rgba(62,34,48,.08); /* ظل صغير. */
  --rr-shadow-md:0 22px 58px rgba(62,34,48,.11); /* ظل متوسط. */
  --rr-shadow-lg:0 38px 90px rgba(62,34,48,.15); /* ظل كبير. */
  --rr-radius-sm:14px; /* نصف قطر صغير. */
  --rr-radius-md:22px; /* نصف قطر متوسط. */
  --rr-radius-lg:34px; /* نصف قطر كبير. */
  --rr-container:min(1380px,calc(100% - 48px)); /* عرض المحتوى الرئيسي. */
  --rr-ease:cubic-bezier(.2,.75,.25,1); /* منحنى الحركة الموحد. */
} /* نهاية متغيرات التصميم. */

*{box-sizing:border-box;} /* ضمان ثبات حساب المقاسات. */
html{scroll-behavior:smooth;background:var(--rr-cream);} /* تمرير ناعم وخلفية أساسية. */
body.biagiotti-style{margin:0;background:var(--rr-cream);color:var(--rr-ink);font-family:'Jost','Segoe UI',sans-serif;line-height:1.65;overflow-x:hidden;} /* جسم الموقع. */
html[dir="rtl"] body.biagiotti-style{font-family:'Cairo','Segoe UI',Tahoma,sans-serif;} /* خط عربي واضح. */
body.biagiotti-style::selection{background:var(--rr-rose);color:var(--rr-white);} /* شكل تحديد النص. */
body.nav-open{overflow:hidden;} /* منع تمرير الصفحة عند فتح قائمة الموبايل. */
img{max-width:100%;} /* منع خروج الصور من الحاويات. */
a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease,transform .25s ease;} /* توحيد حركة الروابط. */
button,input,select,textarea{font:inherit;} /* توحيد الخط داخل عناصر الإدخال. */
button,a{-webkit-tap-highlight-color:transparent;} /* إزالة وميض اللمس. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;} /* نص لقارئات الشاشة فقط. */
:focus-visible{outline:3px solid rgba(185,52,102,.34)!important;outline-offset:3px!important;} /* فوكس واضح للكيبورد. */

/* -------------------------------------------------------------------------- */
/* الهيكل والمسافات.                                                          */
/* -------------------------------------------------------------------------- */
main{min-height:60vh;background:var(--rr-cream);} /* ضمان ارتفاع مناسب للمحتوى. */
.section{width:var(--rr-container)!important;margin-inline:auto!important;padding-block:clamp(72px,8vw,124px)!important;} /* مسافات الأقسام. */
.section.narrow{max-width:1180px!important;} /* عرض الصفحات الضيقة. */
.section-heading{max-width:780px;margin:0 auto clamp(34px,4vw,58px);text-align:center;} /* رأس القسم. */
.section-heading span,.shopping-page-hero>span{display:inline-flex!important;align-items:center;gap:10px;margin-bottom:14px!important;color:var(--rr-rose)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.28em!important;text-transform:uppercase;} /* العنوان الصغير. */
.section-heading span::before,.section-heading span::after{content:"";width:26px;height:1px;background:currentColor;opacity:.55;} /* زخرفة العنوان الصغير. */
.section-heading h2,.shopping-page-hero h1,.page-hero h1{margin:0!important;color:var(--rr-ink)!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(42px,5.8vw,78px)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:-.035em!important;} /* العناوين الرئيسية. */
html[dir="rtl"] .section-heading h2,html[dir="rtl"] .shopping-page-hero h1,html[dir="rtl"] .page-hero h1{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:700!important;letter-spacing:-.02em!important;} /* العناوين العربية. */
.section-heading p,.shopping-page-hero p,.page-hero p{max-width:660px!important;margin:18px auto 0!important;color:var(--rr-muted)!important;font-size:15px!important;line-height:1.9!important;} /* وصف الأقسام. */

/* -------------------------------------------------------------------------- */
/* الأزرار.                                                                   */
/* -------------------------------------------------------------------------- */
.btn,.shop-cart-form button,.product-add-btn,.footer-btn{min-height:50px;border:1px solid var(--rr-ink)!important;border-radius:999px!important;padding:13px 25px!important;background:var(--rr-ink)!important;color:var(--rr-white)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.13em!important;text-transform:uppercase!important;box-shadow:none!important;cursor:pointer!important;transition:transform .3s var(--rr-ease),box-shadow .3s ease,background-color .3s ease,border-color .3s ease!important;} /* الزر الأساسي. */
.btn:hover,.shop-cart-form button:hover,.product-add-btn:hover,.footer-btn:hover{transform:translateY(-2px)!important;background:var(--rr-rose)!important;border-color:var(--rr-rose)!important;box-shadow:0 16px 32px rgba(185,52,102,.22)!important;} /* حركة الزر. */
.btn.ghost{background:transparent!important;color:var(--rr-ink)!important;border-color:var(--rr-border-strong)!important;} /* الزر الشفاف. */
.btn.ghost:hover{background:var(--rr-blush)!important;color:var(--rr-rose-dark)!important;border-color:var(--rr-rose)!important;} /* حركة الزر الشفاف. */
button:disabled,.btn:disabled{cursor:not-allowed!important;opacity:.42!important;transform:none!important;box-shadow:none!important;} /* شكل العنصر المعطل. */

/* -------------------------------------------------------------------------- */
/* الهيدر.                                                                    */
/* -------------------------------------------------------------------------- */
header.site-header.biagiotti-header{z-index:1000!important;transition:background-color .35s ease,box-shadow .35s ease,padding .35s ease!important;} /* حركة الهيدر. */
html body header.site-header.biagiotti-header .biagiotti-header-inner{width:var(--rr-container)!important;max-width:1380px!important;min-height:76px!important;} /* حاوية الهيدر. */
body.header-mode-solid header.site-header.biagiotti-header,body.header-mode-solid header.site-header.biagiotti-header.is-scrolled{background:rgba(255,253,251,.94)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;box-shadow:0 1px 0 var(--rr-border),0 12px 34px rgba(42,24,34,.045)!important;} /* هيدر الصفحات العادي. */
body.header-mode-transparent header.site-header.biagiotti-header.is-scrolled{position:fixed!important;background:rgba(255,253,251,.93)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;box-shadow:0 1px 0 var(--rr-border),0 12px 34px rgba(42,24,34,.06)!important;} /* هيدر شفاف بعد التمرير. */
html body header.site-header.biagiotti-header .main-nav a{position:relative!important;padding:10px 0!important;color:var(--rr-ink)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.16em!important;white-space:nowrap!important;} /* روابط الهيدر. */
html body header.site-header.biagiotti-header .main-nav a::after{content:""!important;position:absolute!important;right:0!important;bottom:5px!important;left:0!important;width:0!important;height:1px!important;margin:auto!important;background:var(--rr-rose)!important;transition:width .32s var(--rr-ease)!important;} /* خط الرابط. */
html body header.site-header.biagiotti-header .main-nav a:hover::after,html body header.site-header.biagiotti-header .main-nav a.active::after{width:100%!important;} /* إظهار خط الرابط. */
html body header.site-header.biagiotti-header .main-nav a:hover,html body header.site-header.biagiotti-header .main-nav a.active{color:var(--rr-rose)!important;} /* لون الرابط النشط. */
html body header.site-header.biagiotti-header .brand-logo-text{font-family:'Yeseva One','Playfair Display',serif!important;font-size:clamp(30px,3vw,44px)!important;letter-spacing:-.045em!important;line-height:1!important;} /* شعار النص. */
html body header.site-header.biagiotti-header .rr-search-btn,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:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;color:var(--rr-ink)!important;transition:background-color .25s ease,border-color .25s ease,transform .25s ease!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{background:var(--rr-white)!important;border-color:var(--rr-border)!important;transform:translateY(-1px)!important;box-shadow:var(--rr-shadow-sm)!important;} /* حركة أدوات الهيدر. */
.cart-badge-floating{top:0!important;right:-1px!important;min-width:18px!important;height:18px!important;border:2px solid var(--rr-cream)!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;} /* بادج السلة. */
.lang-switch{display:flex!important;align-items:center!important;gap:3px!important;padding:3px!important;border:1px solid var(--rr-border)!important;border-radius:999px!important;background:rgba(255,255,255,.65)!important;} /* مبدل اللغة. */
.lang-switch a{min-width:34px!important;padding:6px 8px!important;border-radius:999px!important;color:var(--rr-muted)!important;font-size:10px!important;font-weight:700!important;text-align:center!important;} /* روابط اللغة. */
.lang-switch a.active{background:var(--rr-ink)!important;color:var(--rr-white)!important;} /* اللغة النشطة. */
.mobile-menu-btn{font-size:0!important;} /* إخفاء رمز القائمة النصي القديم. */
.mobile-menu-btn::before,.mobile-menu-btn::after{content:"";position:absolute;width:18px;height:1.5px;background:currentColor;transition:transform .3s ease,top .3s ease;} /* خطا أيقونة القائمة. */
.mobile-menu-btn::before{top:16px;} /* موضع الخط الأول. */
.mobile-menu-btn::after{top:24px;} /* موضع الخط الثاني. */
body.nav-open .mobile-menu-btn::before{top:20px;transform:rotate(45deg);} /* تحويل الخط الأول إلى إغلاق. */
body.nav-open .mobile-menu-btn::after{top:20px;transform:rotate(-45deg);} /* تحويل الخط الثاني إلى إغلاق. */
.mobile-nav-panel{position:fixed!important;inset:0!important;z-index:990!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:110px 24px 40px!important;background:rgba(255,253,251,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-18px)!important;transition:opacity .32s ease,visibility .32s ease,transform .32s var(--rr-ease)!important;} /* قائمة الموبايل الكاملة. */
body.nav-open .mobile-nav-panel{opacity:1!important;visibility:visible!important;transform:none!important;} /* فتح قائمة الموبايل. */
.mobile-nav-panel>a{width:min(420px,100%)!important;padding:11px 18px!important;border-bottom:1px solid var(--rr-border)!important;color:var(--rr-ink)!important;font-family:'Playfair Display',serif!important;font-size:clamp(24px,7vw,38px)!important;line-height:1.2!important;text-align:center!important;} /* روابط قائمة الموبايل. */
html[dir="rtl"] .mobile-nav-panel>a{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:700!important;} /* روابط عربية للموبايل. */
.mobile-nav-panel>a:hover,.mobile-nav-panel>a.active{color:var(--rr-rose)!important;} /* رابط الموبايل النشط. */
.mobile-lang-row{margin-top:18px!important;border:1px solid var(--rr-border)!important;border-radius:999px!important;padding:4px!important;background:var(--rr-white)!important;} /* لغات الموبايل. */
.mobile-lang-row a{padding:8px 16px!important;border-radius:999px!important;color:var(--rr-muted)!important;} /* رابط لغة الموبايل. */
.mobile-lang-row a.active{background:var(--rr-ink)!important;color:var(--rr-white)!important;} /* لغة الموبايل النشطة. */

/* -------------------------------------------------------------------------- */
/* السلايدر الرئيسي.                                                         */
/* -------------------------------------------------------------------------- */
.rr-home-image-slider.rr-home-pro-slider{height:clamp(650px,82vh,920px)!important;background:#ead8df!important;} /* ارتفاع السلايدر. */
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide{overflow:hidden!important;} /* قص الصور داخل السلايد. */
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide>img{width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1.025)!important;transition:transform 7s linear!important;} /* صورة السلايدر. */
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide.is-active>img{transform:scale(1)!important;} /* حركة الصورة النشطة. */
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(25,13,19,.42) 0%,rgba(25,13,19,.12) 42%,rgba(25,13,19,.02) 70%);pointer-events:none;} /* طبقة قراءة النص. */
html[dir="rtl"] .rr-home-image-slider.rr-home-pro-slider .rr-home-slide::before{background:linear-gradient(270deg,rgba(25,13,19,.42) 0%,rgba(25,13,19,.12) 42%,rgba(25,13,19,.02) 70%);} /* طبقة النص بالعربي. */
.rr-home-image-slider.rr-home-pro-slider .rr-home-slide::after{display:none!important;} /* إزالة الطبقات القديمة المتعارضة. */
.rr-home-default-content{z-index:5!important;inset-inline-start:max(5vw,calc((100vw - 1380px)/2 + 24px))!important;inset-inline-end:auto!important;top:50%!important;bottom:auto!important;width:min(620px,46vw)!important;max-width:none!important;transform:translateY(-46%)!important;text-align:start!important;} /* موضع محتوى السلايدر. */
.rr-home-default-content .rr-type-text:first-child{display:inline-flex!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important;color:inherit!important;font-size:11px!important;font-weight:700!important;letter-spacing:.32em!important;text-transform:uppercase!important;} /* Eyebrow السلايدر. */
.rr-home-default-content h1{max-width:700px!important;margin:0!important;font-size:clamp(58px,7.6vw,116px)!important;font-weight:500!important;line-height:.92!important;letter-spacing:-.055em!important;} /* عنوان السلايدر. */
html[dir="rtl"] .rr-home-default-content h1{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.035em!important;} /* عنوان السلايدر العربي. */
.rr-home-default-content p{max-width:510px!important;margin:24px 0 0!important;font-size:clamp(15px,1.4vw,19px)!important;line-height:1.8!important;opacity:.92!important;} /* وصف السلايدر. */
.rr-home-default-content .rr-home-slide-btn{margin-top:30px!important;background:var(--rr-white)!important;border-color:var(--rr-white)!important;color:var(--rr-ink)!important;} /* زر السلايدر. */
.rr-home-default-content .rr-home-slide-btn:hover{background:var(--rr-rose)!important;border-color:var(--rr-rose)!important;color:var(--rr-white)!important;} /* حركة زر السلايدر. */
.rr-home-slider-arrow{z-index:8!important;width:52px!important;height:52px!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:50%!important;background:rgba(20,10,15,.15)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;font-size:28px!important;transition:background-color .25s ease,transform .25s ease!important;} /* أسهم السلايدر. */
.rr-home-slider-arrow:hover{background:rgba(20,10,15,.52)!important;transform:translateY(-50%) scale(1.05)!important;} /* حركة الأسهم. */
.rr-home-slider-dots{z-index:8!important;bottom:28px!important;gap:9px!important;} /* نقاط السلايدر. */
.rr-home-slider-dots button{width:7px!important;height:7px!important;border-radius:99px!important;background:rgba(255,255,255,.56)!important;transition:width .3s ease,background-color .3s ease!important;} /* نقطة السلايدر. */
.rr-home-slider-dots button.is-active{width:34px!important;background:#fff!important;} /* النقطة النشطة. */

/* -------------------------------------------------------------------------- */
/* شريط المزايا.                                                              */
/* -------------------------------------------------------------------------- */
.v9-feature-strip{position:relative!important;z-index:8!important;margin-top:0!important;border-block:1px solid var(--rr-border)!important;background:rgba(255,253,251,.96)!important;} /* خلفية شريط المزايا. */
.v9-feature-strip-inner{width:var(--rr-container)!important;max-width:1380px!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;} /* شبكة المزايا. */
.v9-feature-item{display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;min-height:112px!important;padding:22px 28px!important;border-inline-end:1px solid var(--rr-border)!important;} /* عنصر ميزة. */
.v9-feature-item:last-child{border-inline-end:0!important;} /* إزالة حد العنصر الأخير. */
.v9-feature-icon{display:grid!important;place-items:center!important;width:43px!important;height:43px!important;flex:0 0 43px!important;border:1px solid var(--rr-border)!important;border-radius:50%!important;background:var(--rr-white)!important;color:var(--rr-rose)!important;} /* أيقونة الميزة. */
.v9-feature-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.45!important;} /* رسم الأيقونة. */
.v9-feature-title{margin:0!important;color:var(--rr-ink)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;} /* عنوان الميزة. */
.v9-feature-desc{margin:3px 0 0!important;color:var(--rr-muted)!important;font-size:11px!important;line-height:1.4!important;} /* وصف الميزة. */

/* -------------------------------------------------------------------------- */
/* التصنيفات.                                                                 */
/* -------------------------------------------------------------------------- */
.categories-showcase{width:100%!important;padding-inline:max(24px,calc((100vw - 1500px)/2))!important;background:linear-gradient(180deg,var(--rr-cream),#fff8fb)!important;} /* قسم التصنيفات. */
.category-grid-biagiotti{gap:14px!important;margin-top:42px!important;} /* شبكة التصنيفات. */
.category-grid-biagiotti .cat-tile{aspect-ratio:4/5!important;border-radius:var(--rr-radius-md)!important;background:#f1e7eb!important;box-shadow:none!important;} /* كارت التصنيف. */
.category-grid-biagiotti .cat-tile img{transition:transform .8s var(--rr-ease),filter .4s ease!important;} /* صورة التصنيف. */
.category-grid-biagiotti .cat-tile:hover img{transform:scale(1.055)!important;filter:saturate(1.04)!important;} /* حركة صورة التصنيف. */
.category-grid-biagiotti .cat-tile .cat-tile-overlay{background:linear-gradient(180deg,rgba(26,13,19,0) 44%,rgba(26,13,19,.76) 100%)!important;} /* طبقة التصنيف. */
.category-grid-biagiotti .cat-tile .cat-tile-caption{padding:24px!important;} /* محتوى التصنيف. */
.category-grid-biagiotti .cat-tile .cat-tile-name{font-size:14px!important;font-weight:700!important;letter-spacing:.14em!important;} /* اسم التصنيف. */
.category-grid-biagiotti .cat-tile .cat-tile-sub{margin-top:5px!important;font-size:9px!important;letter-spacing:.18em!important;} /* رابط التصنيف. */

/* -------------------------------------------------------------------------- */
/* بطاقات المنتجات.                                                          */
/* -------------------------------------------------------------------------- */
.shopping-section{background:var(--rr-cream)!important;} /* خلفية قسم المنتجات. */
.shopping-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(18px,2vw,30px)!important;align-items:stretch!important;} /* شبكة المنتجات. */
.shop-product-card{display:flex!important;flex-direction:column!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;} /* جسم كارت المنتج. */
.shop-product-card:hover{transform:none!important;box-shadow:none!important;} /* إزالة حركة الكارت القديمة. */
.shop-card-media{position:relative!important;overflow:hidden!important;aspect-ratio:4/5!important;border:1px solid rgba(72,40,56,.07)!important;border-radius:var(--rr-radius-md)!important;background:linear-gradient(145deg,#fff,#f8f0f4)!important;box-shadow:0 14px 42px rgba(62,34,48,.055)!important;transition:transform .4s var(--rr-ease),box-shadow .4s ease!important;} /* منطقة صورة المنتج. */
.shop-product-card:hover .shop-card-media{transform:translateY(-5px)!important;box-shadow:var(--rr-shadow-md)!important;} /* حركة صورة المنتج. */
.shop-card-image-link{display:grid!important;place-items:center!important;min-height:100%!important;height:100%!important;padding:10%!important;} /* رابط صورة المنتج. */
.shop-card-img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply!important;transition:opacity .55s ease,transform .75s var(--rr-ease)!important;} /* صور المنتج. */
.shop-product-card:hover .shop-card-img-main{opacity:0!important;transform:scale(1.035)!important;} /* إخفاء الصورة الأساسية. */
.shop-product-card:hover .shop-card-img-hover{opacity:1!important;transform:scale(1.035)!important;} /* إظهار صورة الهوفر. */
.shop-offer-badge{top:16px!important;inset-inline-start:16px!important;width:auto!important;min-width:48px!important;height:27px!important;padding:5px 11px!important;border-radius:999px!important;background:var(--rr-ink)!important;color:#fff!important;font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;} /* بادج العرض. */
.shop-model-peek{right:14px!important;bottom:14px!important;width:54px!important;height:67px!important;border:3px solid #fff!important;border-radius:14px!important;box-shadow:var(--rr-shadow-sm)!important;opacity:0!important;transform:translateY(8px)!important;transition:opacity .3s ease,transform .3s ease!important;} /* صورة الموديل المصغرة. */
html[dir="rtl"] .shop-model-peek{right:auto!important;left:14px!important;} /* موضع صورة الموديل بالعربي. */
.shop-product-card:hover .shop-model-peek{opacity:1!important;transform:none!important;} /* إظهار صورة الموديل. */
.shop-countdown{right:14px!important;top:14px!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;color:var(--rr-ink)!important;font-size:9px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;} /* عداد العرض على الكارت. */
.shop-card-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:19px 5px 0!important;} /* محتوى الكارت. */
.shop-card-topline{min-height:22px!important;margin-bottom:6px!important;} /* السطر العلوي للكارت. */
.shop-stock{font-size:9px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;} /* حالة المخزون. */
.shop-stock.in-stock{color:#58705f!important;} /* لون متاح. */
.shop-stock.out-stock{color:#a65361!important;} /* لون غير متاح. */
.shop-offer-text{font-size:9px!important;color:var(--rr-rose)!important;} /* نص العرض. */
.shop-card-body h3{margin:0!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(20px,1.7vw,25px)!important;font-weight:500!important;line-height:1.25!important;} /* اسم المنتج. */
html[dir="rtl"] .shop-card-body h3{font-family:'Cairo','Segoe UI',sans-serif!important;font-size:18px!important;font-weight:700!important;} /* اسم المنتج العربي. */
.shop-card-body h3 a{color:var(--rr-ink)!important;} /* رابط اسم المنتج. */
.shop-card-body h3 a:hover{color:var(--rr-rose)!important;} /* حركة اسم المنتج. */
.shop-short-desc{display:-webkit-box!important;min-height:43px!important;margin:9px 0 12px!important;overflow:hidden!important;color:var(--rr-muted)!important;font-size:12px!important;line-height:1.75!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;} /* وصف المنتج. */
.shop-swatches{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-height:27px!important;margin:2px 0 10px!important;} /* ألوان المنتج. */
.shop-swatch{width:22px!important;height:22px!important;border:3px solid #fff!important;border-radius:50%!important;background:var(--sw)!important;box-shadow:0 0 0 1px rgba(55,32,43,.2)!important;transition:transform .2s ease,box-shadow .2s ease!important;} /* لون المنتج. */
.shop-swatch:hover,.shop-swatch.active{transform:scale(1.12)!important;box-shadow:0 0 0 2px var(--rr-ink)!important;} /* اللون النشط. */
.shop-price-row{display:flex!important;align-items:baseline!important;gap:10px!important;margin:auto 0 12px!important;} /* سطر السعر. */
.shop-price-row strong{color:var(--rr-ink)!important;font-size:16px!important;font-weight:700!important;} /* السعر النهائي. */
.shop-price-row del{color:#a7989f!important;font-size:12px!important;} /* السعر القديم. */
.product-share-row{display:flex!important;align-items:center!important;gap:7px!important;max-height:0!important;margin:0!important;overflow:hidden!important;opacity:0!important;transition:max-height .35s ease,opacity .35s ease,margin .35s ease!important;} /* مشاركة المنتج داخل الكارت. */
.shop-product-card:hover .product-share-row{max-height:40px!important;margin:0 0 12px!important;opacity:1!important;} /* إظهار المشاركة عند المرور. */
.product-share-row>span{color:var(--rr-muted)!important;font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important;} /* عنوان المشاركة. */
.share-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border:1px solid var(--rr-border)!important;border-radius:50%!important;background:transparent!important;color:var(--rr-ink)!important;font-size:11px!important;} /* أيقونة المشاركة. */
.share-icon:hover{background:var(--rr-ink)!important;color:#fff!important;} /* حركة أيقونة المشاركة. */
.shop-card-actions{display:grid!important;grid-template-columns:44px 1fr!important;gap:9px!important;margin-top:0!important;} /* أزرار الكارت. */
.shop-view-btn{display:grid!important;place-items:center!important;min-height:46px!important;border:1px solid var(--rr-border-strong)!important;border-radius:50%!important;color:transparent!important;font-size:0!important;} /* زر عرض المنتج. */
.shop-view-btn::before{content:"↗";color:var(--rr-ink);font-size:18px;} /* أيقونة العرض. */
.shop-view-btn:hover{border-color:var(--rr-ink)!important;background:var(--rr-ink)!important;} /* حركة زر العرض. */
.shop-view-btn:hover::before{color:#fff!important;} /* لون أيقونة العرض. */
.shop-cart-form button{width:100%!important;min-height:46px!important;padding:10px 14px!important;} /* زر السلة داخل الكارت. */
.shop-product-card.is-filter-hidden{display:none!important;} /* إخفاء المنتجات بالفلترة. */

/* -------------------------------------------------------------------------- */
/* شريط أدوات صفحة المنتجات.                                                 */
/* -------------------------------------------------------------------------- */
.rr-shop-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:12px;align-items:center;width:var(--rr-container);margin:0 auto 34px;padding:14px;border:1px solid var(--rr-border);border-radius:var(--rr-radius-md);background:rgba(255,255,255,.82);box-shadow:var(--rr-shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);} /* شريط الفلاتر. */
.rr-shop-search{position:relative;} /* حاوية البحث. */
.rr-shop-search svg{position:absolute;top:50%;inset-inline-start:16px;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--rr-muted);stroke-width:1.7;pointer-events:none;} /* أيقونة البحث. */
.rr-shop-search input,.rr-shop-toolbar select{width:100%;height:48px;border:1px solid var(--rr-border);border-radius:999px;background:var(--rr-white);color:var(--rr-ink);outline:0;} /* حقول الفلاتر. */
.rr-shop-search input{padding-inline:47px 18px;} /* مسافة حقل البحث. */
.rr-shop-toolbar select{min-width:180px;padding:0 18px;cursor:pointer;} /* قائمة الترتيب. */
.rr-stock-toggle{display:flex;align-items:center;gap:9px;height:48px;padding:0 18px;border:1px solid var(--rr-border);border-radius:999px;background:var(--rr-white);color:var(--rr-muted);font-size:12px;cursor:pointer;white-space:nowrap;} /* فلتر المتاح. */
.rr-stock-toggle input{accent-color:var(--rr-rose);} /* لون مربع الاختيار. */
.rr-shop-result-count{width:var(--rr-container);margin:-18px auto 28px;color:var(--rr-muted);font-size:12px;text-align:end;} /* عدد نتائج المنتجات. */

/* -------------------------------------------------------------------------- */
/* هيرو الصفحات الداخلية.                                                     */
/* -------------------------------------------------------------------------- */
.page-hero,.shopping-page-hero{position:relative!important;width:100%!important;max-width:none!important;overflow:hidden!important;padding:clamp(92px,10vw,150px) 24px!important;background:radial-gradient(circle at 14% 24%,rgba(185,52,102,.12),transparent 26%),linear-gradient(135deg,#fff9fb 0%,#f8e8ef 100%)!important;border:0!important;} /* هيرو الصفحة. */
.page-hero::after,.shopping-page-hero::after{content:"RUBYROSE";position:absolute;right:-1vw;bottom:-.27em;color:rgba(185,52,102,.052);font-family:'Playfair Display',serif;font-size:clamp(84px,17vw,260px);font-weight:900;letter-spacing:-.08em;line-height:1;pointer-events:none;} /* كتابة خلفية للهيرو. */

/* -------------------------------------------------------------------------- */
/* صفحة المنتج.                                                               */
/* -------------------------------------------------------------------------- */
.rr-product-breadcrumb{width:var(--rr-container);margin:0 auto;padding:28px 0 0;color:var(--rr-muted);font-size:11px;letter-spacing:.09em;text-transform:uppercase;} /* مسار المنتج. */
.rr-product-breadcrumb a{color:var(--rr-muted);} /* رابط المسار. */
.rr-product-breadcrumb a:hover{color:var(--rr-rose);} /* حركة رابط المسار. */
.product-detail-premium{width:var(--rr-container)!important;max-width:1380px!important;margin:0 auto!important;padding:clamp(46px,6vw,86px) 0 clamp(86px,9vw,140px)!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr)!important;gap:clamp(44px,7vw,110px)!important;align-items:start!important;} /* تخطيط صفحة المنتج. */
.product-gallery-area{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;} /* معرض المنتج. */
.rr-product-thumbs{display:flex;flex-direction:column;gap:12px;} /* الصور المصغرة. */
.rr-product-thumb{display:grid;place-items:center;width:84px;height:102px;padding:8px;border:1px solid var(--rr-border);border-radius:16px;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .25s ease,transform .25s ease;} /* صورة مصغرة. */
.rr-product-thumb:hover,.rr-product-thumb.active{border-color:var(--rr-ink);transform:translateY(-2px);} /* الصورة المصغرة النشطة. */
.rr-product-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;} /* محتوى الصورة المصغرة. */
.product-main-frame{display:grid!important;place-items:center!important;min-height:clamp(520px,62vw,760px)!important;padding:8%!important;border:1px solid rgba(72,40,56,.07)!important;border-radius:var(--rr-radius-lg)!important;background:linear-gradient(145deg,#fff,#f7edf2)!important;box-shadow:var(--rr-shadow-md)!important;} /* إطار صورة المنتج. */
.product-detail-premium .product-main-image{width:100%!important;max-width:680px!important;max-height:680px!important;object-fit:contain!important;mix-blend-mode:multiply!important;transition:opacity .25s ease,transform .55s var(--rr-ease)!important;} /* صورة المنتج الرئيسية. */
.product-main-frame:hover .product-main-image{transform:scale(1.025)!important;} /* حركة صورة المنتج. */
.product-frame-hint{right:22px!important;bottom:20px!important;padding:8px 12px!important;border:1px solid var(--rr-border)!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;color:var(--rr-muted)!important;font-size:10px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;} /* تلميح صورة الموديل. */
.product-info-area{position:sticky!important;top:118px!important;padding-top:10px!important;} /* تثبيت معلومات المنتج. */
.rr-product-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:var(--rr-rose);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;} /* عنوان صغير للمنتج. */
.rr-product-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;} /* خط العنوان الصغير. */
.product-info-area h1{margin:0!important;color:var(--rr-ink)!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(42px,5vw,68px)!important;font-weight:500!important;line-height:1.04!important;letter-spacing:-.04em!important;} /* اسم المنتج. */
html[dir="rtl"] .product-info-area h1{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:800!important;line-height:1.18!important;} /* اسم المنتج العربي. */
.product-info-area>p{margin:18px 0!important;color:var(--rr-muted)!important;font-size:14px!important;line-height:1.9!important;} /* الوصف المختصر. */
.rr-product-price-wrap{display:flex;align-items:baseline;gap:14px;margin:22px 0;} /* أسعار المنتج. */
.product-detail-price{color:var(--rr-ink)!important;font-size:26px!important;font-weight:700!important;} /* السعر النهائي. */
.rr-product-old-price{color:#9c8e95;font-size:15px;text-decoration:line-through;} /* السعر القديم. */
.rr-product-discount{padding:4px 9px;border-radius:999px;background:var(--rr-rose-soft);color:var(--rr-rose-dark);font-size:10px;font-weight:800;} /* نسبة الخصم. */
.rr-product-availability{display:flex;align-items:center;gap:9px;margin:14px 0 24px!important;padding:12px 15px;border:1px solid var(--rr-border);border-radius:14px;background:#fff;color:var(--rr-muted)!important;} /* حالة توفر المنتج. */
.rr-product-availability::before{content:"";width:8px;height:8px;border-radius:50%;background:#5d8069;box-shadow:0 0 0 5px rgba(93,128,105,.11);} /* نقطة التوفر. */
.product-swatches-block{margin:26px 0!important;padding:22px 0!important;border-block:1px solid var(--rr-border)!important;} /* قسم الألوان. */
.product-swatches-block h3{margin:0 0 14px!important;color:var(--rr-ink)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;} /* عنوان الألوان. */
.product-swatches{display:flex!important;flex-wrap:wrap!important;gap:11px!important;} /* سواتشات المنتج. */
.product-swatch{width:31px!important;height:31px!important;border:4px solid #fff!important;border-radius:50%!important;background:var(--sw)!important;box-shadow:0 0 0 1px rgba(50,28,39,.22)!important;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease!important;} /* سواتش المنتج. */
.product-swatch:hover,.product-swatch.active{transform:scale(1.1)!important;box-shadow:0 0 0 2px var(--rr-ink)!important;} /* السواتش النشط. */
.product-swatch:disabled{opacity:.28!important;cursor:not-allowed!important;position:relative!important;} /* لون غير متوفر. */
.product-color-name{display:block!important;margin-top:12px!important;color:var(--rr-muted)!important;font-size:12px!important;} /* اسم اللون المختار. */
.product-cart-form{display:grid!important;grid-template-columns:132px 1fr!important;gap:12px!important;margin-top:26px!important;} /* نموذج سلة المنتج. */
.qty-stepper{display:grid!important;grid-template-columns:38px 1fr 38px!important;height:54px!important;border:1px solid var(--rr-border-strong)!important;border-radius:999px!important;background:#fff!important;overflow:hidden!important;} /* محدد الكمية. */
.qty-btn{border:0!important;background:transparent!important;color:var(--rr-ink)!important;font-size:19px!important;cursor:pointer!important;} /* زر الكمية. */
.qty-btn:hover{background:var(--rr-blush)!important;color:var(--rr-rose)!important;} /* حركة زر الكمية. */
.qty-input{width:100%!important;border:0!important;background:transparent!important;color:var(--rr-ink)!important;text-align:center!important;outline:0!important;} /* حقل الكمية. */
.product-add-btn{min-height:54px!important;width:100%!important;} /* زر إضافة المنتج. */
.product-full-description{margin-top:30px!important;padding-top:25px!important;border-top:1px solid var(--rr-border)!important;color:var(--rr-muted)!important;font-size:14px!important;line-height:2!important;} /* الوصف الكامل. */
.rr-product-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;} /* مزايا الثقة. */
.rr-product-trust-item{padding:14px 10px;border:1px solid var(--rr-border);border-radius:14px;background:#fff;text-align:center;} /* عنصر ثقة. */
.rr-product-trust-item b{display:block;color:var(--rr-ink);font-size:10px;letter-spacing:.08em;text-transform:uppercase;} /* عنوان الثقة. */
.rr-product-trust-item small{display:block;margin-top:3px;color:var(--rr-muted);font-size:9px;} /* وصف الثقة. */

/* -------------------------------------------------------------------------- */
/* السلة.                                                                     */
/* -------------------------------------------------------------------------- */
.rr-cart-page{width:var(--rr-container)!important;max-width:1220px!important;margin:auto!important;padding-block:clamp(70px,8vw,120px)!important;} /* صفحة السلة. */
.rr-cart-heading{margin-bottom:38px;text-align:center;} /* رأس السلة. */
.rr-cart-heading span{color:var(--rr-rose);font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;} /* عنوان صغير للسلة. */
.rr-cart-heading h1{margin:8px 0 0;font-family:'Playfair Display',serif;font-size:clamp(42px,6vw,72px);font-weight:500;line-height:1;} /* عنوان السلة. */
html[dir="rtl"] .rr-cart-heading h1{font-family:'Cairo','Segoe UI',sans-serif;font-weight:800;} /* عنوان السلة العربي. */
.rr-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start;} /* تخطيط السلة. */
.rr-cart-list{display:flex;flex-direction:column;gap:14px;} /* قائمة عناصر السلة. */
.cart-row.rr-cart-row{display:grid!important;grid-template-columns:96px minmax(0,1fr) auto auto 42px!important;gap:20px!important;align-items:center!important;padding:16px!important;border:1px solid var(--rr-border)!important;border-radius:var(--rr-radius-md)!important;background:#fff!important;box-shadow:0 10px 30px rgba(62,34,48,.045)!important;} /* عنصر السلة. */
.rr-cart-image{display:grid;place-items:center;width:96px;height:112px;padding:9px;border-radius:16px;background:linear-gradient(145deg,#fff,#f7edf2);overflow:hidden;} /* صورة السلة. */
.rr-cart-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;} /* محتوى صورة السلة. */
.rr-cart-product b{display:block;color:var(--rr-ink);font-family:'Playfair Display',serif;font-size:21px;font-weight:500;} /* اسم منتج السلة. */
html[dir="rtl"] .rr-cart-product b{font-family:'Cairo','Segoe UI',sans-serif;font-size:17px;font-weight:700;} /* اسم منتج السلة العربي. */
.rr-cart-product small{color:var(--rr-muted);} /* بيانات المنتج في السلة. */
.rr-cart-qty,.rr-cart-line{color:var(--rr-muted);font-size:13px;white-space:nowrap;} /* كمية وإجمالي السطر. */
.rr-cart-line{color:var(--rr-ink);font-weight:700;} /* إجمالي السطر. */
.rr-cart-remove{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--rr-border);border-radius:50%;color:var(--rr-muted);font-size:20px;} /* زر الحذف. */
.rr-cart-remove:hover{background:#fff0f3;border-color:#d994a8;color:#a33152;} /* حركة زر الحذف. */
.rr-cart-summary{position:sticky;top:118px;padding:28px;border:1px solid var(--rr-border);border-radius:var(--rr-radius-md);background:#fff;box-shadow:var(--rr-shadow-md);} /* ملخص السلة. */
.rr-cart-summary h2{margin:0 0 22px;font-family:'Playfair Display',serif;font-size:28px;font-weight:500;} /* عنوان ملخص السلة. */
html[dir="rtl"] .rr-cart-summary h2{font-family:'Cairo','Segoe UI',sans-serif;font-weight:700;} /* عنوان ملخص السلة العربي. */
.rr-cart-summary-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--rr-border);color:var(--rr-muted);font-size:13px;} /* سطر الملخص. */
.rr-cart-summary-line strong{color:var(--rr-ink);} /* قيمة الملخص. */
.rr-cart-summary .btn{width:100%;margin-top:20px;text-align:center;} /* زر Checkout. */
.rr-cart-reservation{margin:18px 0 0!important;padding:14px;border-radius:14px;background:var(--rr-blush);color:var(--rr-muted)!important;font-size:11px!important;line-height:1.7!important;} /* رسالة الحجز. */
.rr-empty-cart{padding:70px 24px;border:1px dashed var(--rr-border-strong);border-radius:var(--rr-radius-md);background:#fff;text-align:center;} /* السلة الفارغة. */

/* -------------------------------------------------------------------------- */
/* Checkout.                                                                  */
/* -------------------------------------------------------------------------- */
.checkout-page{width:var(--rr-container)!important;max-width:1240px!important;} /* صفحة Checkout. */
.rr-checkout-heading{margin-bottom:38px;text-align:center;} /* رأس Checkout. */
.rr-checkout-step{display:inline-flex;align-items:center;gap:10px;color:var(--rr-rose);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;} /* خطوة Checkout. */
.rr-checkout-step::before,.rr-checkout-step::after{content:"";width:28px;height:1px;background:currentColor;opacity:.45;} /* خطوط خطوة Checkout. */
.checkout-page>h1,.rr-checkout-heading h1{margin:8px 0 0!important;font-family:'Playfair Display',serif!important;font-size:clamp(42px,6vw,72px)!important;font-weight:500!important;line-height:1!important;text-align:center!important;} /* عنوان Checkout. */
html[dir="rtl"] .checkout-page>h1,html[dir="rtl"] .rr-checkout-heading h1{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:800!important;} /* عنوان Checkout العربي. */
.checkout-layout{grid-template-columns:minmax(0,1.05fr) 410px!important;gap:30px!important;} /* تخطيط Checkout. */
.form-card.checkout-form{display:grid!important;gap:18px!important;padding:clamp(24px,4vw,42px)!important;border:1px solid var(--rr-border)!important;border-radius:var(--rr-radius-lg)!important;background:#fff!important;box-shadow:var(--rr-shadow-md)!important;} /* نموذج Checkout. */
.checkout-form label{display:grid!important;gap:8px!important;color:var(--rr-ink)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;} /* عناوين الحقول. */
.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%!important;min-height:52px!important;border:1px solid var(--rr-border)!important;border-radius:14px!important;background:#fff!important;color:var(--rr-ink)!important;padding:13px 15px!important;outline:0!important;transition:border-color .25s ease,box-shadow .25s ease!important;} /* حقول Checkout. */
.checkout-form textarea{min-height:112px!important;resize:vertical!important;} /* حقل العنوان. */
.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{border-color:var(--rr-rose)!important;box-shadow:0 0 0 4px rgba(185,52,102,.09)!important;} /* فوكس الحقول. */
.checkout-form .form-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;} /* شبكة بيانات الشحن. */
.checkout-form>.btn{width:100%!important;} /* أزرار Checkout. */
.checkout-form .hint{margin:0!important;padding:14px 16px!important;border-radius:14px!important;background:var(--rr-blush)!important;color:var(--rr-muted)!important;font-size:11px!important;line-height:1.8!important;text-align:center!important;} /* رسالة Checkout. */
.checkout-receipt-card{position:sticky!important;top:118px!important;padding:32px!important;border:1px solid var(--rr-border)!important;border-radius:var(--rr-radius-lg)!important;background:#fff!important;box-shadow:var(--rr-shadow-md)!important;} /* ملخص Checkout. */
.checkout-receipt-logo{width:76px!important;height:76px!important;margin-bottom:16px!important;} /* لوجو الملخص. */
.checkout-receipt-card h2{margin:0 0 22px!important;color:var(--rr-ink)!important;font-family:'Playfair Display',serif!important;font-size:28px!important;font-weight:500!important;} /* عنوان الملخص. */
html[dir="rtl"] .checkout-receipt-card h2{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:700!important;} /* عنوان الملخص العربي. */
.checkout-item-row{grid-template-columns:minmax(0,1fr) auto!important;gap:7px 14px!important;padding:14px 0!important;border-bottom:1px solid var(--rr-border)!important;} /* سطر منتج Checkout. */
.checkout-item-row span{color:var(--rr-ink)!important;font-size:13px!important;} /* اسم منتج Checkout. */
.checkout-item-row small{grid-column:1;color:var(--rr-muted)!important;font-size:11px!important;} /* بيانات منتج Checkout. */
.checkout-item-row strong{grid-column:2;grid-row:1/3;align-self:center;color:var(--rr-ink)!important;font-size:12px!important;} /* إجمالي منتج Checkout. */
.checkout-totals>div{padding:12px 0!important;color:var(--rr-muted)!important;font-size:13px!important;} /* سطر إجماليات Checkout. */
.checkout-totals>div strong{color:var(--rr-ink)!important;} /* قيمة الإجماليات. */
.checkout-totals .grand{margin-top:8px!important;padding-top:18px!important;border-top:1px solid var(--rr-ink)!important;color:var(--rr-ink)!important;font-size:16px!important;} /* الإجمالي النهائي. */
.checkout-totals .grand strong{color:var(--rr-rose)!important;font-size:18px!important;} /* قيمة الإجمالي النهائي. */
.notice.error{padding:14px 18px!important;border:1px solid #e9b7c2!important;border-radius:14px!important;background:#fff1f4!important;color:#8d304a!important;} /* رسالة الخطأ. */

/* -------------------------------------------------------------------------- */
/* العروض والأقسام الديناميكية.                                               */
/* -------------------------------------------------------------------------- */
.rr-home-offer-card,.rr-offer-hero{position:relative!important;min-height:clamp(430px,52vw,650px)!important;overflow:hidden!important;border:0!important;border-radius:var(--rr-radius-lg)!important;box-shadow:var(--rr-shadow-lg)!important;background-position:center!important;} /* كارت العرض. */
.rr-home-offer-card::before,.rr-offer-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,253,251,.98) 0%,rgba(255,253,251,.84) 44%,rgba(255,253,251,.25) 100%);pointer-events:none;} /* طبقة كارت العرض. */
.rr-home-offer-card>* ,.rr-offer-hero>*{position:relative;z-index:2;} /* رفع محتوى العرض. */
.rr-home-offer-card h2,.rr-offer-hero h2{font-family:'Playfair Display',serif!important;font-size:clamp(48px,7vw,96px)!important;font-weight:500!important;letter-spacing:-.045em!important;} /* عنوان العرض. */
html[dir="rtl"] .rr-home-offer-card h2,html[dir="rtl"] .rr-offer-hero h2{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:800!important;} /* عنوان العرض العربي. */
.rr-countdown-box{display:inline-grid!important;place-items:center!important;min-width:68px!important;margin:4px!important;padding:12px!important;border:1px solid var(--rr-border)!important;border-radius:14px!important;background:rgba(255,255,255,.82)!important;} /* صندوق العداد. */
.rr-countdown-box b{font-size:20px!important;} /* رقم العداد. */
.rr-countdown-box small{font-size:8px!important;letter-spacing:.09em!important;text-transform:uppercase!important;} /* وصف العداد. */
.rr-dyn-split,.rr-dynamic-shell{gap:clamp(34px,6vw,90px)!important;} /* مسافات القسم الديناميكي. */
.rr-dyn-media,.rr-dynamic-media{overflow:hidden!important;border-radius:var(--rr-radius-lg)!important;box-shadow:var(--rr-shadow-md)!important;} /* صورة القسم الديناميكي. */
.rr-dyn-media img,.rr-dynamic-main-image{transition:transform .8s var(--rr-ease)!important;} /* حركة صورة القسم. */
.rr-dyn-media:hover img,.rr-dynamic-media:hover .rr-dynamic-main-image{transform:scale(1.035)!important;} /* تكبير صورة القسم. */
.rr-dyn-content,.rr-dynamic-content{padding:clamp(20px,4vw,58px)!important;} /* محتوى القسم الديناميكي. */
.rr-dyn-title,.rr-dynamic-content h2{font-family:'Playfair Display',serif!important;font-size:clamp(42px,5vw,72px)!important;font-weight:500!important;line-height:1.06!important;letter-spacing:-.04em!important;} /* عنوان القسم الديناميكي. */
html[dir="rtl"] .rr-dyn-title,html[dir="rtl"] .rr-dynamic-content h2{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:800!important;} /* عنوان القسم العربي. */

/* -------------------------------------------------------------------------- */
/* الفوتر.                                                                    */
/* -------------------------------------------------------------------------- */
.site-footer{position:relative!important;overflow:hidden!important;padding:clamp(72px,8vw,110px) max(24px,calc((100vw - 1380px)/2)) 0!important;background:radial-gradient(circle at 10% 0,rgba(185,52,102,.22),transparent 30%),#171116!important;border:0!important;} /* خلفية الفوتر. */
.site-footer::before{content:"RubyRose";position:absolute;right:-.05em;bottom:-.28em;color:rgba(255,255,255,.025);font-family:'Playfair Display',serif;font-size:clamp(130px,25vw,390px);font-weight:900;line-height:1;pointer-events:none;} /* كتابة خلفية الفوتر. */
.footer-inner{position:relative;z-index:2;display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1fr!important;gap:clamp(28px,5vw,74px)!important;width:100%!important;max-width:1380px!important;margin:auto!important;} /* شبكة الفوتر. */
.footer-brand{max-width:340px!important;} /* عرض بيانات البراند. */
.footer-brand img{max-width:150px!important;margin:0 0 20px!important;} /* لوجو الفوتر. */
.footer-brand h3{margin:0 0 14px!important;color:#fff!important;font-family:'Playfair Display',serif!important;font-size:34px!important;font-weight:500!important;} /* عنوان البراند. */
.footer-brand p,.footer-col p,.footer-col span{color:rgba(255,255,255,.6)!important;font-size:12px!important;line-height:1.9!important;} /* نصوص الفوتر. */
.footer-col h4{margin:0 0 20px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase!important;} /* عنوان عمود الفوتر. */
.footer-col>a{display:block!important;width:max-content!important;max-width:100%!important;margin:9px 0!important;color:rgba(255,255,255,.66)!important;font-size:12px!important;} /* روابط الفوتر. */
.footer-col>a:hover{color:#fff!important;transform:translateX(4px)!important;} /* حركة رابط الفوتر. */
html[dir="rtl"] .footer-col>a:hover{transform:translateX(-4px)!important;} /* حركة رابط الفوتر بالعربي. */
.footer-social{display:flex!important;gap:8px!important;margin-top:20px!important;} /* أيقونات الفوتر. */
.footer-social a{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;color:#fff!important;} /* أيقونة الفوتر. */
.footer-social a:hover{background:var(--rr-rose)!important;border-color:var(--rr-rose)!important;transform:translateY(-2px)!important;} /* حركة أيقونة الفوتر. */
.footer-bottom{position:relative;z-index:2;max-width:1380px!important;margin:58px auto 0!important;padding:22px 0!important;border-top:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.43)!important;font-size:10px!important;letter-spacing:.12em!important;text-align:center!important;text-transform:uppercase!important;} /* حقوق النشر. */

/* -------------------------------------------------------------------------- */
/* الشات بوت وعناصر الواجهة العائمة.                                          */
/* -------------------------------------------------------------------------- */
.rr-chat-toggle{width:58px!important;height:58px!important;border:1px solid rgba(255,255,255,.5)!important;background:var(--rr-ink)!important;box-shadow:0 18px 44px rgba(33,23,29,.24)!important;} /* زر الشات. */
.rr-chat-toggle:hover{background:var(--rr-rose)!important;transform:translateY(-3px)!important;} /* حركة زر الشات. */
.rr-chat-panel{overflow:hidden!important;border:1px solid var(--rr-border)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--rr-shadow-lg)!important;} /* نافذة الشات. */
.rr-back-to-top{position:fixed;right:24px;bottom:96px;z-index:880;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rr-border);border-radius:50%;background:rgba(255,255,255,.9);color:var(--rr-ink);box-shadow:var(--rr-shadow-sm);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);} /* زر العودة للأعلى. */
.rr-back-to-top.show{opacity:1;visibility:visible;transform:none;} /* إظهار زر العودة للأعلى. */
.rr-back-to-top:hover{background:var(--rr-ink);color:#fff;} /* حركة زر العودة للأعلى. */
html[dir="rtl"] .rr-back-to-top{right:auto;left:24px;} /* موضع زر العودة بالعربي. */

/* -------------------------------------------------------------------------- */
/* الحركات الناعمة.                                                           */
/* -------------------------------------------------------------------------- */
[data-luxury-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s var(--rr-ease);} /* حالة ما قبل الظهور. */
[data-luxury-reveal].is-luxury-visible{opacity:1;transform:none;} /* حالة الظهور. */

/* -------------------------------------------------------------------------- */
/* التابلت.                                                                   */
/* -------------------------------------------------------------------------- */
@media(max-width:1180px){ /* بداية تعديلات التابلت. */
  .shopping-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} /* ثلاثة أعمدة للمنتجات. */
  .product-detail-premium{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)!important;gap:44px!important;} /* تخطيط المنتج على التابلت. */
  .footer-inner{grid-template-columns:1.3fr 1fr 1fr!important;} /* شبكة الفوتر على التابلت. */
  .footer-wholesale{grid-column:2/4!important;} /* موضع الجملة. */
} /* نهاية تعديلات التابلت. */

/* -------------------------------------------------------------------------- */
/* الموبايل الكبير.                                                           */
/* -------------------------------------------------------------------------- */
@media(max-width:900px){ /* بداية تعديلات الموبايل الكبير. */
  :root{--rr-container:min(100% - 30px,760px);} /* عرض المحتوى على الموبايل. */
  .section{padding-block:68px!important;} /* مسافات الأقسام على الموبايل. */
  html body header.site-header.biagiotti-header .biagiotti-header-inner{min-height:68px!important;} /* ارتفاع الهيدر. */
  html body header.site-header.biagiotti-header .rr-search-btn{display:none!important;} /* إخفاء البحث المنفصل. */
  html body header.site-header.biagiotti-header .header-zone-right{inset-inline-end:10px!important;} /* موضع الأدوات. */
  html body header.site-header.biagiotti-header .centered-brand{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;} /* توسيط الشعار. */
  html body header.site-header.biagiotti-header .brand-logo-text{font-size:30px!important;} /* حجم الشعار. */
  .lang-switch{display:none!important;} /* إخفاء تبديل اللغة المكتبي. */
  .rr-home-image-slider.rr-home-pro-slider{height:min(760px,78svh)!important;min-height:610px!important;} /* ارتفاع السلايدر على الموبايل. */
  .rr-home-image-slider.rr-home-pro-slider .rr-home-slide::before{background:linear-gradient(180deg,rgba(20,10,15,.12) 10%,rgba(20,10,15,.18) 45%,rgba(20,10,15,.68) 100%)!important;} /* طبقة السلايدر على الموبايل. */
  .rr-home-default-content{inset-inline:24px!important;top:auto!important;bottom:72px!important;width:auto!important;transform:none!important;text-align:center!important;} /* محتوى السلايدر على الموبايل. */
  .rr-home-default-content .rr-type-text:first-child{justify-content:center!important;} /* توسيط العنوان الصغير. */
  .rr-home-default-content h1{font-size:clamp(48px,15vw,78px)!important;line-height:.98!important;} /* عنوان السلايدر على الموبايل. */
  .rr-home-default-content p{margin:18px auto 0!important;font-size:14px!important;} /* وصف السلايدر على الموبايل. */
  .rr-home-slider-arrow{display:none!important;} /* إخفاء الأسهم على الموبايل. */
  .v9-feature-strip-inner{grid-template-columns:repeat(2,1fr)!important;} /* ميزتان في كل صف. */
  .v9-feature-item{min-height:96px!important;border-bottom:1px solid var(--rr-border)!important;} /* عنصر الميزة. */
  .v9-feature-item:nth-child(2n){border-inline-end:0!important;} /* إزالة حد كل عنصر ثان. */
  .category-grid-biagiotti{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;} /* تصنيفات الموبايل. */
  .category-grid-biagiotti .cat-tile{aspect-ratio:4/5!important;} /* نسبة التصنيف. */
  .shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important;} /* منتجان في الصف. */
  .rr-shop-toolbar{grid-template-columns:1fr 1fr!important;} /* شريط الفلاتر. */
  .rr-shop-search{grid-column:1/-1!important;} /* البحث بعرض كامل. */
  .product-detail-premium{grid-template-columns:1fr!important;gap:38px!important;padding-top:32px!important;} /* صفحة المنتج عمود واحد. */
  .product-gallery-area{grid-template-columns:1fr!important;} /* معرض المنتج عمود واحد. */
  .rr-product-thumbs{order:2;flex-direction:row;overflow-x:auto;padding-bottom:4px;} /* الصور المصغرة أفقية. */
  .rr-product-thumb{flex:0 0 72px;width:72px;height:86px;} /* حجم الصورة المصغرة. */
  .product-main-frame{min-height:500px!important;} /* ارتفاع صورة المنتج. */
  .product-info-area{position:static!important;} /* إلغاء تثبيت بيانات المنتج. */
  .rr-cart-layout{grid-template-columns:1fr;} /* السلة عمود واحد. */
  .rr-cart-summary{position:static;} /* إلغاء تثبيت ملخص السلة. */
  .checkout-layout{grid-template-columns:1fr!important;} /* Checkout عمود واحد. */
  .checkout-receipt-card{position:static!important;} /* إلغاء تثبيت ملخص Checkout. */
  .footer-inner{grid-template-columns:1fr 1fr!important;} /* الفوتر عمودان. */
  .footer-brand{grid-column:1/-1!important;max-width:520px!important;} /* البراند بعرض كامل. */
  .footer-wholesale{grid-column:auto!important;} /* إعادة موضع الجملة. */
} /* نهاية تعديلات الموبايل الكبير. */

/* -------------------------------------------------------------------------- */
/* الموبايل الصغير.                                                           */
/* -------------------------------------------------------------------------- */
@media(max-width:560px){ /* بداية تعديلات الموبايل الصغير. */
  :root{--rr-container:calc(100% - 24px);} /* عرض المحتوى الصغير. */
  .section{padding-block:56px!important;} /* مسافات أصغر. */
  .section-heading h2,.shopping-page-hero h1,.page-hero h1{font-size:38px!important;} /* حجم العناوين. */
  html body header.site-header.biagiotti-header .account-pill{display:none!important;} /* إخفاء الحساب من الهيدر الصغير. */
  .rr-home-image-slider.rr-home-pro-slider{height:700px!important;min-height:0!important;} /* ارتفاع سلايدر الموبايل الصغير. */
  .rr-home-default-content h1{font-size:48px!important;} /* عنوان السلايدر الصغير. */
  .v9-feature-item{justify-content:flex-start!important;padding:16px 12px!important;} /* محاذاة المزايا. */
  .v9-feature-icon{width:36px!important;height:36px!important;flex-basis:36px!important;} /* أيقونة ميزة أصغر. */
  .v9-feature-desc{display:none!important;} /* إخفاء وصف الميزة للمساحة. */
  .category-grid-biagiotti .cat-tile .cat-tile-caption{padding:14px!important;} /* محتوى التصنيف. */
  .category-grid-biagiotti .cat-tile .cat-tile-name{font-size:11px!important;} /* اسم التصنيف. */
  .shopping-grid{gap:22px 10px!important;} /* مسافات المنتجات. */
  .shop-card-media{border-radius:17px!important;} /* استدارة صورة المنتج. */
  .shop-card-body{padding-top:13px!important;} /* محتوى الكارت. */
  .shop-card-body h3{font-size:17px!important;} /* اسم المنتج. */
  .shop-short-desc{display:none!important;} /* إخفاء الوصف في الموبايل الصغير. */
  .shop-card-topline{display:none!important;} /* إخفاء سطر المخزون في الموبايل الصغير. */
  .shop-swatches{gap:6px!important;margin-top:9px!important;} /* مسافات السواتشات. */
  .shop-swatch{width:18px!important;height:18px!important;border-width:2px!important;} /* حجم السواتش. */
  .shop-card-actions{grid-template-columns:38px 1fr!important;gap:6px!important;} /* أزرار الكارت. */
  .shop-view-btn,.shop-cart-form button{min-height:42px!important;} /* ارتفاع أزرار الكارت. */
  .shop-cart-form button{padding:8px 8px!important;font-size:9px!important;letter-spacing:.07em!important;} /* نص زر السلة. */
  .product-share-row{display:none!important;} /* إخفاء المشاركة داخل كارت الموبايل. */
  .rr-shop-toolbar{grid-template-columns:1fr!important;padding:10px!important;} /* فلاتر عمود واحد. */
  .rr-shop-search{grid-column:auto!important;} /* إعادة البحث. */
  .rr-shop-toolbar select{min-width:0!important;} /* منع اتساع القائمة. */
  .product-main-frame{min-height:390px!important;border-radius:24px!important;} /* صورة المنتج على الموبايل. */
  .product-info-area h1{font-size:40px!important;} /* اسم المنتج على الموبايل. */
  .product-cart-form{grid-template-columns:112px 1fr!important;gap:8px!important;} /* نموذج سلة المنتج. */
  .rr-product-trust{grid-template-columns:1fr!important;} /* مزايا الثقة عمودية. */
  .cart-row.rr-cart-row{grid-template-columns:74px minmax(0,1fr) 36px!important;gap:12px!important;} /* عنصر السلة الصغير. */
  .rr-cart-image{width:74px;height:88px;} /* صورة السلة الصغيرة. */
  .rr-cart-qty,.rr-cart-line{grid-column:2!important;} /* نقل الكمية والإجمالي. */
  .rr-cart-remove{grid-column:3!important;grid-row:1/4!important;} /* موضع الحذف. */
  .checkout-form .form-grid{grid-template-columns:1fr!important;} /* حقول الشحن عمودية. */
  .form-card.checkout-form,.checkout-receipt-card{padding:22px!important;border-radius:22px!important;} /* مسافات Checkout. */
  .footer-inner{grid-template-columns:1fr!important;} /* الفوتر عمود واحد. */
  .footer-brand,.footer-wholesale{grid-column:auto!important;} /* إعادة مواضع الفوتر. */
  .rr-back-to-top{right:14px;bottom:88px;} /* زر العودة للأعلى. */
  html[dir="rtl"] .rr-back-to-top{right:auto;left:14px;} /* موضع زر العودة بالعربي. */
} /* نهاية تعديلات الموبايل الصغير. */

/* -------------------------------------------------------------------------- */
/* احترام تقليل الحركة.                                                       */
/* -------------------------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){ /* بداية احترام تقليل الحركة. */
  html{scroll-behavior:auto;} /* إلغاء التمرير الناعم. */
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} /* تقليل كل الحركات. */
} /* نهاية احترام تقليل الحركة. */

/* -------------------------------------------------------------------------- */
/* إزالة تأثيرات الأزرار القديمة من العناصر الصغيرة لتجنب التضارب البصري.     */
/* -------------------------------------------------------------------------- */
.btn::before,.btn::after,.shop-cart-form button::before,.shop-cart-form button::after,.product-add-btn::before,.product-add-btn::after,.footer-btn::before,.footer-btn::after{display:none!important;content:none!important;} /* إزالة لمعان الأزرار القديم من الأزرار الرئيسية. */
.shop-swatch::before,.shop-swatch::after,.product-swatch::before,.product-swatch::after,.qty-btn::before,.qty-btn::after,.rr-product-thumb::before,.rr-product-thumb::after,.rr-home-slider-arrow::before,.rr-home-slider-arrow::after,.rr-back-to-top::before,.rr-back-to-top::after,.rr-chat-toggle::before,.rr-chat-toggle::after{display:none!important;content:none!important;} /* إزالة الطبقات الزجاجية من الأزرار الصغيرة. */
.mobile-menu-btn::before,.mobile-menu-btn::after{right:auto!important;bottom:auto!important;left:11px!important;z-index:2!important;border-radius:0!important;opacity:1!important;background:currentColor!important;filter:none!important;} /* تثبيت خطي زر قائمة الموبايل. */
.mobile-menu-btn::before{inset:16px auto auto 11px!important;transform:none!important;} /* موضع الخط الأول في القائمة المغلقة. */
.mobile-menu-btn::after{inset:24px auto auto 11px!important;transform:none!important;} /* موضع الخط الثاني في القائمة المغلقة. */
body.nav-open .mobile-menu-btn::before{inset:20px auto auto 11px!important;transform:rotate(45deg)!important;} /* موضع الخط الأول في حالة الإغلاق. */
body.nav-open .mobile-menu-btn::after{inset:20px auto auto 11px!important;transform:rotate(-45deg)!important;} /* موضع الخط الثاني في حالة الإغلاق. */

/* -------------------------------------------------------------------------- */
/* تبويبات الرئيسية وفواصل الماركيو.                                          */
/* -------------------------------------------------------------------------- */
.home-tabs-section{padding-block:26px!important;background:var(--rr-cream)!important;} /* مساحة تبويبات الرئيسية. */
.home-tabs{gap:10px!important;} /* المسافة بين تبويبات الرئيسية. */
.home-tabs a{min-height:44px!important;padding:10px 22px!important;border:1px solid var(--rr-border-strong)!important;border-radius:999px!important;background:transparent!important;color:var(--rr-ink)!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} /* شكل تبويبات الرئيسية. */
.home-tabs a::before,.home-tabs a::after{display:none!important;content:none!important;} /* إزالة لمعان التبويبات القديم. */
.home-tabs a:hover{background:var(--rr-ink)!important;border-color:var(--rr-ink)!important;color:#fff!important;box-shadow:none!important;transform:translateY(-2px)!important;} /* حركة تبويبات الرئيسية. */
.rr-section-divider{margin:0!important;padding:13px 0!important;border-block:1px solid rgba(255,255,255,.07)!important;background:#21171d!important;} /* فاصل الماركيو الداكن. */
.rr-section-divider::before{background:linear-gradient(90deg,transparent,rgba(185,52,102,.12),transparent)!important;} /* توهج بسيط داخل الماركيو. */
.rr-div-word{padding-inline:24px!important;color:rgba(255,255,255,.82)!important;font-family:'Playfair Display',serif!important;font-size:18px!important;font-weight:500!important;font-style:italic!important;letter-spacing:.01em!important;} /* كلمات الماركيو. */
.rr-div-star{color:var(--rr-rose)!important;font-size:8px!important;} /* نجمة فاصل الماركيو. */


/* ========================================================================== */
/* V10.2 — صفحة المنتج بصورة واحدة، فوتر نهائي، وبحث شامل من الهيدر.          */
/* ========================================================================== */
html{background:#151015!important;} /* جعل خلفية المستند داكنة حتى لا يظهر فراغ أبيض بعد نهاية الفوتر. */
body{min-height:100%;margin:0!important;padding-bottom:0!important;background:#fff;} /* إزالة أي هامش أو مساحة سفلية من جسم الصفحة. */

/* صفحة المنتج بالصورة الواحدة. */
.product-detail-single-visual{grid-template-columns:minmax(0,1.08fr) minmax(400px,.72fr)!important;} /* منح الصورة مساحة أكبر مع عمود معلومات متوازن. */
.product-single-gallery{display:block!important;min-width:0!important;} /* إزالة عمود الصور المصغرة نهائيًا. */
.product-single-gallery .rr-product-thumbs{display:none!important;} /* إخفاء قائمة الصور الجانبية حتى لو بقيت من Cache قديم. */
.product-detail-single-visual .product-main-frame{position:relative!important;isolation:isolate!important;display:grid!important;grid-template:1fr/1fr!important;min-height:clamp(580px,64vw,790px)!important;padding:clamp(34px,6vw,82px)!important;overflow:hidden!important;background:radial-gradient(circle at 76% 20%,rgba(185,52,102,.11),transparent 29%),linear-gradient(145deg,#fff 0%,#f7eef2 100%)!important;} /* إطار فاخر للصورة الواحدة مع خلفية هادئة. */
.product-detail-single-visual .product-main-frame::before{content:"";position:absolute;inset:22px;border:1px solid rgba(81,48,64,.08);border-radius:calc(var(--rr-radius-lg) - 14px);pointer-events:none;z-index:3;} /* إطار داخلي رفيع يعطي عمقًا للصورة. */
.product-detail-single-visual .product-main-frame::after{content:"";position:absolute;width:42%;aspect-ratio:1;right:-15%;bottom:-19%;border-radius:50%;background:rgba(185,52,102,.06);filter:blur(2px);pointer-events:none;z-index:-1;} /* دائرة زخرفية بسيطة خلف المنتج. */
.product-detail-single-visual .product-packshot-image,.product-detail-single-visual .product-model-image{grid-area:1/1!important;align-self:center!important;justify-self:center!important;width:100%!important;max-width:690px!important;height:100%!important;max-height:690px!important;object-fit:contain!important;transition:opacity .5s ease,transform .65s var(--rr-ease),filter .5s ease!important;will-change:opacity,transform!important;} /* توحيد موضع وحركة صورتي العبوة والموديل. */
.product-detail-single-visual .product-packshot-image{opacity:1!important;z-index:1!important;mix-blend-mode:multiply!important;filter:drop-shadow(0 30px 38px rgba(67,33,50,.1))!important;} /* شكل صورة عبوة المنتج. */
.product-detail-single-visual .product-model-image{opacity:0!important;z-index:2!important;mix-blend-mode:normal!important;transform:scale(1.025)!important;filter:saturate(.94) contrast(1.01)!important;} /* إخفاء صورة الموديل حتى المرور على الإطار. */
.product-detail-single-visual .product-main-frame.is-model-preview .product-packshot-image{opacity:0!important;transform:scale(.975)!important;} /* إخفاء العبوة بسلاسة عند عرض الموديل. */
.product-detail-single-visual .product-main-frame.is-model-preview .product-model-image{opacity:1!important;transform:scale(1)!important;} /* إظهار صورة الموديل الخاصة باللون المختار. */
.product-detail-single-visual .product-main-frame:not(.has-model-preview){cursor:default!important;} /* مؤشر عادي عند عدم وجود صورة موديل. */
.product-detail-single-visual .product-main-frame.has-model-preview{cursor:crosshair!important;} /* مؤشر بسيط يوضح وجود معاينة عند المرور. */
.product-detail-single-visual .product-main-frame:hover .product-main-image{transform:none!important;} /* إلغاء تكبير الصورة القديم لمنع تعارضه مع انتقال الموديل. */
.rr-product-visual-kicker{position:absolute;top:24px;left:26px;z-index:5;padding:8px 12px;border:1px solid rgba(75,43,59,.1);border-radius:999px;background:rgba(255,255,255,.76);color:var(--rr-muted);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);} /* شارة اللون المختار أعلى الصورة. */
html[dir="rtl"] .rr-product-visual-kicker{left:auto;right:26px;} /* نقل شارة الصورة لليمين في اللغة العربية. */
.product-detail-single-visual .product-frame-hint{z-index:6!important;right:26px!important;bottom:24px!important;} /* تثبيت تلميح صورة الموديل فوق الصورتين. */
html[dir="rtl"] .product-detail-single-visual .product-frame-hint{right:auto!important;left:26px!important;} /* نقل التلميح لليسار في العربية. */
.rr-product-lead{max-width:620px!important;font-size:14px!important;line-height:1.9!important;} /* تحسين قراءة الوصف المختصر. */
.rr-product-meta-line{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px;padding:15px 0;border-block:1px solid var(--rr-border);} /* شريط كود المنتج والباركود والمخزون. */
.rr-product-meta-line>span{display:flex;min-width:94px;flex-direction:column;gap:2px;padding-inline-end:18px;border-inline-end:1px solid var(--rr-border);} /* كل معلومة داخل شريط المنتج. */
.rr-product-meta-line>span:last-child{border-inline-end:0;} /* إزالة الخط بعد آخر معلومة. */
.rr-product-meta-line small{color:var(--rr-muted);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;} /* عنوان المعلومة الصغيرة. */
.rr-product-meta-line b{color:var(--rr-ink);font-size:12px;font-weight:600;} /* قيمة المعلومة. */
.rr-product-shade-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;} /* وضع عنوان الألوان واسم اللون في سطر واحد. */
.rr-product-shade-heading h3{margin:0!important;} /* إزالة هامش عنوان الألوان داخل الرأس الجديد. */
.rr-product-shade-heading .product-color-name{margin:0!important;color:var(--rr-rose)!important;font-size:12px!important;font-weight:700!important;} /* إبراز اسم اللون المختار. */
.product-description-accordion{margin-top:26px;border-block:1px solid var(--rr-border);} /* صندوق تفاصيل المنتج. */
.product-description-accordion summary{padding:18px 2px;color:var(--rr-ink);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;list-style:none;} /* عنوان صندوق التفاصيل. */
.product-description-accordion summary::-webkit-details-marker{display:none;} /* إخفاء سهم المتصفح الافتراضي. */
.product-description-accordion summary::after{content:"+";float:inline-end;color:var(--rr-rose);font-size:18px;font-weight:400;} /* علامة فتح صندوق التفاصيل. */
.product-description-accordion[open] summary::after{content:"−";} /* تغيير العلامة عند فتح الصندوق. */
.product-description-accordion .product-full-description{padding:0 2px 24px!important;border:0!important;color:var(--rr-muted)!important;line-height:1.95!important;} /* تنسيق نص الوصف الكامل. */

/* نافذة البحث الشامل. */
.rr-search-open{overflow:hidden!important;} /* منع تمرير الصفحة خلف نافذة البحث. */
.rr-site-search[hidden]{display:none!important;} /* إخفاء نافذة البحث بالكامل عندما تكون مغلقة. */
.rr-site-search{position:fixed;inset:0;z-index:2600;display:grid;align-items:start;justify-items:center;padding:clamp(18px,6vh,72px) 18px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;} /* الطبقة العامة لنافذة البحث. */
.rr-site-search.is-open{opacity:1;visibility:visible;} /* إظهار نافذة البحث بعد إضافة كلاس الفتح. */
.rr-site-search-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(27,16,22,.64);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:default;} /* خلفية داكنة زجاجية وراء لوحة البحث. */
.rr-site-search-panel{position:relative;z-index:2;width:min(980px,100%);max-height:calc(100vh - 36px);padding:clamp(24px,4vw,46px);overflow:auto;border:1px solid rgba(255,255,255,.65);border-radius:32px;background:rgba(255,252,250,.98);box-shadow:0 42px 110px rgba(25,12,19,.28);transform:translateY(-22px) scale(.985);transition:transform .35s var(--rr-ease);} /* لوحة البحث الرئيسية. */
.rr-site-search.is-open .rr-site-search-panel{transform:none;} /* تحريك لوحة البحث إلى مكانها عند الفتح. */
.rr-site-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;} /* رأس نافذة البحث. */
.rr-site-search-head span{display:block;margin-bottom:5px;color:var(--rr-rose);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;} /* العنوان الصغير للبحث. */
.rr-site-search-head h2{margin:0;color:var(--rr-ink);font-family:'Playfair Display',serif;font-size:clamp(34px,5vw,58px);font-weight:500;line-height:1;} /* عنوان نافذة البحث. */
html[dir="rtl"] .rr-site-search-head h2{font-family:'Cairo',sans-serif;font-weight:800;} /* خط عنوان البحث العربي. */
.rr-site-search-close{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--rr-border);border-radius:50%;background:#fff;color:var(--rr-ink);font-size:25px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;} /* زر إغلاق نافذة البحث. */
.rr-site-search-close:hover{background:var(--rr-ink);color:#fff;transform:rotate(5deg);} /* حركة زر الإغلاق. */
.rr-site-search-form{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;border:1px solid var(--rr-border-strong);border-radius:999px;background:#fff;box-shadow:0 12px 40px rgba(69,36,52,.06);} /* نموذج البحث البيضاوي. */
.rr-site-search-form>svg{position:absolute;inset-inline-start:20px;width:21px;height:21px;fill:none;stroke:var(--rr-ink);stroke-width:1.7;pointer-events:none;} /* أيقونة العدسة داخل الحقل. */
.rr-site-search-form input{min-width:0;height:62px;padding:0 18px;padding-inline-start:58px;border:0;background:transparent;color:var(--rr-ink);font-size:14px;outline:0;} /* حقل كتابة البحث. */
.rr-site-search-form button{height:48px;margin-inline-end:7px;padding:0 28px;border:0;border-radius:999px;background:var(--rr-ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;} /* زر تنفيذ البحث. */
.rr-site-search-form button:hover{background:var(--rr-rose);} /* حركة زر البحث. */
.rr-site-search-status{min-height:24px;margin:15px 4px 10px;color:var(--rr-muted);font-size:11px;} /* رسالة حالة البحث. */
.rr-site-search-status.is-loading::after{content:"";display:inline-block;width:10px;height:10px;margin-inline-start:8px;border:2px solid var(--rr-border-strong);border-top-color:var(--rr-rose);border-radius:50%;animation:rrSearchSpin .7s linear infinite;} /* مؤشر تحميل صغير أثناء البحث. */
@keyframes rrSearchSpin{to{transform:rotate(360deg);}} /* حركة دوران مؤشر البحث. */
.rr-site-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px;} /* شبكة نتائج البحث الفورية. */
.rr-search-result{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0;padding:10px;border:1px solid transparent;border-radius:18px;background:#fff;color:var(--rr-ink);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;} /* كارت نتيجة البحث. */
.rr-search-result:hover{border-color:var(--rr-border-strong);transform:translateY(-2px);box-shadow:0 14px 34px rgba(71,37,54,.08);} /* حركة كارت النتيجة. */
.rr-search-result-image{display:grid;place-items:center;width:76px;height:86px;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#fff,#f7eef2);} /* حاوية صورة نتيجة البحث. */
.rr-search-result-image img{width:100%;height:100%;padding:8px;object-fit:contain;mix-blend-mode:multiply;} /* صورة المنتج داخل النتيجة. */
.rr-search-result-copy{display:flex;min-width:0;flex-direction:column;gap:3px;} /* محتوى اسم وبيانات نتيجة البحث. */
.rr-search-result-copy b{overflow:hidden;color:var(--rr-ink);font-family:'Playfair Display',serif;font-size:17px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;} /* اسم المنتج داخل النتيجة. */
html[dir="rtl"] .rr-search-result-copy b{font-family:'Cairo',sans-serif;font-weight:700;} /* خط اسم المنتج العربي. */
.rr-search-result-copy small{overflow:hidden;color:var(--rr-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap;} /* التصنيف والألوان داخل النتيجة. */
.rr-search-result-copy em{color:rgba(59,39,49,.45);font-size:9px;font-style:normal;letter-spacing:.08em;} /* كود المنتج والباركود. */
.rr-search-result>strong{color:var(--rr-rose);font-size:12px;white-space:nowrap;} /* سعر المنتج داخل النتيجة. */
.rr-search-empty{grid-column:1/-1;padding:40px 20px;border:1px dashed var(--rr-border-strong);border-radius:18px;color:var(--rr-muted);text-align:center;} /* حالة عدم وجود نتائج. */
.rr-site-search-all{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:18px;border-top:1px solid var(--rr-border);color:var(--rr-ink);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;} /* رابط عرض كل النتائج. */
.rr-site-search-all:hover{color:var(--rr-rose);} /* حركة رابط عرض كل النتائج. */
.mobile-search-link{display:block;width:100%;padding:12px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer;} /* زر البحث داخل قائمة الموبايل بنفس شكل الروابط. */

/* الفوتر الجديد وإزالة المساحة البيضاء أسفله. */
.site-footer.rr-premium-footer{position:relative!important;display:block!important;margin:0!important;padding:clamp(70px,8vw,104px) max(24px,calc((100vw - 1380px)/2)) 0!important;overflow:hidden!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;} /* خلفية الفوتر الجديدة بدون أي فراغ سفلي. */
.site-footer.rr-premium-footer::before{right:-.04em!important;bottom:-.24em!important;color:rgba(255,255,255,.018)!important;} /* جعل كتابة RubyRose الخلفية أكثر هدوءًا. */
.rr-footer-glow{position:absolute;top:-90px;left:36%;width:420px;height:220px;border-radius:50%;background:rgba(185,52,102,.09);filter:blur(70px);pointer-events:none;} /* توهج زخرفي داخل الفوتر. */
.rr-footer-grid{position:relative;z-index:2;grid-template-columns:1.35fr .72fr .9fr 1.18fr!important;gap:clamp(30px,5vw,76px)!important;} /* توزيع أعمدة الفوتر بشكل متوازن. */
.rr-footer-brand{max-width:380px!important;} /* تحديد عرض عمود البراند. */
.rr-footer-logo{display:inline-flex;margin-bottom:18px;} /* ضبط رابط لوجو الفوتر. */
.rr-footer-logo img{max-width:156px!important;margin:0!important;} /* حجم لوجو الفوتر. */
.rr-footer-brand h3{font-size:38px!important;letter-spacing:-.03em!important;} /* تكبير اسم البراند داخل الفوتر. */
.rr-footer-brand p{max-width:330px;color:rgba(255,255,255,.58)!important;font-size:13px!important;} /* تحسين وصف البراند. */
.rr-premium-footer .footer-col h4{position:relative;margin-bottom:24px!important;padding-bottom:12px!important;} /* تحسين عنوان كل عمود. */
.rr-premium-footer .footer-col h4::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:28px;height:1px;background:var(--rr-rose);} /* خط وردي أسفل عنوان العمود. */
.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn){margin:10px 0!important;color:rgba(255,255,255,.62)!important;} /* تنسيق روابط الفوتر العادية. */
.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn):hover{color:#fff!important;} /* حركة روابط الفوتر. */
.rr-footer-contact{min-width:0;} /* منع عمود التواصل من توسيع الصفحة. */
.rr-footer-contact-line{display:flex!important;width:100%!important;flex-direction:column;gap:2px;margin:0 0 14px!important;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff!important;} /* سطر الهاتف أو البريد أو العنوان. */
.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;} /* عنوان وسيلة التواصل. */
.rr-footer-contact-line span{overflow-wrap:anywhere;color:rgba(255,255,255,.72)!important;font-size:12px!important;} /* قيمة وسيلة التواصل. */
.rr-footer-wholesale-card{margin-top:22px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);} /* كارت مبيعات الجملة داخل الفوتر. */
.rr-footer-wholesale-card>span{color:#fff!important;font-family:'Playfair Display',serif;font-size:19px!important;} /* عنوان كارت الجملة. */
.rr-footer-wholesale-card p{margin:6px 0 16px!important;color:rgba(255,255,255,.5)!important;font-size:11px!important;line-height:1.7!important;} /* وصف كارت الجملة. */
.rr-footer-wholesale-card .footer-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:9px 18px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:#fff!important;color:var(--rr-ink)!important;font-size:9px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;} /* زر مبيعات الجملة. */
.rr-footer-wholesale-card .footer-btn:hover{background:var(--rr-rose)!important;border-color:var(--rr-rose)!important;color:#fff!important;} /* حركة زر مبيعات الجملة. */
.rr-premium-footer .footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-top:54px!important;padding:22px 0 24px!important;text-align:start!important;} /* الشريط السفلي للفوتر بدون مساحة بعده. */
.rr-footer-signature{color:rgba(255,255,255,.3);} /* الجملة الختامية داخل الشريط السفلي. */

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

@media(max-width:900px){ /* بداية ضبط الموبايل للتحديث الجديد. */
  .product-detail-single-visual{grid-template-columns:1fr!important;} /* جعل صفحة المنتج عمودًا واحدًا. */
  .product-detail-single-visual .product-main-frame{min-height:520px!important;} /* ارتفاع مناسب لصورة المنتج على الموبايل الكبير. */
  .rr-site-search{padding:12px!important;} /* تقليل المساحة حول نافذة البحث على الموبايل. */
  .rr-site-search-panel{max-height:calc(100vh - 24px);padding:24px;border-radius:24px;} /* ضبط لوحة البحث على الموبايل. */
  .rr-site-search-results{grid-template-columns:1fr;} /* عرض نتائج البحث في عمود واحد. */
  .rr-footer-grid{grid-template-columns:1fr 1fr!important;} /* عرض الفوتر في عمودين على الموبايل الكبير. */
  .rr-footer-brand{grid-column:1/-1!important;max-width:540px!important;} /* جعل البراند بعرض الفوتر. */
  .rr-footer-contact{grid-column:1/-1!important;} /* جعل التواصل بعرض الفوتر. */
} /* نهاية ضبط الموبايل الكبير. */

@media(max-width:560px){ /* بداية ضبط الهواتف الصغيرة للتحديث الجديد. */
  .product-detail-single-visual .product-main-frame{min-height:420px!important;padding:54px 28px!important;} /* تصغير إطار صورة المنتج على الهاتف الصغير. */
  .rr-product-visual-kicker{top:16px;left:16px;} /* موضع شارة الصورة على الهاتف. */
  html[dir="rtl"] .rr-product-visual-kicker{left:auto;right:16px;} /* موضع الشارة بالعربية على الهاتف. */
  .product-detail-single-visual .product-frame-hint{right:16px!important;bottom:16px!important;max-width:calc(100% - 32px)!important;} /* ضبط تلميح الموديل على الهاتف. */
  html[dir="rtl"] .product-detail-single-visual .product-frame-hint{right:auto!important;left:16px!important;} /* موضع التلميح بالعربية. */
  .rr-product-meta-line{gap:8px;} /* تقليل المسافات داخل معلومات المنتج. */
  .rr-product-meta-line>span{min-width:calc(50% - 8px);padding-inline-end:10px;} /* عرض معلومتين في كل صف. */
  .rr-site-search-head h2{font-size:34px;} /* حجم عنوان البحث على الهاتف. */
  .rr-site-search-form{grid-template-columns:1fr;} /* جعل حقل البحث في صف واحد وإخفاء الزر الكبير. */
  .rr-site-search-form input{height:58px;padding-inline-end:48px;} /* ارتفاع حقل البحث على الهاتف. */
  .rr-site-search-form button{display:none;} /* الاعتماد على زر Enter في الهاتف لتوفير المساحة. */
  .rr-search-result{grid-template-columns:62px minmax(0,1fr);gap:11px;} /* تقليل حجم كارت نتيجة البحث. */
  .rr-search-result-image{width:62px;height:72px;} /* تصغير صورة نتيجة البحث. */
  .rr-search-result>strong{grid-column:2;} /* نقل السعر أسفل معلومات المنتج. */
  .rr-footer-grid{grid-template-columns:1fr!important;} /* جعل الفوتر عمودًا واحدًا على الهاتف الصغير. */
  .rr-footer-brand,.rr-footer-contact{grid-column:auto!important;} /* إعادة كل أعمدة الفوتر إلى التدفق الطبيعي. */
  .rr-premium-footer .footer-bottom{flex-direction:column!important;align-items:flex-start!important;margin-top:38px!important;} /* ترتيب حقوق النشر والجملة الختامية رأسيًا. */
} /* نهاية ضبط الهواتف الصغيرة. */
.mobile-nav-panel .mobile-search-link{width:min(420px,100%)!important;padding:11px 18px!important;border:0!important;border-bottom:1px solid var(--rr-border)!important;background:transparent!important;color:var(--rr-ink)!important;font-family:'Playfair Display',serif!important;font-size:clamp(24px,7vw,38px)!important;line-height:1.2!important;text-align:center!important;cursor:pointer!important;} /* جعل زر البحث داخل قائمة الموبايل مطابقًا لباقي روابط القائمة. */
html[dir="rtl"] .mobile-nav-panel .mobile-search-link{font-family:'Cairo','Segoe UI',sans-serif!important;font-weight:700!important;} /* استخدام الخط العربي لزر البحث داخل قائمة الموبايل. */
.mobile-nav-panel .mobile-search-link:hover{color:var(--rr-rose)!important;} /* تغيير لون زر البحث عند المرور عليه. */


/* ===== v10-5-search-glass.css ===== */
/* V10.5 — نافذة بحث زجاجية موحدة ومعزولة عن قواعد الأزرار العامة القديمة. */
html.rr-search-open,html.rr-search-open body{overflow:hidden!important;} /* منع تمرير الصفحة الخلفية أثناء فتح البحث. */
.rr-site-search[hidden]{display:none!important;} /* إخفاء النافذة تمامًا عند إغلاقها. */
.rr-site-search{position:fixed!important;inset:0!important;z-index:2600!important;display:grid!important;place-items:center!important;padding:clamp(16px,4vw,44px)!important;box-sizing:border-box!important;opacity:0!important;visibility:hidden!important;isolation:isolate!important;transition:opacity .24s ease,visibility .24s ease!important;} /* وضع نافذة البحث في منتصف الشاشة داخل طبقة مستقلة. */
.rr-site-search.is-open{opacity:1!important;visibility:visible!important;} /* إظهار النافذة بعد إضافة حالة الفتح. */
.rr-site-search-backdrop,.rr-site-search-backdrop:hover,.rr-site-search-backdrop:active{all:unset!important;position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:rgba(24,12,18,.52)!important;box-shadow:none!important;backdrop-filter:blur(14px) saturate(.92)!important;-webkit-backdrop-filter:blur(14px) saturate(.92)!important;transform:none!important;cursor:pointer!important;} /* إعادة زر الخلفية إلى طبقة مسطحة ومنع تحوله إلى كبسولة زجاجية. */
.rr-site-search-backdrop::before,.rr-site-search-backdrop::after{display:none!important;content:none!important;} /* إلغاء اللمعات الموروثة من قواعد الأزرار العامة. */
.rr-site-search-panel{position:relative!important;z-index:2!important;width:min(920px,100%)!important;max-height:min(760px,calc(100dvh - 32px))!important;padding:clamp(26px,4.2vw,48px)!important;box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:clamp(24px,3vw,36px)!important;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,246,248,.67))!important;box-shadow:0 38px 110px rgba(28,12,20,.34),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(30px) saturate(1.35)!important;-webkit-backdrop-filter:blur(30px) saturate(1.35)!important;transform:translateY(24px) scale(.975)!important;transform-origin:center!important;opacity:0!important;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .26s ease!important;} /* إنشاء الإطار الزجاجي الوحيد الذي يحتوي كل عناصر البحث. */
.rr-site-search-panel::before{position:absolute!important;inset:1px 1px auto 1px!important;height:42%!important;border-radius:inherit!important;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0))!important;content:""!important;pointer-events:none!important;} /* إضافة انعكاس زجاجي هادئ داخل الكارت نفسه. */
.rr-site-search.is-open .rr-site-search-panel{opacity:1!important;transform:none!important;} /* تحريك الكارت إلى مكانه عند الفتح. */
.rr-site-search-head,.rr-site-search-form,.rr-site-search-status,.rr-site-search-results,.rr-site-search-all{position:relative!important;z-index:1!important;} /* إبقاء محتوى البحث فوق الانعكاس الزجاجي. */
.rr-site-search-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;margin:0 0 24px!important;} /* توزيع عنوان البحث وزر الإغلاق داخل الكارت. */
.rr-site-search-head span{display:block!important;margin:0 0 7px!important;color:var(--rr-rose)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.2em!important;text-transform:uppercase!important;} /* تنسيق العنوان الصغير. */
.rr-site-search-head h2{margin:0!important;color:var(--rr-ink)!important;font-family:'Playfair Display',serif!important;font-size:clamp(34px,4.2vw,52px)!important;font-weight:500!important;line-height:1.04!important;letter-spacing:-.025em!important;} /* حجم متزن لعنوان نافذة البحث. */
html[dir="rtl"] .rr-site-search-head h2{font-family:'Cairo',sans-serif!important;font-weight:800!important;letter-spacing:0!important;} /* استخدام الخط العربي الصحيح في الاتجاه العربي. */
.rr-site-search-close,.rr-site-search-close:hover,.rr-site-search-close:active{all:unset!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;box-sizing:border-box!important;border:1px solid rgba(82,48,65,.12)!important;border-radius:50%!important;background:rgba(255,255,255,.56)!important;color:var(--rr-ink)!important;box-shadow:0 10px 30px rgba(46,25,35,.08)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:300!important;line-height:1!important;transform:none!important;cursor:pointer!important;transition:background-color .2s ease,color .2s ease,transform .2s ease!important;} /* عزل زر الإغلاق عن شكل الأزرار الزجاجي العام. */
.rr-site-search-close:hover{background:var(--rr-ink)!important;color:#fff!important;transform:rotate(5deg)!important;} /* حركة بسيطة لزر الإغلاق. */
.rr-site-search-close::before,.rr-site-search-close::after{display:none!important;content:none!important;} /* إزالة اللمعات القديمة من زر الإغلاق. */
.rr-site-search-close:focus-visible{outline:3px solid rgba(185,52,102,.24)!important;outline-offset:3px!important;} /* إظهار تركيز لوحة المفاتيح بوضوح. */
.rr-site-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:66px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:999px!important;background:rgba(255,255,255,.48)!important;box-shadow:inset 0 0 0 1px rgba(87,51,69,.07),0 16px 42px rgba(57,31,44,.09)!important;backdrop-filter:blur(18px) saturate(1.2)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2)!important;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important;} /* وضع حقل البحث وزره داخل نفس الإطار الزجاجي. */
.rr-site-search-form:focus-within{border-color:rgba(185,52,102,.34)!important;background:rgba(255,255,255,.68)!important;box-shadow:inset 0 0 0 1px rgba(185,52,102,.1),0 18px 46px rgba(57,31,44,.12)!important;} /* إبراز الإطار عند الكتابة. */
.rr-site-search-form>svg{position:absolute!important;inset-inline-start:22px!important;top:50%!important;width:22px!important;height:22px!important;fill:none!important;stroke:var(--rr-ink)!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:translateY(-50%)!important;pointer-events:none!important;} /* تثبيت العدسة داخل حقل البحث. */
.rr-site-search-form input{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-width:0!important;height:64px!important;padding:0 20px!important;padding-inline-start:60px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--rr-ink)!important;font:500 14px/1.3 'Jost',sans-serif!important;outline:0!important;box-shadow:none!important;} /* جعل الإدخال جزءًا حقيقيًا من الإطار الزجاجي. */
html[dir="rtl"] .rr-site-search-form input{font-family:'Cairo',sans-serif!important;} /* خط عربي متناسق داخل حقل البحث. */
.rr-site-search-form input::placeholder{color:rgba(65,43,54,.56)!important;opacity:1!important;} /* تحسين وضوح النص الإرشادي. */
.rr-site-search-form button,.rr-site-search-form button:hover,.rr-site-search-form button:active{all:unset!important;display:inline-grid!important;place-items:center!important;min-width:116px!important;height:50px!important;margin-inline-end:7px!important;padding:0 24px!important;box-sizing:border-box!important;border:1px solid rgba(65,38,51,.12)!important;border-radius:999px!important;background:var(--rr-ink)!important;color:#fff!important;box-shadow:0 10px 24px rgba(39,20,29,.16)!important;font:700 10px/1 'Jost',sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;transform:none!important;cursor:pointer!important;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important;} /* عزل زر البحث وإبقاؤه داخل الكبسولة الزجاجية. */
html[dir="rtl"] .rr-site-search-form button{font-family:'Cairo',sans-serif!important;letter-spacing:0!important;} /* خط زر البحث بالعربية. */
.rr-site-search-form button:hover{background:var(--rr-rose)!important;transform:translateY(-1px)!important;box-shadow:0 13px 28px rgba(185,52,102,.23)!important;} /* حركة زر البحث داخل الإطار. */
.rr-site-search-form button::before,.rr-site-search-form button::after{display:none!important;content:none!important;} /* إزالة اللمعات الموروثة من زر البحث. */
.rr-site-search-form button:focus-visible{outline:3px solid rgba(185,52,102,.24)!important;outline-offset:2px!important;} /* إبراز تركيز زر البحث. */
.rr-site-search-status{min-height:22px!important;margin:14px 5px 8px!important;color:rgba(65,43,54,.63)!important;font-size:11px!important;} /* تنسيق رسالة حالة البحث داخل الكارت. */
.rr-site-search-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:8px!important;} /* شبكة النتائج داخل الإطار الزجاجي. */
.rr-search-result{border:1px solid rgba(255,255,255,.74)!important;background:rgba(255,255,255,.54)!important;box-shadow:0 9px 26px rgba(58,31,44,.055)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;} /* جعل كروت النتائج جزءًا بصريًا من الإطار الزجاجي. */
.rr-search-result:hover{border-color:rgba(185,52,102,.23)!important;background:rgba(255,255,255,.75)!important;} /* تحسين تفاعل نتيجة البحث. */
.rr-site-search-all{min-height:50px!important;margin-top:18px!important;border-top:1px solid rgba(82,48,65,.12)!important;} /* فصل رابط جميع المنتجات بخط هادئ داخل الكارت. */
@media(max-width:760px){.rr-site-search{place-items:start center!important;padding:12px!important;}.rr-site-search-panel{width:100%!important;max-height:calc(100dvh - 24px)!important;padding:24px 18px!important;border-radius:25px!important;}.rr-site-search-head{gap:14px!important;margin-bottom:20px!important;}.rr-site-search-head h2{font-size:clamp(30px,10vw,40px)!important;}.rr-site-search-results{grid-template-columns:1fr!important;}.rr-site-search-form{grid-template-columns:minmax(0,1fr)!important;min-height:60px!important;}.rr-site-search-form input{height:58px!important;padding-inline-end:54px!important;}.rr-site-search-form button{display:none!important;}.rr-site-search-close,.rr-site-search-close:hover,.rr-site-search-close:active{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:23px!important;}} /* جعل نافذة البحث مريحة على الهواتف بدون ازدحام. */
@media(max-width:380px){.rr-site-search-panel{padding:21px 14px!important;}.rr-site-search-head h2{font-size:29px!important;}.rr-site-search-form>svg{inset-inline-start:18px!important;width:20px!important;height:20px!important;}.rr-site-search-form input{padding-inline-start:52px!important;font-size:13px!important;}} /* ضبط الشاشات الصغيرة جدًا. */
@media(prefers-reduced-motion:reduce){.rr-site-search,.rr-site-search-panel,.rr-site-search-close,.rr-site-search-form,.rr-site-search-form button{transition:none!important;}} /* احترام إعداد تقليل الحركة. */


/* ===== v10-6-home-categories.css ===== */
/* RubyRose V10.6: قسم Shop By Category مباشرة بعد السلايدر بنفس التكوين المرجعي. */
html body .rr-home-category-showcase{position:relative!important;isolation:isolate!important;width:100%!important;margin:0!important;padding:34px 0 44px!important;background:#fbf8f6;overflow:hidden!important;} /* خلفية القسم ومسافته الخارجية. */
html body .rr-home-category-showcase>.rr-sec-bg-img{z-index:-1!important;} /* إبقاء خلفية القسم المخصصة خلف المحتوى. */
html body .rr-home-category-inner{width:min(1180px,calc(100% - 44px))!important;margin:0 auto!important;} /* محاذاة القسم مع محتوى المتجر. */
html body .rr-home-category-heading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:0 0 24px!important;text-align:center!important;} /* عنوان القسم في المنتصف. */
html body .rr-home-category-heading h2{margin:0!important;color:#332326!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(24px,2.25vw,31px)!important;font-weight:500!important;line-height:1.16!important;letter-spacing:.025em!important;text-transform:uppercase!important;} /* شكل عنوان Shop By Category. */
html body .rr-home-category-heading>span{display:block!important;width:38px!important;height:1px!important;margin-top:11px!important;background:#a46b77!important;} /* الخط الزخرفي الصغير أسفل العنوان. */
html body .rr-home-category-rail{display:flex!important;align-items:stretch!important;justify-content:center!important;gap:14px!important;width:100%!important;} /* صف التصنيفات الخمسة. */
html body .rr-home-category-card{display:flex!important;flex:1 1 0!important;flex-direction:column!important;min-width:0!important;max-width:224px!important;color:#2b2022!important;text-decoration:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;scroll-snap-align:start!important;} /* بطاقة التصنيف بدون إطار أو Overlay. */
html body .rr-home-category-media{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1.72/1!important;overflow:hidden!important;background:#ead8d5!important;} /* إطار صورة التصنيف العريض. */
html body .rr-home-category-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1)!important;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .35s ease!important;} /* صورة التصنيف. */
html body .rr-home-category-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:55px!important;padding:10px 0 0!important;text-align:start!important;} /* النص أسفل الصورة مثل المرجع. */
html body .rr-home-category-content b{display:block!important;width:100%!important;margin:0!important;color:#332326!important;font-family:'Jost','Cairo',sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.025em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} /* اسم التصنيف. */
html body .rr-home-category-content small{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-top:4px!important;color:#6d555a!important;font-family:'Jost','Cairo',sans-serif!important;font-size:8px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:.09em!important;text-transform:uppercase!important;} /* رابط Shop Now الصغير. */
html body .rr-home-category-content small span{display:inline-block!important;font-size:10px!important;line-height:1!important;transition:transform .25s ease!important;} /* سهم رابط التصنيف. */
html body .rr-home-category-card:hover .rr-home-category-media img,html body .rr-home-category-card:focus-visible .rr-home-category-media img{transform:scale(1.045)!important;filter:saturate(1.04)!important;} /* حركة هادئة عند الوقوف. */
html body .rr-home-category-card:hover .rr-home-category-content small span,html body .rr-home-category-card:focus-visible .rr-home-category-content small span{transform:translateX(3px)!important;} /* تحريك السهم بشكل بسيط. */
html[dir="rtl"] body .rr-home-category-content small span{transform:scaleX(-1)!important;} /* عكس اتجاه السهم في العربية. */
html[dir="rtl"] body .rr-home-category-card:hover .rr-home-category-content small span,html[dir="rtl"] body .rr-home-category-card:focus-visible .rr-home-category-content small span{transform:scaleX(-1) translateX(3px)!important;} /* حركة السهم المناسبة للعربية. */
html body .rr-home-category-card:focus-visible{outline:2px solid #8d2035!important;outline-offset:5px!important;} /* إظهار التركيز عند استخدام لوحة المفاتيح. */
@media(max-width:1024px){html body .rr-home-category-inner{width:min(100% - 32px,920px)!important;}html body .rr-home-category-rail{justify-content:flex-start!important;gap:12px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:0 0 6px!important;}html body .rr-home-category-rail::-webkit-scrollbar{display:none!important;}html body .rr-home-category-card{flex:0 0:clamp(205px,28vw,250px)!important;max-width:none!important;}} /* تحويل الصف إلى سحب أفقي على التابلت. */
@media(max-width:640px){html body .rr-home-category-showcase{padding:28px 0 34px!important;}html body .rr-home-category-inner{width:100%!important;}html body .rr-home-category-heading{margin-bottom:19px!important;padding-inline:20px!important;}html body .rr-home-category-heading h2{font-size:23px!important;}html body .rr-home-category-heading>span{width:34px!important;margin-top:9px!important;}html body .rr-home-category-rail{gap:10px!important;padding-inline:16px!important;scroll-padding-inline:16px!important;}html body .rr-home-category-card{flex-basis:min(76vw,280px)!important;}html body .rr-home-category-media{aspect-ratio:1.7/1!important;}html body .rr-home-category-content{min-height:51px!important;padding-top:9px!important;}html body .rr-home-category-content b{font-size:10.5px!important;}html body .rr-home-category-content small{font-size:8px!important;}} /* ضبط الموبايل ليظهر جزء من البطاقة التالية كإشارة للسحب. */
@media(prefers-reduced-motion:reduce){html body .rr-home-category-media img,html body .rr-home-category-content small span{transition:none!important;}} /* احترام إعداد تقليل الحركة. */


/* ===== v10-9-style-consolidation.css ===== */
/* ========================================================================== */
/* 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;} /* إعادة الأعمدة إلى التدفق الطبيعي. */
} /* نهاية استجابة الفوتر على الهاتف الصغير. */


/* ===== v10-10-footer-no-gap-i18n.css ===== */
/* ========================================================================== */
/* RubyRose V10.10 — إنهاء الصفحة عند الفوتر ومنع ظهور أي خلفية بيضاء تحته. */
/* ========================================================================== */
html{min-height:100%!important;margin:0!important;padding:0!important;background:#151015!important;} /* جعل خلفية جذر المستند بنفس اللون النهائي للفوتر. */
body.biagiotti-style{display:flex!important;min-height:100vh!important;min-height:100svh!important;min-height:100dvh!important;margin:0!important;padding:0!important;flex-direction:column!important;background:#151015!important;overflow-x:clip!important;} /* استخدام خلفية داكنة خلف كامل تدفق الصفحة حتى لا يظهر الأبيض لو زاد ارتفاع نافذة العرض. */
body.biagiotti-style>main{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding-bottom:0!important;flex:1 0 auto!important;background:var(--rr-cream,#fffaf7)!important;} /* إبقاء خلفية المحتوى فاتحة مع ملء المساحة المتاحة قبل الفوتر. */
body.biagiotti-style>main>:last-child{margin-bottom:0!important;} /* منع آخر عنصر في المحتوى من دفع مساحة خارجية بعده. */
body.biagiotti-style>footer.site-footer.rr-premium-footer{display:block!important;width:100%!important;margin:0!important;margin-top:0!important;margin-bottom:0!important;padding-bottom:max(26px,env(safe-area-inset-bottom))!important;align-self:stretch!important;flex:0 0 auto!important;background-color:#151015!important;background-clip:border-box!important;box-sizing:border-box!important;} /* تثبيت الفوتر كآخر كتلة كاملة بعرض الصفحة مع مساحة داخلية داكنة في الأسفل. */
body.biagiotti-style>footer.site-footer.rr-premium-footer .footer-bottom{margin-bottom:0!important;padding-bottom:0!important;} /* منع شريط الحقوق من إنشاء مساحة خارجية أسفل الفوتر. */
body.biagiotti-style>footer.site-footer.rr-premium-footer+div.chatbot{position:fixed!important;margin:0!important;} /* إخراج الشات بوت نهائيًا من تدفق الصفحة بعد الفوتر. */
body.biagiotti-style>script{display:none!important;} /* التأكيد أن ملفات JavaScript بعد الفوتر لا تشارك في تخطيط Flex. */
@supports not (overflow:clip){body.biagiotti-style{overflow-x:hidden!important;}} /* بديل للمتصفحات القديمة التي لا تدعم overflow clip. */


/* ===== v10-11-section-background-decor.css ===== */
/* ========================================================================== */
/* RubyRose V10.11 — Full-width section backgrounds + dynamic decorations     */
/* ========================================================================== */

/* يجعل الغلاف الخارجي للقسم بعرض الشاشة بالكامل بدل حصر اللون داخل الحاوية. */
html body main > .section.rr-bg-section,
html body main > .rr-home-category-showcase.rr-bg-section,
html body main > .rr-home-image-slider.rr-bg-section{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:hidden!important;
}

/* إلغاء الحشو الأفقي من الغلاف فقط، مع بقاء المحتوى داخل حاويته الداخلية. */
html body main > .section.rr-bg-section{
  padding-inline:0!important;
}

/* حاوية موحدة تعيد المحتوى إلى العرض الاحترافي بعد توسيع لون الخلفية. */
html body .rr-section-content-wrap,
html body .rr-home-offer-section > .rr-home-offer-card,
html body .home-tabs-section > .home-tabs{
  position:relative!important;
  z-index:3!important;
  width:var(--rr-container)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
}

/* تثبيت عرض محتوى الأقسام المخصصة داخل الخلفية الممتدة. */
html body .rr-dyn-section > .rr-dyn-split{
  position:relative!important;
  z-index:3!important;
  width:var(--rr-container)!important;
  max-width:1200px!important;
  margin-inline:auto!important;
}

/* إبقاء قسم العرض الكامل ممتدًا مع حماية محتواه من طبقة الأشكال. */
html body .rr-dyn-section > .rr-dyn-full{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
}

/* طبقة صورة الخلفية تغطي كامل الغلاف الخارجي للقسم. */
html body .rr-bg-section > .rr-sec-bg-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
}

/* طبقة الأشكال مستقلة عن تدفق الصفحة حتى لا تغير ارتفاع السيكشن. */
html body .rr-bg-section > .rr-section-decor{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  contain:layout paint!important;
}

/* جميع عناصر المحتوى الفعلية تظهر فوق الخلفية والأشكال. */
html body .rr-bg-section > *:not(.rr-sec-bg-img):not(.rr-section-decor):not(.rr-section-bg-swatch):not(.rr-home-slide):not(.rr-home-slider-arrow):not(.rr-home-slider-dots){
  position:relative!important;
  z-index:3!important;
}

/* السلايدر يضع الأشكال داخل كل شريحة بين الصورة والنص حتى لا تغطي العنوان. */
html body .rr-home-image-slider .rr-home-slide > .rr-section-decor{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  mix-blend-mode:soft-light!important;
}
html body .rr-home-image-slider .rr-home-slide > .rr-home-default-content{z-index:20!important;}
html body .rr-home-image-slider.rr-bg-section .rr-home-slider-arrow,
html body .rr-home-image-slider.rr-bg-section .rr-home-slider-dots{
  z-index:20!important;
}

/* الشكل الأساسي وموضعه وحركته يتمان من متغيرات يولدها PHP لكل قسم. */
.rr-decor-shape{
  position:absolute!important;
  left:var(--rr-x)!important;
  top:var(--rr-y)!important;
  display:block!important;
  width:var(--rr-size)!important;
  height:var(--rr-size)!important;
  margin:var(--rr-half-size) 0 0 var(--rr-half-size)!important;
  opacity:0;
  filter:blur(var(--rr-blur));
  transform:translate3d(0,0,0) rotate(var(--rr-rotation)) scale(.35);
  transform-origin:center;
  will-change:transform,opacity;
  animation-duration:var(--rr-duration);
  animation-delay:var(--rr-delay);
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-fill-mode:both;
}

/* دائرة ناعمة مناسبة لخلفيات مستحضرات التجميل. */
.rr-shape-circle{
  border-radius:50%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.78),var(--rr-shape-color) 48%,transparent 74%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 18px 45px rgba(71,24,48,.06);
}

/* لطخة عضوية متغيرة الحدود. */
.rr-shape-blob{
  border-radius:58% 42% 66% 34% / 45% 63% 37% 55%;
  background:linear-gradient(145deg,var(--rr-shape-color),rgba(255,255,255,.38));
  box-shadow:inset 0 0 30px rgba(255,255,255,.24);
}

/* بتلة تجميل رقيقة. */
.rr-shape-petal{
  border-radius:75% 15% 75% 15% / 72% 20% 72% 20%;
  background:linear-gradient(135deg,rgba(255,255,255,.55),var(--rr-shape-color));
  box-shadow:0 14px 32px rgba(92,31,61,.07);
}

/* لمعة رباعية بدون صورة خارجية. */
.rr-shape-sparkle{
  background:transparent;
  filter:drop-shadow(0 5px 10px rgba(102,34,69,.08));
}
.rr-shape-sparkle::before,
.rr-shape-sparkle::after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:14%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(to bottom,transparent,var(--rr-shape-color),transparent);
}
.rr-shape-sparkle::after{
  transform:rotate(90deg);
}

/* ثلاث مسارات حركة مختلفة حتى لا تتحرك الأشكال بنفس الإيقاع. */
.rr-motion-1{animation-name:rrDecorDriftOne;}
.rr-motion-2{animation-name:rrDecorDriftTwo;}
.rr-motion-3{animation-name:rrDecorDriftThree;}

/* ظهور واختفاء مع حركة رأسية وأفقية هادئة. */
@keyframes rrDecorDriftOne{
  0%,100%{opacity:0;transform:translate3d(0,20px,0) rotate(var(--rr-rotation)) scale(.35);}
  18%{opacity:var(--rr-decor-opacity);}
  48%{opacity:var(--rr-decor-opacity);transform:translate3d(var(--rr-drift-x),var(--rr-drift-y),0) rotate(calc(var(--rr-rotation) + 70deg)) scale(1);}
  78%{opacity:var(--rr-decor-opacity);transform:translate3d(var(--rr-drift-x2),var(--rr-drift-y2),0) rotate(calc(var(--rr-rotation) + 145deg)) scale(.82);}
}
@keyframes rrDecorDriftTwo{
  0%,100%{opacity:0;transform:translate3d(18px,0,0) rotate(var(--rr-rotation)) scale(.25);}
  22%{opacity:var(--rr-decor-opacity);}
  55%{opacity:var(--rr-decor-opacity);transform:translate3d(var(--rr-drift-x2),var(--rr-drift-y),0) rotate(calc(var(--rr-rotation) - 95deg)) scale(1.08);}
  82%{opacity:var(--rr-decor-opacity);transform:translate3d(var(--rr-drift-x),var(--rr-drift-y2),0) rotate(calc(var(--rr-rotation) - 165deg)) scale(.68);}
}
@keyframes rrDecorDriftThree{
  0%,100%{opacity:0;transform:translate3d(-12px,24px,0) rotate(var(--rr-rotation)) scale(.42);}
  16%{opacity:var(--rr-decor-opacity);}
  42%{opacity:var(--rr-decor-opacity);transform:translate3d(var(--rr-drift-x2),var(--rr-drift-y2),0) rotate(calc(var(--rr-rotation) + 110deg)) scale(.9);}
  70%{opacity:var(--rr-decor-opacity);transform:translate3d(var(--rr-drift-x),var(--rr-drift-y),0) rotate(calc(var(--rr-rotation) + 210deg)) scale(1.12);}
}

/* حماية الأداء والوصول عند طلب تقليل الحركة من نظام المستخدم. */
@media(prefers-reduced-motion:reduce){
  .rr-decor-shape{
    animation:none!important;
    opacity:var(--rr-decor-opacity)!important;
    transform:rotate(var(--rr-rotation)) scale(.82)!important;
  }
}

/* تقليل عدد العناصر الظاهرة بصريًا وحجمها على الهاتف مع بقاء الإعداد محفوظًا. */
@media(max-width:760px){
  html body .rr-section-content-wrap,
  html body .rr-home-offer-section > .rr-home-offer-card,
  html body .home-tabs-section > .home-tabs,
  html body .rr-dyn-section > .rr-dyn-split{
    width:min(100% - 28px,1380px)!important;
  }
  .rr-section-decor .rr-decor-shape:nth-child(n+13){display:none!important;}
  .rr-decor-shape{max-width:120px!important;max-height:120px!important;}
}


/* ===== v10-12-slider-layer-order-fix.css ===== */
/* ========================================================================== */
/* RubyRose V10.12 — Slider layer order repair                                */
/* ========================================================================== */

/* يعيد كل شريحة إلى التموضع المطلق؛ لأن قاعدة الأقسام القديمة كانت تحولها إلى relative فتختفي الصورة والنص. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

/* يخفي الشرائح غير النشطة مع إبقائها داخل نفس الإطار حتى يعمل الانتقال بدون فراغ لوني. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide:not(.is-active):not(.is-prev):not(.is-next){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* يرفع الشريحة النشطة فوق لون السيكشن وصورة الخلفية والأشكال الديناميكية. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{
  z-index:6!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* يحافظ على الشرائح المتحركة أثناء الانتقال فوق الخلفية دون تغطية الشريحة النشطة بشكل دائم. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-next{
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}

/* يضع صورة خلفية السيكشن الإدارية خلف السلايدر فقط. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-sec-bg-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
}

/* يضع الأشكال الديناميكية فوق لون الخلفية وتحت صور ونصوص السلايدر حتى لا تحجب المحتوى. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-section-decor{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

/* يضمن ظهور صورة كل شريحة وعدم تأثرها بلون السيكشن أو Opacity طبقات الخلفية. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
}

/* يضع طبقة قراءة النص فوق الصورة وتحت المحتوى التفاعلي. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide::before,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide::after{
  z-index:2!important;
  pointer-events:none!important;
}

/* يرفع عنوان السلايدر والوصف والزر فوق الصورة والطبقات اللونية. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > .rr-home-default-content,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > .rr-home-elements-layer{
  position:absolute!important;
  z-index:8!important;
}

/* يثبت الأسهم والنقاط كأعلى عناصر السلايدر بعد إصلاح ترتيب الطبقات. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slider-arrow,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slider-dots{
  position:absolute!important;
  z-index:12!important;
}

/* يمنع لون السيكشن من التحول إلى طبقة أمامية ويحتفظ به كخلفية فقط. */
html body main > .rr-home-image-slider.rr-bg-section{
  isolation:isolate!important;
  background-clip:border-box!important;
}


/* ===== v10-12-soft-ui-feedback-fix.css ===== */
/* ========================================================================== */
/* RubyRose V10.12 — Soft UI feedback fix: logo, decor, category mobile, hover */
/* ========================================================================== */

/* تقليل الأشكال العشوائية داخل كل سيكشن حتى تكون ناعمة وغير مزعجة بصريًا. */
html body .rr-bg-section > .rr-section-decor{
  --rr-decor-opacity:.075!important;
  opacity:.55!important;
  mix-blend-mode:normal!important;
}

/* إظهار عدد أقل من الأشكال بدل الزحمة، مع الاحتفاظ بإمكانية التحكم من الإدارة لاحقًا. */
html body .rr-section-decor .rr-decor-shape:nth-child(n+7){
  display:none!important;
}

/* جعل الأشكال أصغر وأنعم، خصوصًا في أقسام المنتجات والتصنيفات. */
html body .rr-decor-shape{
  max-width:132px!important;
  max-height:132px!important;
  filter:blur(1.8px) saturate(.88)!important;
}

/* إخفاء الزخارف تمامًا فوق السلايدر حتى لا تغطي الصور أو الكتابة. */
html body .rr-home-image-slider .rr-section-decor,
html body .rr-home-pro-slider .rr-section-decor{
  display:none!important;
}

/* تقليل السواتشات/الطرطشة القديمة في الأقسام العامة. */
html body .rr-sec-swatch{
  opacity:0!important;
  --rr-op:.12!important;
  filter:blur(.4px) saturate(.9)!important;
}

/* إخفاء السواتشات داخل أقسام المنتجات والتصنيفات لأنها كانت تزحم الكروت. */
html body .shopping-section .rr-sec-swatch,
html body .rr-home-category-showcase .rr-sec-swatch,
html body .categories-showcase .rr-sec-swatch{
  display:none!important;
}

/* تصغير كلمة RubyRose في الهيدر حتى لا تسيطر على المساحة. */
html header.site-header.biagiotti-header .brand-logo-text,
html header.site-header.biagiotti-header.is-scrolled .brand-logo-text,
body:not(.page-index) header.site-header.biagiotti-header .brand-logo-text{
  font-size:clamp(19px,1.75vw,28px)!important;
  line-height:1.05!important;
  letter-spacing:-.55px!important;
  font-weight:800!important;
}

/* تصغير صورة اللوجو في الهيدر لو المستخدم رفع صورة بدل النص. */
html header.site-header.biagiotti-header .rr-logo-header,
html header.site-header.biagiotti-header .centered-brand .rr-site-logo{
  max-height:36px!important;
  width:auto!important;
  object-fit:contain!important;
}

/* الحفاظ على مسافات مريحة حول اللوجو بعد تصغيره. */
html header.site-header.biagiotti-header .centered-brand{
  padding-inline:clamp(10px,1.35vw,20px)!important;
}

/* جعل تصنيفات الصفحة الرئيسية أقصر وأكثر وضوحًا مثل المرجع، بدل كارت كبير جدًا. */
html body .rr-home-category-showcase{
  padding:26px 0 34px!important;
}

/* ضبط حاوية التصنيفات وتخفيف المسافة بين الكروت. */
html body .rr-home-category-rail{
  gap:12px!important;
}

/* حجم أنيق للتصنيف على الديسكتوب. */
html body .rr-home-category-card{
  max-width:196px!important;
}

/* صورة التصنيف تكون واضحة وقصيرة نسبيًا. */
html body .rr-home-category-media{
  aspect-ratio:1.55/1!important;
  border-radius:18px!important;
}

/* اسم التصنيف واضح ومختصر. */
html body .rr-home-category-content b{
  font-size:10.5px!important;
  letter-spacing:.035em!important;
}

/* حركة التصنيف على الهوفر أخف وأنعم. */
html body .rr-home-category-card:hover .rr-home-category-media img,
html body .rr-home-category-card:focus-visible .rr-home-category-media img{
  transform:scale(1.025)!important;
  filter:saturate(1.02)!important;
}

/* إصلاح خطأ flex القديم على التابلت والموبايل وجعل أكثر من تصنيف ظاهر على الشاشة. */
@media(max-width:1024px){
  html body .rr-home-category-rail{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding-inline:18px!important;
    scroll-padding-inline:18px!important;
  }
  html body .rr-home-category-card{
    flex:0 0 clamp(170px,28vw,218px)!important;
    max-width:none!important;
  }
}

/* الموبايل: ظهور تصنيفين وجزء من الثالث بدل كارت واحد ضخم. */
@media(max-width:640px){
  html body .rr-home-category-inner{
    width:100%!important;
  }
  html body .rr-home-category-rail{
    gap:10px!important;
    padding-inline:14px!important;
    scroll-padding-inline:14px!important;
  }
  html body .rr-home-category-card{
    flex:0 0 clamp(136px,42vw,172px)!important;
  }
  html body .rr-home-category-media{
    aspect-ratio:1.12/1!important;
    border-radius:16px!important;
  }
  html body .rr-home-category-content{
    min-height:38px!important;
    padding-top:7px!important;
  }
  html body .rr-home-category-content b{
    font-size:9.8px!important;
  }
  html body .rr-home-category-content small{
    display:none!important;
  }
}

/* كارت المنتج: حركة دخول وهوفر ناعمة بلا قفز. */
html body .shop-product-card{
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease!important;
}

/* رفع بسيط للكارت فقط عند الوقوف. */
html body .shop-product-card:hover{
  transform:translateY(-4px)!important;
}

/* منطقة الصورة تصبح أهدأ وتسمح بتبديل الصورة بسلاسة. */
html body .shop-card-media{
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fff8fb 100%)!important;
}

/* الصورة الأساسية لا تختفي بعنف، بل تصبح خفيفة أثناء ظهور صورة الهوفر. */
html body .shop-product-card:hover .shop-card-img-main{
  opacity:.16!important;
  transform:scale(.985)!important;
}

/* صورة الهوفر تظهر بنعومة من أسفل بسيط، مثل showcase هادئ. */
html body .shop-card-img-hover{
  opacity:0!important;
  transform:translateY(10px) scale(.985)!important;
}

/* تفعيل صورة الهوفر عند الوقوف فقط. */
html body .shop-product-card:hover .shop-card-img-hover{
  opacity:1!important;
  transform:translateY(0) scale(1.015)!important;
}

/* تقليل صورة الموديل الصغيرة حتى لا تزحم كارت المنتج. */
html body .shop-model-peek{
  width:58px!important;
  height:74px!important;
  border-radius:16px!important;
  opacity:0!important;
}

/* على الموبايل لا يوجد hover حقيقي، لذلك نثبت الصورة الأساسية ونخفي صور الهوفر والموديل لتجنب اللخبطة. */
@media(hover:none), (max-width:760px){
  html body .shop-product-card:hover{
    transform:none!important;
  }
  html body .shop-product-card:hover .shop-card-img-main,
  html body .shop-card-img-main{
    opacity:1!important;
    transform:none!important;
  }
  html body .shop-card-img-hover,
  html body .shop-model-peek,
  html body .product-share-row{
    display:none!important;
  }
}

/* الفيديوهات داخل أي قسم مخصص تكون متجاوبة ولا تخرج من الشاشة. */
html body .rr-dyn-section iframe,
html body .rr-dyn-section video,
html body .rr-dyn-section .rr-video-frame{
  max-width:100%!important;
  width:100%!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 20px 60px rgba(50,18,34,.10)!important;
}

/* الموبايل: تقليل الزخارف لأقصى درجة داخل الأقسام. */
@media(max-width:760px){
  html body .rr-bg-section > .rr-section-decor{
    --rr-decor-opacity:.035!important;
    opacity:.32!important;
  }
  html body .rr-section-decor .rr-decor-shape:nth-child(n+3){
    display:none!important;
  }
  html body .rr-decor-shape{
    max-width:82px!important;
    max-height:82px!important;
  }
  html header.site-header.biagiotti-header .brand-logo-text,
  html header.site-header.biagiotti-header.is-scrolled .brand-logo-text,
  body:not(.page-index) header.site-header.biagiotti-header .brand-logo-text{
    font-size:19px!important;
    letter-spacing:-.35px!important;
  }
  html header.site-header.biagiotti-header .rr-logo-header,
  html header.site-header.biagiotti-header .centered-brand .rr-site-logo{
    max-height:30px!important;
  }
}

/* احترام المستخدم الذي يفضل تقليل الحركة. */
@media(prefers-reduced-motion:reduce){
  html body .rr-decor-shape,
  html body .rr-sec-swatch,
  html body .shop-card-img,
  html body .rr-home-category-media img{
    animation:none!important;
    transition:none!important;
  }
}


/* ===== v10-13-requested-refinements.css ===== */
/* ========================================================================== */
/* RubyRose V10.13 — Language, slider, categories, swatches, footer, fonts      */
/* ========================================================================== */

html body{font-family:var(--rr-body-font,"Jost"),"Cairo",Arial,sans-serif!important;} /* تطبيق خط النص الأساسي المختار من الإدارة على الموقع كله */
html body h1,html body h2,html body h3,html body .rr-home-default-content h1,html body .section-heading h2{font-family:var(--rr-heading-font,"Playfair Display"),Georgia,serif!important;} /* تطبيق خط العناوين المختار من الإدارة */

/* اللغة من الهيدر فقط */
html body .mobile-lang-row,html body .lang-modal{display:none!important;} /* إخفاء أي اختيار لغة داخل المنيو أو نافذة أول زيارة */
html body header.site-header.biagiotti-header .rr-header-lang-only{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;} /* شكل AR / EN بجانب الحساب */
html body header.site-header.biagiotti-header .rr-header-lang-only a{min-width:auto!important;padding:0 2px!important;border:0!important;background:transparent!important;color:var(--rr-header-text,#2e1f28)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;text-decoration:none!important;opacity:.45!important;} /* رابط لغة غير نشط */
html body header.site-header.biagiotti-header .rr-header-lang-only a.active{opacity:1!important;color:#e0177a!important;} /* اللغة النشطة */
html body header.site-header.biagiotti-header .rr-header-lang-only span{font-size:12px!important;color:rgba(60,35,45,.35)!important;} /* فاصل اللغة */

/* أيقونات الهيدر بلا هوامش/إطارات، مع بادج واضح للعربة */
html body header.site-header.biagiotti-header .rr-search-btn,
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{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important;outline:0!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{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;color:#e0177a!important;} /* هوفر نظيف بدون إطار */
html body header.site-header.biagiotti-header .cart-badge,
html body header.site-header.biagiotti-header .cart-badge-floating{position:absolute!important;top:1px!important;inset-inline-end:0!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#e0177a!important;color:#fff!important;border:2px solid #fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 18px rgba(224,23,122,.32)!important;z-index:5!important;} /* بادج العربة واضح فوق الأيقونة */

/* السلايدر: صورة كاملة، اتجاه واحد، حركة أبطأ، نص ناعم */
html body main > .rr-home-image-slider.rr-home-pro-slider{height:clamp(560px,78vh,860px)!important;background:#fff!important;overflow:hidden!important;} /* إطار السلايدر بخلفية بيضاء عند احتواء الصورة */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{transform:translateX(100%)!important;transition:transform 1.35s cubic-bezier(.16,1,.3,1),opacity 1.05s ease,visibility 1.05s ease!important;} /* كل الشرائح تبدأ من اتجاه واحد حتى في العربي */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;} /* السلايد النشط في المنتصف */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev{transform:translateX(-100%)!important;opacity:1!important;visibility:visible!important;} /* خروج السلايد القديم في اتجاه ثابت */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-next{transform:translateX(100%)!important;opacity:1!important;visibility:visible!important;} /* دخول السلايد الجديد من اتجاه ثابت */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{transform:translateX(100%)!important;} /* منع انقلاب اتجاه السلايدر في العربية */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{transform:translateX(0)!important;} /* تثبيت العربي */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev{transform:translateX(-100%)!important;} /* خروج ثابت في العربي */
html body .rr-slide-picture{display:block!important;width:100%!important;height:100%!important;background:#fff!important;} /* عنصر picture بكامل مساحة السلايد */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > img,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > picture > img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important;filter:none!important;-webkit-filter:none!important;transform:none!important;} /* عرض صورة السلايدر كاملة بدون قص */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text{opacity:0!important;transform:translateY(22px)!important;filter:blur(8px)!important;transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .9s ease!important;} /* بداية النص بنعومة */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text.is-visible{opacity:1!important;transform:translateY(0)!important;filter:blur(0)!important;} /* ظهور النص بدون كتابة سريعة */
html body .rr-home-pro-slider .rr-home-default-content .btn{opacity:0!important;transform:translateY(18px)!important;transition:opacity .85s ease,transform .95s cubic-bezier(.16,1,.3,1),box-shadow .3s ease!important;} /* بداية زر السلايدر */
html body .rr-home-pro-slider .rr-home-default-content .btn.is-visible{opacity:1!important;transform:translateY(0)!important;} /* ظهور الزر */
html body .rr-home-pro-slider .rr-home-slide:after{background:linear-gradient(100deg,rgba(15,6,11,.38) 0%,rgba(15,6,11,.15) 24%,transparent 44%)!important;} /* تدرج خفيف لا يخفي الصورة */
html[dir="rtl"] body .rr-home-pro-slider .rr-home-slide:after{background:linear-gradient(260deg,rgba(15,6,11,.38) 0%,rgba(15,6,11,.15) 24%,transparent 44%)!important;} /* تدرج مناسب للعربي */

/* السواتشات: صغيرة ودائرية وليست بيضاوية */
html body .shop-swatches,html body .hero-swatches,html body .product-swatches{align-items:center!important;gap:7px!important;} /* محاذاة دوائر الألوان */
html body .shop-swatch,html body .hero-swatch,html body .product-swatch,html body [data-product-color-swatch],html body [data-blush-color-swatch]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;padding:0!important;aspect-ratio:1/1!important;border-radius:50%!important;border:2px solid #fff!important;background:var(--sw,#e7a0bd)!important;box-shadow:0 0 0 1px rgba(55,32,43,.22)!important;line-height:0!important;overflow:hidden!important;} /* دوائر ألوان صغيرة حقيقية */
html body .product-swatch{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;} /* صفحة المنتج أكبر قليلًا مع الحفاظ على الدائرة */
html body .shop-swatch:hover,html body .hero-swatch:hover,html body .product-swatch:hover,html body .shop-swatch.active,html body .hero-swatch.active,html body .product-swatch.active{transform:scale(1.12)!important;box-shadow:0 0 0 2px #e0177a!important;} /* تفعيل اللون المختار */

/* الفوتر بدون عمود SHOP وبتوزيع أوسط */
html body .rr-footer-grid-no-shop{grid-template-columns:minmax(260px,1.1fr) minmax(210px,.9fr) minmax(260px,1.05fr)!important;justify-content:center!important;align-items:start!important;max-width:1180px!important;margin-inline:auto!important;} /* توسيط أعمدة الفوتر بعد حذف SHOP */
html body .rr-premium-footer .footer-col,html body .rr-premium-footer .rr-footer-brand{text-align:center!important;} /* توسيط محتوى الفوتر */
html body .rr-footer-contact-line{justify-content:center!important;} /* توسيط بيانات التواصل */
html body .footer-social{justify-content:center!important;} /* توسيط السوشيال */

/* Shop By Categories: صور لازقة، حواف مربعة، تأثير Premium واسم التصنيف على الصورة */
html body .rr-home-category-showcase{padding:42px 0 56px!important;background:#fff!important;} /* خلفية نظيفة لقسم التصنيفات */
html body .rr-home-category-inner{width:min(100%,1360px)!important;margin-inline:auto!important;} /* عرض واسع */
html body .rr-home-category-rail{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:0!important;overflow:visible!important;padding:0!important;} /* شبكة شطرنج بلا مسافات */
html body .rr-home-category-card{position:relative!important;display:block!important;max-width:none!important;width:100%!important;aspect-ratio:1/1!important;border-radius:0!important;overflow:hidden!important;background:#111!important;box-shadow:none!important;scroll-snap-align:none!important;z-index:1!important;transition:z-index 0s linear .1s,transform .55s cubic-bezier(.16,1,.3,1)!important;} /* كارت مربع بلا حواف */
html body .rr-home-category-card:hover,html body .rr-home-category-card:focus-visible{z-index:20!important;transition-delay:0s!important;} /* رفع الكارت فوق باقي الشبكة */
html body .rr-home-category-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;overflow:hidden!important;background:#000!important;} /* الصورة تملأ الكارت */
html body .rr-home-category-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transform:scale(1)!important;transition:transform .75s cubic-bezier(.16,1,.3,1),filter .55s ease!important;} /* صورة التصنيف */
html body .rr-home-category-card:hover .rr-home-category-media img,html body .rr-home-category-card:focus-visible .rr-home-category-media img{transform:scale(1.85)!important;filter:saturate(1.08) contrast(1.05)!important;} /* تضاعف حجم الصورة عند الوقوف */
html body .rr-home-category-card:before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.68) 100%)!important;opacity:.78!important;transition:opacity .45s ease!important;} /* طبقة بريميوم لقراءة الاسم */
html body .rr-home-category-card:hover:before{opacity:.92!important;} /* تقوية الطبقة على الهوفر */
html body .rr-home-category-content{position:absolute!important;inset-inline:0!important;bottom:0!important;z-index:3!important;min-height:0!important;padding:22px 18px!important;text-align:center!important;color:#fff!important;background:transparent!important;} /* اسم التصنيف فوق الصورة */
html body .rr-home-category-content b{display:block!important;color:#fff!important;font-size:clamp(14px,1.35vw,22px)!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-shadow:0 12px 34px rgba(0,0,0,.45)!important;transform:translateY(14px)!important;opacity:.86!important;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s ease!important;} /* اسم التصنيف بريميوم */
html body .rr-home-category-content small{display:block!important;color:#fff!important;font-size:10px!important;letter-spacing:.18em!important;margin-top:8px!important;opacity:0!important;transform:translateY(12px)!important;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .55s ease!important;} /* Shop Now يظهر عند الوقوف */
html body .rr-home-category-card:hover .rr-home-category-content b,html body .rr-home-category-card:focus-visible .rr-home-category-content b{opacity:1!important;transform:translateY(0)!important;} /* دخول اسم التصنيف */
html body .rr-home-category-card:hover .rr-home-category-content small,html body .rr-home-category-card:focus-visible .rr-home-category-content small{opacity:1!important;transform:translateY(0)!important;} /* ظهور Shop Now */

/* صفحة التصنيف: تصنيفات فرعية بنفس الروح */
html body .rr-subcategories-page{background:#fff!important;padding-top:24px!important;} /* قسم فرعي نظيف */
html body .rr-subcategories-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:0!important;max-width:1180px!important;margin:0 auto!important;} /* شبكة التصنيفات الفرعية */
html body .rr-subcategory-tile{position:relative!important;display:block!important;aspect-ratio:1/1!important;overflow:hidden!important;background:#111!important;color:#fff!important;text-decoration:none!important;} /* كارت تصنيف فرعي */
html body .rr-subcategory-tile img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease!important;} /* صورة التصنيف الفرعي */
html body .rr-subcategory-tile:hover img{transform:scale(1.45)!important;filter:saturate(1.08) contrast(1.05)!important;} /* حركة التصنيف الفرعي */
html body .rr-subcategory-tile:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.7) 100%)!important;} /* طبقة اسم التصنيف */
html body .rr-subcategory-tile span{position:absolute!important;z-index:2!important;inset-inline:12px!important;bottom:18px!important;text-align:center!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-shadow:0 12px 28px rgba(0,0,0,.5)!important;} /* اسم التصنيف الفرعي */

@media(max-width:900px){
  html body main > .rr-home-image-slider.rr-home-pro-slider{height:clamp(500px,72svh,680px)!important;} /* ارتفاع الموبايل */
  html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > img,
  html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > picture > img{object-fit:contain!important;object-position:center!important;} /* صورة الموبايل كاملة */
  html body .rr-home-pro-slider .rr-home-default-content{bottom:34px!important;inset-inline:18px!important;max-width:none!important;text-align:center!important;align-items:center!important;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.68))!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:18px!important;padding:16px 18px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;} /* نص الموبايل داخل مساحة خفيفة لا تغطي الصورة بالكامل */
  html body .rr-home-pro-slider .rr-home-default-content h1{font-size:clamp(28px,9vw,44px)!important;color:#291821!important;-webkit-text-fill-color:#291821!important;text-shadow:none!important;} /* عنوان الموبايل */
  html body .rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child{color:#e0177a!important;-webkit-text-fill-color:#e0177a!important;letter-spacing:.22em!important;} /* السطر العلوي */
  html body .rr-home-pro-slider .rr-home-default-content p{display:none!important;} /* إخفاء الوصف على الموبايل حتى لا يزحم */
  html body .rr-home-pro-slider .rr-home-slide:after{background:linear-gradient(180deg,transparent 50%,rgba(255,255,255,.55) 100%)!important;} /* تدرج أبيض ناعم للموبايل */
  html body .rr-home-category-rail{grid-template-columns:repeat(2,1fr)!important;} /* شطرنج تصنيفين على الموبايل */
}
@media(max-width:540px){
  html body header.site-header.biagiotti-header .rr-header-lang-only a{font-size:11px!important;} /* تصغير زر اللغة */
  html body .rr-home-category-rail{grid-template-columns:repeat(2,1fr)!important;} /* ضمان ظهور تصنيفين */
  html body .rr-home-category-card:hover .rr-home-category-media img{transform:scale(1.12)!important;} /* تقليل الهوفر على الشاشات اللمسية */
}
@media(hover:none){
  html body .rr-home-category-card:hover .rr-home-category-media img{transform:scale(1)!important;} /* منع تضاعف الصورة على أجهزة اللمس */
  html body .rr-home-category-content small{opacity:.8!important;transform:none!important;} /* إبقاء الدعوة للفعل مرئية على الموبايل */
}


/* ===== v10-16-slider-canvas-smooth.css ===== */
/* ========================================================================== */
/* RubyRose V10.16 — One Direction Slider + Smooth Text + Mobile Canvas         */
/* ========================================================================== */

/* يجعل السلايدر لوحة واحدة نظيفة حتى تتحرك الصور في اتجاه واحد بدون ظهور صورة فوق صورة بشكل عشوائي. */
html body main > .rr-home-image-slider.rr-home-pro-slider{position:relative!important;overflow:hidden!important;background:#fff!important;height:clamp(560px,78vh,860px)!important;isolation:isolate!important;} /* تثبيت إطار السلايدر ومنع أي عنصر متحرك من الخروج خارجه. */

/* يضع كل سلايد فوق نفس مساحة السلايدر مع بدء كل الصور من اليمين فقط. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(100%,0,0)!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 1.45s!important;will-change:transform!important;backface-visibility:hidden!important;background:#fff!important;} /* وضع افتراضي ثابت لكل الشرائح خارج الكادر من اليمين. */

/* يثبت الصورة النشطة في منتصف الكادر. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;z-index:6!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s!important;} /* السلايد النشط ظاهر ومتمركز. */

/* يجعل السلايد القديم يخرج دائمًا ناحية اليسار مهما كانت اللغة أو زر التحكم. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev{visibility:visible!important;pointer-events:none!important;transform:translate3d(-100%,0,0)!important;z-index:5!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 1.45s!important;} /* خروج السلايد القديم في اتجاه ثابت. */

/* يجعل السلايد الجديد يبدأ دائمًا من اليمين قبل دخوله للمنتصف. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-next{visibility:visible!important;pointer-events:none!important;transform:translate3d(100%,0,0)!important;z-index:7!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s!important;} /* بداية دخول السلايد الجديد من نفس الاتجاه دائمًا. */

/* يمنع اتجاه RTL من قلب حركة السلايدر حتى تبقى الحركة في اتجاه واحد فقط. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{transform:translate3d(100%,0,0)!important;} /* بداية ثابتة في العربي. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{transform:translate3d(0,0,0)!important;} /* تمركز ثابت في العربي. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev{transform:translate3d(-100%,0,0)!important;} /* خروج ثابت في العربي. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-next{transform:translate3d(100%,0,0)!important;} /* دخول ثابت في العربي. */

/* يثبت مساحة الصورة داخل السلايد ويمنع أي انتقال Opacity قد يجعل صورة تظهر فوق صورة. */
html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:1!important;background:#fff!important;overflow:hidden!important;} /* الصورة داخل Canvas السلايدر. */
html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;background:#fff!important;transform:none!important;filter:none!important;-webkit-filter:none!important;} /* جعل الصورة تملأ مساحة السلايدر بشكل Canvas واضح. */

/* طبقة نص أخف وأوضح بدون إحساس شريط أخبار أو كتابة حرفية. */
html body .rr-home-pro-slider .rr-home-default-content{z-index:9!important;} /* رفع النص فوق الصورة. */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text{display:block!important;overflow:visible!important;white-space:normal!important;opacity:0!important;transform:translate3d(0,24px,0) scale(.985)!important;filter:blur(10px)!important;clip-path:none!important;animation:none!important;transition:opacity 1.15s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.05s ease!important;} /* بداية ناعمة للنص بدل كتابة الأخبار. */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text.is-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;filter:blur(0)!important;} /* ظهور النص بنعومة. */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text::after{display:none!important;content:none!important;} /* إلغاء أي مؤشر كتابة أو خط عمودي. */
html body .rr-home-pro-slider .rr-home-default-content .btn{opacity:0!important;transform:translate3d(0,18px,0)!important;transition:opacity 1.05s ease,transform 1.15s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease!important;} /* بداية زر السلايدر. */
html body .rr-home-pro-slider .rr-home-default-content .btn.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important;} /* ظهور الزر بنعومة. */

/* يجعل نقاط وأسهم السلايدر هادئة وواضحة فوق اللوحة. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slider-arrow,html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slider-dots{z-index:14!important;} /* رفع عناصر التحكم فوق السلايد. */

/* إعداد Canvas الموبايل: الصورة تملأ الشاشة وتبقى قريبة بدل ظهورها بعيدة وصغيرة. */
@media(max-width:900px){
  html body main > .rr-home-image-slider.rr-home-pro-slider{height:calc(100svh - 68px)!important;min-height:500px!important;max-height:760px!important;background:#fff!important;} /* تحويل السلايدر على الموبايل إلى Canvas شبه كامل أسفل الهيدر. */
  html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture img{object-fit:cover!important;object-position:center center!important;} /* ملء شاشة الموبايل بالصورة بدل ترك فراغات بعيدة. */
  html body .rr-home-pro-slider .rr-home-slide:after{z-index:2!important;background:linear-gradient(180deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.78) 100%)!important;} /* تدرج خفيف لقراءة النص بدون إخفاء الصورة. */
  html body .rr-home-pro-slider .rr-home-default-content{left:18px!important;right:18px!important;bottom:24px!important;top:auto!important;max-width:none!important;width:auto!important;align-items:center!important;text-align:center!important;padding:16px 18px!important;border-radius:16px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 18px 42px rgba(53,20,36,.12)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;} /* تقريب النص داخل Canvas الموبايل بدون إبعاد الصورة. */
  html body .rr-home-pro-slider .rr-home-default-content h1{font-size:clamp(28px,8.2vw,42px)!important;line-height:1.05!important;margin:4px 0 6px!important;} /* عنوان موبايل مريح. */
  html body .rr-home-pro-slider .rr-home-default-content p{display:none!important;} /* تقليل الزحمة على الموبايل. */
}

/* ضبط إضافي للشاشات الصغيرة جدًا حتى لا يخرج السلايدر عن الشاشة. */
@media(max-width:480px){
  html body main > .rr-home-image-slider.rr-home-pro-slider{height:calc(100svh - 58px)!important;min-height:460px!important;max-height:700px!important;} /* Canvas مناسب للموبايلات الصغيرة. */
  html body .rr-home-pro-slider .rr-home-default-content{left:14px!important;right:14px!important;bottom:18px!important;padding:14px 14px!important;} /* تقليل مساحة النص على الشاشات الصغيرة. */
}

/* احترام إعدادات تقليل الحركة لمن يفضلون حركة أقل. */
@media(prefers-reduced-motion:reduce){
  html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{transition:none!important;} /* إيقاف حركة الشرائح لمنع الإزعاج. */
  html body .rr-home-pro-slider .rr-home-default-content .rr-type-text,html body .rr-home-pro-slider .rr-home-default-content .btn{transition:none!important;filter:none!important;transform:none!important;} /* إيقاف حركة النص عند طلب تقليل الحركة. */
}


/* ===== v10-17-mobile-spacing-footer-fix.css ===== */
/* ========================================================================== */
/* 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;} /* توسيط نهاية الفوتر. */
}


/* ===== v10-18_product_header_home_cleanup.css ===== */
/* ========================================================================== */
/* RubyRose V10.18 — Header language, product cards, sharp images, home cleanup */
/* ========================================================================== */

html body .home-tabs-section{display:none!important;} /* إخفاء جزء New Arrival / Offers من الصفحة الرئيسية بالكامل. */
html body .home-tabs{display:none!important;} /* ضمان عدم ظهور أزرار New Arrival و Offers حتى لو طُبعت من إعدادات قديمة. */

html body header.site-header.biagiotti-header .rr-header-lang-single{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;height:32px!important;padding:0 8px!important;border:0!important;border-radius:999px!important;background:rgba(224,23,122,.07)!important;color:#e0177a!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-decoration:none!important;box-shadow:none!important;line-height:1!important;} /* زر لغة واحد فقط يظهر اللغة الأخرى المتاحة. */
html body header.site-header.biagiotti-header .rr-header-lang-single:hover{background:rgba(224,23,122,.12)!important;color:#b0004f!important;transform:none!important;} /* تأثير بسيط عند المرور على زر اللغة. */
html body header.site-header.biagiotti-header .rr-header-lang-only{display:none!important;} /* إخفاء تصميم AR / EN القديم لو وجد في أي مكان. */

html body .shop-card-media{border-radius:0!important;overflow:hidden!important;} /* جعل إطار صورة المنتج بحواف Sharp بدون Rounded. */
html body .shop-card-image-link{border-radius:0!important;overflow:hidden!important;} /* جعل رابط صورة المنتج بحواف حادة. */
html body .shop-card-img{border-radius:0!important;} /* منع أي استدارة على صورة المنتج نفسها. */
html body .shop-product-card{border-radius:0!important;} /* توحيد إحساس كارت المنتج بحواف أنظف مع صورة Sharp. */
html body .shop-product-card:hover .shop-card-media{border-radius:0!important;} /* منع رجوع الاستدارة عند Hover. */

html body .shop-card-topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:28px!important;margin-bottom:8px!important;} /* سطر واحد يجمع المخزون والسعر في طرفين. */
html body .shop-stock{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;} /* تثبيت شكل حالة المخزون. */
html body .shop-price-inline{display:inline-flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;margin-inline-start:auto!important;text-align:end!important;white-space:nowrap!important;} /* وضع السعر في الجانب الآخر من In Stock. */
html body .shop-price-inline strong{font-size:clamp(16px,3.7vw,21px)!important;font-weight:900!important;color:#211820!important;line-height:1!important;} /* حجم السعر النهائي داخل السطر العلوي. */
html body .shop-price-inline del{font-size:12px!important;color:rgba(45,33,40,.42)!important;text-decoration-thickness:1px!important;} /* السعر القديم داخل نفس السطر عند وجود عرض. */
html body .shop-offer-text{display:block!important;width:max-content!important;max-width:100%!important;margin:0 0 8px!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(224,23,122,.08)!important;color:#e0177a!important;font-size:10px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important;} /* جعل نص العرض صغيرًا حتى لا يزاحم السعر. */
html body .shop-card-body > .shop-price-row:not(.shop-price-inline){display:none!important;} /* إخفاء أي سعر قديم منفصل أسفل الألوان بعد نقل السعر بجانب المخزون. */

html body .shop-card-actions{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;} /* تثبيت أيقونة العرض بجانب زر الإضافة للسلة. */
html body .shop-view-btn.rr-product-view-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border:1px solid rgba(224,23,122,.34)!important;border-radius:50%!important;background:#fff!important;color:#e0177a!important;box-shadow:0 12px 26px rgba(224,23,122,.10)!important;font-size:0!important;text-indent:0!important;overflow:hidden!important;} /* تحويل زر عرض المنتج إلى أيقونة واضحة بدل الدائرة الفارغة. */
html body .shop-view-btn.rr-product-view-icon svg{width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;} /* شكل أيقونة العين داخل زر العرض. */
html body .shop-view-btn.rr-product-view-icon:hover{background:#e0177a!important;color:#fff!important;border-color:#e0177a!important;box-shadow:0 16px 32px rgba(224,23,122,.22)!important;transform:translateY(-1px)!important;} /* تأثير هوفر واضح لزر العرض. */
html body .shop-cart-form button{min-height:42px!important;} /* محاذاة زر الإضافة للسلة مع أيقونة العرض. */

@media(max-width:800px){html body .shop-card-media{border-radius:0!important;} html body .shop-card-actions{grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;} html body .shop-card-body{padding-inline:6px!important;} html body .shop-card-topline{display:flex!important;margin-bottom:9px!important;} html body .shop-price-inline strong{font-size:18px!important;} html body .shop-stock{font-size:10px!important;letter-spacing:.06em!important;} } /* ضبط كارت المنتج على الموبايل مع إبقاء السعر بجانب المخزون. */
@media(max-width:480px){html body .shop-card-topline{display:flex!important;} html body .shop-view-btn.rr-product-view-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;} html body .shop-card-actions{grid-template-columns:40px minmax(0,1fr)!important;} html body .shop-cart-form button{min-height:40px!important;font-size:10px!important;} } /* تحسين الموبايل الصغير بدون إخفاء حالة المخزون والسعر. */


/* ===== v10-19_mobile_footer_premium_compact.css ===== */
/* ========================================================================== */
/* RubyRose V10.19 — Mobile Footer Premium Compact                              */
/* ========================================================================== */

html body footer.site-footer.rr-premium-footer{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 50% 0%,rgba(224,23,122,.10),transparent 38%),linear-gradient(180deg,#1b1118 0%,#110b10 100%)!important;} /* جعل خلفية الفوتر أفخم وأنعم بدون زيادة في الطول. */
html body footer.site-footer.rr-premium-footer .rr-footer-glow{opacity:.35!important;filter:blur(42px)!important;} /* تخفيف الإضاءة الخلفية حتى لا تشغل مساحة بصرية كبيرة. */
html body footer.site-footer.rr-premium-footer .footer-inner{position:relative!important;z-index:2!important;} /* إبقاء محتوى الفوتر فوق الخلفية الزخرفية. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand{text-align:center!important;} /* توسيط البراند حتى يظهر بشكل Premium على كل الشاشات. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{margin-top:0!important;color:#fff!important;text-shadow:0 10px 30px rgba(224,23,122,.18)!important;} /* جعل اسم البراند أوضح وأنظف. */
html body footer.site-footer.rr-premium-footer .rr-footer-brand p{color:rgba(255,255,255,.62)!important;line-height:1.75!important;} /* تحسين قراءة وصف البراند. */
html body footer.site-footer.rr-premium-footer .footer-col h4{text-align:center!important;color:#fff!important;} /* توحيد عناوين الفوتر في المنتصف. */
html body footer.site-footer.rr-premium-footer .footer-col h4:after{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:30px!important;background:#e0177a!important;} /* جعل الخط الزخرفي تحت العنوان في المنتصف. */
html body footer.site-footer.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn){color:rgba(255,255,255,.62)!important;transition:color .25s ease,transform .25s ease!important;} /* تحسين لون روابط الفوتر وحركتها. */
html body footer.site-footer.rr-premium-footer .footer-col>a:not(.rr-footer-contact-line):not(.footer-btn):hover{color:#fff!important;transform:translateY(-1px)!important;} /* تأثير خفيف للروابط عند الوقوف. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line{border-color:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important;} /* جعل خطوط التواصل أخف وأفخم. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line small{color:rgba(255,255,255,.38)!important;letter-spacing:.13em!important;} /* جعل عنوان بيانات التواصل أصغر وأهدأ. */
html body footer.site-footer.rr-premium-footer .rr-footer-contact-line span{color:rgba(255,255,255,.72)!important;} /* تحسين لون قيمة بيانات التواصل. */
html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.72)!important;text-decoration:none!important;text-underline-offset:0!important;line-height:1.6!important;} /* تحويل رابط الجملة إلى لينك أنيق فقط بدون مربع. */
html body footer.site-footer.rr-premium-footer .footer-bottom{position:relative!important;z-index:2!important;border-color:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.50)!important;} /* تحسين الشريط السفلي مع تقليل حدته. */
html body footer.site-footer.rr-premium-footer .rr-footer-signature{color:rgba(255,255,255,.42)!important;} /* جعل التوقيع هاديًا ومختصرًا بصريًا. */

@media(max-width:760px){ /* بداية تحسينات الفوتر على الموبايل. */
  html body footer.site-footer.rr-premium-footer{padding:26px 18px 0!important;} /* تقليل ارتفاع الفوتر من الأعلى على الموبايل. */
  html body footer.site-footer.rr-premium-footer:before{content:''!important;position:absolute!important;inset:0 0 auto 0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(224,23,122,.55),transparent)!important;} /* إضافة خط Premium رفيع أعلى الفوتر. */
  html body footer.site-footer.rr-premium-footer:after{opacity:.16!important;font-size:86px!important;bottom:2px!important;letter-spacing:-.08em!important;} /* تصغير كلمة الخلفية الكبيرة حتى لا تزحم الفوتر. */
  html body footer.site-footer.rr-premium-footer .rr-footer-grid{display:block!important;width:100%!important;max-width:440px!important;margin:0 auto!important;} /* جعل الفوتر كتلة واحدة في المنتصف بدل أعمدة طويلة. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand{margin:0 0 18px!important;padding:0!important;} /* تقليل مساحة البراند أسفل العنوان. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{font-size:27px!important;line-height:1.05!important;margin:0 0 8px!important;} /* تصغير عنوان RubyRose داخل الفوتر. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand p{display:block!important;max-width:310px!important;margin:0 auto!important;font-size:12px!important;line-height:1.65!important;-webkit-line-clamp:2!important;} /* تقليل وصف الفوتر إلى مساحة صغيرة مقروءة. */
  html body footer.site-footer.rr-premium-footer .footer-social{margin-top:12px!important;justify-content:center!important;gap:8px!important;} /* توسيط أيقونات التواصل وتقليل المسافة. */
  html body footer.site-footer.rr-premium-footer .footer-social a{width:30px!important;height:30px!important;min-width:30px!important;font-size:12px!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.04)!important;} /* تصغير أيقونات التواصل داخل الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col{margin:0!important;padding:0!important;} /* إلغاء المسافات الافتراضية حول أعمدة الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col h4{font-size:11px!important;letter-spacing:.16em!important;line-height:1.2!important;margin:0 0 13px!important;padding-bottom:8px!important;} /* تصغير عناوين الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col h4:after{width:24px!important;height:1px!important;} /* تصغير الخط أسفل عنوان الفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type{margin-top:4px!important;} /* تقليل بداية عمود خدمة العملاء. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type h4{margin-bottom:11px!important;} /* تقليل المسافة بعد عنوان خدمة العملاء. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important;row-gap:6px!important;align-items:center!important;} /* تحويل روابط خدمة العملاء إلى عمودين لتقليل الطول. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type h4{grid-column:1/-1!important;} /* جعل عنوان خدمة العملاء بعرض العمودين. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type>a{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;min-height:30px!important;padding:0 6px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;text-align:center!important;font-size:11px!important;line-height:1.2!important;} /* جعل روابط خدمة العملاء Chips صغيرة واحترافية. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact{margin-top:18px!important;text-align:center!important;} /* تقليل المسافة قبل بيانات التواصل. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact h4{margin-bottom:10px!important;} /* تقليل المسافة بعد عنوان Contact. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line{display:block!important;margin:0 auto 7px!important;padding:0 0 7px!important;max-width:280px!important;text-align:center!important;border-bottom:1px solid rgba(255,255,255,.07)!important;} /* تصغير خطوط بيانات التواصل وتوسيطها. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line small{display:block!important;margin-bottom:3px!important;font-size:8px!important;line-height:1!important;} /* تصغير عنوان البريد أو الهاتف. */
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line span{display:block!important;font-size:11px!important;line-height:1.4!important;word-break:break-word!important;} /* تصغير قيمة البريد أو العنوان. */
  html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card{margin:11px auto 0!important;text-align:center!important;} /* تقليل مساحة رابط الجملة. */
  html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn{font-size:10px!important;letter-spacing:.14em!important;padding-bottom:2px!important;} /* تصغير رابط Contact Wholesale. */
  html body footer.site-footer.rr-premium-footer .footer-bottom{margin-top:18px!important;padding:12px 0 14px!important;gap:4px!important;font-size:10px!important;line-height:1.55!important;} /* تصغير الشريط السفلي للفوتر. */
  html body footer.site-footer.rr-premium-footer .footer-bottom span{display:block!important;width:100%!important;text-align:center!important;} /* جعل نهاية الفوتر سطرين منتظمين في المنتصف. */
  html body footer.site-footer.rr-premium-footer .rr-footer-signature{font-size:9px!important;letter-spacing:.09em!important;} /* تصغير توقيع الفوتر. */
} /* نهاية تحسينات الفوتر على الموبايل. */

@media(max-width:430px){ /* تحسين إضافي للشاشات الصغيرة جدًا. */
  html body footer.site-footer.rr-premium-footer{padding-inline:14px!important;} /* تقليل الهوامش الجانبية على الموبايل الصغير. */
  html body footer.site-footer.rr-premium-footer .rr-footer-brand h3{font-size:25px!important;} /* تصغير اسم RubyRose أكثر على الشاشات الصغيرة. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type{column-gap:7px!important;row-gap:6px!important;} /* تقليل فراغات روابط خدمة العملاء. */
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type>a{font-size:10px!important;min-height:28px!important;} /* تصغير روابط خدمة العملاء على الشاشات الصغيرة. */
} /* نهاية تحسين الشاشة الصغيرة. */


/* ===== v10-20_mobile_spacing_lang_fix.css ===== */
/* ========================================================================== */
/* 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;} /* منع كبر النص. */
}


/* ===== v10-21_desktop_premium_slider.css ===== */
/* ========================================================================== */
/* RubyRose V10.21 — Desktop Premium Slider Fix                               */
/* الهدف: تحسين سلايدر الكمبيوتر فقط بدون لمس تنسيق الموبايل المعتمد V10.20. */
/* ========================================================================== */

@media (min-width:901px){
  html body.page-index main > .rr-home-image-slider.rr-home-pro-slider{
    width:100vw!important;
    max-width:none!important;
    margin-inline:calc(50% - 50vw)!important;
    margin-top:0!important;
    margin-bottom:0!important;
    height:clamp(680px,calc(100vh - 86px),940px)!important;
    min-height:680px!important;
    max-height:940px!important;
    background:linear-gradient(115deg,#f8e0e3 0%,#f4c4cc 54%,#fff7f5 100%)!important;
    overflow:hidden!important;
    isolation:isolate!important;
    line-height:normal!important;
  }

  html body.page-index main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:transparent!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;
    display:block!important;
    overflow:hidden!important;
    background:#f7d4d8!important;
  }

  html body.page-index main > .rr-home-image-slider.rr-bg-section .rr-slide-picture::before{
    content:""!important;
    position:absolute!important;
    inset:-22px!important;
    z-index:0!important;
    background:inherit!important;
    opacity:.22!important;
    filter:blur(24px)!important;
    transform:scale(1.08)!important;
    pointer-events:none!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;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#f7d4d8!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:scale(1.018)!important;
    transition:transform 9s cubic-bezier(.16,1,.3,1)!important;
  }

  html body.page-index main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active .rr-slide-picture img,
  html body.page-index main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active > img{
    transform:scale(1)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-slide::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    background:linear-gradient(90deg,rgba(31,13,22,.54) 0%,rgba(31,13,22,.31) 28%,rgba(31,13,22,.08) 58%,rgba(31,13,22,0) 100%)!important;
    pointer-events:none!important;
  }

  html[dir="rtl"] body.page-index .rr-home-pro-slider .rr-home-slide::before{
    background:linear-gradient(270deg,rgba(31,13,22,.54) 0%,rgba(31,13,22,.31) 28%,rgba(31,13,22,.08) 58%,rgba(31,13,22,0) 100%)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-slide::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.20),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,0) 56%,rgba(29,14,23,.13) 100%)!important;
    pointer-events:none!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content{
    position:absolute!important;
    z-index:12!important;
    inset-inline-start:clamp(56px,7.2vw,150px)!important;
    inset-inline-end:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(590px,42vw)!important;
    max-width:min(590px,42vw)!important;
    transform:translateY(-47%)!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:start!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }

  html[dir="rtl"] body.page-index .rr-home-pro-slider .rr-home-default-content{
    align-items:flex-end!important;
    text-align:end!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content .rr-type-text:first-child{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
    margin:0 0 clamp(12px,1.2vw,18px)!important;
    padding:0!important;
    font-family:var(--rr-body-font,'Jost',sans-serif)!important;
    font-size:clamp(10px,.72vw,13px)!important;
    font-weight:900!important;
    line-height:1.2!important;
    letter-spacing:.34em!important;
    text-transform:uppercase!important;
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:currentColor!important;
    text-shadow:0 10px 30px rgba(0,0,0,.22)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content h1{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-family:var(--rr-heading-font,'Playfair Display',Georgia,serif)!important;
    font-size:clamp(50px,5.35vw,106px)!important;
    font-weight:700!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 20px 55px rgba(21,8,15,.36)!important;
    overflow:visible!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }

  html[dir="rtl"] body.page-index .rr-home-pro-slider .rr-home-default-content h1{
    font-family:var(--rr-heading-font,'Cairo',sans-serif)!important;
    font-size:clamp(44px,4.55vw,86px)!important;
    font-weight:800!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content p{
    display:block!important;
    width:min(520px,100%)!important;
    max-width:100%!important;
    margin:clamp(18px,1.6vw,28px) 0 0!important;
    padding:0!important;
    font-family:var(--rr-body-font,'Jost',sans-serif)!important;
    font-size:clamp(14px,1.02vw,18px)!important;
    font-weight:600!important;
    line-height:1.85!important;
    letter-spacing:.01em!important;
    color:rgba(255,255,255,.88)!important;
    -webkit-text-fill-color:currentColor!important;
    text-shadow:0 14px 34px rgba(0,0,0,.25)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content .btn,
  html body.page-index .rr-home-pro-slider .rr-home-slide-btn{
    margin-top:clamp(24px,2.1vw,36px)!important;
    min-height:48px!important;
    padding:0 30px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.76)!important;
    background:rgba(255,255,255,.96)!important;
    color:#2a111d!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    box-shadow:0 22px 50px rgba(30,10,20,.18)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content .btn:hover,
  html body.page-index .rr-home-pro-slider .rr-home-slide-btn:hover{
    background:#e0177a!important;
    border-color:#e0177a!important;
    color:#fff!important;
    transform:translateY(-2px)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content .rr-type-text,
  html body.page-index .rr-home-pro-slider .rr-home-default-content .btn{
    opacity:0!important;
    transform:translate3d(0,34px,0) scale(.98)!important;
    filter:blur(14px)!important;
    transition:opacity 1.15s ease,transform 1.25s cubic-bezier(.16,1,.3,1),filter 1.1s ease!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-default-content .rr-type-text.is-visible,
  html body.page-index .rr-home-pro-slider .rr-home-default-content .btn.is-visible{
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
    filter:blur(0)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-slider-arrow{
    z-index:20!important;
    width:64px!important;
    height:64px!important;
    border:1px solid rgba(255,255,255,.58)!important;
    background:rgba(255,255,255,.13)!important;
    color:#fff!important;
    box-shadow:0 22px 60px rgba(33,12,23,.16)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-slider-prev{inset-inline-start:clamp(28px,3vw,58px)!important;}
  html body.page-index .rr-home-pro-slider .rr-home-slider-next{inset-inline-end:clamp(28px,3vw,58px)!important;}
  html body.page-index .rr-home-pro-slider .rr-home-slider-arrow:hover{background:#e0177a!important;border-color:#e0177a!important;transform:translateY(-50%) scale(1.04)!important;}

  html body.page-index .rr-home-pro-slider .rr-home-slider-dots{
    z-index:20!important;
    bottom:clamp(22px,2vw,36px)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-slider-dots button{
    width:8px!important;
    height:8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.62)!important;
    box-shadow:0 4px 16px rgba(0,0,0,.15)!important;
  }

  html body.page-index .rr-home-pro-slider .rr-home-slider-dots button.is-active,
  html body.page-index .rr-home-pro-slider .rr-home-slider-dots button.active{
    width:38px!important;
    background:#fff!important;
  }

  html body.page-index .rr-home-image-slider + .v9-feature-strip{
    margin-top:0!important;
  }
}

@media (min-width:901px) and (max-width:1280px){
  html body.page-index main > .rr-home-image-slider.rr-home-pro-slider{
    height:clamp(600px,calc(100vh - 82px),780px)!important;
    min-height:600px!important;
  }
  html body.page-index .rr-home-pro-slider .rr-home-default-content{
    inset-inline-start:clamp(44px,5.5vw,82px)!important;
    width:min(510px,45vw)!important;
    max-width:min(510px,45vw)!important;
  }
  html body.page-index .rr-home-pro-slider .rr-home-default-content h1{
    font-size:clamp(44px,5vw,72px)!important;
  }
  html body.page-index .rr-home-pro-slider .rr-home-default-content p{
    font-size:clamp(13px,1.15vw,16px)!important;
  }
}

@media (min-width:1600px){
  html body.page-index main > .rr-home-image-slider.rr-home-pro-slider{
    height:clamp(760px,calc(100vh - 82px),980px)!important;
    min-height:760px!important;
    max-height:980px!important;
  }
  html body.page-index .rr-home-pro-slider .rr-home-default-content{
    inset-inline-start:clamp(96px,8vw,190px)!important;
    width:min(680px,40vw)!important;
    max-width:min(680px,40vw)!important;
  }
  html body.page-index .rr-home-pro-slider .rr-home-default-content h1{
    font-size:clamp(76px,5.2vw,118px)!important;
  }
}


/* ===== v10-22_category_mobile_spacing_fix.css ===== */
/* ========================================================================== */
/* RubyRose V10.22 — Category Page Mobile Spacing Fix                         */
/* الهدف: تحسين صفحة التصنيف على الموبايل فقط بدون التأثير على الرئيسية أو الديسكتوب. */
/* ========================================================================== */

@media (max-width:900px){
  html body.page-category main{
    overflow-x:hidden!important;
  }

  html body.page-category .shopping-page-hero,
  html body.page-category .page-hero.shopping-page-hero{
    padding:34px 18px 30px!important;
    min-height:auto!important;
    margin:0!important;
  }

  html body.page-category .shopping-page-hero span,
  html body.page-category .page-hero.shopping-page-hero span{
    margin-bottom:12px!important;
    font-size:11px!important;
    letter-spacing:.28em!important;
  }

  html body.page-category .shopping-page-hero h1,
  html body.page-category .page-hero.shopping-page-hero h1{
    margin:0!important;
    font-size:clamp(32px,10vw,48px)!important;
    line-height:1.02!important;
  }

  html body.page-category .shopping-page-hero p,
  html body.page-category .page-hero.shopping-page-hero p{
    margin:14px auto 0!important;
    max-width:320px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  html body.page-category .rr-subcategories-page{
    padding:22px 0 18px!important;
    margin:0!important;
    background:#fff!important;
  }

  html body.page-category .rr-subcategories-page .section-heading{
    display:none!important;
  }

  html body.page-category .rr-subcategories-grid{
    width:calc(100% - 32px)!important;
    max-width:520px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  html body.page-category .rr-subcategory-tile{
    width:100%!important;
    aspect-ratio:1 / 1!important;
    max-height:430px!important;
    min-height:260px!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:0 22px 56px rgba(55,19,36,.10)!important;
  }

  html body.page-category .rr-subcategory-tile img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    padding:0!important;
    border-radius:0!important;
  }

  html body.page-category .rr-subcategory-tile span{
    bottom:22px!important;
    inset-inline:16px!important;
    font-size:16px!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
  }

  html body.page-category .category-product-showcase,
  html body.page-category .blush-showcase-slider.category-product-showcase{
    display:none!important;
  }

  html body.page-category .shopping-section{
    padding:28px 0 44px!important;
    margin:0!important;
  }

  html body.page-category .shopping-section .shopping-grid{
    width:calc(100% - 28px)!important;
    max-width:620px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:30px 14px!important;
    align-items:start!important;
  }

  html body.page-category .shopping-section .shop-product-card{
    margin:0!important;
    padding:0!important;
    min-width:0!important;
  }

  html body.page-category .shopping-section .shop-card-media{
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    padding:14px!important;
    border-radius:0!important;
  }

  html body.page-category .shopping-section .shop-card-media img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    border-radius:0!important;
  }

  html body.page-category .shopping-section .shop-card-body{
    padding:14px 4px 0!important;
  }

  html body.page-category .shopping-section .shop-card-stock-price{
    margin-bottom:10px!important;
    gap:8px!important;
  }

  html body.page-category .shopping-section .shop-card-actions{
    margin-top:10px!important;
  }
}

@media (max-width:520px){
  html body.page-category .shopping-page-hero,
  html body.page-category .page-hero.shopping-page-hero{
    padding:28px 14px 26px!important;
  }

  html body.page-category .rr-subcategories-page{
    padding-top:18px!important;
    padding-bottom:12px!important;
  }

  html body.page-category .rr-subcategories-grid{
    width:calc(100% - 28px)!important;
  }

  html body.page-category .shopping-section{
    padding-top:24px!important;
  }

  html body.page-category .shopping-section .shopping-grid{
    width:calc(100% - 24px)!important;
    gap:26px 12px!important;
  }
}


/* ===== v10-23_mobile_side_menu_close_fix.css ===== */
@media (max-width:1320px){ /* تطبيق إصلاح القائمة الجانبية على الموبايل والتابلت فقط حتى لا يتأثر الديسكتوب. */
  html body .mobile-nav-backdrop{position:fixed!important;inset:0!important;z-index:988!important;display:block!important;border:0!important;background:rgba(21,12,18,.38)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .28s ease,visibility .28s ease!important;} /* خلفية تغطي الشاشة وتغلق القائمة عند الضغط خارجها. */
  html body.nav-open .mobile-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important;} /* إظهار الخلفية فقط عند فتح القائمة. */
  html body .mobile-nav-panel{inset:0 0 0 auto!important;width:min(86vw,360px)!important;height:100svh!important;z-index:989!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:82px 24px 34px!important;border-inline-start:1px solid rgba(203,43,111,.12)!important;background:rgba(255,252,250,.98)!important;box-shadow:-24px 0 70px rgba(31,15,24,.16)!important;opacity:0!important;visibility:hidden!important;transform:translateX(110%)!important;transition:transform .34s cubic-bezier(.22,.61,.36,1),opacity .26s ease,visibility .26s ease!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;} /* تحويل القائمة من شاشة كاملة إلى درج جانبي أنيق. */
  html[dir="rtl"] body .mobile-nav-panel{inset:0 auto 0 0!important;border-inline-start:0!important;border-inline-end:1px solid rgba(203,43,111,.12)!important;box-shadow:24px 0 70px rgba(31,15,24,.16)!important;transform:translateX(-110%)!important;} /* جعل القائمة تفتح من الجانب المناسب في العربية. */
  html body.nav-open .mobile-nav-panel{opacity:1!important;visibility:visible!important;transform:translateX(0)!important;} /* فتح القائمة بسلاسة عند إضافة كلاس nav-open. */
  html body .mobile-nav-close{position:absolute!important;top:22px!important;inset-inline-end:22px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid rgba(203,43,111,.14)!important;border-radius:50%!important;background:#fff!important;color:#a10616!important;font-size:30px!important;line-height:1!important;font-family:Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 14px 28px rgba(42,20,30,.08)!important;transition:transform .22s ease,background .22s ease,color .22s ease!important;} /* زر الإغلاق داخل القائمة بشكل واضح ومريح. */
  html body .mobile-nav-close:hover{background:#cb2b6f!important;color:#fff!important;transform:rotate(90deg)!important;} /* تأثير بسيط عند الوقوف على زر الإغلاق. */
  html body .mobile-nav-panel>a,html body .mobile-nav-panel .mobile-search-link{width:100%!important;max-width:none!important;padding:15px 4px!important;border-bottom:1px solid rgba(203,43,111,.10)!important;text-align:start!important;font-size:clamp(18px,5.8vw,26px)!important;line-height:1.25!important;} /* ضبط روابط القائمة داخل الدرج الجانبي. */
  html body.nav-open{overflow:hidden!important;} /* منع تمرير الصفحة الخلفية أثناء فتح القائمة. */
} /* نهاية قواعد الموبايل والتابلت. */


/* ===== v10-24-mobile-viewport-fit.css ===== */
/* ========================================================================== */
/* RubyRose V10.24 — Mobile Viewport Fit (إصلاح الفراغات السوداء والتحجيم)     */
/* المشكلة: القائمة الجانبية بارتفاع 100svh لا تلاحق اختفاء شريط العنوان،      */
/* فيظهر فراغ أسود أسفلها (خلفية الصفحة #151015 الداكنة)، وبعض المقاسات       */
/* المبنية على svh تترك فجوات عند تغيّر ارتفاع المتصفح الفعلي.                 */
/* ========================================================================== */

@media (max-width:1320px){

  /* 1) القائمة الجانبية: تمتد دائمًا من أعلى الشاشة لأسفلها مهما تغيّر شريط العنوان. */
  html body .mobile-nav-panel{
    top:0!important;
    bottom:0!important;
    height:auto!important;            /* الارتفاع يُحسب من التثبيت أعلى/أسفل وليس من svh الثابت. */
    min-height:100%!important;
    max-height:none!important;
  } /* الدرج الجانبي يلاصق حافتي الشاشة العلوية والسفلية دائمًا. */

  @supports (height:100dvh){
    html body .mobile-nav-panel{min-height:100dvh!important;} /* ضمان إضافي بالارتفاع الديناميكي للمتصفحات الداعمة. */
  }

  /* 2) خلفية الإغلاق خلف القائمة تغطي الشاشة الفعلية كاملة بلا فجوة سفلية. */
  html body .mobile-nav-backdrop{
    top:0!important;bottom:0!important;left:0!important;right:0!important;
    width:auto!important;height:auto!important;
  } /* تغطية كاملة تتبع نافذة العرض الحقيقية. */

  /* 3) منع أي تمدد أفقي يجعل الصفحة أعرض من الشاشة فتظهر حواف داكنة. */
  html body.biagiotti-style{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  } /* قفل العرض على مقاس الشاشة تمامًا. */
  html body.biagiotti-style main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
    flex:1 0 auto!important;
    background:#fdf6f9!important;
  } /* جسم الصفحة فاتح ويملأ الفراغ الرأسي، فلا يظهر الأسود إلا خلف الفوتر المقصود. */

  /* 4) كل الوسائط لا تتجاوز عرض الشاشة أبدًا. */
  html body.biagiotti-style main img,
  html body.biagiotti-style main video,
  html body.biagiotti-style main iframe,
  html body.biagiotti-style main canvas{
    max-width:100%!important;
  } /* حماية عامة من الصور أو الفيديوهات الأعرض من الشاشة. */

  /* 5) فواصل الماركيو وأي مسارات عرضها max-content تُقص داخل الشاشة. */
  html body .rr-section-divider{
    max-width:100%!important;
    overflow:hidden!important;
  } /* منع مسار الماركيو من دفع عرض الصفحة. */

  /* 6) الأقسام الممتدة لا تتجاوز حدود الشاشة. */
  html body.biagiotti-style main > section,
  html body.biagiotti-style main > .rr-home-image-slider{
    max-width:100%!important;
    overflow-x:clip!important;
  } /* كل قسم محصور داخل عرض الجهاز. */
}

/* 7) V10.26: أُزيلت أوامر min-height القسرية للسلايدرات لأنها كانت تنفخ
   الأقسام لملء الشاشة وتخلق مساحات فارغة كبيرة قبل الفوتر على الموبايل.
   نُبقي فقط تحويل واجهة التصنيف من svh إلى dvh بنفس المقاس (76). */
@media (max-width:900px){
  @supports (height:100dvh){
    html body .category-product-showcase{
      height:76dvh!important;
    } /* نفس مقاس 76 السابق لكن بوحدة ديناميكية تلاحق شريط العنوان. */
  }
}

/* 8) صفحات غير الرئيسية: سلايدر Canvas يعتمد dvh بدل svh لتغطية كاملة. */
@media (max-width:900px){
  @supports (height:100dvh){
    html body:not(.page-index) main > .rr-home-image-slider.rr-home-pro-slider{
      height:calc(100dvh - 68px)!important;
    } /* لا فجوة أسفل السلايدر عند اختفاء شريط العنوان. */
  }
}

/* 9) V10.26: ضغط المسافات الرأسية على الموبايل — إلغاء الفراغات الكبيرة قبل الفوتر. */
@media (max-width:760px){
  html body.biagiotti-style main .section,
  html body.biagiotti-style main > section.section{
    padding-block:42px!important;
  } /* بدل 72-124px الضخمة القادمة من طبقة luxury على الموبايل. */
  html body.biagiotti-style main > section:last-of-type,
  html body.biagiotti-style main > .section:last-of-type{
    padding-bottom:30px!important;
    margin-bottom:0!important;
  } /* آخر قسم يلتصق بالفوتر بمسافة صغيرة أنيقة فقط. */
  html body.biagiotti-style main{
    padding-bottom:0!important;
  } /* لا حشو سفلي إضافي على جسم الصفحة. */
  html body .rr-section-divider{
    margin-block:0!important;
  } /* فواصل الماركيو بلا هوامش خارجية تضخم المسافات. */
}


/* ===== v10-50-maintenance.css ===== */
/* ========================================================================== */
/* RubyRose V10.50 — صفحة «تحت الصيانة»                                       */
/* (اتفصلت من ملف صور الديكور القديم بعد إلغاء الميزة دي في V10.50)           */
/* ========================================================================== */

.rr-maintenance{
  min-height:62vh;
  display:grid;
  place-items:center;
  padding:60px 18px;
  background:linear-gradient(160deg,#fff5f9 0%,#ffe9f3 55%,#fff 100%);
} /* خلفية وردية هادئة لصفحة الصيانة. */

.rr-maintenance-card{
  text-align:center;
  background:#fff;
  border:1px solid #f6d7e5;
  border-radius:26px;
  padding:46px clamp(22px,6vw,70px);
  box-shadow:0 26px 70px rgba(120,30,70,.12);
  max-width:560px;
} /* بطاقة رسالة الصيانة. */

.rr-maintenance-spark{
  font-size:44px;
  display:block;
  margin-bottom:12px;
  animation:rrMaintPulse 2.6s ease-in-out infinite;
} /* شرارة متنفسة أعلى الرسالة. */
@keyframes rrMaintPulse{0%,100%{transform:scale(1);opacity:.85;}50%{transform:scale(1.18);opacity:1;}}

.rr-maintenance-card h1{
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(26px,4.5vw,40px);
  color:#3a1226;
  margin:0 0 10px;
} /* عنوان الصيانة. */

.rr-maintenance-card p{
  color:#7c5468;
  font-size:16px;
  line-height:1.9;
  margin:0;
} /* وصف الصيانة. */

@media (prefers-reduced-motion:reduce){
  .rr-maintenance-spark{animation:none;}
} /* احترام تفضيل تقليل الحركة. */


/* ===== v10-27-slider-typewriter.css ===== */
/* ========================================================================== */
/* RubyRose V10.27 — الكتابة الحرفية الناعمة للسلايدر ومنع تراكب النصوص       */
/* ========================================================================== */

/* نصوص السلايدات غير النشطة مخفية تمامًا حتى لا تتراكب فوق بعضها أثناء الانتقال. */
html body .rr-home-image-slider .rr-home-slide:not(.is-active) .rr-home-default-content,
html body .rr-home-pro-slider .rr-home-slide:not(.is-active) .rr-home-default-content{
  opacity:0!important;
  visibility:hidden!important;
  transition:none!important;
} /* لا نص يظهر إلا من السلايد النشط فقط. */

/* عناصر الكتابة: مخفية قبل دورها وتظهر فور بدء كتابتها. */
html body .rr-home-default-content .rr-type-text{
  opacity:0;
  transition:opacity .3s ease;
} /* النص مخفي قبل بدء الكتابة. */
html body .rr-home-default-content .rr-type-text.is-visible{
  opacity:1;
} /* النص ظاهر أثناء وبعد الكتابة. */

/* مؤشر كتابة ناعم يومض في نهاية النص أثناء الكتابة فقط. */
html body .rr-home-default-content .rr-type-text.is-typing::after{
  content:"";
  display:inline-block;
  width:2px;
  height:.9em;
  margin-inline-start:3px;
  vertical-align:baseline;
  background:currentColor;
  opacity:.75;
  animation:rrCaretBlink .7s steps(1) infinite;
} /* شرطة الكتابة تعطي إحساس الكتابة الحية. */
@keyframes rrCaretBlink{
  0%,100%{opacity:.75;}
  50%{opacity:0;}
} /* وميض المؤشر. */

/* احترام تفضيل تقليل الحركة: إخفاء مؤشر الوميض. */
@media (prefers-reduced-motion:reduce){
  html body .rr-home-default-content .rr-type-text.is-typing::after{
    animation:none;
    opacity:.4;
  } /* مؤشر ثابت خافت بدل الوميض. */
}


/* ===== v10-28-mobile-arabic-overhaul.css ===== */
/* ========================================================================== */
/* RubyRose V10.28 — الإصلاح الجذري: لا ومضات سوداء، أداء موبايل سلس، عربية   */
/* ========================================================================== */

/* ===== أ) جذر الصفحة فاتح: القضاء على الومضات السوداء أثناء التمرير ===== */
/* كان html بالكامل داكن #151015، فأي منطقة لم تُرسم بعد أثناء التمرير السريع
   كانت تظهر سوداء (التهنيج الأسود). الجذر الآن فاتح والفوتر يحمل لونه الداكن بنفسه. */
html{background:#fdf6f9!important;}
body.biagiotti-style{background:#fdf6f9!important;}
body.biagiotti-style>footer.site-footer.rr-premium-footer{background-color:#151015!important;} /* الفوتر يبقى داكنًا بذاته. */

/* ===== ب) أداء الموبايل: إزالة أثقل مستهلكات المعالج الرسومي ===== */
@media (max-width:900px){

  /* 1) إلغاء الزجاجية (backdrop-filter) نهائيًا على الموبايل — أكبر مصدر للتهنيج. */
  html body header.site-header,
  html body .mobile-nav-panel,
  html body .mobile-nav-backdrop,
  html body .rr-site-search-panel,
  html body .rr-site-search,
  html body .lang-modal,
  html body .rr-home-slider-dots,
  html body .rr-home-slider-arrow,
  html body .chatbot,
  html body .shop-card-media,
  html body .cat-tile-caption{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  } /* لا حسابات ضبابية مكلفة خلف العناصر. */

  /* 2) تعويض الزجاجية بخلفيات شبه مصمتة بنفس الإحساس البصري. */
  html body header.site-header.biagiotti-header{background:rgba(255,252,250,.97)!important;}
  html body .mobile-nav-panel{background:#fffcfa!important;}
  html body .rr-site-search-panel{background:#fffdfb!important;}

  /* 3) رسم الأقسام عند الحاجة فقط: قفزة أداء كبيرة أثناء التمرير. */
  html body.biagiotti-style main > section.section{
    content-visibility:auto;
    contain-intrinsic-size:auto 620px;
  } /* الأقسام خارج الشاشة لا تُحسب ولا تُرسم حتى الاقتراب منها. */

  /* 4) تخفيف الظلال الضخمة التي تجبر المتصفح على رسم طبقات كبيرة. */
  html body .shop-product-card,
  html body .cat-tile,
  html body .rr-home-offer-card,
  html body .rr-dyn-section .rr-dyn-media img{
    box-shadow:0 8px 22px rgba(42,20,30,.10)!important;
  } /* ظل خفيف أنيق بدل الظلال العميقة المتعددة. */

  /* 5) فواصل الماركيو أخف وأصغر على الموبايل. */
  html body .rr-section-divider{padding-block:10px!important;}
  html body .rr-div-word{font-size:15px!important;}
}

/* ===== ج) المساحات الفارغة: تغطية مدى التابلت أيضًا (كان الضغط ≤760 فقط) ===== */
@media (min-width:761px) and (max-width:1024px){
  html body.biagiotti-style main .section,
  html body.biagiotti-style main > section.section{
    padding-block:56px!important;
  } /* بدل 72-124px الضخمة على التابلت والموبايل العريض. */
  html body.biagiotti-style main > section:last-of-type{
    padding-bottom:36px!important;
    margin-bottom:0!important;
  } /* آخر قسم قريب من الفوتر. */
}

/* ===== د) العربية: خطوط ومحاذاة سليمة لكل نصوص السلايدر والواجهة ===== */
html[dir="rtl"] .rr-home-default-content .rr-type-text,
html[dir="rtl"] .rr-home-default-content p,
html[dir="rtl"] .rr-home-default-content span{
  font-family:'Cairo','Segoe UI',Tahoma,sans-serif!important;
  letter-spacing:0!important;
} /* لا تباعد أحرف لاتيني يشوّه العربية. */
html[dir="rtl"] .rr-maintenance-card h1,
html[dir="rtl"] .rr-dyn-title,
html[dir="rtl"] .section-heading h2{
  font-family:'Cairo','Segoe UI',sans-serif!important;
  letter-spacing:0!important;
} /* عناوين عربية واضحة في كل الأقسام. */
html[dir="rtl"] .qe-grid,
html[dir="rtl"] .sd-grid{direction:rtl;} /* شاشات الإدارة الجديدة تتبع الاتجاه. */

/* ===== هـ) مبدل اللغة داخل قائمة الموبايل ===== */
html body .mobile-nav-panel .mobile-lang-switch-link{
  display:block;
  margin-top:14px;
  padding:13px 16px;
  border:1.5px solid rgba(203,43,111,.28);
  border-radius:14px;
  text-align:center;
  font-weight:800;
  font-size:14px;
  color:#a10616;
  background:#fff;
  transition:background .2s ease,color .2s ease;
} /* زر تبديل اللغة واضح داخل الدرج الجانبي. */
html body .mobile-nav-panel .mobile-lang-switch-link:active{
  background:linear-gradient(135deg,#e0177a,#ff6aa8);
  color:#fff;
} /* تفاعل لمسي عند الضغط. */
@media (min-width:1321px){
  html body .mobile-lang-switch-link{display:none;}
} /* مخفي على الديسكتوب حيث يوجد مبدل الهيدر. */

/* ===== و) استقرار التمرير العام على الموبايل ===== */
@media (max-width:900px){
  html{
    scroll-behavior:auto;
    -webkit-text-size-adjust:100%;
  } /* لا حركات تمرير برمجية ثقيلة. */
  html body.biagiotti-style{
    overscroll-behavior-y:none;
  } /* منع ارتداد السحب الزائد الذي كان يكشف الجذر الداكن سابقًا. */
}


/* ===== v10-29-mobile-gap-footer-control.css ===== */
/* ========================================================================== */
/* RubyRose V10.29 — Mobile gap removal + premium controllable footer          */
/* ========================================================================== */

/* Root and document flow: footer remains the real end of the page. */
html{
  min-height:100%;
  overflow-x:hidden;
  background:#fdf6f9!important;
}
body.biagiotti-style{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  overflow-x:hidden!important;
  background:#fdf6f9!important;
}
body.biagiotti-style main{
  flex:1 0 auto;
  width:100%;
  max-width:100%;
  background:#fdf6f9!important;
}
body.biagiotti-style footer.site-footer{
  flex-shrink:0;
}

/* Footer visual variables are injected from the admin settings page. */
footer.site-footer.rr-premium-footer{
  --rr-footer-bg:var(--rr-footer-bg-inline,#151015);
  --rr-footer-text:var(--rr-footer-text-inline,rgba(255,255,255,.74));
  --rr-footer-link:var(--rr-footer-link-inline,#ffffff);
  --rr-footer-accent:var(--rr-footer-accent-inline,#e0177a);
  background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--rr-footer-accent) 22%,transparent),transparent 38%),var(--rr-footer-bg)!important;
  color:var(--rr-footer-text)!important;
  margin:0!important;
  border:0!important;
}
footer.site-footer.rr-premium-footer::before,
footer.site-footer.rr-premium-footer::after{
  content:none!important;
  display:none!important;
}
footer.site-footer.rr-premium-footer .rr-footer-glow{
  background:radial-gradient(circle,color-mix(in srgb,var(--rr-footer-accent) 28%,transparent),transparent 64%)!important;
  opacity:.55!important;
}
footer.site-footer.rr-premium-footer a,
footer.site-footer.rr-premium-footer .footer-bottom,
footer.site-footer.rr-premium-footer .rr-footer-signature{
  color:var(--rr-footer-link)!important;
}
footer.site-footer.rr-premium-footer p,
footer.site-footer.rr-premium-footer .rr-footer-contact-line span,
footer.site-footer.rr-premium-footer .footer-bottom span{
  color:var(--rr-footer-text)!important;
}
footer.site-footer.rr-premium-footer h4::after,
footer.site-footer.rr-premium-footer::before{
  background:var(--rr-footer-accent)!important;
}
footer.site-footer.rr-premium-footer .rr-footer-brand h3{
  display:none!important;
}
footer.site-footer.rr-premium-footer .rr-footer-wholesale-card span,
footer.site-footer.rr-premium-footer .rr-footer-wholesale-card p{
  display:none!important;
}
footer.site-footer.rr-premium-footer .rr-footer-wholesale-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn{
  color:var(--rr-footer-link)!important;
  border-color:color-mix(in srgb,var(--rr-footer-link) 55%,transparent)!important;
}
footer.site-footer.rr-premium-footer .footer-social a{
  color:var(--rr-footer-link)!important;
  border-color:color-mix(in srgb,var(--rr-footer-link) 22%,transparent)!important;
}

/* Mobile only: eliminate useless white spaces while keeping the approved mobile look. */
@media (max-width:900px){
  html body.biagiotti-style main > section.section,
  html body.biagiotti-style main .section,
  html body.biagiotti-style main > section.rr-bg-section{
    content-visibility:visible!important;
    contain:none!important;
    contain-intrinsic-size:0!important;
  }
  html body.biagiotti-style main > section.section:empty,
  html body.biagiotti-style main > section.rr-bg-section:empty{
    display:none!important;
    min-height:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
  }
  html body.page-index main > .rr-home-offer-section{
    padding-block:18px!important;
    margin:0!important;
    min-height:0!important;
  }
  html body.page-index main > .rr-home-offer-section + .section,
  html body.page-index main > .rr-home-offer-section + .rr-bg-section{
    margin-top:0!important;
    padding-top:18px!important;
  }
  html body.page-index .rr-home-offer-card{
    margin:0 auto!important;
    min-height:0!important;
    padding:22px 18px!important;
    border-radius:0!important;
  }
  html body.page-index .rr-home-offer-card h2{
    font-size:clamp(22px,7vw,30px)!important;
    line-height:1.12!important;
    margin:8px 0!important;
  }
  html body.page-index .rr-home-offer-card p{
    margin:6px auto 10px!important;
    line-height:1.45!important;
  }
  html body.page-index .rr-offer-countdown{
    margin:10px auto!important;
    gap:6px!important;
  }
  html body.page-index main > .shopping-section,
  html body.page-index main > .rr-dyn-section,
  html body.page-index main > section.section{
    padding-top:22px!important;
    padding-bottom:22px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  html body.page-index main > section:last-of-type,
  html body.page-index main > .section:last-of-type{
    padding-bottom:12px!important;
    margin-bottom:0!important;
  }
  html body .rr-section-content-wrap{
    padding-block:0!important;
    margin-block:0!important;
  }
  html body .section-heading{
    margin-bottom:14px!important;
  }
  html body .rr-section-divider{
    display:none!important;
  }
}

/* Extra compact handling for iPhone 11 Pro and similar small mobile widths. */
@media (max-width:430px){
  html body.page-index main > .rr-home-offer-section{
    padding-block:14px!important;
  }
  html body.page-index .rr-home-offer-card{
    padding:18px 14px!important;
  }
  html body.page-index main > .shopping-section,
  html body.page-index main > .rr-dyn-section,
  html body.page-index main > section.section{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  html body.page-index main > section:last-of-type,
  html body.page-index main > .section:last-of-type{
    padding-bottom:8px!important;
  }
}

/* Mobile footer: premium compact, logo-only brand, no bottom white tail. */
@media (max-width:900px){
  html body footer.site-footer.rr-premium-footer{
    padding:22px 14px 0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-inner,
  html body footer.site-footer.rr-premium-footer .rr-footer-grid{
    max-width:390px!important;
    width:100%!important;
    margin:0 auto!important;
    gap:14px!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-logo{
    margin:0 auto 10px!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-logo img{
    max-width:118px!important;
    max-height:52px!important;
    object-fit:contain!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-brand{
    margin:0!important;
    text-align:center!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-brand p{
    max-width:285px!important;
    margin:0 auto 10px!important;
    font-size:11px!important;
    line-height:1.55!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-social{
    margin:8px 0 0!important;
    gap:7px!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-social a{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    font-size:11px!important;
    background:color-mix(in srgb,var(--rr-footer-link) 7%,transparent)!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-col h4{
    margin:0 0 8px!important;
    padding-bottom:6px!important;
    font-size:10px!important;
    letter-spacing:.14em!important;
    text-align:center!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    row-gap:5px!important;
    column-gap:7px!important;
    margin-top:8px!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type > a{
    min-height:26px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:9.5px!important;
    background:color-mix(in srgb,var(--rr-footer-link) 5%,transparent)!important;
    border-color:color-mix(in srgb,var(--rr-footer-link) 10%,transparent)!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-contact{
    margin-top:12px!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line{
    max-width:260px!important;
    margin-bottom:5px!important;
    padding-bottom:5px!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line small{
    font-size:7.5px!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-contact-line span{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card{
    margin:8px auto 0!important;
  }
  html body footer.site-footer.rr-premium-footer .rr-footer-wholesale-card .footer-btn{
    font-size:9.5px!important;
    letter-spacing:.12em!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-bottom{
    margin-top:12px!important;
    padding:9px 0 calc(10px + env(safe-area-inset-bottom))!important;
    border-top:1px solid color-mix(in srgb,var(--rr-footer-link) 10%,transparent)!important;
    font-size:9px!important;
    line-height:1.45!important;
    gap:2px!important;
  }
}

@media (max-width:380px){
  html body footer.site-footer.rr-premium-footer .footer-col:first-of-type > a{
    font-size:9px!important;
    min-height:24px!important;
  }
  html body footer.site-footer.rr-premium-footer .footer-bottom{
    font-size:8.5px!important;
  }
}


/* ===== v10-30-footer-premium-fixed.css ===== */
/* ========================================================================== */
/* RubyRose V10.30 — Stable premium footer palette, no admin color overrides   */
/* ========================================================================== */

html,
body{
  min-width:0!important;
  overflow-x:hidden!important;
}

body.biagiotti-style{
  background:#fff8fb!important;
}

body.biagiotti-style main{
  background:#fff8fb!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:44px 22px 0!important;
  border:0!important;
  border-top:1px solid rgba(224,23,122,.20)!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(224,23,122,.16),transparent 30%),
    radial-gradient(circle at 86% 8%,rgba(255,255,255,.06),transparent 28%),
    linear-gradient(180deg,#1d1118 0%,#130c11 58%,#0d080c 100%)!important;
  color:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette::before,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette::after,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-glow{
  display:none!important;
  content:none!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-shell{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:1.18fr 1fr 1fr!important;
  gap:36px!important;
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  padding:0!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-brand-block,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-block,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-block{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-brand-block{
  text-align:start!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 14px!important;
  max-width:150px!important;
  text-decoration:none!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-logo img{
  display:block!important;
  max-width:150px!important;
  max-height:54px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .brand-logo-text,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-brand h3{
  display:none!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-brand-block p{
  max-width:360px!important;
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-family:var(--rr-body-font,'Jost',sans-serif)!important;
  font-size:14px!important;
  line-height:1.75!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette h4{
  position:relative!important;
  margin:0 0 18px!important;
  padding:0 0 10px!important;
  color:#fff!important;
  font-family:var(--rr-heading-font,'Playfair Display',serif)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette h4::after{
  position:absolute!important;
  inset:auto auto 0 0!important;
  display:block!important;
  width:32px!important;
  height:1px!important;
  content:""!important;
  background:#e0177a!important;
}

html[dir="rtl"] body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette h4::after{
  right:0!important;
  left:auto!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 18px!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette a{
  color:rgba(255,255,255,.78)!important;
  text-decoration:none!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-grid a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  color:rgba(255,255,255,.64)!important;
  font-family:var(--rr-body-font,'Jost',sans-serif)!important;
  font-size:13px!important;
  line-height:1.35!important;
  transition:color .22s ease,transform .22s ease!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-grid a:hover,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-wholesale-link:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-line{
  display:block!important;
  width:100%!important;
  max-width:320px!important;
  margin:0 0 12px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:transparent!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-line small{
  display:block!important;
  margin:0 0 4px!important;
  color:rgba(255,255,255,.38)!important;
  font-family:var(--rr-body-font,'Jost',sans-serif)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-line span{
  display:block!important;
  color:rgba(255,255,255,.72)!important;
  font-family:var(--rr-body-font,'Jost',sans-serif)!important;
  font-size:13px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-wholesale-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:4px!important;
  padding:0 0 3px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.70)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:var(--rr-body-font,'Jost',sans-serif)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .footer-social{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:16px 0 0!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .footer-social a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .footer-bottom.rr-footer-bottom-clean{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:min(1180px,100%)!important;
  margin:36px auto 0!important;
  padding:18px 0 max(18px,env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
  color:rgba(255,255,255,.48)!important;
  font-family:var(--rr-body-font,'Jost',sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.45!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette + .chatbot,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette ~ .chatbot{
  position:fixed!important;
}

html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette + *:not(.chatbot){
  margin-top:0!important;
}

@media (max-width:900px){
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette{
    padding:28px 16px 0!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:min(420px,100%)!important;
    gap:18px!important;
    text-align:center!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-brand-block,
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-block,
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-block{
    text-align:center!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-logo{
    justify-content:center!important;
    margin:0 auto 8px!important;
    max-width:124px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-logo img{
    max-width:124px!important;
    max-height:44px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-brand-block p{
    max-width:310px!important;
    margin:0 auto!important;
    font-size:12px!important;
    line-height:1.55!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .footer-social{
    justify-content:center!important;
    margin-top:10px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette h4{
    margin:0 0 10px!important;
    padding-bottom:7px!important;
    font-size:11px!important;
    letter-spacing:.15em!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette h4::after{
    left:50%!important;
    right:auto!important;
    width:26px!important;
    transform:translateX(-50%)!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-grid a{
    justify-content:center!important;
    min-height:28px!important;
    padding:0 8px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.035)!important;
    font-size:10px!important;
    color:rgba(255,255,255,.66)!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-line{
    max-width:280px!important;
    margin:0 auto 7px!important;
    padding-bottom:7px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-line small{
    font-size:8px!important;
    letter-spacing:.12em!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-contact-line span{
    font-size:11px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-wholesale-link{
    margin-top:4px!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .footer-bottom.rr-footer-bottom-clean{
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    width:min(420px,100%)!important;
    margin-top:18px!important;
    padding:10px 0 calc(12px + env(safe-area-inset-bottom))!important;
    font-size:8.5px!important;
    text-align:center!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .footer-bottom.rr-footer-bottom-clean span:last-child{
    opacity:.76!important;
  }
}

@media (max-width:380px){
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette{
    padding-inline:12px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-links-grid a{
    min-height:26px!important;
    font-size:9.5px!important;
    padding-inline:6px!important;
  }

  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette .rr-footer-brand-block p{
    font-size:11.5px!important;
  }
}


/* ===== v10-31-style-conflict-cleanup.css ===== */
/* ========================================================================== */
/* 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; /* حجم واضح بدون توسع. */
  } /* نهاية السعر. */
} /* نهاية قواعد الشاشات الصغيرة. */


/* ===== v10-32_header_guide_features_fix.css ===== */
/* V10.32 - Header language lock, unified site guide, equal nav spacing, and borderless feature strip. */

:root{
  --rr-guide-width:min(1380px, calc(100% - 96px));
  --rr-guide-narrow:min(1180px, calc(100% - 96px));
  --rr-header-link-gap:clamp(24px, 2.05vw, 36px);
}

/* Keep the header's physical layout fixed in both English and Arabic.
   Search + language stay on the same side, cart/menu stay on the same side. */
html body header.site-header.biagiotti-header,
html body header.site-header.biagiotti-header .biagiotti-header-inner,
html body header.site-header.biagiotti-header .rr-header-left-actions,
html body header.site-header.biagiotti-header .rr-nav-center,
html body header.site-header.biagiotti-header .header-actions{
  direction:ltr!important;
}

/* One clean site guide: starts from search area and ends at cart area. */
@media (min-width: 981px){
  html body header.site-header.biagiotti-header .biagiotti-header-inner{
    width:var(--rr-guide-width)!important;
    max-width:1380px!important;
    grid-template-columns:118px minmax(0,1fr) 150px!important;
    column-gap:clamp(20px,2.2vw,38px)!important;
    margin-inline:auto!important;
  }

  /* Equal link spacing that does not change when switching language. */
  html body header.site-header.biagiotti-header .rr-nav-center{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:clamp(38px,4vw,64px)!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center .main-nav{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:max-content!important;
    align-items:center!important;
    column-gap:var(--rr-header-link-gap)!important;
    row-gap:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center .nav-left{
    justify-content:end!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center .nav-right{
    justify-content:start!important;
  }

  html body header.site-header.biagiotti-header .main-nav a{
    padding-inline:0!important;
    margin:0!important;
    min-width:0!important;
    text-align:center!important;
    letter-spacing:.14em!important;
    white-space:nowrap!important;
  }

  html body header.site-header.biagiotti-header .rr-header-left-actions{
    justify-content:flex-start!important;
    gap:10px!important;
  }

  html body header.site-header.biagiotti-header .header-actions{
    justify-content:flex-end!important;
    gap:14px!important;
  }

  /* Apply the same guide to the site content, excluding the slider itself. */
  html body.biagiotti-style .section,
  html body.biagiotti-style .section.narrow,
  html body.biagiotti-style .shopping-section .section,
  html body.biagiotti-style .rr-shop-toolbar,
  html body.biagiotti-style .rr-shop-result-count,
  html body.biagiotti-style .rr-cart-page,
  html body.biagiotti-style .checkout-page,
  html body.biagiotti-style .product-detail-premium,
  html body.biagiotti-style .rr-product-breadcrumb,
  html body.biagiotti-style .category-products-section,
  html body.biagiotti-style .category-subcategories,
  html body.biagiotti-style .page-hero,
  html body.biagiotti-style .shopping-page-hero{
    width:var(--rr-guide-width)!important;
    max-width:1380px!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }

  /* Keep all slider / hero canvases outside the guide as requested. */
  html body.biagiotti-style .rr-home-image-slider,
  html body.biagiotti-style .hero-slider,
  html body.biagiotti-style .v9-pro-showcase,
  html body.biagiotti-style .rr-slider-section{
    width:100%!important;
    max-width:none!important;
  }
}

/* Language switcher: one stable place next to search only. */
html body header.site-header.biagiotti-header .rr-lang-near-search{
  position:relative!important;
  inset:auto!important;
  order:2!important;
  flex:0 0 auto!important;
  transform:none!important;
  margin:0!important;
}

html body header.site-header.biagiotti-header .rr-search-btn{
  order:1!important;
  flex:0 0 auto!important;
}

/* Hide duplicate language switch inside mobile drawer so language exists in one place only. */
html body .mobile-nav-panel .mobile-lang-switch-link{
  display:none!important;
}

/* Feature strip: remove internal borders and make spacing balanced from both sides. */
html body .v9-feature-strip{
  border:0!important;
  border-block:0!important;
  box-shadow:none!important;
  margin:0!important;
  background:#fffaf7!important;
}

html body .v9-feature-strip-inner{
  width:var(--rr-guide-width)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
  border:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

html body .v9-feature-item,
html body .v9-feature-item:nth-child(2),
html body .v9-feature-item:nth-child(3),
html body .v9-feature-item:last-child{
  border:0!important;
  border-inline:0!important;
  border-inline-end:0!important;
  border-bottom:0!important;
  border-top:0!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  padding-inline:clamp(18px,2.2vw,30px)!important;
}

html body .v9-feature-item > div{
  min-width:0!important;
}

/* Tablet / mobile: keep approved layout, only lock language place and remove feature borders. */
@media (max-width: 980px){
  :root{
    --rr-guide-width:calc(100% - 24px);
    --rr-guide-narrow:calc(100% - 24px);
  }

  html body header.site-header.biagiotti-header .biagiotti-header-inner{
    direction:ltr!important;
  }

  html body header.site-header.biagiotti-header .rr-header-left-actions{
    grid-column:1!important;
    justify-self:start!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center{
    grid-column:2!important;
  }

  html body header.site-header.biagiotti-header .header-zone-right{
    grid-column:3!important;
    justify-self:end!important;
  }

  html body .v9-feature-strip-inner{
    width:min(100%, calc(100% - 24px))!important;
    max-width:620px!important;
    margin-inline:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    border:0!important;
  }

  html body .v9-feature-item,
  html body .v9-feature-item:nth-child(2),
  html body .v9-feature-item:nth-child(3),
  html body .v9-feature-item:last-child{
    border:0!important;
    justify-content:flex-start!important;
    padding-inline:clamp(12px,3.4vw,18px)!important;
  }
}

@media (max-width: 430px){
  :root{
    --rr-guide-width:calc(100% - 18px);
    --rr-guide-narrow:calc(100% - 18px);
  }

  html body header.site-header.biagiotti-header .rr-lang-near-search{
    margin-inline-start:2px!important;
  }

  html body .v9-feature-strip-inner{
    width:calc(100% - 18px)!important;
  }
}


/* ===== v10-33_category_overlay_stock_badge.css ===== */
/* RubyRose V10.33 — Category overlay + product stock badge cleanup. */
/* الهدف: إلغاء زووم التصنيفات، إظهار لاير بريميوم كامل، ونقل Out Of Stock فوق الصورة عند نفاد المنتج. */

html body .rr-home-category-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

html body .rr-home-category-media{
  position:relative!important;
  overflow:hidden!important;
}

html body .rr-home-category-media::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(180deg,rgba(22,12,18,.08) 0%,rgba(22,12,18,.46) 62%,rgba(22,12,18,.76) 100%)!important;
  opacity:.78!important;
  transition:opacity .42s cubic-bezier(.16,1,.3,1)!important;
  pointer-events:none!important;
}

html body .rr-home-category-media img{
  transform:none!important;
  filter:saturate(1.02) contrast(1.02)!important;
  transition:filter .45s ease!important;
}

html body .rr-home-category-card:hover .rr-home-category-media img,
html body .rr-home-category-card:focus-visible .rr-home-category-media img{
  transform:none!important;
  filter:saturate(1.08) contrast(1.05) brightness(.86)!important;
}

html body .rr-home-category-card:hover .rr-home-category-media::after,
html body .rr-home-category-card:focus-visible .rr-home-category-media::after{
  opacity:.95!important;
}

html body .rr-home-category-content{
  position:absolute!important;
  inset:auto 0 0 0!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-height:58%!important;
  padding:clamp(15px,2.2vw,26px)!important;
  color:#fff!important;
  text-align:center!important;
  pointer-events:none!important;
  transform:translateY(0)!important;
  transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .35s ease!important;
}

html body .rr-home-category-eyebrow{
  display:block!important;
  margin:0 0 7px!important;
  color:rgba(255,255,255,.78)!important;
  font-family:'Jost','Cairo',sans-serif!important;
  font-size:clamp(8px,.72vw,10px)!important;
  font-weight:800!important;
  letter-spacing:.28em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

html body .rr-home-category-content b{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-family:'Jost','Cairo',sans-serif!important;
  font-size:clamp(13px,1.25vw,18px)!important;
  font-weight:900!important;
  line-height:1.18!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 8px 22px rgba(0,0,0,.24)!important;
}

html body .rr-home-category-content em{
  display:block!important;
  width:min(100%,310px)!important;
  margin:8px auto 0!important;
  color:rgba(255,255,255,.86)!important;
  font-family:'Jost','Cairo',sans-serif!important;
  font-size:clamp(10px,.85vw,12px)!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:.02em!important;
  opacity:0!important;
  max-height:0!important;
  overflow:hidden!important;
  transform:translateY(8px)!important;
  transition:opacity .38s ease,max-height .38s ease,transform .42s cubic-bezier(.16,1,.3,1)!important;
}

html body .rr-home-category-content small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:12px auto 0!important;
  padding:8px 14px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  font-family:'Jost','Cairo',sans-serif!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
  opacity:.96!important;
  transition:transform .32s ease,background .32s ease,border-color .32s ease!important;
}

html body .rr-home-category-card:hover .rr-home-category-content,
html body .rr-home-category-card:focus-visible .rr-home-category-content{
  transform:translateY(-2px)!important;
}

html body .rr-home-category-card:hover .rr-home-category-content em,
html body .rr-home-category-card:focus-visible .rr-home-category-content em{
  opacity:1!important;
  max-height:60px!important;
  transform:translateY(0)!important;
}

html body .rr-home-category-card:hover .rr-home-category-content small,
html body .rr-home-category-card:focus-visible .rr-home-category-content small{
  background:rgba(255,255,255,.2)!important;
  border-color:rgba(255,255,255,.82)!important;
  transform:translateY(-1px)!important;
}

html body .rr-home-category-content small span{
  transform:none!important;
}

html[dir="rtl"] body .rr-home-category-content small span,
html[dir="rtl"] body .rr-home-category-card:hover .rr-home-category-content small span,
html[dir="rtl"] body .rr-home-category-card:focus-visible .rr-home-category-content small span{
  transform:scaleX(-1)!important;
}

/* Product card: move out of stock to image, and hide zero price cleanly. */
html body .shop-card-media{
  overflow:hidden!important;
}

html body .shop-stock-image-badge{
  position:absolute!important;
  top:12px!important;
  inset-inline-start:12px!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:calc(100% - 24px)!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(31,22,29,.86)!important;
  box-shadow:0 12px 28px rgba(31,22,29,.18)!important;
  font-family:'Jost','Cairo',sans-serif!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

html body .shop-card-topline{
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  overflow:hidden!important;
}

html body .shop-card-topline .shop-price-inline:only-child{
  margin-inline-start:0!important;
  margin-inline-end:0!important;
  justify-content:flex-start!important;
}

@media(max-width:800px){
  html body .rr-home-category-card:hover .rr-home-category-content em,
  html body .rr-home-category-card:focus-visible .rr-home-category-content em,
  html body .rr-home-category-card .rr-home-category-content em{
    opacity:1!important;
    max-height:48px!important;
    transform:none!important;
  }

  html body .rr-home-category-content{
    padding:14px!important;
    min-height:70%!important;
  }

  html body .rr-home-category-content b{
    font-size:14px!important;
    line-height:1.16!important;
  }

  html body .rr-home-category-content em{
    margin-top:6px!important;
    font-size:10px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }

  html body .rr-home-category-content small{
    margin-top:9px!important;
    padding:7px 12px!important;
    font-size:8px!important;
    letter-spacing:.12em!important;
  }

  html body .shop-stock-image-badge{
    top:9px!important;
    inset-inline-start:9px!important;
    padding:6px 9px!important;
    font-size:8.5px!important;
    letter-spacing:.08em!important;
  }

  html body .shop-card-topline{
    min-height:22px!important;
  }
}


/* ===== v10-34_logo_control.css ===== */
/* V10.34 Logo Control - بداية التحكم في لوجو RubyRose الرسمي من لوحة الإدارة */
.rr-wordmark-logo{ /* حاوية اللوجو الرسمي القابل للتلوين */
  display:inline-block; /* جعل اللوجو عنصرًا خطيًا قابلًا للمحاذاة داخل الهيدر والفوتر */
  width:var(--rr-wordmark-width,150px); /* قراءة عرض اللوجو من لوحة الإدارة */
  aspect-ratio:360.93/155.02; /* الحفاظ على النسبة الأصلية لملف RubyRose SVG */
  background:var(--rr-wordmark-color,#f05473); /* لون اللوجو القابل للتغيير من لوحة الإدارة */
  -webkit-mask:url('../images/rubyrose-wordmark.svg') center/contain no-repeat; /* استخدام ملف SVG كقناع في متصفحات WebKit */
  mask:url('../images/rubyrose-wordmark.svg') center/contain no-repeat; /* استخدام ملف SVG كقناع في المتصفحات الحديثة */
  vertical-align:middle; /* محاذاة اللوجو مع عناصر الهيدر */
  line-height:1; /* منع أي ارتفاع إضافي حول اللوجو */
  flex:0 0 auto; /* منع تمدد اللوجو داخل الحاويات المرنة */
} /* نهاية حاوية اللوجو الرسمي */
.centered-brand .rr-wordmark-logo-header{ /* لوجو الهيدر داخل منتصف شريط التنقل */
  width:min(var(--rr-wordmark-width,150px),190px); /* منع اللوجو من كسر مسافات الهيدر على الكمبيوتر */
  max-width:18vw; /* ربط الحجم بعرض الشاشة الكبيرة حتى لا يضغط الروابط */
} /* نهاية لوجو الهيدر */
.rr-footer-logo .rr-wordmark-logo-footer{ /* لوجو الفوتر */
  width:min(var(--rr-wordmark-width,150px),210px); /* حجم أهدأ للوجو داخل الفوتر */
  max-width:70vw; /* منع خروج اللوجو من عرض الموبايل */
} /* نهاية لوجو الفوتر */
.brand-logo-text{ /* النص الاحتياطي للوجو عند تعطيل اللوجو الرسمي والصورة */
  color:var(--rr-header-logo,#f05473); /* لون قريب من لون اللوجو الرسمي */
  font-weight:600; /* وزن مريح للنص الاحتياطي */
  line-height:1; /* منع زيادة ارتفاع الهيدر */
  white-space:nowrap; /* منع كسر اسم الشركة على أكثر من سطر */
} /* نهاية النص الاحتياطي */
@media (max-width: 767px){ /* قواعد حماية الموبايل حتى لا يتأثر العرض المعتمد */
  .centered-brand .rr-wordmark-logo-header{ /* لوجو الهيدر على الموبايل */
    width:min(var(--rr-wordmark-width,150px),118px); /* الحفاظ على حجم مناسب داخل الهيدر الصغير */
    max-width:26vw; /* منع التداخل مع أيقونات البحث واللغة والسلة */
  } /* نهاية لوجو الهيدر على الموبايل */
  .rr-footer-logo .rr-wordmark-logo-footer{ /* لوجو الفوتر على الموبايل */
    width:min(var(--rr-wordmark-width,150px),132px); /* حجم أصغر وأكثر Premium داخل الفوتر */
  } /* نهاية لوجو الفوتر على الموبايل */
} /* نهاية قواعد الموبايل */
@supports not ((mask: url('')) or (-webkit-mask: url(''))){ /* بديل احتياطي إذا لم يدعم المتصفح CSS Mask */
  .rr-wordmark-logo{ /* استبدال القناع بصورة PNG عند عدم دعم القناع */
    background:url('../images/rubyrose-wordmark.png') center/contain no-repeat !important; /* عرض صورة PNG كبديل */
  } /* نهاية البديل */
} /* نهاية دعم المتصفحات القديمة */
/* V10.34 Logo Control - نهاية التحكم في لوجو RubyRose الرسمي */


/* ===== v10-35_logo_header_analytics.css ===== */
/* V10.35 - SVG logo only + header sticky setting + final safe overrides */
.rr-wordmark-logo{display:inline-block;width:var(--rr-wordmark-width,150px);aspect-ratio:360.93/155.02;background:var(--rr-wordmark-color,#f05473);-webkit-mask:url('../images/rubyrose-wordmark.svg') center/contain no-repeat;mask:url('../images/rubyrose-wordmark.svg') center/contain no-repeat;vertical-align:middle;line-height:1;}
.centered-brand .rr-wordmark-logo-header{width:min(var(--rr-wordmark-width,150px),220px);max-width:clamp(94px,11vw,220px);}
.rr-footer-logo .rr-wordmark-logo-footer{width:min(var(--rr-wordmark-width,150px),240px);max-width:240px;}
@media(max-width:760px){.centered-brand .rr-wordmark-logo-header{width:min(var(--rr-wordmark-width,150px),120px)!important;max-width:120px!important}.rr-footer-logo .rr-wordmark-logo-footer{width:min(var(--rr-wordmark-width,150px),140px)!important;max-width:140px!important}}
body.header-sticky-off header.site-header.biagiotti-header,body.header-sticky-off header.site-header.biagiotti-header.is-scrolled,body.header-sticky-off.header-mode-transparent header.site-header.biagiotti-header:not(.is-scrolled),body.header-sticky-off.header-mode-transparent header.site-header.biagiotti-header.is-scrolled{position:relative!important;top:auto!important;left:auto!important;right:auto!important;animation:none!important;transform:none!important;background:var(--rr-header-bg,rgba(255,253,251,.96))!important;border-bottom:1px solid rgba(126,65,90,.12)!important;box-shadow:0 1px 0 rgba(126,65,90,.08)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
body.header-sticky-off header.site-header.biagiotti-header:after{display:none!important;content:none!important;}
body.header-sticky-off main{padding-top:0!important;}
body.header-sticky-off .mobile-nav-panel{top:0!important;}
body.header-sticky-on header.site-header.biagiotti-header.is-scrolled{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;}
.rr-svg-logo-settings .logo-preview-box{min-height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#fff5f8);border:1px solid #f2d6e1;border-radius:18px;overflow:hidden;}
.rr-svg-logo-settings .logo-size-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
@media(max-width:700px){.rr-svg-logo-settings .logo-size-controls{grid-template-columns:1fr}}


/* ===== v10-36_order_reviews_footer_fix.css ===== */
/* V10.36 إصلاح تتبع الطلب والتقييمات والفوتر */
html,body{min-height:100%;background:#fff!important;} /* تثبيت خلفية الصفحة لمنع أي شريط أبيض/أسود بعد الفوتر */
body{overflow-x:hidden!important;} /* منع أي تمدد أفقي يسبب فراغات على الموبايل */
.site-footer{margin-bottom:0!important;padding-bottom:max(22px,env(safe-area-inset-bottom))!important;background:#140b11!important;} /* منع ظهور شريط أبيض أسفل الفوتر */
.site-footer:after,.footer-inner:after,.footer-bottom:after{display:none!important;content:none!important;} /* تعطيل أي طبقات فوتر قديمة سببت فراغات */
.footer-bottom{margin-bottom:0!important;border-bottom:0!important;} /* إزالة أي هامش نهائي بعد الحقوق */
.account-track-section{padding-top:clamp(36px,6vw,76px)!important;padding-bottom:clamp(34px,6vw,70px)!important;} /* مسافات متوازنة لصفحة تتبع الطلب */
.compact-orders{display:grid!important;gap:10px!important;margin:18px 0 28px!important;} /* ترتيب الطلبات السابقة بشكل واضح */
.account-order.active{border-color:#e51f77!important;background:#fff4fa!important;box-shadow:0 10px 26px rgba(229,31,119,.12)!important;} /* تمييز الطلب الحالي */
.account-order-delivery{font-size:12px;color:#8d7882;font-weight:700;} /* عرض مدة التوصيل داخل حساب العميل */
.order-shipping-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;} /* ملخص الشحن */
.order-shipping-summary>div{background:#fff8fb;border:1px solid #f5dce8;border-radius:18px;padding:14px 16px;} /* كارت ملخص الشحن */
.order-shipping-summary small{display:block;color:#a17d8e;text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin-bottom:6px;} /* عنوان صغير */
.order-shipping-summary strong{display:block;color:#24141d;font-size:14px;} /* قيمة ملخص الشحن */
.order-timeline-public{margin:24px 0;padding:22px;border-radius:24px;background:linear-gradient(135deg,#fff8fb,#fff);border:1px solid #f6ddea;} /* Timeline العميل */
.order-timeline-public h2{margin:0 0 14px;font-family:var(--rr-heading-font,serif);} /* عنوان التايملاين */
.order-timeline-public div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(229,31,119,.12);} /* صف الحالة */
.order-timeline-public div:last-child{border-bottom:0;} /* إزالة خط آخر حالة */
.order-aftercare{margin-top:28px;display:grid;gap:16px;} /* قسم خدمة ما بعد البيع */
.aftercare-item{border:1px solid #f2d9e5;border-radius:24px;background:#fff;padding:18px;box-shadow:0 16px 36px rgba(41,19,31,.06);} /* كارت تقييم/شكوى */
.aftercare-item h3{margin:0 0 12px;font-family:var(--rr-heading-font,serif);font-size:22px;} /* اسم الصنف */
.review-form,.complaint-form{display:grid;gap:10px;margin-top:10px;} /* تنظيم فورم التقييم والشكوى */
.review-form label,.complaint-form label{display:grid;gap:6px;color:#513241;font-weight:700;font-size:13px;} /* ليبلات واضحة */
.review-form select,.review-form textarea,.complaint-form textarea{width:100%;border:1px solid #efd5e2;border-radius:16px;padding:12px;background:#fffafc;color:#281822;} /* حقول التقييم والشكوى */
.review-form textarea,.complaint-form textarea{min-height:92px;resize:vertical;} /* مساحة كتابة مناسبة */
.product-reviews-section{text-align:center;} /* مركزية قسم تقييمات المنتج */
.product-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;text-align:start;} /* شبكة تقييمات المنتج */
.product-review-card{background:#fff;border:1px solid #f2d9e5;border-radius:24px;padding:18px;box-shadow:0 18px 42px rgba(41,19,31,.07);} /* كارت رأي العميل */
.review-stars{color:#e51f77;font-size:18px;letter-spacing:2px;margin-bottom:10px;} /* نجوم التقييم */
.product-review-card p{color:#594650;line-height:1.8;margin:0 0 12px;} /* نص التقييم */
.product-review-card strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9b7b89;} /* نص العميل الموثق */
.inline-admin-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;} /* فورمات إدارة التقييمات */
.inline-admin-form input,.inline-admin-form select{min-width:120px;} /* حقول الإدارة */
@media(max-width:760px){
  .order-shipping-summary{grid-template-columns:1fr 1fr;gap:10px;} /* ملخص الشحن عمودين على الموبايل */
  .product-reviews-grid{grid-template-columns:1fr;} /* تقييمات المنتج عمود واحد على الموبايل */
  .order-timeline-public div{display:grid;gap:4px;} /* Timeline رأسي على الموبايل */
  .aftercare-item{border-radius:18px;padding:14px;} /* كروت أخف على الموبايل */
  .site-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))!important;} /* حماية نهاية الفوتر على الموبايل */
}


/* ===== v10-37-mobile-core.css ===== */
/* RubyRose V10.37 — Mobile-first footer, navigation, product delight and page loader. */
:root{--rr-mobile-dock-height:68px}

/* Page transition loader */
.rr-page-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:var(--rr-loader-bg,#fff8fb);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.rr-page-loader.is-active{opacity:1;visibility:visible;pointer-events:auto}
.rr-page-loader-inner{display:grid;place-items:center;gap:18px;transform:translateY(-2vh)}
.rr-page-loader .rr-wordmark-logo{display:block!important;width:min(190px,52vw)!important;background:var(--rr-loader-accent,#e74d87)!important;filter:drop-shadow(0 14px 28px color-mix(in srgb,var(--rr-loader-accent,#e74d87) 20%,transparent))}
.rr-loader-dots{display:flex;align-items:center;gap:7px;height:12px}
.rr-loader-dots i{width:7px;height:7px;border-radius:50%;background:var(--rr-loader-accent,#e74d87);animation:rrLoaderDot 1s ease-in-out infinite}
.rr-loader-dots i:nth-child(2){animation-delay:.14s}.rr-loader-dots i:nth-child(3){animation-delay:.28s}
@keyframes rrLoaderDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}

/* Managed footer. These rules intentionally load last to replace the historical override stack. */
html body footer.site-footer.rr-footer-managed{position:relative!important;isolation:isolate!important;width:100%!important;margin:0!important;padding:clamp(48px,7vw,88px) max(20px,calc((100vw - 1280px)/2)) max(22px,env(safe-area-inset-bottom))!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--rr-footer-accent) 24%,transparent),transparent 31%),linear-gradient(150deg,var(--rr-footer-surface),var(--rr-footer-bg) 58%)!important;color:var(--rr-footer-text)!important}
html body footer.rr-footer-managed::before{right:-8%!important;bottom:-.2em!important;display:block!important;content:"RubyRose"!important;color:color-mix(in srgb,var(--rr-footer-text) 4%,transparent)!important;font-size:clamp(120px,23vw,350px)!important;pointer-events:none!important}
html body footer.rr-footer-managed .rr-footer-shell{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(260px,1.1fr) minmax(250px,.9fr) minmax(250px,.9fr)!important;gap:clamp(28px,5vw,70px)!important;width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:0!important}
html body footer.rr-footer-managed .rr-footer-brand-block,html body footer.rr-footer-managed .rr-footer-links-block,html body footer.rr-footer-managed .rr-footer-contact-block{min-width:0!important;padding:0!important;border:0!important;background:transparent!important}
html body footer.rr-footer-managed .rr-footer-logo{display:inline-flex!important;margin:0 0 18px!important}
html body footer.rr-footer-managed .rr-wordmark-logo{background:var(--rr-footer-accent)!important}
html body footer.rr-footer-managed .rr-footer-brand-block p{max-width:390px!important;margin:0!important;color:var(--rr-footer-muted)!important;font-size:14px!important;line-height:1.9!important}
html body footer.rr-footer-managed h4{margin:0 0 20px!important;padding:0 0 11px!important;color:var(--rr-footer-text)!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
html body footer.rr-footer-managed h4::after{width:34px!important;background:var(--rr-footer-accent)!important}
html body footer.rr-footer-managed a{color:var(--rr-footer-muted)!important}
html body footer.rr-footer-managed .rr-footer-links-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 14px!important}
html body footer.rr-footer-managed .rr-footer-links-grid a{display:flex!important;align-items:center!important;min-height:38px!important;margin:0!important;padding:7px 10px!important;border-radius:12px!important;font-size:12px!important;line-height:1.35!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}
html body footer.rr-footer-managed .rr-footer-links-grid a:hover{background:color-mix(in srgb,var(--rr-footer-text) 8%,transparent)!important;color:var(--rr-footer-text)!important;transform:translateX(3px)!important}
html[dir="rtl"] body footer.rr-footer-managed .rr-footer-links-grid a:hover{transform:translateX(-3px)!important}
html body footer.rr-footer-managed .rr-footer-contact-line{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0 0 10px!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--rr-footer-text) 9%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--rr-footer-surface) 78%,transparent)!important;text-decoration:none!important}
html body footer.rr-footer-managed .rr-footer-contact-line small{color:var(--rr-footer-muted)!important;font-size:9px!important;letter-spacing:.08em!important}
html body footer.rr-footer-managed .rr-footer-contact-line span{color:var(--rr-footer-text)!important;font-size:12px!important;overflow-wrap:anywhere!important}
html body footer.rr-footer-managed .rr-footer-wholesale-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin-top:8px!important;padding:10px 18px!important;border:1px solid var(--rr-footer-accent)!important;border-radius:999px!important;background:var(--rr-footer-accent)!important;color:#fff!important;font-weight:800!important;text-decoration:none!important}
html body footer.rr-footer-managed .footer-social{display:flex!important;gap:10px!important;margin:22px 0 0!important}
html body footer.rr-footer-managed .footer-social a{display:grid!important;width:42px!important;height:42px!important;place-items:center!important;margin:0!important;border:1px solid color-mix(in srgb,var(--rr-footer-text) 14%,transparent)!important;border-radius:50%!important;background:color-mix(in srgb,var(--rr-footer-surface) 72%,transparent)!important;color:var(--rr-footer-text)!important}
html body footer.rr-footer-managed .footer-bottom.rr-footer-bottom-clean{position:relative!important;z-index:2!important;display:flex!important;justify-content:space-between!important;gap:16px!important;width:100%!important;max-width:1280px!important;margin:42px auto 0!important;padding:20px 0 0!important;border-top:1px solid color-mix(in srgb,var(--rr-footer-text) 10%,transparent)!important;color:var(--rr-footer-muted)!important;font-size:10px!important}
.rr-footer-petal{position:absolute;z-index:0;width:120px;height:72px;border-radius:100% 0 100% 0;background:color-mix(in srgb,var(--rr-footer-accent) 12%,transparent);filter:blur(.2px);pointer-events:none;transform:rotate(24deg)}
.rr-footer-petal-one{top:18px;right:-30px}.rr-footer-petal-two{bottom:82px;left:-45px;transform:rotate(205deg) scale(.75)}
html body footer.rr-footer-style-pearl,html body footer.rr-footer-style-minimal{box-shadow:inset 0 1px color-mix(in srgb,var(--rr-footer-text) 10%,transparent)!important}

/* Fixed mobile navigation is deliberately independent from the footer flow. */
.rr-mobile-dock{display:none}

/* Product cards: soft, editorial and touch-first. */
.shop-product-card{position:relative!important;isolation:isolate!important;border:1px solid rgba(178,74,116,.1)!important;border-radius:26px!important;background:linear-gradient(160deg,#fff 0%,#fffafd 72%,#fff2f8 100%)!important;box-shadow:0 18px 50px rgba(95,36,61,.075)!important;overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease!important}
.shop-product-card:hover{transform:translateY(-5px)!important;box-shadow:0 24px 64px rgba(110,38,69,.13)!important}
.shop-card-media{background:radial-gradient(circle at 72% 18%,rgba(240,95,152,.13),transparent 30%),linear-gradient(145deg,#fff,#fdf2f7)!important}
.rr-product-favorite{position:absolute;z-index:8;top:12px;inset-inline-end:12px;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(167,60,105,.12);border-radius:50%;background:rgba(255,255,255,.9);color:#a84970;box-shadow:0 8px 24px rgba(104,35,64,.1);cursor:pointer;backdrop-filter:blur(8px)}
.rr-product-favorite svg{width:20px;height:20px;fill:transparent;stroke:currentColor;stroke-width:1.8;transition:fill .2s ease,transform .2s ease}
.rr-product-favorite.is-favorite{color:#dd3979}.rr-product-favorite.is-favorite svg{fill:currentColor;transform:scale(1.08)}
.rr-product-featured-badge{position:absolute;z-index:7;top:62px;inset-inline-start:14px;display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.9);color:#a52f62;font-size:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 8px 24px rgba(104,35,64,.08);backdrop-filter:blur(8px)}
.shop-product-card .shop-card-body{padding:18px!important}.shop-product-card h3{font-size:clamp(16px,4.2vw,20px)!important;line-height:1.35!important}
.shop-product-card .shop-cart-form button{min-height:48px!important;border-radius:999px!important;background:linear-gradient(135deg,#c83270,#ef6aa0)!important;box-shadow:0 10px 24px rgba(205,52,111,.2)!important}
.shop-product-card .rr-product-view-icon{min-width:46px!important;min-height:46px!important;border-radius:50%!important}

@media(max-width:900px){
  html body footer.site-footer.rr-footer-managed{padding:38px 16px max(22px,env(safe-area-inset-bottom))!important}
  html body footer.rr-footer-managed .rr-footer-shell{grid-template-columns:1fr 1fr!important;gap:16px!important}
  html body footer.rr-footer-managed .rr-footer-brand-block{grid-column:1/-1!important;padding:22px!important;border:1px solid color-mix(in srgb,var(--rr-footer-text) 9%,transparent)!important;border-radius:var(--rr-footer-radius)!important;background:color-mix(in srgb,var(--rr-footer-surface) 78%,transparent)!important}
  html body footer.rr-footer-managed .rr-footer-links-block,html body footer.rr-footer-managed .rr-footer-contact-block{padding:20px!important;border:1px solid color-mix(in srgb,var(--rr-footer-text) 9%,transparent)!important;border-radius:var(--rr-footer-radius)!important;background:color-mix(in srgb,var(--rr-footer-surface) 78%,transparent)!important}
}

@media(max-width:768px){
  body.rr-has-mobile-dock{padding-bottom:calc(var(--rr-mobile-dock-height) + env(safe-area-inset-bottom))!important}
  .rr-mobile-dock{position:fixed;right:10px;bottom:8px;left:10px;z-index:9000;display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--rr-mobile-dock-height);padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--rr-footer-text) 13%,transparent);border-radius:22px;background:color-mix(in srgb,var(--rr-footer-surface) 94%,transparent);box-shadow:0 18px 48px rgba(26,11,19,.24);backdrop-filter:blur(18px)}
  .rr-mobile-dock a{position:relative;display:flex;min-width:0;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:16px;color:var(--rr-footer-muted);font-size:9px;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}
  .rr-mobile-dock a.active{background:color-mix(in srgb,var(--rr-footer-accent) 16%,transparent);color:var(--rr-footer-accent)}
  .rr-mobile-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .rr-mobile-dock-cart b{position:absolute;top:2px;inset-inline-end:18%;display:grid;min-width:17px;height:17px;place-items:center;padding:0 4px;border-radius:999px;background:var(--rr-footer-accent);color:#fff;font-size:9px}
  body.rr-has-mobile-dock .rr-chatbot{bottom:calc(var(--rr-mobile-dock-height) + 22px + env(safe-area-inset-bottom))!important}
  html body footer.rr-footer-managed .rr-footer-shell{grid-template-columns:1fr!important}
  html body footer.rr-footer-managed .rr-footer-brand-block{grid-column:auto!important;text-align:center!important}
  html body footer.rr-footer-managed .rr-footer-logo{justify-content:center!important}
  html body footer.rr-footer-managed .rr-footer-brand-block p{margin-inline:auto!important;font-size:12px!important;line-height:1.75!important}
  html body footer.rr-footer-managed .footer-social{justify-content:center!important;margin-top:16px!important}
  html body footer.rr-footer-managed .rr-footer-links-grid{grid-template-columns:1fr 1fr!important}
  html body footer.rr-footer-managed .footer-bottom.rr-footer-bottom-clean{align-items:center!important;flex-direction:column!important;margin-top:22px!important;padding-top:16px!important;text-align:center!important}
  html body footer.rr-footer-mobile-compact{padding-top:24px!important}
  html body footer.rr-footer-mobile-compact .rr-footer-brand-block,html body footer.rr-footer-mobile-compact .rr-footer-links-block,html body footer.rr-footer-mobile-compact .rr-footer-contact-block{padding:16px!important}
  html body footer.rr-footer-mobile-compact h4{margin-bottom:11px!important}
  .shopping-grid{gap:14px 10px!important}
  .shop-product-card{border-radius:20px!important}.shop-product-card:hover{transform:none!important}
  .shop-card-media{min-height:210px!important;padding:12px!important}.shop-card-media img{height:190px!important}
  .shop-product-card .shop-card-body{padding:13px!important}.shop-product-card h3{margin:8px 0!important;font-size:15px!important}
  .rr-product-favorite{top:9px;inset-inline-end:9px;width:38px;height:38px}.rr-product-featured-badge{top:54px;inset-inline-start:10px;min-height:26px;padding:5px 8px;font-size:8px}
  .shop-product-card .product-share-row{display:none!important}
  .shop-product-card .shop-cart-form button{min-height:44px!important;padding-inline:9px!important;font-size:10px!important}
}

@media(max-width:420px){.rr-mobile-dock{right:6px;bottom:5px;left:6px;border-radius:19px}.shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-card-media{min-height:180px!important}.shop-card-media img{height:160px!important}.shop-short-desc{display:none!important}}

@media(prefers-reduced-motion:reduce){.rr-loader-dots i,.shop-product-card,.rr-product-favorite svg{animation:none!important;transition:none!important}.shop-product-card:hover{transform:none!important}}


/* ===== v10-38-footer-symmetry.css ===== */
/* RubyRose V10.38 — compact, proportional and symmetrical footer. */
html body footer.site-footer.rr-footer-managed{
  padding:clamp(30px,3.2vw,48px) max(20px,calc((100vw - 1280px)/2)) max(18px,env(safe-area-inset-bottom))!important;
}
html body footer.rr-footer-managed .rr-footer-shell{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(16px,2.2vw,30px)!important;
}
html body footer.rr-footer-managed .rr-footer-brand-block,
html body footer.rr-footer-managed .rr-footer-links-block,
html body footer.rr-footer-managed .rr-footer-contact-block{
  display:flex!important;
  min-height:224px!important;
  flex-direction:column!important;
  align-items:center!important;
  padding:clamp(20px,2vw,26px)!important;
  border:1px solid color-mix(in srgb,var(--rr-footer-text) 9%,transparent)!important;
  border-radius:min(var(--rr-footer-radius),26px)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--rr-footer-surface) 82%,transparent),color-mix(in srgb,var(--rr-footer-bg) 88%,transparent))!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--rr-footer-text) 5%,transparent),0 14px 40px rgba(0,0,0,.08)!important;
  text-align:center!important;
}
html body footer.rr-footer-managed .rr-footer-logo{
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  margin:0 0 14px!important;
}
html body footer.rr-footer-managed .rr-footer-logo .rr-wordmark-logo{
  width:min(170px,70%)!important;
  max-height:54px!important;
}
html body footer.rr-footer-managed .rr-footer-brand-block p{
  display:flex!important;
  max-width:330px!important;
  flex:1!important;
  align-items:center!important;
  margin:0 auto!important;
  font-size:13px!important;
  line-height:1.75!important;
  text-align:center!important;
}
html body footer.rr-footer-managed h4{
  width:100%!important;
  margin:0 0 14px!important;
  padding-bottom:10px!important;
  text-align:center!important;
}
html body footer.rr-footer-managed h4::after{
  right:50%!important;
  left:auto!important;
  width:32px!important;
  transform:translateX(50%)!important;
}
html body footer.rr-footer-managed .rr-footer-links-grid{
  width:100%!important;
  flex:1!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:center!important;
  gap:4px 8px!important;
}
html body footer.rr-footer-managed .rr-footer-links-grid a{
  justify-content:center!important;
  min-height:34px!important;
  padding:5px 8px!important;
  text-align:center!important;
}
html body footer.rr-footer-managed .rr-footer-contact-line{
  width:100%!important;
  max-width:270px!important;
  align-items:center!important;
  margin:0 auto 8px!important;
  padding:8px 12px!important;
  border-radius:13px!important;
  text-align:center!important;
}
html body footer.rr-footer-managed .rr-footer-wholesale-link{
  width:100%!important;
  max-width:270px!important;
  min-height:40px!important;
  margin:6px auto 0!important;
  padding:8px 14px!important;
}
html body footer.rr-footer-managed .footer-social{
  justify-content:center!important;
  margin:14px 0 0!important;
}
html body footer.rr-footer-managed .footer-social a{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
}
html body footer.rr-footer-managed .footer-bottom.rr-footer-bottom-clean{
  align-items:center!important;
  margin:24px auto 0!important;
  padding:15px 4px 0!important;
  line-height:1.5!important;
}

/* Product imagery follows one consistent frame and icon scale. */
.shop-product-card .shop-card-media{
  width:calc(100% - 16px)!important;
  aspect-ratio:4/5!important;
  min-height:0!important;
  margin:8px!important;
  border:1px solid rgba(178,74,116,.09)!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.shop-product-card .shop-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:900px){
  html body footer.rr-footer-managed .rr-footer-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body footer.rr-footer-managed .rr-footer-brand-block{grid-column:1/-1!important;min-height:180px!important}
  html body footer.rr-footer-managed .rr-footer-links-block,
  html body footer.rr-footer-managed .rr-footer-contact-block{min-height:230px!important}
}

@media(max-width:768px){
  html body footer.site-footer.rr-footer-managed{padding:18px 10px max(16px,env(safe-area-inset-bottom))!important}
  html body footer.rr-footer-managed .rr-footer-shell{grid-template-columns:1fr!important;gap:10px!important}
  html body footer.rr-footer-managed .rr-footer-brand-block,
  html body footer.rr-footer-managed .rr-footer-links-block,
  html body footer.rr-footer-managed .rr-footer-contact-block{
    grid-column:auto!important;
    min-height:0!important;
    padding:16px!important;
    border-radius:min(var(--rr-footer-radius),22px)!important;
  }
  html body footer.rr-footer-managed .rr-footer-brand-block p{display:block!important;flex:initial!important;font-size:12px!important}
  html body footer.rr-footer-managed .rr-footer-logo{min-height:40px!important;margin-bottom:8px!important}
  html body footer.rr-footer-managed .rr-footer-logo .rr-wordmark-logo{width:min(145px,62%)!important}
  html body footer.rr-footer-managed .rr-footer-links-grid{flex:initial!important}
  html body footer.rr-footer-managed .footer-bottom.rr-footer-bottom-clean{margin-top:14px!important;padding-top:12px!important;gap:5px!important}
  .shop-product-card .shop-card-media{width:calc(100% - 12px)!important;margin:6px!important;border-radius:16px!important}
}

/* Definitive cascade guard against the high-specificity legacy fixed-palette layer. */
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed{
  padding:clamp(30px,3.2vw,48px) max(20px,calc((100vw - 1280px)/2)) max(18px,env(safe-area-inset-bottom))!important;
  background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--rr-footer-accent) 24%,transparent),transparent 31%),linear-gradient(150deg,var(--rr-footer-surface),var(--rr-footer-bg) 58%)!important;
  color:var(--rr-footer-text)!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-shell{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(16px,2.2vw,30px)!important;
  width:min(1280px,100%)!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-links-block,
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-contact-block{
  min-height:224px!important;
  margin:0!important;
  padding:clamp(20px,2vw,26px)!important;
  border:1px solid color-mix(in srgb,var(--rr-footer-text) 9%,transparent)!important;
  border-radius:min(var(--rr-footer-radius),26px)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--rr-footer-surface) 82%,transparent),color-mix(in srgb,var(--rr-footer-bg) 88%,transparent))!important;
  text-align:center!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo{
  width:170px!important;
  max-width:70%!important;
  justify-content:center!important;
  margin:0 auto 14px!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo .rr-wordmark-logo{
  width:170px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:54px!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block p{
  max-width:330px!important;
  margin:0 auto!important;
  color:var(--rr-footer-muted)!important;
  font-size:13px!important;
  text-align:center!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed h4{
  margin:0 0 14px!important;
  color:var(--rr-footer-text)!important;
  font-size:12px!important;
  text-align:center!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed h4::after,
html[dir="rtl"] body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed h4::after{
  right:50%!important;
  left:auto!important;
  background:var(--rr-footer-accent)!important;
  transform:translateX(50%)!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-links-grid{
  align-content:center!important;
  gap:4px 8px!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-links-grid a{
  justify-content:center!important;
  min-height:34px!important;
  padding:5px 8px!important;
  color:var(--rr-footer-muted)!important;
  text-align:center!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-contact-line{
  max-width:270px!important;
  margin:0 auto 8px!important;
  padding:8px 12px!important;
  border:1px solid color-mix(in srgb,var(--rr-footer-text) 9%,transparent)!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--rr-footer-surface) 78%,transparent)!important;
  text-align:center!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-wholesale-link{
  width:100%!important;
  max-width:270px!important;
  min-height:40px!important;
  margin:6px auto 0!important;
  padding:8px 14px!important;
  border:1px solid var(--rr-footer-accent)!important;
  border-radius:999px!important;
  background:var(--rr-footer-accent)!important;
  color:#fff!important;
}
html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .footer-bottom.rr-footer-bottom-clean{
  width:min(1280px,100%)!important;
  margin:24px auto 0!important;
  padding:15px 4px 0!important;
  color:var(--rr-footer-muted)!important;
}

@media(max-width:900px){
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block{grid-column:1/-1!important;min-height:180px!important}
}
@media(max-width:768px){
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed{padding:18px 10px max(16px,env(safe-area-inset-bottom))!important}
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-shell{grid-template-columns:1fr!important;gap:10px!important}
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block,
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-links-block,
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-contact-block{grid-column:auto!important;min-height:0!important;padding:16px!important}
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo{width:140px!important;margin-bottom:8px!important}
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo .rr-wordmark-logo{width:140px!important}
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .footer-bottom.rr-footer-bottom-clean{margin-top:14px!important;padding-top:12px!important}
}

/* V10.38.1 — purpose-built compact footer composition for phones. */
@media(max-width:768px){
  :root{--rr-mobile-dock-height:62px}
  html body.rr-has-mobile-dock{padding-bottom:0!important}
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed{
    padding:12px 8px calc(82px + env(safe-area-inset-bottom))!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-shell{
    gap:8px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block{
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    padding:14px!important;
    border-radius:20px!important;
    text-align:start!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo{
    width:116px!important;
    max-width:116px!important;
    min-height:36px!important;
    margin:0!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo .rr-wordmark-logo{
    width:116px!important;
    max-width:116px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block p{
    display:block!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.65!important;
    text-align:start!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block .footer-social{
    grid-column:1/-1!important;
    margin:2px 0 0!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-links-block,
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-contact-block{
    padding:13px 10px!important;
    border-radius:20px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed h4{
    margin:0 0 9px!important;
    padding-bottom:8px!important;
    font-size:11px!important;
    letter-spacing:.1em!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-links-grid{
    gap:5px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-links-grid a{
    min-height:32px!important;
    padding:4px 6px!important;
    border:1px solid color-mix(in srgb,var(--rr-footer-text) 8%,transparent)!important;
    border-radius:11px!important;
    background:color-mix(in srgb,var(--rr-footer-surface) 64%,transparent)!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-contact-line{
    max-width:100%!important;
    margin-bottom:6px!important;
    padding:6px 10px!important;
    border-radius:11px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-contact-line small{
    margin-bottom:2px!important;
    font-size:8px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-contact-line span{
    font-size:10.5px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-wholesale-link{
    max-width:100%!important;
    min-height:34px!important;
    margin-top:2px!important;
    padding:6px 10px!important;
    font-size:9.5px!important;
    letter-spacing:.08em!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .footer-bottom.rr-footer-bottom-clean{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    margin-top:8px!important;
    padding:10px 2px 0!important;
    font-size:8px!important;
    letter-spacing:.055em!important;
    text-align:center!important;
  }
  html body footer.rr-footer-managed .rr-footer-petal{display:none!important}
  html body .rr-mobile-dock{
    right:8px!important;
    bottom:6px!important;
    left:8px!important;
    min-height:var(--rr-mobile-dock-height)!important;
    padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;
    border-radius:20px!important;
    box-shadow:0 14px 38px rgba(26,11,19,.3)!important;
  }
  html body .rr-mobile-dock a{
    min-height:48px!important;
    gap:2px!important;
    border-radius:14px!important;
    font-size:8px!important;
  }
  html body .rr-mobile-dock svg{width:20px!important;height:20px!important}
  html body.rr-has-mobile-dock .rr-chatbot{
    right:14px!important;
    bottom:calc(var(--rr-mobile-dock-height) + 18px + env(safe-area-inset-bottom))!important;
  }
  html[dir="rtl"] body.rr-has-mobile-dock .rr-chatbot{right:auto!important;left:14px!important}
  html body.rr-has-mobile-dock .rr-chat-toggle{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }
  html body.rr-has-mobile-dock .rr-chat-greeting{display:none!important}
}

@media(max-width:390px){
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-brand-block{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:9px!important;
    padding:12px!important;
  }
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo,
  html body footer.site-footer.rr-premium-footer.rr-footer-fixed-palette.rr-footer-managed .rr-footer-logo .rr-wordmark-logo{
    width:104px!important;
    max-width:104px!important;
  }
}


/* ===== v10-39-header-control.css ===== */
/* RubyRose V10.39 — admin-controlled header size and scroll behavior. */
html body header.site-header.biagiotti-header{
  width:100%!important;
  height:var(--rr-header-height-desktop,84px)!important;
  min-height:var(--rr-header-height-desktop,84px)!important;
  transition:transform .34s cubic-bezier(.2,.72,.25,1),background-color .25s ease,box-shadow .25s ease!important;
  will-change:transform;
}
html body header.site-header.biagiotti-header .header-inner.biagiotti-header-inner.rr-header-v9{
  height:100%!important;
  min-height:100%!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
html body header.site-header.biagiotti-header .centered-brand .rr-wordmark-logo-header{
  width:min(var(--rr-header-logo-width,150px),22vw)!important;
  max-width:var(--rr-header-logo-width,150px)!important;
}
html body header.site-header.biagiotti-header .rr-search-btn,
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{
  width:calc(var(--rr-header-icon-size,24px) + 18px)!important;
  height:calc(var(--rr-header-icon-size,24px) + 18px)!important;
}
html body header.site-header.biagiotti-header .rr-search-btn svg,
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,24px)!important;
  height:var(--rr-header-icon-size,24px)!important;
}
html body.header-scroll-static header.site-header.biagiotti-header,
html body.header-scroll-static header.site-header.biagiotti-header.is-scrolled{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
html body.header-scroll-fixed.header-sticky-on header.site-header.biagiotti-header,
html body.header-scroll-fixed.header-sticky-on header.site-header.biagiotti-header.is-scrolled,
html body.header-scroll-auto_hide.header-sticky-on header.site-header.biagiotti-header,
html body.header-scroll-auto_hide.header-sticky-on header.site-header.biagiotti-header.is-scrolled{
  position:sticky!important;
  top:0!important;
  right:auto!important;
  left:auto!important;
  z-index:1000!important;
}
html body.header-scroll-fixed header.site-header.biagiotti-header{transform:translateY(0)!important}
html body.header-scroll-auto_hide header.site-header.biagiotti-header.rr-header-hidden{
  transform:translateY(calc(-100% - 2px))!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body.header-scroll-auto_hide header.site-header.biagiotti-header.rr-header-visible{
  transform:translateY(0)!important;
}

/* تطبيق إعدادات لوحة الإدارة على الهيدر الحقيقي بعد كل الطبقات القديمة. */
html body header.site-header.biagiotti-header,
html body header.site-header.biagiotti-header .header-actions,
html body header.site-header.biagiotti-header .main-nav a,
html body header.site-header.biagiotti-header .rr-header-lang-single{
  color:var(--rr-header-text,#2e1f28)!important;
  font-family:var(--rr-header-font,"Jost",sans-serif)!important;
}
html body header.site-header.biagiotti-header .main-nav a,
html body .mobile-nav-panel a,
html body .mobile-nav-panel button{font-size:var(--rr-header-font-size,12px)!important}
html body header.site-header.biagiotti-header .rr-wordmark-logo-header{background:var(--rr-header-logo,#f05473)!important}
html body.header-mode-solid header.site-header.biagiotti-header,
html body.header-mode-solid header.site-header.biagiotti-header.is-scrolled{background:var(--rr-header-bg,#fffaf6)!important}
html body.header-mode-transparent header.site-header.biagiotti-header:not(.is-scrolled){background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.header-mode-transparent.header-scroll-static header.site-header.biagiotti-header:not(.is-scrolled),
html body.header-mode-transparent.header-scroll-fixed header.site-header.biagiotti-header:not(.is-scrolled),
html body.header-mode-transparent.header-scroll-auto_hide header.site-header.biagiotti-header:not(.is-scrolled){position:absolute!important;top:0!important;right:0!important;left:0!important}
html body.header-mode-transparent.header-scroll-static header.site-header.biagiotti-header,
html body.header-mode-transparent.header-scroll-static header.site-header.biagiotti-header.is-scrolled{position:absolute!important;top:0!important;right:0!important;left:0!important;background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important}
html body.header-mode-transparent.header-scroll-fixed header.site-header.biagiotti-header.is-scrolled,
html body.header-mode-transparent.header-scroll-auto_hide header.site-header.biagiotti-header.is-scrolled{position:fixed!important;top:0!important;right:0!important;left:0!important;background:var(--rr-header-bg,#fffaf6)!important}

@media(max-width:760px){
  html body header.site-header.biagiotti-header{
    height:var(--rr-header-height-mobile,64px)!important;
    min-height:var(--rr-header-height-mobile,64px)!important;
  }
  html body header.site-header.biagiotti-header .centered-brand .rr-wordmark-logo-header{
    width:min(var(--rr-header-logo-width,150px),34vw,132px)!important;
    max-width:min(var(--rr-header-logo-width,150px),132px)!important;
  }
  html body header.site-header.biagiotti-header .rr-search-btn,
  html body header.site-header.biagiotti-header .cart-pill,
  html body header.site-header.biagiotti-header .mobile-menu-btn{
    width:calc(min(var(--rr-header-icon-size,24px),28px) + 14px)!important;
    height:calc(min(var(--rr-header-icon-size,24px),28px) + 14px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body header.site-header.biagiotti-header{transition:none!important}
}


/* ===== v10-41-chat-commerce.css ===== */
/* RubyRose V10.44 — مساعد مبيعات ذكي مع سلة مرئية وإتمام الطلب داخل المحادثة. */
.rr-chatbot .rr-chat-panel{width:min(460px,calc(100vw - 32px))!important;height:min(680px,calc(100vh - 120px))!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;border-radius:28px!important}
.rr-chat-messages{gap:11px!important;padding:16px!important;scroll-behavior:smooth}
.rr-chat-type-text:after{content:"";display:inline-block;width:1px;height:1em;margin-inline-start:3px;vertical-align:-2px;background:#e84d88;animation:rrChatCaret .65s steps(1) infinite}
@keyframes rrChatCaret{50%{opacity:0}}
.rr-chat-error{border-color:#ffd1dc!important;background:#fff3f6!important;color:#a92149!important}
.rr-chat-action-chips{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start;max-width:94%}
.rr-chat-action-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #f2bfd4;background:#fff;color:#a72862;border-radius:999px;padding:8px 12px;font:700 11px/1.3 inherit;cursor:pointer;text-decoration:none}
.rr-chat-action-chip:hover{background:#fff0f6;border-color:#e85d96}
.rr-chat-new{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:800 10px/1.2 inherit;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .2s ease}
.rr-chat-new:hover{background:rgba(255,255,255,.28);transform:translateY(-1px)}
.rr-chat-new:disabled{opacity:.6;cursor:wait;transform:none}
.rr-chat-new svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rr-chat-products{display:flex!important;align-items:stretch!important;gap:10px;width:100%;min-height:0;overflow-x:auto;overflow-y:hidden;padding:2px 1px 11px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ef9fc1 transparent}
.rr-chat-product{display:flex!important;flex:0 0 min(245px,72%)!important;flex-direction:column!important;align-self:stretch;min-width:190px;min-height:350px;height:auto!important;scroll-snap-align:start;overflow:hidden;border:1px solid #f1d6e2;border-radius:19px;background:#fff;box-shadow:0 10px 25px rgba(78,28,53,.07)}
.rr-chat-product-image{display:block!important;flex:0 0 210px;width:100%;height:210px!important;min-height:210px;background:linear-gradient(145deg,#fff7fa,#fbe9f1);overflow:hidden}
.rr-chat-product-image img{position:static!important;width:100%!important;height:100%!important;padding:10px;object-fit:contain!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none;transition:transform .3s ease}
.rr-chat-product:hover .rr-chat-product-image img{transform:scale(1.035)}
.rr-chat-product-body{display:flex!important;flex:1;flex-direction:column;gap:7px;padding:11px}
.rr-chat-product-name{font-size:13px;color:#2d1b24}
.rr-chat-product-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#866b79;font-size:10.5px;line-height:1.5}
.rr-chat-product-price{display:flex;align-items:center;gap:7px}
.rr-chat-product-price strong{color:#d62e73;font-size:14px}
.rr-chat-product-price del{font-size:10px;color:#a38a96}
.rr-chat-product-option{display:grid;gap:4px}
.rr-chat-product-option span{font-size:9px;color:#795968;font-weight:800}
.rr-chat-product-option select{width:100%;min-height:34px;padding:5px 7px;border:1px solid #eed5e0;border-radius:10px;background:#fff;font:inherit;font-size:10px}
.rr-chat-product-controls{display:grid;grid-template-columns:50px 1fr;gap:7px;margin-top:auto}
.rr-chat-product-controls input{width:100%;min-height:36px;border:1px solid #eed5e0;border-radius:10px;text-align:center}
.rr-chat-product-add{min-height:36px;border:0;border-radius:11px;background:linear-gradient(135deg,#e83f83,#f47cac);color:#fff;font:800 10.5px/1.2 inherit;cursor:pointer}
.rr-chat-product-add:disabled{opacity:.55;cursor:not-allowed}
.rr-chat-cart-summary{display:grid;gap:10px;width:100%;padding:12px;border:1px solid #f0d4e1;border-radius:20px;background:linear-gradient(145deg,#fff,#fff7fa);box-shadow:0 12px 30px rgba(74,26,48,.07)}
.rr-chat-cart-list{display:grid;gap:9px}
.rr-chat-cart-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding-bottom:9px;border-bottom:1px solid #f4e2ea}
.rr-chat-cart-item:last-child{padding-bottom:0;border-bottom:0}
.rr-chat-cart-item>img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#fff0f6}
.rr-chat-cart-info{display:grid;gap:2px;min-width:0}
.rr-chat-cart-info b{overflow:hidden;color:#342029;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.rr-chat-cart-info small{color:#9a7083;font-size:9px}
.rr-chat-cart-info span{color:#704c5d;font-size:9.5px}
.rr-chat-cart-end{display:grid;justify-items:end;gap:4px}
.rr-chat-cart-end strong{color:#d52f72;font-size:10.5px;white-space:nowrap}
.rr-chat-cart-remove{border:0;background:transparent;color:#9b526f;font:700 9px/1.2 inherit;text-decoration:underline;cursor:pointer}
.rr-chat-cart-remove:disabled{opacity:.45;cursor:wait}
.rr-chat-cart-total{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #edcfdb;color:#52303f;font-size:11px;font-weight:800}
.rr-chat-cart-total strong{color:#d52f72;font-size:13px}
.rr-chat-checkout{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;padding:13px;border:1px solid #f0d4e1;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(74,26,48,.07)}
.rr-chat-checkout-field{display:grid;gap:4px;min-width:0}
.rr-chat-checkout-field>span{font-size:9.5px;font-weight:800;color:#694456}
.rr-chat-checkout-field input,.rr-chat-checkout-field textarea,.rr-chat-checkout-field select{width:100%;min-width:0;min-height:38px;padding:8px 9px;border:1px solid #ead3de;border-radius:11px;background:#fff;font:inherit;font-size:11px;outline:none}
.rr-chat-checkout-field input:focus,.rr-chat-checkout-field textarea:focus,.rr-chat-checkout-field select:focus{border-color:#e85b95;box-shadow:0 0 0 3px rgba(232,91,149,.1)}
.rr-chat-checkout-field:has(textarea){grid-column:1/-1}
.rr-chat-checkout-field textarea{min-height:62px;resize:vertical}
.rr-chat-checkout-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.rr-chat-location,.rr-chat-checkout-submit{grid-column:1/-1;min-height:39px;border:0;border-radius:11px;font:800 11px/1.2 inherit;cursor:pointer}
.rr-chat-location{background:#fff1f7;color:#a62b60;border:1px solid #f0c7d8}
.rr-chat-checkout-submit{background:linear-gradient(135deg,#e83f83,#f47cac);color:#fff}
.rr-chat-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:5px;color:#654653;font-size:9.5px;line-height:1.5}
.rr-chat-consent input{width:15px;height:15px;accent-color:#e83f83}
.rr-chat-privacy{grid-column:1/-1;color:#9b818d;font-size:8.5px}
.rr-chat-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.rr-chat-order-link{padding:10px 9px;border-radius:12px;background:#2b1822;color:#fff;text-align:center;font-size:10px;font-weight:800}
.rr-chat-order-link.rr-chat-wa{background:#1ca95b}
html[dir=rtl] .rr-chat-products{direction:rtl}
html[dir=ltr] .rr-chat-products{direction:ltr}
@media(max-width:560px){
  .rr-chatbot .rr-chat-panel{inset:calc(8px + env(safe-area-inset-top)) 7px calc(var(--rr-mobile-dock-height,70px) + 12px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:23px!important}
  .rr-chat-product{flex-basis:78%!important;min-width:190px}
  .rr-chat-checkout{grid-template-columns:1fr}
  .rr-chat-checkout-grid{grid-template-columns:1fr}
  .rr-chat-checkout-field:has(textarea),.rr-chat-location,.rr-chat-checkout-submit,.rr-chat-consent,.rr-chat-privacy{grid-column:1}
  .rr-chat-head{padding:11px 13px!important}
  .rr-chat-messages{padding:12px!important}
  .rr-chat-inputrow{padding:9px!important}
}
@media(prefers-reduced-motion:reduce){.rr-chat-type-text:after{animation:none}.rr-chat-messages{scroll-behavior:auto}}


/* ===== v10-42-product-card-showcase.css ===== */
/* V10.42 — Product cards where the product image is the visual hero. */
:root{
  --rr-card-ink:#241820;
  --rr-card-muted:#8e7480;
  --rr-card-rose:#d93679;
  --rr-card-rose-light:#f268a0;
  --rr-card-line:rgba(132,51,84,.12);
  --rr-card-shadow:0 22px 60px rgba(91,31,56,.09);
  --rr-card-shadow-hover:0 34px 82px rgba(120,35,70,.16);
}

html body.biagiotti-style .shopping-section{
  background:
    radial-gradient(circle at 8% 5%,rgba(236,94,151,.09),transparent 24%),
    radial-gradient(circle at 92% 92%,rgba(180,63,111,.07),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff9fc 100%)!important;
}

html body.biagiotti-style .shopping-section .shopping-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
  width:min(1320px,calc(100% - 48px))!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  gap:clamp(24px,2.6vw,38px)!important;
}

html body.biagiotti-style .shop-product-card{
  position:relative!important;
  display:flex!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--rr-card-line)!important;
  border-radius:30px!important;
  background:linear-gradient(155deg,#fff 0%,#fffafd 68%,#fff4f8 100%)!important;
  box-shadow:var(--rr-card-shadow)!important;
  transform:translateZ(0)!important;
  transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease,border-color .42s ease!important;
}

html body.biagiotti-style .shop-product-card:hover{
  border-color:rgba(217,54,121,.26)!important;
  box-shadow:var(--rr-card-shadow-hover)!important;
  transform:translateY(-9px)!important;
}

html body.biagiotti-style .shop-product-card .shop-card-media,
html body.page-category.biagiotti-style .shopping-section .shop-product-card .shop-card-media{
  position:relative!important;
  width:calc(100% - 20px)!important;
  height:clamp(340px,32vw,440px)!important;
  min-height:340px!important;
  aspect-ratio:auto!important;
  flex:0 0 auto!important;
  margin:10px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(145,55,91,.09)!important;
  border-radius:23px!important;
  background:
    radial-gradient(circle at 50% 42%,#fff 0%,#fff 40%,rgba(255,244,249,.9) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.86)!important;
  transform:none!important;
  transition:box-shadow .4s ease,transform .4s cubic-bezier(.16,1,.3,1)!important;
}

html body.biagiotti-style .shop-product-card:hover .shop-card-media{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 18px 38px rgba(109,33,64,.11)!important;
  transform:translateY(-2px)!important;
}

html body.biagiotti-style .shop-card-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:3;
  height:22%;
  background:linear-gradient(180deg,transparent,rgba(255,246,250,.22));
  pointer-events:none;
}

html body.biagiotti-style .shop-product-card .shop-card-image-link{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
}

html body.biagiotti-style .shop-product-card .shop-card-img,
html body.biagiotti-style .shop-product-card .shop-card-media img,
html body.page-category.biagiotti-style .shopping-section .shop-card-media img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  padding:clamp(10px,1.25vw,18px)!important;
  transform:scale(1)!important;
  transition:opacity .42s ease,transform .8s cubic-bezier(.16,1,.3,1)!important;
}

html body.biagiotti-style .shop-product-card .shop-card-img-main{opacity:1!important}
html body.biagiotti-style .shop-product-card .shop-card-img-hover{opacity:0!important}
html body.biagiotti-style .shop-product-card:hover .shop-card-img-main{opacity:0!important;transform:scale(1.025)!important}
html body.biagiotti-style .shop-product-card:hover .shop-card-img-hover{opacity:1!important;transform:scale(1.025)!important}
html body.biagiotti-style .shop-product-card.is-color-selected .shop-card-img-main{opacity:1!important;transform:scale(1)!important}
html body.biagiotti-style .shop-product-card.is-color-selected .shop-card-img-hover{opacity:0!important;transform:scale(1)!important}
html body.biagiotti-style .shop-product-card.is-image-switching .shop-card-img-main{opacity:.25!important}

html body.biagiotti-style .rr-product-favorite{
  position:absolute!important;
  z-index:12!important;
  top:18px!important;
  right:auto!important;
  left:auto!important;
  inset-inline-end:18px!important;
  display:grid!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(126,48,80,.12)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;
  color:#392831!important;
  box-shadow:0 10px 28px rgba(85,28,53,.12)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

html body.biagiotti-style .rr-product-favorite::before,
html body.biagiotti-style .rr-product-favorite::after{display:none!important;content:none!important}
html body.biagiotti-style .rr-product-favorite:hover{color:var(--rr-card-rose)!important;transform:scale(1.06)!important}
html body.biagiotti-style .rr-product-favorite.is-favorite{background:var(--rr-card-rose)!important;color:#fff!important}

html body.biagiotti-style .shop-offer-badge,
html body.biagiotti-style .shop-stock-image-badge{
  z-index:10!important;
  top:18px!important;
  inset-inline-start:18px!important;
}

html body.biagiotti-style .rr-product-featured-badge{
  position:absolute!important;
  z-index:10!important;
  top:64px!important;
  inset-inline-start:18px!important;
}

html body.biagiotti-style .shop-model-peek{display:none!important}

html body.biagiotti-style .shop-product-card .shop-card-body,
html body.page-category.biagiotti-style .shopping-section .shop-card-body{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  padding:18px 22px 22px!important;
}

html body.biagiotti-style .shop-card-topline{
  display:flex!important;
  min-height:28px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 10px!important;
}

html body.biagiotti-style .shop-stock{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

html body.biagiotti-style .shop-stock::before{width:8px!important;height:8px!important;box-shadow:0 0 0 5px rgba(67,130,88,.08)!important}

html body.biagiotti-style .shop-price-row.shop-price-inline{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
}

html body.biagiotti-style .shop-price-row strong{
  color:var(--rr-card-ink)!important;
  font-size:clamp(21px,2vw,28px)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}

html body.biagiotti-style .shop-price-row del{font-size:12px!important}

html body.biagiotti-style .shop-card-body h3{
  display:-webkit-box!important;
  min-height:66px!important;
  overflow:hidden!important;
  margin:2px 0 0!important;
  color:var(--rr-card-ink)!important;
  font-family:var(--rr-heading-font,'Playfair Display',Georgia,serif)!important;
  font-size:clamp(21px,1.75vw,27px)!important;
  font-weight:600!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

html[dir="rtl"] body.biagiotti-style .shop-card-body h3{
  font-family:var(--rr-heading-font,'Cairo',sans-serif)!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

html body.biagiotti-style .shop-short-desc{
  display:-webkit-box!important;
  min-height:45px!important;
  margin:10px 0 14px!important;
  overflow:hidden!important;
  color:var(--rr-card-muted)!important;
  font-size:13px!important;
  line-height:1.7!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

html body.biagiotti-style .shop-swatches{margin:0 0 14px!important}
html body.biagiotti-style .product-share-row{display:none!important}

html body.biagiotti-style .shop-card-actions{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:auto!important;
}

html body.biagiotti-style .rr-product-view-icon{
  display:grid!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(217,54,121,.38)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--rr-card-rose)!important;
  box-shadow:0 9px 24px rgba(120,35,70,.08)!important;
}

html body.biagiotti-style .rr-product-view-icon::before,
html body.biagiotti-style .rr-product-view-icon::after{display:none!important;content:none!important}
html body.biagiotti-style .rr-product-view-icon svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
html body.biagiotti-style .rr-product-view-icon:hover{background:var(--rr-card-ink)!important;color:#fff!important;transform:translateY(-2px)!important}

html body.biagiotti-style .shop-cart-form{width:100%!important}
html body.biagiotti-style .shop-cart-form button{
  width:100%!important;
  min-height:50px!important;
  padding:10px 18px!important;
  border:1px solid rgba(126,22,66,.42)!important;
  border-radius:999px!important;
  background:linear-gradient(120deg,var(--rr-card-rose),var(--rr-card-rose-light))!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(211,48,115,.24)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

html body.biagiotti-style .shop-cart-form button::before,
html body.biagiotti-style .shop-cart-form button::after{display:none!important;content:none!important}
html body.biagiotti-style .shop-cart-form button:hover{background:var(--rr-card-ink)!important;box-shadow:0 16px 34px rgba(36,24,32,.2)!important;transform:translateY(-2px)!important}
html body.biagiotti-style .shop-cart-form button:disabled{border-color:#d8c9d0!important;background:#d8c9d0!important;color:#fff!important;box-shadow:none!important}

@media(max-width:1050px){
  html body.biagiotti-style .shopping-section .shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  html body.biagiotti-style .shopping-section{padding-inline:0!important}
  html body.biagiotti-style .shopping-section .shopping-grid,
  html body.page-category.biagiotti-style .shopping-section .shopping-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:calc(100% - 24px)!important;
    max-width:540px!important;
    gap:24px!important;
  }
  html body.biagiotti-style .shop-product-card{border-radius:26px!important}
  html body.biagiotti-style .shop-product-card:hover{transform:none!important}
  html body.biagiotti-style .shop-product-card .shop-card-media,
  html body.page-category.biagiotti-style .shopping-section .shop-product-card .shop-card-media{
    width:calc(100% - 16px)!important;
    height:clamp(300px,86vw,420px)!important;
    min-height:300px!important;
    aspect-ratio:auto!important;
    margin:8px!important;
    padding:0!important;
    border-radius:20px!important;
  }
  html body.biagiotti-style .shop-product-card .shop-card-img,
  html body.biagiotti-style .shop-product-card .shop-card-media img{
    height:100%!important;
    padding:12px!important;
    transform:scale(1)!important;
  }
  html body.biagiotti-style .shop-product-card .shop-card-body{padding:17px 18px 20px!important}
  html body.biagiotti-style .shop-card-body h3{min-height:58px!important;font-size:clamp(22px,6.5vw,28px)!important}
  html body.biagiotti-style .shop-price-row strong{font-size:clamp(23px,7vw,29px)!important}
  html body.biagiotti-style .shop-short-desc{display:-webkit-box!important;font-size:13px!important}
  html body.biagiotti-style .rr-product-favorite{top:16px!important;inset-inline-end:16px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}

@media(prefers-reduced-motion:reduce){
  html body.biagiotti-style .shop-product-card,
  html body.biagiotti-style .shop-product-card *{transition:none!important}
}


/* ===== v10-43-footer-floating-controls.css ===== */
/* V10.43 — Clean mobile footer edge and balanced floating controls. */
@media(max-width:768px){
  /* The dock extends below the footer; keep that exposed strip dark, never white. */
  html body.rr-has-mobile-dock::after{
    content:"";
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:8990;
    height:calc(var(--rr-mobile-dock-height,62px) + 18px + env(safe-area-inset-bottom));
    background:#180d14;
    pointer-events:none;
  }

  html body .rr-mobile-dock{
    z-index:9000!important;
    border-color:rgba(255,248,251,.13)!important;
    background:linear-gradient(145deg,rgba(59,35,49,.98),rgba(43,24,35,.99))!important;
    box-shadow:0 16px 38px rgba(16,5,11,.38),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }

  html body .rr-mobile-dock a{
    background:transparent!important;
  }

  html body .rr-mobile-dock a.active{
    background:linear-gradient(145deg,rgba(210,59,123,.23),rgba(139,43,84,.34))!important;
    box-shadow:inset 0 0 0 1px rgba(242,108,165,.08)!important;
  }

  html body.rr-has-mobile-dock .chatbot.rr-chatbot{
    z-index:9020!important;
    bottom:calc(var(--rr-mobile-dock-height,62px) + 22px + env(safe-area-inset-bottom))!important;
  }

  html[dir="rtl"] body.rr-has-mobile-dock .chatbot.rr-chatbot{
    right:auto!important;
    left:16px!important;
  }

  html[dir="ltr"] body.rr-has-mobile-dock .chatbot.rr-chatbot{
    right:16px!important;
    left:auto!important;
  }

  html body.rr-has-mobile-dock .rr-chat-toggle{
    position:relative!important;
    display:grid!important;
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    place-items:center!important;
    padding:0!important;
    overflow:visible!important;
    border:1px solid rgba(255,238,247,.32)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#7c3155 0%,#3a1d2c 72%)!important;
    color:#fff!important;
    box-shadow:0 14px 32px rgba(20,5,13,.36),inset 0 1px 0 rgba(255,255,255,.2)!important;
    line-height:1!important;
    transform:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body.rr-has-mobile-dock .rr-chat-toggle::before,
  html body.rr-has-mobile-dock .rr-chat-toggle::after{
    display:none!important;
    content:none!important;
  }

  html body.rr-has-mobile-dock .rr-chat-toggle:hover{
    background:linear-gradient(145deg,#9f3b69,#4a2035)!important;
    box-shadow:0 16px 36px rgba(20,5,13,.42),inset 0 1px 0 rgba(255,255,255,.22)!important;
    transform:translateY(-2px)!important;
  }

  html body .rr-chat-toggle-icon,
  html body .rr-chat-toggle-close{
    position:relative!important;
    z-index:2!important;
    width:26px!important;
    height:26px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
  }

  html body .rr-chat-toggle-icon{display:grid!important}
  html body .rr-chat-toggle-icon svg{
    display:block!important;
    width:26px!important;
    height:26px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  html body .rr-chatbot.open .rr-chat-toggle-icon{display:none!important}
  html body .rr-chatbot:not(.open) .rr-chat-toggle-close{display:none!important}
  html body .rr-chatbot.open .rr-chat-toggle-close{display:flex!important;font-size:20px!important}

  html body .rr-chat-pulse{
    inset:-1px!important;
    border-color:rgba(240,95,152,.46)!important;
  }

  html body .rr-back-to-top{
    z-index:9020!important;
    display:grid!important;
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    min-height:50px!important;
    place-items:center!important;
    bottom:calc(var(--rr-mobile-dock-height,62px) + 22px + env(safe-area-inset-bottom))!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,238,247,.32)!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#4c3441,#2d1a24)!important;
    color:#fff!important;
    box-shadow:0 14px 32px rgba(20,5,13,.3),inset 0 1px 0 rgba(255,255,255,.16)!important;
    font-size:20px!important;
    line-height:1!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body .rr-back-to-top::before,
  html body .rr-back-to-top::after{display:none!important;content:none!important}

  html[dir="rtl"] body .rr-back-to-top{right:16px!important;left:auto!important}
  html[dir="ltr"] body .rr-back-to-top{right:auto!important;left:16px!important}
}



/* ===== v10-44-style-repair.css ===== */
/* RubyRose V10.44 — طبقة إصلاح الاستايل النهائية.
   الهدف: تصحيح التعارضات الفعلية المكتشفة بالقياس، بدون إعادة كتابة الطبقات السابقة.
   ترتيب التحميل: آخر ملف CSS في _header.php حتى يتغلب على قواعد !important القديمة. */

/* ============================================================
   1) سلايدر عرض المنتجات (blush) — الصور كانت تخرج عن إطارها.
   السبب: العنصر display:grid والصورة height:100% داخل صف تلقائي،
   فيتحدد ارتفاع الصف من الارتفاع الطبيعي للصورة (984px داخل إطار 522px)
   فتظهر الصورة مقصوصة ومكبّرة. الحل: flex + قيود ارتفاع صريحة.
   ============================================================ */
html body .blush-left-item,
html body .blush-right-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
}

html body .blush-left-item>img,
html body .blush-right-item>img{
  flex:0 1 auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
}

/* منع خروج أي طبقة من السلايدر خارج إطاره. */
html body .blush-left-window,
html body .blush-right-window{overflow:hidden!important;}

/* ارتفاع ثابت (72vh) كان يقصّ اسم المنتج والسواتش وزر «أضف إلى السلة»،
   لأن القسم عليه overflow:hidden. نجعل الارتفاع يتبع المحتوى مع إبقاء 72vh حدًا أدنى. */
html body .blush-showcase-slider,
html body .blush-showcase-slider.category-product-showcase{
  height:auto!important;
  padding-bottom:clamp(26px,3.5vw,54px)!important;
}
html body .blush-showcase-slider.category-product-showcase{min-height:72vh!important;}

/* النقاط يجب أن تطفو فوق الصور لا أن تحجز صفًا في الشبكة وتزيد الارتفاع. */
html body .rr-has-swatch>.blush-slider-dots,
html body .blush-showcase-slider .blush-slider-dots{position:absolute!important;}

/* طبقة البيانات يجب أن تبقى فوق الصور وقابلة للضغط. */
html body .blush-caption-layer{
  min-width:0!important;
  margin-top:clamp(24px,3.2vw,58px)!important;
}
html body .blush-caption{max-width:min(100%,560px)!important;padding-inline:14px!important;}

@media(max-width:900px){
  html body .blush-showcase-slider.category-product-showcase{min-height:0!important;}
}

/* ============================================================
   2) زر العودة لأعلى — كان يفقد position:fixed.
   السبب: قاعدة عامة في style.css تفرض position:relative!important
   على كل عنصر button، فيسقط الزر داخل تدفق الصفحة أسفل الفوتر.
   ============================================================ */
html body .rr-back-to-top{
  position:fixed!important;
  z-index:880!important;
  inset-block-start:auto!important;
  overflow:visible!important;
}
html[dir="ltr"] body .rr-back-to-top{right:24px!important;left:auto!important;}
html[dir="rtl"] body .rr-back-to-top{left:24px!important;right:auto!important;}

@media(max-width:768px){
  html[dir="ltr"] body .rr-back-to-top{right:16px!important;left:auto!important;}
  html[dir="rtl"] body .rr-back-to-top{left:auto!important;right:16px!important;}
}

/* ============================================================
   3) زر فتح الشات — كان دائرة سوداء بلا أيقونة على الديسكتوب.
   السبب: إصلاح الأيقونة في V10.43 كان محبوسًا داخل @media(max-width:768px)،
   وعلى الشاشات الأكبر كانت القاعدة العامة للأزرار تفرض لونًا داكنًا،
   وأيقونة SVG بلا مقاس وبتعبئة سوداء بدل الحد الملوّن.
   ============================================================ */
html body .rr-chatbot .rr-chat-toggle{
  display:grid!important;
  place-items:center!important;
  width:60px!important;
  min-width:60px!important;
  height:60px!important;
  min-height:60px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(140deg,#ef5f97 0%,#c62c68 100%)!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(176,38,90,.34),inset 0 1px 0 rgba(255,255,255,.28)!important;
  line-height:1!important;
  overflow:visible!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;
}

html body .rr-chatbot .rr-chat-toggle:hover{
  background:linear-gradient(140deg,#f57aab 0%,#d6376f 100%)!important;
  box-shadow:0 20px 44px rgba(176,38,90,.42),inset 0 1px 0 rgba(255,255,255,.32)!important;
  transform:translateY(-3px)!important;
}

html body .rr-chatbot .rr-chat-toggle::before,
html body .rr-chatbot .rr-chat-toggle::after{display:none!important;content:none!important;}

html body .rr-chat-toggle-icon,
html body .rr-chat-toggle-close{
  position:relative!important;
  z-index:2!important;
  width:27px!important;
  height:27px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  line-height:1!important;
}

html body .rr-chatbot:not(.open) .rr-chat-toggle-icon{display:grid!important;}
html body .rr-chatbot.open .rr-chat-toggle-icon{display:none!important;}
html body .rr-chatbot:not(.open) .rr-chat-toggle-close{display:none!important;}
html body .rr-chatbot.open .rr-chat-toggle-close{
  display:grid!important;
  font-size:21px!important;
  font-weight:600!important;
}

/* الأيقونة مرسومة بالحدود لا بالتعبئة، فبدون هذه القاعدة تظهر كتلة سوداء. */
html body .rr-chat-toggle-icon svg{
  display:block!important;
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body .rr-chat-pulse{border-color:rgba(239,95,151,.5)!important;}

/* ============================================================
   4) بطاقات المنتجات داخل الشات — كانت مقصوصة لشريط رفيع.
   السبب: منطقة الرسائل flex عمودي، وشريط المنتجات عنصر مرن
   قابل للانكماش (flex-shrink:1) فينضغط إلى ~76px بدل 350px
   فلا تظهر صور المنتجات إلا كخط رفيع.
   ============================================================ */
html body .rr-chat-messages>*{flex-shrink:0!important;}

html body .rr-chat-products{
  flex:0 0 auto!important;
  align-items:stretch!important;
  min-height:366px!important;
  overscroll-behavior-x:contain;
}

html body .rr-chat-product{
  flex:0 0 min(248px,74%)!important;
  min-height:366px!important;
  height:auto!important;
}

html body .rr-chat-product-image{
  position:relative!important;
  flex:0 0 208px!important;
  height:208px!important;
  min-height:208px!important;
  border-bottom:1px solid #f6e4ed!important;
}

html body .rr-chat-product-image img{
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  padding:12px!important;
  object-fit:contain!important;
  box-sizing:border-box!important;
}

/* صورة بديلة نظيفة لو مسار الصورة غير صالح. */
html body .rr-chat-product-image img[data-rr-fallback]{
  padding:26px!important;
  opacity:.45!important;
}

html body .rr-chat-cart-summary,
html body .rr-chat-checkout,
html body .rr-chat-order-actions{flex:0 0 auto!important;}

/* ============================================================
   5) لمسات احترافية على نافذة الشات.
   ============================================================ */
html body .rr-chat-panel{
  background:#fff!important;
  border:1px solid rgba(198,44,104,.14)!important;
  box-shadow:0 30px 80px rgba(84,20,48,.2)!important;
}

html body .rr-chat-head{
  background:linear-gradient(135deg,#c62c68 0%,#ef5f97 100%)!important;
  box-shadow:0 6px 18px rgba(160,32,84,.16)!important;
}

html body .rr-chat-avatar{color:#c62c68!important;}

/* رقاقة اقتراح واضحة ومتباينة بدل النص الباهت. */
html body .rr-chat-action-chip{
  border-color:#eebbd2!important;
  background:#fff!important;
  color:#a72862!important;
  font-size:11.5px!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;
}
html body .rr-chat-action-chip:hover,
html body .rr-chat-action-chip:focus-visible{
  background:#c62c68!important;
  border-color:#c62c68!important;
  color:#fff!important;
}

/* شريط تمرير أنيق داخل المحادثة. */
html body .rr-chat-messages::-webkit-scrollbar,
html body .rr-chat-products::-webkit-scrollbar{width:7px;height:7px;}
html body .rr-chat-messages::-webkit-scrollbar-thumb,
html body .rr-chat-products::-webkit-scrollbar-thumb{background:#f0bed4;border-radius:999px;}
html body .rr-chat-messages::-webkit-scrollbar-track,
html body .rr-chat-products::-webkit-scrollbar-track{background:transparent;}

/* رقاقة «هل تقصدين» للمرادفات المقترحة. */
html body .rr-chat-didyoumean{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  align-self:flex-start;
  max-width:94%;
  color:#8a5a70;
  font-size:11px;
  font-weight:700;
}
html body .rr-chat-didyoumean b{color:#a72862;}

/* ============================================================
   6) كارت المنتج: صورة الموديل تظهر عند الوقوف على الصورة نفسها فقط،
   وليس عند الوقوف على إطار الكارت الذي يحوي السعر والألوان وزر الشراء.
   ============================================================ */

/* أولًا: تعطيل التبديل المرتبط بالكارت كله. */
html body .shop-product-card:hover .shop-card-img-main,
html body.biagiotti-style .shop-product-card:hover .shop-card-img-main{
  opacity:1!important;
  transform:scale(1)!important;
}
html body .shop-product-card:hover .shop-card-img-hover,
html body.biagiotti-style .shop-product-card:hover .shop-card-img-hover{
  opacity:0!important;
  transform:scale(1)!important;
}

/* ثانيًا: تفعيل التبديل عند الوقوف على منطقة الصورة وحدها. */
html body .shop-product-card .shop-card-media:hover .shop-card-img-main,
html body.biagiotti-style .shop-product-card .shop-card-media:hover .shop-card-img-main{
  opacity:0!important;
  transform:scale(1.025)!important;
}
html body .shop-product-card .shop-card-media:hover .shop-card-img-hover,
html body.biagiotti-style .shop-product-card .shop-card-media:hover .shop-card-img-hover{
  opacity:1!important;
  transform:scale(1.025)!important;
}

/* ثالثًا: بعد اختيار درجة لون تبقى صورة اللون ظاهرة ولا يعلوها الموديل. */
html body.biagiotti-style .shop-product-card.is-color-selected .shop-card-media:hover .shop-card-img-main{
  opacity:1!important;
  transform:scale(1)!important;
}
html body.biagiotti-style .shop-product-card.is-color-selected .shop-card-media:hover .shop-card-img-hover{
  opacity:0!important;
  transform:scale(1)!important;
}

/* صورة الموديل المصغّرة تتبع نفس القاعدة لو كانت مفعّلة في أي طبقة. */
html body .shop-product-card:hover .shop-model-peek{opacity:0!important;transform:translateY(8px)!important;}
html body .shop-product-card .shop-card-media:hover .shop-model-peek{opacity:1!important;transform:none!important;}

/* على الأجهزة التي تعمل باللمس لا يوجد hover حقيقي، فتبقى الصورة الأساسية. */
@media(hover:none){
  html body .shop-product-card .shop-card-media:hover .shop-card-img-main,
  html body.biagiotti-style .shop-product-card .shop-card-media:hover .shop-card-img-main{opacity:1!important;transform:scale(1)!important;}
  html body .shop-product-card .shop-card-media:hover .shop-card-img-hover,
  html body.biagiotti-style .shop-product-card .shop-card-media:hover .shop-card-img-hover{opacity:0!important;}
}

/* ============================================================
   7) عناصر الزينة يجب ألا تتسبب في تمدد أفقي.
   ============================================================ */
html body .site-footer,
html body .site-footer.rr-premium-footer{overflow:hidden!important;}
html body .rr-sec-swatches{overflow:hidden!important;}

/* ============================================================
   8) الموبايل: إبقاء زر الشات وزر الأعلى فوق الشريط السفلي وبدون تداخل.
   ============================================================ */
@media(max-width:768px){
  html body .rr-chatbot .rr-chat-toggle{
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
  }
  html body .rr-chat-toggle-icon,
  html body .rr-chat-toggle-close{width:25px!important;height:25px!important;}
  html body .rr-chat-toggle-icon svg{width:25px!important;height:25px!important;}
  html body .rr-chat-products{min-height:348px!important;}
  html body .rr-chat-product{min-height:348px!important;}
}

/* ============================================================
   وضع خدمة العملاء داخل نافذة الشات عند العميلة (يُحمَّل في صفحات المتجر).
   ============================================================ */
.rr-chat-support-bar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:9px 14px;
  background:linear-gradient(135deg,#1f8a53,#2fae6c);color:#fff;
  font-size:12px;font-weight:800;
}
.rr-chat-support-end{
  margin-inline-start:auto;
  padding:5px 11px;border:1px solid rgba(255,255,255,.55);border-radius:999px;
  background:rgba(255,255,255,.16);color:#fff;
  font:inherit;font-size:11px;font-weight:800;cursor:pointer;
}
.rr-chat-support-end:hover{background:rgba(255,255,255,.3)}

.rr-chat-messages .rr-chat-agent{
  border-color:#bfe6d1!important;
  background:#f2fbf6!important;
}
.rr-chat-messages .rr-chat-agent small{
  display:block;margin-top:4px;color:#1f8a53;font-size:10px;font-weight:800;
}
.rr-chat-messages .rr-chat-system{
  align-self:center!important;max-width:100%!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#8a7480!important;font-size:11px!important;font-weight:700;text-align:center;
}

.rr-chat-rate{
  display:grid;gap:9px;width:100%;padding:14px;
  border:1px solid #f0d4e1;border-radius:18px;background:#fff;
  box-shadow:0 12px 30px rgba(74,26,48,.07);
}
.rr-chat-rate b{font-size:12.5px;color:#52303f}
.rr-chat-rate-stars{display:flex;gap:6px;justify-content:center}
.rr-chat-rate-star{
  width:40px;height:40px;border:0;border-radius:50%;
  background:#f6eef2;color:#d9c4ce;font-size:22px;line-height:1;cursor:pointer;
  transition:color .15s ease,background .15s ease,transform .15s ease;
}
.rr-chat-rate-star.on{color:#e8a92a;background:#fdf4e3;transform:scale(1.06)}
.rr-chat-rate-note{
  width:100%;padding:9px 11px;border:1px solid #eed5e0;border-radius:12px;
  font:inherit;font-size:12px;resize:vertical;outline:none;
}
.rr-chat-rate-note:focus{border-color:#e85b95;box-shadow:0 0 0 3px rgba(232,91,149,.1)}
.rr-chat-rate-actions{display:flex;gap:8px}
.rr-chat-rate-send,.rr-chat-rate-skip{
  flex:1;min-height:38px;border:0;border-radius:11px;
  font:inherit;font-size:12px;font-weight:800;cursor:pointer;
}
.rr-chat-rate-send{background:linear-gradient(135deg,#c62c68,#e0518a);color:#fff}
.rr-chat-rate-send:disabled{opacity:.6;cursor:wait}
.rr-chat-rate-skip{background:#fff;color:#9b7386;border:1px solid #eed5e0}

/* ============================================================
   V10.45 — كود تحقق التسليم وخدمة ما بعد البيع بعد الاستلام.
   ============================================================ */
.rr-delivery-code{
  display:grid;gap:6px;justify-items:center;text-align:center;
  margin:18px auto;padding:20px 18px;max-width:520px;
  border:1px dashed #e2a8c2;border-radius:20px;
  background:linear-gradient(160deg,#fff7fb,#fff);
  box-shadow:0 14px 36px rgba(120,30,70,.07);
}
.rr-delivery-code>span{font-size:12px;font-weight:800;color:#a3436e;letter-spacing:.04em}
.rr-delivery-code>b{
  font-size:40px;font-weight:900;letter-spacing:.34em;color:#c62c68;
  line-height:1.2;padding-inline-start:.34em;
}
.rr-delivery-code>p{margin:0;max-width:400px;color:#7d6672;font-size:12.5px;line-height:1.7}
.rr-delivery-code>small{color:#8a7480;font-size:11.5px;font-weight:700}

.order-returns-status{max-width:820px;margin:18px auto;display:grid;gap:8px}
.order-returns-status h2{font-size:16px;margin:0 0 4px}
.order-returns-status>div{
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:10px 14px;border:1px solid #f0dce6;border-radius:14px;background:#fff;
  font-size:12.5px;color:#7d6672;
}
.order-returns-status>div b{color:#2a1a22}

.aftercare-block{
  padding:16px;margin-bottom:14px;
  border:1px solid #f0dce6;border-radius:18px;background:#fff;
}
.aftercare-block h3{margin:0 0 8px;font-size:15px}
.aftercare-block .hint{color:#8a7480;font-size:12.5px;margin:0 0 10px}
.order-rating-form .rating-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.order-rating-form label,.return-form label{display:block;margin-bottom:10px;font-size:12.5px;font-weight:700;color:#5d4552}
.order-rating-form select,.order-rating-form textarea,.return-form textarea,.return-form input{
  width:100%;margin-top:5px;padding:9px 11px;
  border:1px solid #eed5e0;border-radius:12px;background:#fff;
  font:inherit;font-size:13.5px;outline:none;
}
.order-rating-form textarea,.return-form textarea{min-height:64px;resize:vertical}
.order-rating-form select:focus,.order-rating-form textarea:focus,.return-form textarea:focus,.return-form input:focus{
  border-color:#e85b95;box-shadow:0 0 0 3px rgba(232,91,149,.1);
}
.return-form .return-line{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 0;border-bottom:1px solid #f6e8ee;margin-bottom:0;
}
.return-form .return-line span{flex:1;font-weight:600}
.return-form .return-line input{width:80px;margin-top:0;text-align:center}

@media(max-width:560px){
  .order-rating-form .rating-row{grid-template-columns:1fr}
  .rr-delivery-code>b{font-size:34px}
}

/* ============================================================
   V10.46 — زر مشاركة المنتج داخل صفحة المنتج.
   ============================================================ */
.rr-share-block{display:grid;gap:8px;margin-top:14px}
.rr-share-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 18px;border:1px solid #eec4d6;border-radius:999px;
  background:#fff;color:#a72862;cursor:pointer;
  font:inherit;font-size:13px;font-weight:800;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.rr-share-btn:hover{background:#c62c68;border-color:#c62c68;color:#fff}
.rr-share-btn:disabled{opacity:.6;cursor:wait}
.rr-share-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rr-share-url{
  width:100%;padding:9px 12px;border:1px solid #eed5e0;border-radius:12px;
  background:#fff7fb;font:inherit;font-size:12px;color:#7d6672;
}
.rr-share-note{color:#8a7480;font-size:11.5px;line-height:1.6}

/* ============================================================
   V10.48 — سؤال حل المشكلة قبل الإنهاء + تنبيه الخمول.
   ============================================================ */
.rr-chat-resolve{
  display:grid;gap:10px;width:100%;padding:14px;
  border:1px solid #cfe7da;border-radius:18px;
  background:linear-gradient(160deg,#f4fbf7,#fff);
  box-shadow:0 12px 30px rgba(31,138,83,.08);
}
.rr-chat-resolve b{font-size:13px;color:#1f6f47;line-height:1.6}
.rr-chat-resolve-actions{display:flex;gap:8px;flex-wrap:wrap}
.rr-chat-resolve-yes,.rr-chat-resolve-no{
  flex:1;min-width:120px;min-height:40px;
  border:0;border-radius:12px;cursor:pointer;
  font:inherit;font-size:12.5px;font-weight:800;
}
.rr-chat-resolve-yes{background:linear-gradient(135deg,#1f8a53,#38b06f);color:#fff}
.rr-chat-resolve-no{background:#fff;color:#b3253f;border:1px solid #f0c9d2}
.rr-chat-resolve-yes:disabled,.rr-chat-resolve-no:disabled{opacity:.55;cursor:wait}

.rr-chat-idle-bar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:9px 14px;
  background:linear-gradient(135deg,#a86a12,#d19a3c);color:#fff;
  font-size:11.5px;font-weight:800;
}
.rr-chat-idle-text{flex:1;min-width:150px;line-height:1.5}
.rr-chat-idle-stay{
  padding:5px 12px;border:1px solid rgba(255,255,255,.6);border-radius:999px;
  background:rgba(255,255,255,.18);color:#fff;
  font:inherit;font-size:11px;font-weight:800;cursor:pointer;
}
.rr-chat-idle-stay:hover{background:rgba(255,255,255,.32)}

/* ============================================================
   V10.49 — كود الاستلام داخل قائمة «طلباتي» في حساب العميلة.
   ============================================================ */
.account-order-code{
  display:inline-flex;align-items:center;gap:7px;
  padding:5px 12px;border-radius:999px;
  border:1px dashed #e2a8c2;background:#fff7fb;
  white-space:nowrap;
}
.account-order-code small{
  color:#a3436e;font-size:10px;font-weight:800;letter-spacing:.02em;
}
.account-order-code b{
  color:#c62c68;font-size:16px;font-weight:900;letter-spacing:.22em;
  line-height:1;padding-inline-start:.22em;
}
@media(max-width:640px){
  .account-order-code{padding:4px 10px}
  .account-order-code b{font-size:15px}
}


/* ===== pwa-install.css ===== */
.mobile-install-link{display:none}
.rr-pwa-install-modal[hidden]{display:none!important}
.rr-pwa-install-modal{position:fixed;inset:0;z-index:12000;display:grid;align-items:end;justify-items:center;padding:18px}
.rr-pwa-install-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;background:rgba(31,13,22,.58);backdrop-filter:blur(5px);cursor:pointer}
.rr-pwa-install-sheet{position:relative;z-index:1;width:min(100%,460px);padding:32px 26px 26px;border:1px solid rgba(240,84,115,.18);border-radius:28px;background:#fffafc;color:#321723;text-align:center;box-shadow:0 28px 80px rgba(44,13,28,.25);animation:rrPwaSheetIn .28s ease both}
.rr-pwa-install-close{position:absolute;top:14px;inset-inline-end:14px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#f8e8ee;color:#87203f;font:30px/1 Arial,sans-serif;cursor:pointer}
.rr-pwa-install-icon{width:82px;height:82px;margin:0 auto 18px;border-radius:22px;overflow:hidden;box-shadow:0 14px 30px rgba(240,84,115,.23)}
.rr-pwa-install-icon img{display:block;width:100%;height:100%;object-fit:cover}
.rr-pwa-install-sheet h2{margin:0 0 10px;color:#8f163d;font:700 clamp(23px,6vw,30px)/1.25 var(--rr-heading-font,Georgia,serif)}
.rr-pwa-install-sheet p{margin:0 auto 22px;max-width:350px;color:#6c4b58;font-size:16px;line-height:1.8}
.rr-pwa-install-done{min-width:150px;padding:12px 25px;border:0;border-radius:999px;background:#f05473;color:#fff;font:700 15px/1.4 var(--rr-body-font,Arial,sans-serif);cursor:pointer;box-shadow:0 12px 24px rgba(240,84,115,.22)}
body.rr-pwa-modal-open{overflow:hidden!important}
@keyframes rrPwaSheetIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1320px){
  html body .mobile-nav-panel .mobile-install-link{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;padding:15px 4px!important;border:0!important;border-bottom:1px solid rgba(203,43,111,.10)!important;background:transparent!important;color:inherit!important;text-align:start!important;font:inherit!important;font-size:clamp(18px,5.8vw,26px)!important;line-height:1.25!important;cursor:pointer!important}
  .rr-pwa-menu-icon{display:grid;flex:0 0 24px;place-items:center;width:24px;height:24px}
  .rr-pwa-menu-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
}
@media (min-width:700px){.rr-pwa-install-modal{align-items:center}.rr-pwa-install-sheet{padding:38px 34px 30px}}
@media (prefers-reduced-motion:reduce){.rr-pwa-install-sheet{animation:none}}


/* ===== v10-56-affiliates.css ===== */
.rr-aff-page{max-width:1180px;margin:auto;padding-top:42px;padding-bottom:70px}.rr-aff-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border-radius:28px;background:linear-gradient(135deg,#fff0f5,#fffaf7);border:1px solid #f3dbe4;margin-bottom:24px}.rr-aff-hero span{color:#b5295e;font-weight:800}.rr-aff-hero h1{font-size:clamp(30px,5vw,54px);margin:6px 0}.rr-aff-hero p{margin:0;max-width:680px;color:#745a65}.rr-aff-panel{background:#fff;border:1px solid #eedfe5;border-radius:22px;padding:24px;margin:18px 0;box-shadow:0 12px 35px rgba(75,31,49,.06)}.rr-aff-panel h2{margin:0 0 14px}.rr-aff-panel form>label{display:grid;gap:7px;margin:12px 0}.rr-aff-panel input,.rr-aff-panel textarea,.rr-aff-copy input{width:100%;border:1px solid #dacbd1;border-radius:12px;padding:11px 13px;font:inherit}.rr-aff-panel textarea{min-height:86px}.rr-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.rr-check input{width:auto}.rr-aff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rr-aff-stats article{background:#27131d;color:#fff;padding:20px;border-radius:18px;display:grid;gap:4px}.rr-aff-stats small,.rr-aff-stats span{color:#eab9cd}.rr-aff-stats b{font-size:30px}.rr-aff-copy{display:flex;gap:9px;align-items:center}.rr-aff-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.rr-aff-team,.rr-reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rr-aff-team article{border:1px solid #efdee5;border-radius:14px;padding:15px;display:grid;gap:5px}.rr-aff-team small{color:#806875}.rr-reward-grid article{border:1px solid #efdce5;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px}.rr-reward-grid img{width:100%;height:190px;object-fit:cover;border-radius:13px}.rr-reward-grid h3{margin:0;font-size:17px}.rr-reward-grid form{display:grid;gap:8px}.rr-aff-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rr-aff-list{display:grid;gap:8px}.rr-aff-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f1e5ea;padding:10px 0}.rr-plus{color:#168451}.rr-minus{color:#ba294f}.rr-aff-magazine{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.rr-aff-magazine article{background:#fff;border:1px solid #eedfe5;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:44% 1fr}.rr-aff-magazine img{width:100%;height:100%;min-height:280px;object-fit:cover}.rr-aff-magazine article>div{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px}.rr-aff-magazine h2,.rr-aff-magazine p{margin:0}.rr-aff-tag{width:max-content;background:#ffe3ed;color:#a71f53;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.rr-account-affiliate{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:18px 20px;background:#fff0f5;border:1px solid #efd7e1;border-radius:18px}.rr-account-affiliate div{display:grid;gap:4px}.rr-account-affiliate span{color:#765c67}@media(max-width:850px){.rr-aff-hero,.rr-aff-title,.rr-account-affiliate{align-items:stretch;flex-direction:column}.rr-aff-stats{grid-template-columns:1fr 1fr}.rr-aff-team,.rr-reward-grid,.rr-aff-columns,.rr-aff-magazine{grid-template-columns:1fr}.rr-aff-magazine article{grid-template-columns:1fr}.rr-aff-magazine img{height:260px;min-height:0}.rr-aff-copy{align-items:stretch;flex-direction:column}}@media(max-width:480px){.rr-aff-stats{grid-template-columns:1fr}.rr-aff-hero,.rr-aff-panel{padding:18px;border-radius:18px}}


/* ===== v10-58-storefront-i18n.css ===== */
/* Final storefront layer: navigation visibility, bilingual direction, and affiliate pages. */
.site-footer .rr-nav-affiliate {
  color: #9c2542;
  font-weight: 800;
}

/* Keep the language switch visible at every breakpoint and above decorative layers. */
html body header.site-header.biagiotti-header .rr-header-left-actions {
  position: relative !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body header.site-header.biagiotti-header .rr-lang-near-search {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 34px !important;
  height: 30px !important;
  padding-inline: 8px !important;
  border: 1px solid rgba(156, 37, 66, .24) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #9c2542 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* Desktop header: four links on each side and the brand in the exact center. */
@media (min-width: 981px) {
  html body header.site-header.biagiotti-header .biagiotti-header-inner {
    grid-template-columns: 150px minmax(0, 1fr) 150px !important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center .nav-left,
  html body header.site-header.biagiotti-header .rr-nav-center .nav-right {
    display: grid !important;
    grid-template-columns: repeat(4, max-content) !important;
    align-items: center !important;
  }
}

[dir="rtl"] .rr-aff-page,
[dir="rtl"] .rr-aff-page input,
[dir="rtl"] .rr-aff-page select,
[dir="rtl"] .rr-aff-page textarea,
[dir="rtl"] .rr-account-affiliate {
  text-align: right;
}

[dir="ltr"] .rr-aff-page,
[dir="ltr"] .rr-aff-page input,
[dir="ltr"] .rr-aff-page select,
[dir="ltr"] .rr-aff-page textarea,
[dir="ltr"] .rr-account-affiliate {
  text-align: left;
}

.rr-aff-copy {
  direction: ltr;
}

.rr-aff-copy .btn {
  white-space: nowrap;
}

.rr-aff-page img {
  max-width: 100%;
}

@media (max-width: 760px) {
  .rr-aff-hero,
  .rr-aff-title,
  .rr-account-affiliate {
    align-items: stretch;
    gap: 14px;
  }

  .rr-aff-copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .rr-aff-copy .btn,
  .rr-account-affiliate .btn {
    width: 100%;
  }
}