.header-top { position: relative; }

.topbar-center {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
z-index: 10; /* ensure it's above other content */
}

.topbar-center-1 {
  left: 47%;
  transform: translateX(-47%);
  white-space: nowrap;
  z-index: 10; /* ensure it's above other content */
}

.topbar-center-2 {
  left: 53%;
  transform: translateX(-53%);
  white-space: nowrap;
  z-index: 10; /* ensure it's above other content */
}

.topbar-center-3 {
  left: 57%;
  transform: translateX(-57%);
  white-space: nowrap;
  z-index: 10; /* ensure it's above other content */
}

.section-content.section-content__slider {
  padding: 0px 0px;
}

.pt-5 {
  padding-top: 0rem !important;
}

.pb-2 {
  padding-bottom: 0rem !important;
}

.py-5 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.category-item-body p-3 {
  width: 357px;
}

/* Fix for long category list in Shop by Category menu */
.menu--product-categories .menu__content {
  max-height: 400px; /* adjust as needed, e.g., 450px or 500px */
  overflow-y: auto; /* enable vertical scroll */
  overflow-x: hidden; /* hide horizontal scroll */
  scrollbar-width: thin; /* optional: thin scrollbar for modern browsers */
}

/* 📱 Mobile View: Clean, Left Aligned — No Duplication */
@media (max-width: 767px) {
  /* Reset all absolute positioning for mobile */
  .topbar-center,
  .topbar-center-1,
  .topbar-center-2,
  .topbar-center-3 {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    margin-bottom: 5px;
    white-space: normal !important;
    text-align: left !important;
  }

  /* Optional: hide dividers or extra spacing in mobile */
  .header-top .divider {
    display: none;
  }
}