html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Scrollbar Hiding */
.custom-scrollbar::-webkit-scrollbar {
  display: none;
}
.custom-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 1. Reliable Dropdown Hover Trigger */
.menu-parent {
  position: relative;
}

/* Hover ya Focus hone par dropdown dikhe */
.menu-parent:hover .dropdown-menu,
.menu-parent:focus-within .dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.dropdown-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 999999 !important;
}

/* 2. Banner Cross-Fade */
.banner-slide {
  transition: opacity 0.8s ease-in-out;
}

/* 3. Mobile Slide-Up Filter Drawer */
#mobileFilterDrawer {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.group:hover > div {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}