/* ===========================================================================
   Block: hero (Homepage) — block-specific styles
   ملاحظة: أنيميشن الـatom (si-atom / si-ring-* / si-ball-* / fade-in-*)
   معرّف في الـCSS العام (main.css) ومكوّنات Alpine (atom/offer) في main.min.js.
   الملف ده لأي تعديلات خاصة بالبلوك بس.
   =========================================================================== */

/* شريط الكروت: إخفاء scrollbar على الموبايل مع إبقاء التمرير الأفقي */
.acf-block-preview ul[class*="auto-cols-"]::-webkit-scrollbar,
section.bg-lg-20 ul[class*="auto-cols-"]::-webkit-scrollbar {
    height: 0;
    background: transparent;
}

/* ضمان ظهور الـatom بحجم سليم داخل معاينة المحرر */
.acf-block-preview .si-atom {
    max-width: 360px;
}