/* قواعد تثبيت متجر أوشن ضد القفز | مقاسات مقاسة فعليا من نسخة الموقع
   تنرسل من السيرفر مع الصفحة فتسبق رسم كل الأقسام
   ملاحظة مهمة: لو تغير عدد منتجات قسم بالرئيسية أو محتوى قسم مخصص،
   الأرقام هنا تحتاج تحديث عن طريق كلود | لا تعدل شيئا يدويا */

/* الهيرو: نحجز ارتفاعه من نسبة صوره الحقيقية (736x900) والحجز
   يفك تلقائيا لحظة اكتمال تحميل أول صورة */
@media (max-width:768px){
  section.s-block-fullscreen-banners:not(:has(img.my-loaded)){ min-height:122vw }
}

/* بنر العرض العريض: محجوز من نسبته الحقيقية 2:1 */
section.s-block--one-wide-banner .banner{ height:auto !important }
section.s-block--one-wide-banner .banner img{ aspect-ratio:1440/720; width:100%; height:auto !important; display:block }

/* شريط الثقة: ارتفاعه المقاس 124px */
section.s-block--bundle-html-content:has(salla-custom-component[config*="oc-trust"]){ min-height:124px }

/* قسم آراء العميلات (النسخة المضغوطة): 386 كمبيوتر | 379 جوال */
section.s-block--bundle-html-content:has(salla-custom-component[config*="Rate-ksa"]){ min-height:386px }
@media (max-width:768px){
  section.s-block--bundle-html-content:has(salla-custom-component[config*="Rate-ksa"]){ min-height:379px }
}

/* قسم فيديوهات التجارب: المقاس 428 كمبيوتر | 618 جوال */
section.s-block--bundle-html-content:has(salla-custom-component[config*="oc-card"]){ min-height:428px }
@media (max-width:768px){
  section.s-block--bundle-html-content:has(salla-custom-component[config*="oc-card"]){ min-height:618px }
}

/* أقسام المنتجات الثلاثة: مقاسات مقاسة لكل قسم على حدة |
   الحجز يفك تلقائيا لحظة وصول بطاقات المنتجات */
#featured-products-style2-2:not(:has(.product-block)){ min-height:583px }
#featured-products-style2-4:not(:has(.product-block)){ min-height:583px }
#featured-products-style2-7:not(:has(.product-block)){ min-height:583px }
@media (max-width:768px){
  #featured-products-style2-2:not(:has(.product-block)){ min-height:438px }
  #featured-products-style2-4:not(:has(.product-block)){ min-height:728px }
  #featured-products-style2-7:not(:has(.product-block)){ min-height:728px }
}

/* شعار الفوتر: مقاس ثابت من قبل ما تنزل صورته */
img[alt="footer logo"]{ width:170px !important; height:60px !important; object-fit:contain }

/* قسم آراء العملاء حق الثيم (بصفحة التقييمات وغيرها) */
section.s-block--testimonials{ min-height:380px }
@media (max-width:768px){
  section.s-block--testimonials{ min-height:400px }
}

/* صف نقاط قسم آراء العميلات */
.Rate-ksa .rk-dots{ min-height:11px }


/* ===== صفحات المنتج ===== */

/* جاليري صور المنتج: ينبني متأخر ويدفع تفاصيل المنتج |
   نحجز ارتفاعه المقاس والحجز يفك عند اكتمال بناء السلايدر فعليا
   (مو مجرد بدايته) + حجز شريط الصور المصغرة نفسه */
.p-single-container .sidebar:not(:has(.swiper-initialized)){ min-height:818px }
@media (min-width:769px){
  .p-single-container .sidebar:not(:has(.swiper-initialized)){ min-height:850px }
}
.details-slider div[slot="thumbs"]{ min-height:146px }

/* وصف المنتج: صوره بدون مقاسات وتسبب قفز أثناء تمرير العميلة |
   نعزل الوصف فتحميل صوره ما يحرك بقية الصفحة */
.product__description{ content-visibility:auto; contain-intrinsic-size: auto 3300px }
@media (min-width:769px){
  .product__description{ contain-intrinsic-size: auto 5300px }
}
.product__description img{ height:auto }


/* ترتيب عمود تفاصيل المنتج من أول لحظة رسم | كودنا يرفع صندوق
   الشراء فوق الوصف بعد التحميل وكان هذا يحرك نص الصفحة (0.278 قفز) |
   هذي القواعد ترسم الترتيب النهائي فورا فيصير نقل الكود بلا أثر */
.prod-main-content{ display:flex; flex-direction:column }
.prod-main-content > *{ order:10 }
.prod-main-content > salla-hook:first-child{ order:1 }
.prod-main-content > .product-main-title{ order:2 }
.prod-main-content > .product-entry__sub-title{ order:3 }
.prod-main-content > salla-rating-stars{ order:4 }
.prod-main-content > .p-price-outer{ order:5 }
.prod-main-content > .p-available-badge{ order:6 }
.prod-main-content > .tax-note{ order:7 }
.prod-main-content > #oc-delivery-wrap{ order:8 }
.prod-main-content > form.product-form{ order:9 }


/* الهيدر: مكوناته الداخلية (البحث والسلة والحساب) تتكدس قبل جاهزيتها
   فيبدأ بارتفاع ~228 ثم ينكمش لارتفاعه الحقيقي ويسحب الصفحة كلها فوق |
   هذي كانت آخر قفزة عنيدة بكل الصفحات (0.28) | نثبته على ارتفاعه
   النهائي المقاس والتثبيت يفك تلقائيا لحظة جاهزية مكوناته */
header:has(salla-search:not(.hydrated)){ height:100px; overflow:hidden }
@media (min-width:769px){
  header:has(salla-search:not(.hydrated)){ height:96px; overflow:hidden }
}


/* خطوط ثيم عالي (PingARLT): الثيم يحملها بوضع التبديل فتهز النصوص
   لما توصل | نعيد تعريفها بوضع الخط الثابت (نفس سياسة IBM Plex):
   من يوصله الخط بوقت الرسم يشوفه، ومن لا فخط النظام بدون أي قفز */
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Regular.woff2?v=0.2') format('woff2');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Light.woff2?v=0.2') format('woff2');font-weight:300;font-style:normal;font-display:optional}
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-ExtraLight.woff2?v=0.2') format('woff2');font-weight:200;font-style:normal;font-display:optional}
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Thin.woff2?v=0.2') format('woff2');font-weight:100;font-style:normal;font-display:optional}
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Medium.woff2?v=0.2') format('woff2');font-weight:500;font-style:normal;font-display:optional}
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Bold.woff2?v=0.2') format('woff2');font-weight:700;font-style:normal;font-display:optional}
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Black.woff2?v=0.2') format('woff2');font-weight:900;font-style:normal;font-display:optional}
@font-face{font-family:PingARLT;src:url('https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Heavy.woff2?v=0.2') format('woff2');font-weight:800;font-style:normal;font-display:optional}