/*
 * AccountSidebar (BH): hesap sayfalarının gezinmesi.
 * Mobil/tablet (< 1024): sayfanın üstünde yatay kayan hap şeridi (demo .kat-cip dili).
 * Masaüstü (≥ 1024): yan panel bloğu (demo .yp-blok + .kat-agac): beyaz kutu, 1 px çizgi, köşe 14, seçili satır gece zemin.
 */
.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar {
  min-width: 0;
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__nav, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__nav, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__nav {
  min-width: 0;
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__heading, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__heading, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__list, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__list, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__list {
  list-style: none;
  margin: 0 calc(-1 * var(--bh-yan));
  padding: 2px var(--bh-yan) 6px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__list::-webkit-scrollbar, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__list::-webkit-scrollbar, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__list::-webkit-scrollbar {
  display: none;
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__list > li, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__list > li, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__list > li {
  flex: none;
  scroll-snap-align: start;
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1.5px solid var(--bh-cizgi-koyu);
  border-radius: var(--bh-r-hap);
  background: var(--bh-yuzey);
  color: var(--bh-metin);
  font-family: var(--bh-font-baslik);
  font-size: 14.5px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
  transition: background-color 0.18s, border-color 0.18s, color 0.18s;
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link:hover, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link:hover, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link:hover {
  border-color: var(--bh-metin);
}

.cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link--active, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link--active, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link--active, .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link--active:hover, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link--active:hover, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link--active:hover {
  background: var(--bh-gece);
  border-color: var(--bh-gece);
  color: var(--bh-beyaz);
}

@media (min-width: 1024px) {
  .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__nav, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__nav, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__nav {
    position: sticky;
    top: calc(var(--bh-ust-h, 120px) + 16px);
    padding: 8px;
    background: var(--bh-yuzey);
    border: 1px solid var(--bh-cizgi);
    border-radius: var(--bh-r-kutu);
  }

  .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__heading, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__heading, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__heading {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    display: block;
    padding: 8px 10px 6px;
    font-family: var(--bh-font-baslik);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--bh-soluk);
  }

  .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__list, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__list, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__list {
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 2px;
    overflow: visible;
  }

  .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link {
    display: flex;
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--bh-r-s);
    background: transparent;
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: 0;
  }

  .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link:hover, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link:hover, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link:hover {
    background: var(--bh-yuzey-2);
  }

  .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link--active, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link--active, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link--active, .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link--active:hover, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link--active:hover, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link--active:hover {
    background: var(--bh-gece);
    color: var(--bh-beyaz);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_l1ww2wk6_5KtH0TnDXu .account-sidebar__link, .cc_l1ww2wk6_cS97xCVuBA .account-sidebar__link, .cc_l1ww2wk6_vqUHwgUGQ6 .account-sidebar__link {
    transition: none;
  }
}