/* بوابتي: مؤشر تمرير سلايدر التصنيفات للجوال فقط.
   هذا الملف لا يغيّر الهيدر أو ملفات CSS العامة. */
@media (max-width:700px){
  #categories-slider.category-slider{
    position:relative;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-x;
    padding-bottom:18px!important;
  }
  #categories-slider.category-slider::-webkit-scrollbar{display:none}
  #categories-slider .category-track{
    display:flex!important;
    grid-auto-flow:initial!important;
    grid-auto-columns:initial!important;
    gap:8px!important;
    width:max-content;
    min-width:100%;
    transform:none!important;
    transition:none!important;
  }
  #categories-slider .category-track>.category-art{
    flex:0 0 calc((100vw - 44px)/2);
    width:calc((100vw - 44px)/2);
    min-width:calc((100vw - 44px)/2);
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .category-slider-wrap>.slider-arrow{display:none!important}

  /* مسار واضح أسفل سلايدر التصنيفات يلمّح إلى إمكانية التمرير الأفقي. */
  #categories-slider.category-slider::after{
    content:"";
    position:absolute;
    z-index:3;
    inset-inline:0;
    bottom:4px;
    height:3px;
    border-radius:999px;
    background:rgba(18,60,53,.15);
    pointer-events:none;
  }
  #categories-slider.category-slider::before{
    content:"";
    position:absolute;
    z-index:4;
    bottom:4px;
    inset-inline-start:0;
    width:34%;
    max-width:112px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#d8bd83,#123c35);
    box-shadow:0 0 5px rgba(18,60,53,.18);
    pointer-events:none;
    animation:categorySwipeHint 2.2s ease-in-out infinite alternate;
  }
}
@keyframes categorySwipeHint{
  from{transform:translateX(0)}
  to{transform:translateX(18px)}
}
@media (prefers-reduced-motion:reduce){
  #categories-slider.category-slider::before{animation:none}
}