.categoryWrapper { gap: 8px; }
.categoryWrapper .carouselContainer { min-width: 0; flex: 1 1 0; overscroll-behavior-x: contain; cursor: grab; }
.categoryWrapper .categoryItem { flex-shrink: 0; }
.categoryWrapper .allCategory { position: static; margin: 0; }
.categoryWrapper .carouselContainer.is-dragging { cursor: grabbing; scroll-behavior: auto; user-select: none; }
.categoryWrapper .categoryImage { pointer-events: none; }
.category-scroll-button {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; flex: 0 0 40px;
    border: 1px solid #d9e6e1; border-radius: 50%; background: #fff; color: #176f63;
    cursor: pointer;
}
.category-scroll-button[hidden] { display: none; }
.category-scroll-button:disabled { opacity: .35; cursor: default; }
.category-scroll-button:hover:not(:disabled) { background: #def5e5; }
.category-scroll-button:focus-visible, .carouselContainer:focus-visible,
.categoryWrapper .categoryItem:focus-visible { outline: 2px solid #176f63; outline-offset: -2px; }
.category-scroll-button svg { width: 18px; height: 18px; }
html[lang="ar"] .category-scroll-button svg { transform: rotate(180deg); }
@media (max-width: 767.98px) {
    .categoryWrapper { gap: 6px; }
    .category-scroll-button { width: 32px; height: 40px; flex-basis: 32px; border-radius: 12px; }
}