/* Header (desktop) "Hesabım" dropdown animation overrides */

#hbHesabimDesktopWrap {
  position: relative;
}

/* If existing CSS uses display:none, force animatable hiding */
#hbHesabimDesktopWrap .hb-hesabim-dropdown {
  display: block !important;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  visibility: hidden;
  pointer-events: none;
  transition:
    max-height 220ms ease,
    opacity 160ms ease,
    transform 220ms ease,
    visibility 0s linear 220ms;
  will-change: max-height, opacity, transform;
}

#hbHesabimDesktopWrap.open .hb-hesabim-dropdown {
  max-height: 420px;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
  transition:
    max-height 240ms ease,
    opacity 180ms ease,
    transform 240ms ease,
    visibility 0s;
}

#hbHesabimDesktopWrap .hb-chevron {
  transition: transform 220ms ease;
}

#hbHesabimDesktopWrap.open .hb-chevron {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  #hbHesabimDesktopWrap .hb-hesabim-dropdown,
  #hbHesabimDesktopWrap .hb-chevron {
    transition: none !important;
  }
}