.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;
  }
}

.iti__arrow {
display: none;
}

.iti__flag-container {
    pointer-events: none;
}

/* focus / filled state */
#address_phone:focus + label,
#address_phone:not(:placeholder-shown) + label {
    left: 85px !important;
}

/* intl input wrapper */
#address_phone.iti__tel-input {
    width: 100%;
}
.iti {
    width: 100%;
}

/* IMPORTANT: flag +91 ke liye proper space */
.iti--separate-dial-code .iti__tel-input {
    padding-left: 120px !important;
}

/* full width */
.phone-field .iti {
    width: 100%;
}

/* input spacing */
.phone-field .iti--separate-dial-code .iti__tel-input {
    padding-left: 120px !important;
}

/* 🔥 FIX: label always top pe rahe (no overlap) */
.phone-field label {
    top: -12px !important;
    font-size: 12px;
    color: #666;
}