: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 نهاية */