/* 1. إصلاح قسم التصنيفات العلوية (ليظهر أكثر من عنصر في الجوال) */
[section-id="2735e07a-495a-4eb8-9b3d-54d6bc41d93f"] .embla {
  --slide-size: 42% !important; /* يعرض عنصرين وجزء من الثالث في الجوال */
}
@media (min-width: 1024px) {
  [section-id="2735e07a-495a-4eb8-9b3d-54d6bc41d93f"] .embla {
    --slide-size: 20% !important; /* 5 عناصر في الكمبيوتر */
  }
}

/* 2. تصغير وضبط قسم العلامات التجارية (القسم السفلي) */
[section-id="3c5d6186-fee0-4e3a-b2d9-e210b6e297c3"] .embla {
  --slide-size: 30% !important; /* يعرض 3 عناصر وجزء من الرابع في الجوال */
}
@media (min-width: 1024px) {
  [section-id="3c5d6186-fee0-4e3a-b2d9-e210b6e297c3"] .embla {
    --slide-size: 15% !important; /* يعرض عناصر أكثر في الكمبيوتر */
  }
}

/* تحسين شكل صور العلامات التجارية لتناسب الشعارات */
[section-id="3c5d6186-fee0-4e3a-b2d9-e210b6e297c3"] .embla__slide img {
  aspect-ratio: 1 / 1 !important; /* جعلها مربعة */
  object-fit: contain !important; /* منع قص الشعار من الأطراف */
  padding: 12px; /* مسافة داخلية لترتيب الشعار */
  background-color: #ffffff; /* خلفية بيضاء للشعار */
  border: 1px solid #f1f1f1; /* إطار خفيف جداً */
  border-radius: 50% !important; /* جعل العلامة التجارية دائرية (شكل عصري) */
}

/* تصغير خط أسماء العلامات التجارية لتناسب الحجم الجديد */
[section-id="3c5d6186-fee0-4e3a-b2d9-e210b6e297c3"] .embla__slide h3 {
  font-size: 13px !important;
  text-align: center !important;
  margin-top: -5px;
}

/* 1. إصلاح وتكبير السعر الحالي ليتصدر التسلسل البصري */
[data-product-card] p.text-foreground.text-sm.font-semibold {
    font-size: 1.15rem !important; /* تكبير الحجم */
    color: var(--primary) !important; /* استخدام اللون البني الأساسي للمتجر */
    font-weight: 800 !important;
}

/* 2. تهميش السعر القديم (المشطوب) لزيادة تأثير الخصم النفسي */
[data-product-card] .text-destructive.line-through {
    font-size: 0.85rem !important;
    opacity: 0.6;
}

/* 3. إبراز شارة الخصم بشكل احترافي */
[data-product-card] .bg-success\/20 {
    background-color: #e6f6ec !important; /* خلفية خضراء هادئة */
    color: #008a3c !important; /* نص أخضر داكن للتباين */
    font-weight: 700 !important;
    border: 1px solid #b3e3c5;
    transform: scale(1.05); /* تكبير الشارة قليلاً */
}

/* 4. تأثير (Hover) احترافي لبطاقة المنتج بالكامل */
[data-product-card] {
    transition: all 0.3s ease-in-out;
    border-radius: var(--radius);
    padding: 8px; /* مساحة تنفس داخلية */
}
[data-product-card]:hover {
    transform: translateY(-4px); /* رفع البطاقة للأعلى قليلاً */
    box-shadow: 0 10px 25px rgba(90, 66, 42, 0.1); /* ظل ناعم بلون الهوية */
}

/* تخصيص شريط التمرير للمتصفحات */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F6F5F4; /* لون الخلفية الثانوية للمتجر */
}
::-webkit-scrollbar-thumb {
  background: #A89C90; /* لون الأكسنت */
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #5a422a; /* اللون الأساسي عند التمرير */
}

/* إزالة وميض النقر المزعج في الجوال */
* {
  -webkit-tap-highlight-color: transparent;
}