.elementor-619 .elementor-element.elementor-element-1fb1573{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-619 .elementor-element.elementor-element-31c91ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-619 .elementor-element.elementor-element-a400fda{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-a400fda *//* wrapper (for future arrows if needed) */
.category-bar-wrap{
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #F09B12;
}

/* category bar */
.category-bar{
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;

  /* scroll hint (fade edges) */
  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 12px,
    #000 calc(100% - 12px),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 12px,
    #000 calc(100% - 12px),
    transparent 100%
  );
}

/* buttons */
.category-bar a{
  flex: 0 0 auto;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: background-color .2s ease, color .2s ease, transform .1s ease;
}

/* hover (desktop) */
.category-bar a:hover{
  background: #000000;
  color: #ffffff;
}

/* active tap + selected */
.category-bar a:active,
.category-bar a.active{
  background: #D00000;
  color: #ffffff;
  transform: scale(.96);
}/* End custom CSS */