/* للجوال فقط */
@media (max-width: 991px) {
    .s-block--photos-slider {
        margin-top: -20px !important;
        padding-top: 0 !important;
    }
}

/* للكمبيوتر */
@media (min-width: 992px) {
    .s-block--photos-slider {
        margin-top: 20px !important; /* عدل الرقم حسب المسافة اللي تناسبك */
    }
}
/* تقليل المسافة بين عناصر الجريد */
.grid.grid-cols-3.gap-3.sm\:gap-8 {
  gap: 8px !important;        /* للجوال/الافتراضي */
}

@media (min-width: 640px) {   /* sm */
  .grid.grid-cols-3.gap-3.sm\:gap-8 {
    gap: 12px !important;     /* للتابلت */
  }
}

@media (min-width: 1024px) {  /* lg */
  .grid.grid-cols-3.gap-3.sm\:gap-8 {
    gap: 16px !important;     /* للكمبيوتر */
  }
}
/* تقليل المسافة بين عناصر الجريد في هذا القسم */
.grid.grid-cols-2.lg\:grid-cols-3.gap-3.sm\:gap-8 {
    gap: 8px !important;
}

/* للجوال */
@media (max-width: 640px) {
    .grid.grid-cols-2.lg\:grid-cols-3.gap-3.sm\:gap-8 {
        gap: 6px !important;
    }
}

/* للكمبيوتر */
@media (min-width: 1024px) {
    .grid.grid-cols-2.lg\:grid-cols-3.gap-3.sm\:gap-8 {
        gap: 12px !important;
    }
}
/* استيراد خط Tajawal */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

/* تطبيق الخط على المتجر كامل */
body,
h1,h2,h3,h4,h5,h6,
p,
span,
a,
button,
input,
textarea {
    font-family: 'Tajawal', sans-serif !important;
}