_tabItemBox_1pby2_691 {
  border: 1px solid #ffffff !important;
  border-radius: 10px !important;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.25) !important;
  box-sizing: border-box !important;
  margin-right: 10px !important;
  transition: all 0.25s ease !important;
}

._tabItemBox_1pby2_691._select_1pby2_865 {
  border: 1px solid transparent !important;
  border-radius: 8px;
  background: linear-gradient(135deg, #0e9ae8, #19a4f1) !important;
  box-shadow: 0 0 12px rgba(184, 134, 11, 0.7) !important;
}

._tabItemBox_1pby2_691._select_1pby2_865,
._tabItemBox_1pby2_691._select_1pby2_865 span,
._tabItemBox_1pby2_691._select_1pby2_865 font {
  color: #fff !important;
}

/* Bottom nav - normal state */
._homebarsBox_ad37q_55 > div {
  transition: all 0.25s ease !important;
}
._homebarsBox_ad37q_55 > div span {
  color: rgba(255, 255, 255, 0.65) !important;
}
._homebarsBox_ad37q_55 > div svg *[stroke] {
  stroke: rgba(255, 255, 255, 0.65) !important;
}
._homebarsBox_ad37q_55 > div svg *[fill] {
  fill: rgba(255, 255, 255, 0.65) !important;
}

/* Bottom nav - active state */
._active_ad37q_560 span {
  color: #ffd166 !important;
  font-weight: 700 !important;
  font-size: 18px!important;
}
._active_ad37q_560 svg *[stroke] {
  stroke: #fff !important;
  width: 40rem!important;
  height: 40!important;
}
._active_ad37q_560 svg *[fill] {
  fill: #ffd166 !important;
}
._active_ad37q_560 {
  position: relative !important;
}
._active_ad37q_560::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 24px !important;
  height: 2px !important;
  background: #ffd166 !important;
  border-radius: 2px !important;
}

/* Prevent "Customer Service" text from wrapping to 2 lines */
._homebarsBox_ad37q_55 > div:nth-child(4) span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  max-width: 100% !important;
}

/* ===== Premium bottom nav redesign (overrides earlier basic version) ===== */

/* Normal state - subtle gold tint on all items */
 ._homebarsBox_ad37q_55 > div span {
  color: rgba(230, 190, 120, 0.75) !important;
  transition: color 0.25s ease !important;
}
._homebarsBox_ad37q_55 > div svg *[stroke] {
  stroke: rgba(230, 190, 120, 0.75) !important;
  transition: stroke 0.25s ease !important;
}
._homebarsBox_ad37q_55 > div svg *[fill] {
  fill: rgba(230, 190, 120, 0.75) !important;
  transition: fill 0.25s ease !important;
}
._homebarsBox_ad37q_55 > div {
  transition: all 0.25s ease !important;
} 





/* Remove the earlier top-bar indicator */
._active_ad37q_560::before {
  content: none !important;
}

/* Active state - pill/badge background */
._active_ad37q_560 {
  background: linear-gradient(135deg, #ffe08a, #d4a017) !important;
  border-radius: 10px !important;
  padding: 4px 10px !important;
  box-shadow: 0 3px 10px rgba(212, 160, 23, 0.5), 0 0 0 1px rgba(255, 224, 138, 0.3) inset !important;
  transform: translateY(-2px) !important;
}
._active_ad37q_560 span {
  color: #1a1200 !important;
  font-weight: 700 !important;
}
._active_ad37q_560 svg *[stroke] {
  stroke: #1a1200 !important;
}
._active_ad37q_560 svg *[fill] {
  fill: #1a1200 !important;
}

/* ===== Fix: normal item border+bg separation, active icon/text visibility & size ===== */

/* Normal state - add border + background box for separation */
._homebarsBox_ad37q_55 > div {
  border: 0px solid rgba(230, 190, 120, 0.25) !important;
  background: rgba(230, 190, 120, 0.06) !important;
  border-radius: 10px !important;
  padding: 4px 8px !important;
}

/* Active state - force icon dark & visible regardless of internal svg structure */


._active_ad37q_560 svg {
  filter: brightness(0) saturate(100%) !important;
  transform: scale(1.15) !important;
  transition: transform 0.25s ease !important;
}

/* Active state - text bigger & bold */
._active_ad37q_560 span {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

._homebarsBox_ad37q_55 > div span {
    font-size: 16rem !important;
}
/* Active pill - slightly bigger than normal items */
._active_ad37q_560 {
  transform: translateY(-2px) scale(1.05) !important;
}

/* ===== Refinement: tighter gap, active pill spacing, gradient bg, white icon/text ===== */

/* Reduce gap between nav items, tighter box like categories */
._homebarsBox_ad37q_55 {
  justify-content: center !important;
  gap: 8px !important;
}
/*._homebarsBox_ad37q_55 > div {*/
/*  flex: 0 0 auto !important;*/
/*  padding: 5px 9px !important;*/
/*}*/

/* Active pill - gradient bg matching category style, more icon/text spacing */
._active_ad37q_560 {
  background: linear-gradient(135deg, #b8860b, #8b4513) !important;
  border: 1px solid #ffe08a !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 60px 12px !important;
}

/* Active icon & text - white */
._active_ad37q_560 svg {
  filter: brightness(0) invert(1) !important;
}
._active_ad37q_560 span {
  color: #ffffff !important;
}

/* ===== Fix: restore space-between, use inner padding instead of gap ===== */
._homebarsBox_ad37q_55 {
  justify-content: space-between !important;
  gap: 0 !important;
}
._homebarsBox_ad37q_55 > div {
    flex: initial !important;
    padding: 10px 5px !important;
    margin-bottom: 8px!important;
}










._homebarsBox_ad37q_55 > div svg {
    width: 36rem !important;
    height: 36rem !important;
    margin-bottom: 0rem !important;
}