/* === Alt menü (ticker sonrası) === */
.af24-subnav{
  position: sticky;
  top: var(--af24-sticky-top, 0px); 
  z-index: 40;

  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.08);
}


.af24-subnav__inner{
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 10px 12px;

  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;

  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.af24-subnav__inner::-webkit-scrollbar{
  display: none;
}

.af24-subnav__item{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 34px;
  padding: 0 12px;

  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);

  text-decoration: none;
  color: #222;
  font-size: 13px;
  font-weight: 600;

  scroll-snap-align: start;
  flex: 0 0 auto;
}

.af24-subnav__item:hover{
  background: rgba(0,0,0,.05);
}

/* aktif */
.af24-subnav__item.is-active{
  border-color: rgba(0,0,0,.20);
  background: rgba(0,0,0,.08);
}


@media (min-width: 992px){
  .af24-subnav__inner{
    justify-content: flex-start;   /* center or flex-start */
    padding: 12px 16px;
  }
}
