/* ---- Basket nav badge (standalone "Basket" row, sidebar + drawer) ---- */
.nav-basket-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6630d1;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  border-radius: 999px;
  box-sizing: border-box;
  line-height: 1;
  margin-left: auto;
  flex-shrink: 0;
}

/* ---- Hamburger dot (mobile only, CSS pseudo-element on #mobile-hamburger,
   toggled via .has-nav-dot on the stable #mobile-header parent so it survives
   the shop header's innerHTML swap) ---- */
@media (max-width: 768px) {
  #mobile-header.has-nav-dot #mobile-hamburger::after {
    content: '';
    position: absolute;
    top: -6px;
    right: -8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #6630d1;
    border: 2px solid #ffffff;
    pointer-events: none;
  }
}