/* Add custom CSS styles below */ 
/* إخفاء وثيقة العمل الحر في الفوتر */
.footer-vat {
    display: none !important;
}
---------------------------------------------------
/* منع إعادة الرسم المستمر لعناصر غير ضرورية */
* {
    transform: translate3d(0,0,0); /* يحسّن أداء الرسوميات */
    backface-visibility: hidden;
}
---------------------------------------------------
/* استخدام خطوط النظام بدل الخطوط الكبيرة */
body {
    font-family: system-ui, sans-serif;
}
---------------------------------------------------
/* مثال: إخفاء وثيقة العمل الحر مؤقتًا لتسريع الصفحة */
.footer-vat {
    display: none !important;
}
---------------------------------------------------
@font-face {
  font-family: 'Pingar LT';
  src: url('/fonts/pingarlt.woff2') format('woff2');
  font-display: swap;
}
----------------------------------------------------
/* ============================
  تثبيت حجم شعار الفوتر لتقليل CLS
============================ */
.store-footer img.logo-light {
  width: 200px;       /* العرض الثابت */
  height: 100px;      /* الارتفاع الثابت */
  max-width: 100%;    /* ليبقى مرن على الجوال */
  aspect-ratio: 2 / 1; /* نسبة العرض للارتفاع */
  display: block;     /* يمنع فراغات إضافية */
  object-fit: contain; /* الصورة لا تتشوه */
}

/* ============================
  حجز مساحة لكل الصور في الفوتر
============================ */
.store-footer img {
  min-width: 50px;     /* الحد الأدنى للعرض */
  min-height: 25px;    /* الحد الأدنى للارتفاع */
}

/* ============================
  منع تحريك النصوص أثناء تحميل الخطوط
============================ */
body {
  font-display: swap; /* الخطوط تعرض نص افتراضي أولًا */
}

/* ============================
  تحسين CLS لصور المنتجات
============================ */
.product-item img {
  width: 100%;           /* العرض متجاوب */
  height: auto;          /* يحافظ على نسبة الارتفاع */
  aspect-ratio: 1 / 1;  /* مربع للمنتج */
  display: block;        /* يمنع تحريك النصوص أو الصور */
  object-fit: cover;
}