/* 1) استيراد وزني Hacen Tunisia (Light + Bold) */
@import url('https://fonts.cdnfonts.com/css/hacen-tunisia-bd?styles=30047,30048');

/* 2) تفعيل الخط – يفترض أن ملف الـ CSS يعرّف وزنين باسمين مشابهَيْن:  
       "Hacen Tunisia Lt"   ← الوزن الخفيف  
       "Hacen Tunisia Bd"   ← الوزن العريض  
   -> افتح DevTools → Network → css لترى الأسماء بالضبط، وعدِّلها هنا إذا اختلفت. */

/* الخط الأساسي (نصوص الموقع) – وزن خفيف 300 أو 400 */
body {
  font-family: 'Hacen Tunisia Lt', 'Hacen Tunisia', sans-serif;
  font-weight: 300;          /* لو لاحظت أن الخط لا يظهر خفيفاً جرِّب 400 */
}

/* العناوين والنصوص المسمَّكة – وزن عريض 700 */
h1, h2, h3, h4, h5, h6,
strong, b {
  font-family: 'Hacen Tunisia Bd', 'Hacen Tunisia', sans-serif;
  font-weight: 700;
}

/* لو أردت إبقاء نفس العائلة لكن بالوزن فقط:  
   body { font-family:'Hacen Tunisia', sans-serif; font-weight:300; }  
   h1… { font-family:'Hacen Tunisia', sans-serif; font-weight:700; } */



----------------------------------------------------------------------------------------------------------------

.s-product-card-image.grow-0 {
  transition: transform .35s;
}
.s-product-card-image.grow-0:hover {
  transform: scale(1.05);
}

.subcat-slider {
  display: inline-block;
  padding: 10px 20px;
  background: linear-gradient(135deg, #4a90e2, #357ab7);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 12px; /* الأطراف المنحنية */
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none; /* إذا كان زر رابط */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* تأثير عند المرور بالماوس */
.subcat-slider:hover {
  background: linear-gradient(135deg, #5aa4f3, #3d8bd0);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/* تأثير الضغط */
.subcat-slider:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}