/* Zohi Tab Auto Scroll - CSS */
/* Yatay kaydırma alanı (tab butonları) */
.tab-titles{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  gap:14px !important;
  justify-content:flex-start !important;
  padding:12px 0 18px !important;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}

/* Butonların tek satır kalması */
.tab-titles .tab-title{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

/* Desktop scrollbar görünür (kullanıcı anlasın diye) */
.tab-titles::-webkit-scrollbar{ height:6px; }
.tab-titles::-webkit-scrollbar-track{ background:#e9e9e9; border-radius:10px; }
.tab-titles::-webkit-scrollbar-thumb{ background:#f0b35a; border-radius:10px; }
.tab-titles::-webkit-scrollbar-thumb:hover{ background:#e0a340; }

/* Sağda "devam var" fade ipucu (isteğe bağlı) */
.tab-titles::after{
  content:"";
  position: sticky;
  right: 0;
  width: 32px;
  pointer-events:none;
  background: linear-gradient(to right, transparent, #fff);
}