* {
  margin: 0;
  padding: 0;
}

.app {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

// sidebar
.sidebar {
  width: 300px;
  padding: 10px;
}

.filter-list {
  .filter-item {
    padding: 10px 0;
  }
}


.app-divider>div[data-v-3780cdd9] {
  min-height: calc(100vh - 20px);
  /* Adjust height considering header/footer */
}
.sticky-sidebar[data-v-3780cdd9] {
  position: sticky;
  top: 40px;
  max-width: 365px;
  /* Align with the bottom of the header */
  height: calc(100vh - 80px);
  /* Height of viewport minus header/footer */
  overflow-y: auto;
}
body.make-model .sticky-sidebar[data-v-3780cdd9] {
  overflow: visible;
  z-index: 9999;
}

/* Custom scrollbar styles */
.sticky-sidebar[data-v-3780cdd9]::-webkit-scrollbar {
  width: 0;
  /* Width of the scrollbar */
}
.sticky-sidebar[data-v-3780cdd9]::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Color of the track */
}
.sticky-sidebar[data-v-3780cdd9]::-webkit-scrollbar-thumb:hover {
  background: #888;
  /* Color of the thumb */
}
.sticky-sidebar[data-v-3780cdd9]::-webkit-scrollbar-thumb:hover {
  background: #555;
  /* Color of the thumb when hovered */
}
@media (max-width: 968px) {

  /* Adjustments for smaller screens */
.sticky-sidebar[data-v-3780cdd9] {
    max-width: 0;
    height: auto;
    position: relative;
}
}

