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