.f-carousel__track {
    align-items: normal;
}


#subcategory {
  --f-carousel-slide-width: calc((90% - (10px * 1)) / 2);
  --f-carousel-spacing: 10px;
  
    --f-button-bg: hsl(0deg 0% 100% / 70%);
    --f-button-color: var(--color-primary);
    --f-button-width: 26px;
    --f-button-height: 26px;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-border-radius: .5rem;
  
    --f-carousel-dots-width: 8px;
    --f-carousel-dots-height: 8px;
    --f-carousel-dot-width: 0px;
    --f-carousel-dot-height: 0px;
}

#subcategory .f-carousel__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  opacity: var(--f-progress, 1);
  transform: scale(var(--f-scale, 1));
  
  
}

@media (min-width: 1024px) {
  #subcategory {
    --f-carousel-slide-width: calc((95% - (10px * 4)) / 5);
  }
}

#subcategory .f-carousel__dots li {
    margin: 2px;
}
#subcategory .f-carousel__dots li button {
    background: rgb(6 6 6 / 46%);
}