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

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

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

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

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

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

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