.nav-count-chip {
  display: none;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f72585, #b5179e);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}

.nav-count-chip:not([hidden]) {
  display: inline-flex;
}

.nav-country-count:not([hidden]) {
  display: none;
}

.nav-vitamin-trigger,
.nav-platform-trigger,
.nav-country-trigger {
  min-width: 0;
}

#nav-vitamin-count,
#nav-platform-label {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .nav-selectors {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .nav-country-trigger {
    flex-wrap: nowrap;
    max-width: min(34vw, 132px);
    padding: 8px 10px;
    gap: 6px;
  }

  .nav-country-flags {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 44px;
    overflow: hidden;
    gap: 0;
  }

  .nav-country-flags img {
    width: 22px !important;
    height: 16px !important;
    margin-inline-start: -8px;
    flex: 0 0 auto;
    box-shadow: 0 0 0 1px rgba(10, 14, 26, 0.55);
  }

  .nav-country-flags img:first-child {
    margin-inline-start: 0;
  }

  .nav-country-flags img:nth-child(n + 3) {
    display: none;
  }

  .nav-country-count:not([hidden]) {
    display: inline-flex;
  }

  .nav-vitamin-trigger,
  .nav-platform-trigger {
    flex-wrap: nowrap;
    gap: 6px;
    padding: 8px 10px;
    font-size: 0.74rem;
  }

  #nav-vitamin-count,
  #nav-platform-label {
    display: inline;
    max-width: none;
  }
}