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